*{margin:0; padding:0;}

body{margin:0px; padding:0; line-height:18px; font-family:Arial, Helvetica, sans-serif;}

.maincontainer{width:100%;}

.wrap {display: block; margin-left: auto; margin-right: auto; max-width: 1280px;}
.site-header {/*position: fixed;*/ z-index: 99; width: 100%; background-color: rgba(255, 255, 255, 0.9); padding:10px 0; border-bottom:1px solid #CCCCCC;}
.site-header .site-branding {float: left; float: left; clear: none; width: 16.75%; background: margin-left: 0; margin-right: 3%;}
.main-navigation {height: 40px; display: block; float:right; clear: none; width: 100%; margin-left: 0; /*margin-right: 3%;*/ margin-top:0px;}
.navbar {position: relative; min-height: 40px!important; margin-bottom: 20px; border: 1px solid transparent;}
.main-navigation:last-child {margin-right: 0;}
.slider-wrap {display: block; margin-left: auto; margin-top:30px; margin-bottom:60px; margin-right: auto; max-width: 1280px;}

.video-inter-img{width:70%; margin:0 auto; }
.video-inter-img img{width:100%; margin:0 auto;}

.navbar-brand {
    float: left;
    /* height: 50px; */
	background: url(../images/smart-home-logo.svg) no-repeat;
    padding:0px;
    font-size: 18px;  text-indent: -9999px;
    width: 241px!important;
    height: 92px!important;
    line-height: 20px;
	background-size: 100%;
}

.navbar-brand > img{width:100%;
}

.navbar-brand1 {
    float: left;
    /* height: 50px; */
	background: url(../images/smart-home-logo.svg) no-repeat;
    padding:0px;
    font-size: 18px;  text-indent: -9999px;
    width: 330px!important;
    height: 140px!important;
    line-height: 20px;
	background-size: 100%;
}

.navbar-brand1 > img{width:100%;
}

.flag{
	padding-top:80px;
padding-bottom:10px !important;
z-index:1111111;
position:relative;
text-align:right !important;

}



           ul.list li {
                width: 30% !important;
                height: 335px;
                float: left;
                margin: 20px 20px 0 0;
                position: relative;
                    background-color: #fff;
                border: 1px solid #e0e0e0;
            }

          
 .top{padding-top:10px;}



@media (min-width: 1200px){
.col-lg-3 {
    width: 25%;
    float: right!important;
}}


@media (min-width: 1200px){
.container {
    width: 1170px;
   /* margin: 0!important;*/
}

}

/*=========================
  Icons
 ================= */

/* footer social icons */
ul.st {
	list-style: none;
	display: inline !important;
	margin-left:0 !important;
	padding: 0; float:left; position:relative; margin-bottom: 0px;
}
ul.st li {
	display:inline;
}



ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0px !important;
	padding: 0; float:right; position:relative; margin-bottom: 0px;
}
ul.social-network li {
	display: inline;
	margin: 0 0px;
}
.phone-info{float:right;}
.phone-info p{font-size:18px; margin-bottom: 0; margin-top: 0px;}

.garden_bg{background-color:#52A058!important;}

/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #db2625;
}
.social-network a.icoRss {
	background-color: #ee1c1b;
	

}

.social-network a.icoFacebook:hover {
	background-color:#2964b4;
}
.social-network a.icoFacebook{
	
	background-color:#3c589e;
}




.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoTwitter {
	
	background-color:#33bdfd;
}

.social-network a.icoGoogle:hover {
	background-color:#c1558b;

}

.social-network a.icoGoogle {
	
	background-color:#8a49a1;
	
}

.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoVimeo{
	
	background-color:#0590B8;
	
}
.social-network a.icoLinkedin:hover {
	background-color:#00406c;
}
.social-network a.icoLinkedin{
	
	background-color:#0274b3;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width:30px;
	height:30px;
	font-size:15px;
	   !!background: #ED1C24;
}
.social-circle li i {
	margin:0;
	line-height:30px;
	text-align: center;
}

.!!social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width:30px;
	height:30px;
	font-size:15px;
}




