/* ------------------------------------------------------------ *\
	Home Page
\* ------------------------------------------------------------ */

.header{
  background: #555;
}

.Badge2 {
    height: 64px;
}

div .software .hero-section {
  padding: 90px 0 0 0;
}

body{
  background: #fff;
}

a.btn.green.signup {
  background-color: #5BC07B;
  border: 1px solid #5BC07B;
  color: #fff;
  cursor: pointer;
  margin-top: 3px;
}

a.btn.green.signup:hover {
  outline: none;
  color: #5BC07B;
  background-color: rgba(255,255,255,0);
  border-color: #5BC07B;
}

.software .hero-section.register{
	background: url('../imagesBuild/signupbackground.jpg') no-repeat center bottom;
	background-color: #f9f9f9;
	height: 980px;
}
/*
.hero-section .btn.darkgray{
	background-color: #777;
  border: 1px solid #777;
}*/

#owl-demo3.owl-carousel .owl-stage-outer{
	background-color: #f1f1f1;
}

.hero-section .container{
	width: 100%;
}

.signupimg{
	position: relative;
}

@media (max-width: 768px){
	#owl-demo3 .item,  #owl-demo3 .item div{
		height:60vw;
		/*margin: 0 6px;*/
	}

	#owl-demo3.owl-carousel .owl-stage-outer{
		max-height: 60vw !important;
	}

	#owl-demo3 .imgasset{
		float: right;
		width: 100%;
		height:220px;
	}

	.container div.pitchImg{
		height:220px;
	}
	.main div.pitch{
		padding:20px 0 30px 0;
	}
	.main.software .features{
		padding:20px 0 30px 0;
	}
}

@media (min-width: 769px){
	#owl-demo3 .item{
		width:100%;
		height:820px;
	}

	#owl-demo3.owl-carousel .owl-stage-outer{
		max-height: 820px !important;
	}

	#owl-demo3 .imgasset{
		float: right;
		width: 100%;
		height:520px;
	}

	#owl-demo3 .item .handleImg{
		height:300px;
	}

}

.automatedHomes{
  background: url('../imagesBuild/HOMEHEADER.001.jpg') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}

.PackageFull{
  background: url('../imagesBuild/PackagingFull_Front.jpg') no-repeat center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}

.MobileApp{
  background: url('../imagesBuild/MobileAppScreen.jpg') no-repeat center bottom 0px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}

div.pitch{
	padding:80px 0 100px 0;
}

div.pitch-intro{
	padding:0 0 20px 0;
}

.pitchImg{
	width:100%;
	height:320px;
	vertical-align: middle;
	position: relative;
}

.pitchImg img{
	position: absolute;
  top: 50%;
	left: 50%;
	margin-right: -50%;
  transform: translate(-50%, -50%);
	max-height: 90%;
}

@media (min-width: 992px){
	.SystemBox .col-md-4 {
	  width: 28%;
		padding: 0 4px;
	}
	.SystemBox .col-md-12 {
    width: 90%;
    margin: 0 5%;
	}
	.arrow-md{
		width:8%;
	}
}

@media (max-width: 991px){
	/*.pitch-content .pitchImg img{width: 50%;}*/
	.arrow-md{display: none;}
}

.arrow-md{
	float:left;
	height:180px;
	width:8%;
	background: url('../imagesBuild/arrow.png') no-repeat bottom center;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}

#Diagram.features{
	padding-top: 110px;
}

#Diagram.img-responsive{
	max-width: 90%;
	margin: 0 auto;
}

.feature-sub.apptour{
	/*z-index: -2;*/
	background-color: #000;
	position: relative;
	height:600px;
	overflow: hidden;
}

/* mini app tour */
#canvassz{
	width:100%;
	height:600px;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 1;
}

@media (max-width: 768px){
	div.container{
		width: 98vw;
		margin: 0 auto;
		padding: 0 15px;
		box-sizing: border-box;
	}
	div.apptour .sc1{
		bottom: 80%;
		margin: 0;
	}
	div.apptour .sc1 p{
		width: 90vw;
		margin: 0 auto;
		font-size: 21px;
	}
	div.apptour .intro-actions{
		margin-left: -10px;
		bottom: 70%;
		display: flex;
		width: 100%;
	}
	div.apptour .link-down{
		margin: 0 auto;
	}
	div.apptour .HomeScreenfix .PhoneBox{
		margin: 0 auto;
		right:0px;
		position: relative;
	}
}

.apptour article{
	margin-left: 8.33%;
	margin-top: 200px;
}

.apptour .sc1{
  /*margin-left: 8.33%;
  position: absolute;
  bottom: 280px;*/
	position: relative;
  z-index: 60;
	font-family: 'Poppins';
}