a {
 background-color: #D3D3D3;   
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
	background-color: #ed1b12;
    height: 70px;
    width: 70px;
}

.dropdown-menu {
    position: absolute;
    top: 66px!important;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	opacity: 1!important;
}

.container > .navbar-header{    margin-right: 0px!important;}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: -25px!IMPORTANT;
	margin-right:-15px!IMPORTANT;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius:0px!important;
}

.dropdown-header {
    display: block;
    padding: 3px 0px!important;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.navbar-default .navbar-toggle:hover{background-color: #ed1b12!important;}

.navbar-toggle .icon-bar {
    display: block;
    height: 6px!important;
    width: 32px!important;
	background:#fff!important; margin:5px 0px;
    border-radius:5px!important;
}

.navbar-brand > img {
    display: initial!important;
}

.navbar-default .navbar-brand {
	color: #777;
	/*background: url(../images/smart-home-logo.svg) no-repeat;*/
	background: url(../images/smart-home-logo.svg) no-repeat;
	background-size: 100%;
	text-indent: -9999px; width: 210px;
	height: 111px;
	margin-top:10px;
		    
}
	
	
	

.navbar-toggle .icon-bar2 {
 display: block;
    height: 5px!important;
    width: 20px!important;
	background:#fff!important; margin:0px 5px;
    border-radius:5px!important;

}

.navbar-default .navbar-toggle:focus {
    background-color: #ed1b12!important;
}

.navbar-default {
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-repeat: repeat-x;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
    box-shadow: none;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px!important;
    border:0px solid transparent;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 6px!important;
}

.navbar-default{background:none!important; border-color: #e7e7e7;}

.navbar-default{color: #fff; border:none!important;}
.navbar-default .navbar-nav > li > a{color:#000!important; text-transform: uppercase;}
.navbar-default .navbar-nav > .dropdown > a .caret{
	border-top-color: #ed1b12;
    border-bottom-color: #ed1b12;
}

/*--- navbar nav -----*/

.navbar-nav > li > a {	
	border-color: transparent transparent;
	border-style: solid;
	border-width: 0 1px 1px;
	color: #888888;
	padding: 44.3px 25px;
	position: relative;
	text-transform: uppercase;
}

.animated .navbar-nav > li > a {
    padding: 24px 25px;
}

.animated .nav25 .navbar-nav > li > a {
    padding-top: 24px;
    padding-bottom: 24px;
}

.navbar-nav li {
    position: relative;
    /*overflow: hidden;*/
}

.navbar-nav li:hover {
    overflow: visible;
}


.navbar-nav > li.current:before,
.navbar-nav > li:hover:before {
	background-color: #ed1c24;
	content: "";
	height: 101%;
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
}

.navbar-nav > li.current:after,
.navbar-nav > li:hover:after {
	background-color: #ed1c24;
	content: "";
	height: 101%;
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
}

.navbar-nav > li > a:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: '';
    width: 15px;
    height: 2px;
    opacity: 0;
    margin-left: -7.5px;
    background-color: #ed1c24;

    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}

.navbar-nav > li.current > a:after,
.navbar-nav > li > a:hover:after {
    margin-left: -50%;
    width: 100%;
    opacity: 1;
}

.navbar-nav > li.current > a,
.navbar-nav > li.current > a,
.navbar-nav > li.current > a:hover,
.navbar-nav > li.current > a:focus {
    background-color: transparent;
    color: #ed1c24;
}

.navbar-nav > li.current > a:before,
.navbar-nav > li > a:hover:before,
.navbar-nav > li > a:focus:before {
	background-color: #ed1c24;
	bottom: -1px;
	content: "";
	height: 1px;
	left: 0;
	opacity: 1;
	position: absolute;
	width: 100%;
}


.navbar-default .navbar-brand{
	color:#fff; margin-top:-29px; 
}
.menu-large{
  position: static !important;
}
.megamenu{
  padding: 20px 0px;
  width:100%;
}
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {
  list-style: none;
}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 2px;
  clear: both;
  font-size:15px; font-weight:700;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}

.megamenu.dropdown-header{
  color: #428bca;
  font-size: 18px; padding:5px 15px 0px 0px!important;
}




@media (max-width: 768px) {
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li {
    margin-bottom: 30px;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;

  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
	color:#fff;
  }
  
  .navbar-nav {
    margin: 7.5px -15px;
    background: #F1F1F1;
}
  
  .navbar-brand1 {
    float: left;
    /* height: 50px; */
	background: url(../images/smart-home-logo.svg) no-repeat;
    padding:0px;
    font-size: 18px;  text-indent: -9999px;
    width: 200px!important;
    height: 140px!important;
    line-height: 20px;
	background-size: 100%;
}

.navbar-brand1 > img{width:100%;
}
  .phone-info p{font-size:18px; margin-bottom: 0; margin-top: -14px;}
  
  .flag {
    padding-top: 0px;
    padding-bottom: 13px !important;
    z-index: 1111111;
    position: relative;
    text-align: right !important;
    /* margin-bottom: 64px; */
    /* margin-left: 74px; */
    margin-top: 10px;
    margin-right: 100px;
}
  
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	
	
	.navbar-brand1 {
    float: left;
    /* height: 50px; */
	background: url(../images/smart-home-logo.svg) no-repeat;
    padding:0px;
    font-size: 18px;  text-indent: -9999px;
    width: 200px!important;
    height: 140px!important;
    line-height: 20px;
	background-size: 100%;
}

.navbar-brand1 > img{width:100%;
}
.navbar-toggle {
    position: relative;
    float: left;
    padding: 4px 1px;
    margin-top: 4px;
    margin-left: 37px;
    margin-bottom: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;}	
	
	 .phone-info p{font-size:18px; margin-bottom: 0; margin-top: -14px;}
	 
	 .flag{
	padding-top:0px;
padding-bottom:10px !important;
z-index:999999;
position:relative !important;
text-align:right !important;
margin-top: 42px;


}
	
	


           ul.list li {
                width: 100% !important;
                
                float: left;
                margin: 20px 20px 0 0;
                position: relative;
                    background-color: #fff;
                border: 1px solid #e0e0e0;
            }

          
      
.top{padding-top:10px; padding-left:0px !important;}

.fl{padding-left:10px !important; padding-top:55px !important;} 
	
	}


@media (min-width: 768px){
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -17px!important;
}


.navbar-default .navbar-brand {
	color: #777;
	background: url(../images/smart-home-logo.svg) no-repeat;
	background-size: 100%;
	text-indent: -9999px; width: 210px;
	height: 111px;
	margin-top: -17px;
}
.flag {
    padding-top: 0px;
    padding-bottom: 13px !important;
    z-index: 1111111;
    position: relative;
    text-align: right !important;
    /* margin-bottom: 64px; */
    /* margin-left: 74px; */
    margin-top: 10px;
}
}


.slider-div {
width:98%; margin:0 auto;
/*float:left; */
padding:8px; 
/*background-color:#F4F3F1; 
border:1px solid #E1DFDC; */
}

.span12 .row-heading {
    color: #ed1b12;
    font-size:36px;
    font-family: ProximaNova-Light, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    text-align: center;
    margin:30px 0;
}

 .btn {padding:4px 8px ;  background-color:#DD6328; color:#FFF; }


 .customNavigation a { color:#FFF; text-decoration:none;}

 .customNavigation a:hover { color:#FFF;  }

.col-sm-6 .h3 {font-size: 24px; color: #fff; background: #EC2028; padding:10px 17px; margin-bottom:0px;}


#owl-demo .item{
padding:0px; 
margin: 10px;
color: #FFF; 
text-align: center;
border:1px solid #CCCCCC; min-height: 335px;
   }
   
   #owl-demo .item:hover {background: rgba(255, 72, 65, .5); color:#fff;}
   
.item h4{
padding:0px; 
margin: 10px;
color: #ed1b12; 
text-align: center;
   }
   
.item p{
padding:0px; 
margin: 10px;
color: #000; min-height:50px;
text-align: center;
   }
   
   
#owl-demo .item span {
/*display: block;*/
    font-size: 1.6rem;
    margin: 0 0 2rem 0;
    color: #000;
    line-height:2.3;
    font-family: ProximaNova-Light, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
}
  
  .button {
    display: inline-block;
    clear: both;
    background-color: white;
    color: #00a2b8;
    border: solid 2px #000; padding: 0 20px; margin:0 auto;
}
   
   
	
#owl-demo .item img { width:75%; padding: 25px 0;}	
	
	
    .customNavigation{text-align: center; display:none; width:90%; float:left; margin-top:10px;}
    .customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }



/* gearly slidar Css close */




/*=================------INNER-PAGE-CSS--------=====================*/

ul.garden {padding:0px 0 10px 0; clear: both; list-style:none; margin:0 auto;}

ul.garden li {
width:30%;
    min-height: 300px;
float: left;
margin: 20px 20px 0 10px;
position: relative;
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);


}

            ul.garden li .pro-img {
                margin:0px auto;
                text-align: center;
				background-color:#d9d5d4;
            }

            ul.garden li .pro-img img {
                width: 100%;
                
            }

            ul.garden li .pro-des {
                padding: 5px 10px 10px 10px;
            }

            ul.garden li h3 {
                font-size: 18px;
                font-weight: normal;
            }
            ul.garden li h3 a {
                color: #1570a6;
            }

            ul.garden li p {
                color: #000;
                line-height: 150%;
                margin: 5px 0;
                font-size: 14px;
            }
			
			
			
			/*=================------BLOG-PAGE-CSS--------=====================*/

ul.blog {padding:0px 0 10px 0; clear: both; list-style:none; margin:0 auto;}

ul.blog li {
width:95%;
/*min-height: 285px;*/
    padding: 10px;
float: left;
margin: 20px 20px 0 10px;
position: relative;
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);


}

ul.blog li .pro-img {
/*margin:0px auto; */ float:left; width:150px;
text-align: center;
background-color:#d9d5d4;
}


	ul.blog li .pro-img img{width:100%;
	
	}

            ul.blog li .pro-des {
                padding: 5px 10px 10px 10px;
            }

			ul.blog li h3 {
			font-size: 18px;
			font-weight: normal;
			}
			
			
		div.blog-head {
background: #EAEAEA;
    padding: 10px;
}
			ul.blog li h4 {
    float: right;
    color: #C3AEA3;
    font-size: 0.85em;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
}

			
			
            ul.blog li h3 a {
                color: #1570a6;
            }

            ul.blog li p {
                color: #808080;
                line-height: 150%;
                margin: 5px 0;
                font-size: 14px;
				    text-align: justify;
            }
			
	
	.blog-detail{padding:10px;}	
	.blog-detail .pro-img{padding:10px; float:left;}
	
	.blog-detail .pro-des{padding:10px;     margin: 15px 0 0 0;}
		
			
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
	}
	
	.reveal-modal {
		visibility: hidden;
		top:-100px!important;
		left:77%;
		margin-left: 0px;
		width: 800px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 999999999;
		padding:10px 10px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		/*height:350px;*/

		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		    z-index: 996999;
		} 
		
		.image-block_5 {
		width:50%;
		position: relative;
		float: left;
		margin-right: 2%;
		border-right: 1px solid #ccc;
		}
		
		.right-block {
    width: 37%;
    position: relative;
    float: right;
}

			

ul.thumbs-list_5 {
    list-style: none;
    display: table;
    position: relative;
    clear: both;
    width: 100%;
    margin: 0px auto;
    padding: 0px; border-top:1px solid #CCCCCC;  border-bottom:1px solid #CCCCCC;
}

		ul.thumbs-list_5 img {
    margin: 0px !important;
    padding: 0px !important;
    width: 75px !important;
    height: 75px !important;
}
			


 ul.list {
                width: 100%;
                padding: 30px 0 10px 30px;
                clear: both; list-style:none;
            }

            ul.list li {
                width: 23%;
                height: 335px;
                float: left;
                margin: 20px 20px 0 0;
                position: relative;
                    background-color: #fff;
                border: 1px solid #e0e0e0;
            }

            ul.list li .pro-img {
                margin: 15px auto;
                text-align: center;
            }

            ul.list li .pro-img img {
                width: 100%;
                height:auto;
            }

            ul.list li .pro-des {
                padding: 5px 10px 10px 10px;
            }

            ul.list li h3 {
                font-size: 18px;
                font-weight: normal;
            }
            ul.list li h3 a {
                color: #1570a6;
            }

            ul.list li p {
                color: #808080;
                line-height: 150%;
                margin: 5px 0;
                font-size: 14px;
            }