.apptour .section-content h1{
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2em;
	letter-spacing: -1px;
	margin: 20px 0;
	font-family: HelveticaNeue, serif;
	color:#fff;
}

.apptour .section-content p{
  padding-right: 0px;
  width:380px;
	color: #aaa;
	font-size: 14px !important;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 1.5;
	margin: 0;
}

.apptour .intro-actions{
	/*position: absolute;
	bottom:170px;
	margin-left: 8.33%;*/
	z-index: 50;
}

.apptour .link-down {
	width: 25px;
	height: 25px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb04 2s infinite;
	animation: sdb04 2s infinite;
}

.apptour .intro-actions .btn{
	z-index: 60;
	position: relative;
	/*display: inline-block;
	position: relative;
	top:45px;
	left:-77px;*/
}

.link-down {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 70px;
	height: 70px;
	display: inline-block;
	vertical-align: middle;
	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: #fff;
	margin: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
}

@-webkit-keyframes sdb04 {
	0% {-webkit-transform: rotate(-45deg) translate(0, 0);}
	20% {-webkit-transform: rotate(-45deg) translate(-10px, 10px);}
	40% {-webkit-transform: rotate(-45deg) translate(0, 0);}
}
@keyframes sdb04 {
	0% {transform: rotate(-45deg) translate(0, 0);}
	20% {transform: rotate(-45deg) translate(-10px, 10px);}
	40% {transform: rotate(-45deg) translate(0, 0);}
}

.software .feature-sub.apptour{
	padding: 0px;
}

.software .apptour article{
	position: relative;
	float: left;
	z-index: 10;
}

body .main .listFeature {
  padding: 180px 0 0px 0;
}

#Diagram{
	padding: 0;
}

.apptour .HomeScreenfix{
	/*width:100%;*/
	/*max-width: 1170px;*/
	height:600px;
	/*margin: 0 auto;*/
	padding:0 10px;
	box-sizing: border-box;
	position: relative;
	top:0px;
	float:right;
	/*margin-right: 8.33%;*/
}

.apptour .HomeScreenfix .PhoneBox{
  background-image: url('/images/iPhoneWht_00HomeScreen.png');
  width:311px;
  height:650px;
}

.apptour .HomeScreenfix .PhoneBox{
  position: absolute;
  z-index: 33;
  bottom:-220px;
	right:20px;
}

.carousel .container{
	padding: 0;
}

/* ------------------------------------------------------------ *\
	carousel
\* ------------------------------------------------------------ */

@media (max-width: 500px){
	.owl-carousel .owl-stage-outer{max-height: calc(100vw / 0.8) !important;}
}

@media (min-width: 500px) and  (max-width: 1200px){
	.owl-carousel .owl-stage-outer{max-height: calc(100vw / 1.8) !important;}
}

@media (min-width: 1200px) and (max-width: 1550px){
	.owl-carousel .owl-stage-outer{max-height: calc(100vw / 2.5) !important;}
}

@media (min-width: 1551px){
	.owl-carousel .owl-stage-outer{max-height: calc(100vw / 3.5) !important;}
}

.owlmar{padding:4px 8px 0 3px;}

.carousel { width:100%; position:relative; display:inline-block; position: relative; margin: 0 auto; /*background-color: #2f2d2f;*/}
.carousel .container{width:100%; height:100%;}

#owl-demo2{margin-top: 5px;}

.owl-carousel .item{
	width:100%;
	padding-bottom:120%;
	position: relative;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
	margin: 0 5px;
}

.owl-carousel .item > article {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;

	color: white;
	font-size: 24px;
	text-align: center;
}

.owl-carousel .item header{
	padding-top: 100px;
	font-size: 30px;
	font-weight: 400;
}

.owl-carousel .item p{
	font-size: 18px;
	font-weight: 300;
	margin:10px 40px;
}

.carousel .ImgDemo{background-image: url('/imagesBuild/tiles/Demo.png');}
.carousel .Imgmarket{background-image: url('/imagesBuild/tiles/Marketing.png');}
.carousel .ImgMission{background-image: url('/imagesBuild/tiles/Mission-Control.png');}
.carousel .Imgtraining{background-image: url('/imagesBuild/tiles/training.png');}

.fIcon{
	width:54px;
	height:54px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
}

/* Lighting Feature Icons */
.Icon-marketing{background-image: url('/images/Icons/marketing.png');}
.Icon-revenue{background-image: url('/images/Icons/revenue.png');}
.Icon-setup{background-image: url('/images/Icons/setup.png');}
.Icon-support{background-image: url('/images/Icons/support.png');}
.Icon-training{background-image: url('/images/Icons/training.png');}
.Icon-warrenty{background-image: url('/images/Icons/warrenty.png');}

.playicons{
  height: 96px;
  margin: 10px 0 40px 0;
}