.contant-page{width:100%; /*background:#fff;*/ margin: 0 auto; padding:2rem 2rem 8rem 2rem;/* padding:0rem 0 20rem 0;*/ font-size:16px; float:left; margin-bottom:20px;}


.inner-page{width:100%; padding: 10px 0 0 0; margin:0 auto; background:#FFF; float:left;}
.inner-page h2{font-size:30px; color:#FF4841; text-align:left; margin: 35px 0 25px 0; line-height: 1.2; font-family: ProximaNova-Light, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased;     border-bottom: 1px solid #CCCCCC; padding-left:20px !important;}

.single-product{width:100%; margin: 0 auto; padding:0rem 0 0rem 0; /*background:#d5e7f3;*/ 
!!background:url(../images/mobile-app-blue_bg.jpg); min-height:350px;
background:#fff !important;


-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left; float:left;

}

.single-product2{width:100%; margin: 0 auto; padding:0rem 0 20rem 0; 
!!background:url(../images/touch-panels_bg02.jpg) repeat; min-height:350px;
background:#fff !important;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;

}

.single-product3{width:100%; margin: 0 auto; padding: 2rem 0 2rem 0; background:#FFFFFF; border-bottom:0px solid #ccc; border-top:1px solid #ccc; float:left;}
.single-product3 h2{width:100%; text-align:center;}
.single-product3 p{ text-align:center; font-size:13px; color:#0F71B4; font-weight:700; line-height:22px;}
.icon-list{list-style: none; padding:5px 0; margin:10px auto; text-align: center; width:100%; float:left;}
.icon-list h3{text-align: center; color:#FF0000;}
.icon-list li{padding:0 5px; display: inline-block;}

.single-product4{width:100%; margin: 0 auto; padding: 2rem 0 2rem 0; background:url(../images/mobile-app.jpg); border-top:1px solid #ccc; float:left;

-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;

}

.single-product4 h2{width:100%; text-align:left; color:#fff; border-bottom:none; padding-bottom: 25px;}
.single-product4 p{ text-align:left; font-size:15px; color:#fff; font-weight:normal; line-height:22px;}

.single-product5{width:100%; margin: 0 auto; padding:0rem 0 0rem 0; background:url(../images/mobile-app-copy2.jpg); border-top:1px solid #ccc; float:left;

-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;

}

.single-product5-left {width: 45%; float: left;    }
.single-product5-left img {/*width: 51%;*/  display: flex; text-align: center; margin: 0 auto;}
.single-product5 h2{width:100%; text-align:left; font-size:50px; color:#fff; border-bottom:none; padding-bottom: 25px; padding-top:40px;}
.single-product5 p{ text-align:left; font-size:15px; color:#fff; font-weight:normal; line-height:22px;}

.single-product6{width:100%; margin: 0 auto; padding:0rem 0 0rem 0; background:url(../images/mobile-app-new.jpg); border-top:1px solid #ccc; float:left;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;

}

.single-product6 h2{width:100%; text-align:left; font-size:50px; color:#fff; border-bottom:none; padding-bottom: 25px; padding-top:80px;}
.single-product6 p{ text-align:left; font-size:15px; color:#fff; font-weight:normal; line-height:22px;}
.single-product6-right {width: 45%; float: left;}
.single-product6-right img {/*width: 51%;*/ display: flex; text-align: center; margin: 0 auto;}




/*.back-img{background:url(../images/panel_bg_image.jpg) top center no-repeat; height:600px; display:block; float:left;}
.back-img2{background:url(../images/foto_geral-1.jpg) top center no-repeat; height:600px; display:block; float:left;}
.back-img3{background:url(../images/panel_center.jpg) top center no-repeat; height:600px; display:block; float:left;}*/
.content-wrap{width:33%; float:left; padding-top: 50px;}
.content-wrap img{padding-top: 50px; margin:0 auto; text-align:center; display: inherit;}
.content-wrap p{text-align:center; font-size:16px; font-weight:700; color:#007792;}
.content-wrap-center{width:33%; float:left; padding-top: 50px; }

.content-wrap-center{width:33%; float:left; text-align: center;}
.content-wrap-center img{width:65%; text-align: center;}

.content-wrap-right{width:33%; float:right; padding-top:40px;}
.content-wrap-right img{ margin: 0 auto; display: inherit; padding:5%;}
.content-wrap .page-title {
    margin: 0;
    font-size:30px;
        line-height: 50px;
    font-family: ProximaNova-Light, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300; text-align:center;
    -webkit-font-smoothing: subpixel-antialiased;
}

.light-left{width:45%; float:left;}
.light-left img{width:95%; display:inline-block; text-align:center;}
.light-right{width:45%; float:right;}
.light-right img{width:95%; display:inline-block; text-align:center;}


.hero-content {font-size: 2.2rem; line-height: 1.2; -webkit-font-smoothing: antialiased;}
.hero-content p{font-size:18px; -webkit-font-smoothing: antialiased;}

.single-product2 .hero-content p{font-size:15px; -webkit-font-smoothing: antialiased; line-height:20px;}

.hero-content a[rel="wp-video-lightbox"] {
    text-transform: uppercase;
    font-size: 2.4rem;
    font-family: ProximaNova-Semibold, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: subpixel-antialiased;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*=================------INNER-PAGE-CSS-END----=====================*/

.contact-left{width:45%; float:left;}
.contact-form{ width:100%; float:left; background: #F7F7F7; padding:1rem; border: 1px solid #D8D8D8; margin: 10px 0;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); }
.contact-form ul{width:100%; float:left; list-style:none;}
.contact-form ul li {width:100%; float:left; list-style:none;}
.contact-form ul li label{width:28%; float:left; list-style:none; font-size: 14px; font-weight: normal; padding-top:8px;}
.contact-form ul li input{width:68%; float:right; border:1px solid #ccc; margin:5px; padding:3px;}
.contact-form ul li textarea{width:68%; float:right; border:1px solid #ccc; margin:5px; padding:3px;}

.contact-form ul li span{color:#FF0000; font-size:15px;}
.contact-form ul li input[type="submit"]
{ width:100px; color:#FFFFFF;
    border:1px solid red;
    text-decoration:none;
    font-family:helvetica;
	background-color:#ff4841;
}

.tele{width:100%;}
.tele ul{width:100%;}
.tele ul li{ float:left; width:50%; margin:5px 0;}
.tele ul li.phone{background:url(../images/telephone.png) left no-repeat; float:left; width:39%; padding-left: 22px;}
.tele ul li.mobile{background:url(../images/mobile-icon.png) left no-repeat; float:left; width:50%; padding-left: 22px;}
.tele ul li.whatsapp{background:url(../images/whatsapp.png) left no-repeat; float:left; width:39%; padding-left: 22px;}
.tele ul li.mail{background:url(../images/mail.png) left no-repeat; float:left; width:39%; padding-left: 22px;}
.tele ul li.skype{background:url(../images/skype.png) left no-repeat; float:left; width:39%; padding-left: 22px;}
.tele ul li.location{background:url(../images/location.png) left no-repeat; float:left; width:39%; padding-left: 22px;}



.contact-right{width:50%; float:right; border: 1px solid #E8E8E8;  margin: 10px 0;}


.footer{width:100%; background:#ff4841; display: inline-block; padding:0px 0;}

.footer-wrap{margin-left:auto; margin-right:auto; max-width:1280px; display:block; margin-top:40px;}
.footer-wrap-container{width:100%; margin-bottom:40px;  float:left;}
.footer-wrap .box{float:left; margin-right:9%;}
.footer-wrap .box:last-child{margin-right: 0%;}
.footer-wrap .box h5{font-size:20px; width:100%; color:#FFFFFF; padding:20px 0;}
.footer-wrap .box .footer-logo{/*width:100%;*/display: block;
  text-indent: -9999px;
  /*width: 100px;*/
  height: 112px;
  background: url(http://www.smarthomestechnology.com/images/smart-home.svg) no-repeat;
  !!background-size: 100%;
}

.footer-wrap .box .footer-mailing{width:80%; margin:0 auto; border:1px solid #FFFFFF; padding:5px;}
.footer-wrap .box ul.footer-list{width:100%; }
.footer-wrap .box ul.footer-list li{color:#000000; list-style:none; padding:5px 0;}
.footer-wrap .box ul.footer-list li a{color:#fff; font-size:17px; font-weight:normal; text-decoration:none; list-style:none; padding:5px 0;}
.footer-wrap .box ul.footer-list li a:hover{ color:#000; text-decoration:none; list-style:none; padding:5px 0;}
.footer-bottom{ color:#000; background:#aa403c; width:100%; padding:5px 0; float:left;}
.footer-bottom p{ color:#fff; text-align:center; padding:30px 0 15px 0;}

.mailing{width:90%; border:1px solid #fff; background:#ff4841 url(../images/mailing_icon.jpg) right  no-repeat; cursor:pointer; padding: 10px 5px; margin:30px 0; position:relative;}

::-webkit-input-placeholder {
    color:    #fff;
}
:-moz-placeholder {
    color:    #fff;
}
::-moz-placeholder {
    color:    #fff;
}
:-ms-input-placeholder {
    color:    #fff;
}


.social{width:100%; float:left; position:relative;}
span.mailing-button_1 {
    position: absolute;
    left:50px;
	top:300px;
	background:#00FF66; width:100px; z-index:999;
}


ul.social-media{width:100%; }
ul.social-media li {width:35px; float:left; padding:5px; margin:5px; height:36px; list-style:none; margin-top:0; padding-top:0px;}
ul.social-media li a.youtube{width:35px; background:url(../images/youtube.png) center no-repeat; float:left; padding:5px; margin:5px; height:36px; list-style:none;}
ul.social-media li a.youtube:hover{ background:url(../images/youtube2.png) center no-repeat; padding:5px; height:36px; margin:5px;}

ul.social-media li a.facebook{width:35px; background:url(../images/facebook.png) center no-repeat; float:left; padding:5px; margin:5px; height:36px; list-style:none;}
ul.social-media li a.facebook:hover{ background:url(../images/facebook2.png) center no-repeat; padding:5px; height:36px; margin:5px;}

ul.social-media li a.twitter{width:35px; background:url(../images/twitter.png) center no-repeat; float:left; padding:5px; margin:5px; height:36px; list-style:none;}
ul.social-media li a.twitter:hover{ background:url(../images/twitter2.png) center no-repeat; padding:5px; height:36px; margin:5px;}

ul.social-media li a.blog{width:35px; background:url(../images/blog.png) center no-repeat; float:left; padding:5px; margin:5px; height:36px; list-style:none;}
ul.social-media li a.blog:hover{ background:url(../images/blog2.png) center no-repeat; padding:5px; height:36px; margin:5px;}




@media screen and (max-width: 1360px){

.wrap, .footer-wrap {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

}

@media (min-width: 768px){
.navbar-nav {
    float: right!important;
    margin: 0;
}

.site-header {
    /*position: absolute!important;*/
    z-index: 99;
    width: 100%;
/*    background-color: rgba(255, 255, 255, 0.9);*/
	 background-color:#fff;
    padding: 10px 0 0px 0;
    border-bottom: 1px solid #CCCCCC;
}

}

@media (min-width: 992px){
.col-md-3 {
    width: 25%;
    float: right!important;
}
}

.fl{padding-left:40px !important; padding-top:10px;} 



 /*=======================
  Icon Bar CSS
=========================*/ 


.icon-bar1 {
  position: fixed;
  top: 60%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:10000;
}

.icon-bar1 a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar1 a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}


/*-------------------------------------------------------*/
/* Video
/*-------------------------------------------------------*/

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 112px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}