/*
Theme Name: Bootstrap 3.3.7 Wordpress blank theme
Author: Twitter
Author URI: 
Description: This is a blank bootstrap 3.3.7 theme for wordpress. 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/




#ledhighbay img{max-width:100%;}
#page-inverter img{max-width: 100%;}

.led-project .col-sm-6{
margin-bottom: 30px;    
    
}
#logo-huawei{width: 120px;
max-width: 100%;
}

body{font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
line-height:1.5;
font-size:13px;}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
    
background-color: transparent;
    
}
#contactform3{margin-top:150px;}

.dropdown-menu{font-size:13px;}
.ht-img-sh{padding:10px 0px;}
.ht-img-warehouse{padding:10px 0px;}
.img-solar-pv-panel{width:100%;}

.col-img-4{width:33.33%;float:left;}
/*.container{width:970px;padding:0px;}*/

.container-fluid{width:100%;padding:0px;}

.navbar-inverse .navbar-toggle{border:1px solid #fff;}

.navbar-brand
{
    margin-top:18px;
}

.navbar-static-top{border-width:0px;}

.navbar-header img{float:left;}

.navbar-nav > li > a, .nav-header{
line-height:20px;
text-transform:none;
padding:10px 15px;
display:block;
position:relative;
color:#fff;
border:1px solid #3282c5;
}

.container-top{padding-bottom:30px;}
.navbar{position:absolute;top:0;left:0;
margin:0px;
width:100%;
/*height:120px;*/
background:#3282c5;
opacity: 0.9;
filter: alpha(opacity=90); }

.navbar p{margin:0px;}
.navbar-inverse .navbar-nav > li > a {color:#fff;}

.navbar-inverse .navbar-nav > li > a:hover{color:#fff;border:1px solid #fff;border-radius:3px;}


.navHeaderCollapse{background:#3282c5;margin-top:35px;}

#home-top{background-image:url("images/homg-bg.jpg"); background-repeat: no-repeat;background-size:cover;}
/*.banner-img{width:100%;position:absolute;top:0;left:0;z-index:1;float:left;}*/
.full{width:100%;}
.top-image{width:100%;}

.banner-top-left{padding:25px 25px 35px 25px;background:#00649f;color:#fff;z-index:15;}
.banner-start{background:#00649f;z-index:15;padding:20px 40px;}
.banner-top-left h1{color:#fff;display:block;font-weight:100;line-height:1.5;margin-left:30px;font-size:36px;}

.home-start{letter-spacing:2px;font-size:16px;border:1px solid #fff;padding:10px 15px;color:#fff;margin-right:10px;text-align:center;display:block;
text-decoration:none;
transition: background .5s }

.home-start:visited {
  color:#fff;
background:transparent;
text-decoration:none;
}




.home-start:hover{color:#00649f;
background:#fff;
text-decoration:none;
}

.home-start:active {
  color:#fff;
background:transparent;
text-decoration:none;
}

.home-start:target {
  color:#fff;
background:transparent;
text-decoration:none;
}

.banner-top-right{padding:30px 5px 50px 5px;background:#05507d;color:#fff;z-index:95;}


.banner-top-right a{color:#fff;}

.banner-top-right img{margin-right:10%;float:left;}
.item-right{float:left;}

.dropdown-menu{ background:#3282c5; border-width:0px; }
.dropdown-menu > li > a{color:#fff; line-height:1.5;padding:10px 20px;}
.dropdown-toggle:active, .open .dropdown-toggle {background:#3282c5 !important; }

h1{color:#000;font-size:40px;}
h2{font-size:20px;font-weight:bold;margin:30px 0px;}
h5{font-size:120%;margin:20px 0px;font-weight:bold;}




.banner-bottom .col-md-3, .banner-bottom .col-md-6{padding:0px;}
.banner-bottom{background:#dadada;z-index:100;padding:0px;margin:0px 0px 0px 0px;position:relative;top:-10px;}
.banner-bottom img{width:100%;}
.banner-bottom a,.banner-bottom a:hover{color:#fff;text-decoration:none;}

.col-ht{background:#05507d;text-align:center;color:#fff;padding:0px;}
.col-ht h3{padding:15px;margin:0px;}
.col-fin{background:#00649f;text-align:center;color:#fff;padding:0px;}
.col-fin h3{padding:15px;margin:0px;}
.col-video{background:#3487c9;text-align:center;color:#fff;}
.col-video h3{padding:15px;margin:0px;}
.col-video-area{padding:0px;}
.banner-bottom h3{font-weight:400;font-size:20px;}

.col-ht:hover{opacity: 0.7;
filter: alpha(opacity=70); 
cursor:pointer;}

.col-fin:hover{opacity: 0.7;
filter: alpha(opacity=70); 
cursor:pointer;}

.col-video-area:hover{opacity: 0.7;
filter: alpha(opacity=70); 
cursor:pointer;}

#footer{padding:50px 0px;background:#eee;margin-top:-15px;}
#footer h4{color:#595959;margin:20px 0px; font-size:16px;}
#footer h5{color:#818181;font-size:13px;font-weight:200;margin:15px 0px;}
#footer a{color:#818181;}

.col-copy{/*background:#fff;*/text-align:center;margin:30px 0px 25px 0px;line-height:1.3;}
.common-page{margin:30px auto 50px auto;
/*position:relative;top:-150px;*/
}


.ul-blue li{
	
margin-bottom:12px;	
list-style:url('/images/blue-rect.png') outside;

}


.what-we-provide h4{font-size:15px;text-align:center;font-weight:bold;}
.what-we-provide p{text-align:left;padding:10px 15px;}


.project-ref i{font-size:120%;font-weight:500;}


/* CSS used here will be applied after bootstrap.css */

#contactform3 .col-md-12{margin:10px 0px;padding:0px;}
/*#contactform3 .col-md-6{padding:0px;}*/
#wdform_23_element3{width:100%!important;height:180px!important;}
#contactform3 img{margin-right:10px;}

.carousel-inner .active.left { left: -25%; }
.carousel-inner .next        { left:  25%; }
.carousel-inner .prev		 { left: -25%; }
.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px; margin-right:15px;background-image:none;}


#myCarousel .col-md-4{padding:0px;}
.carousel-indicators{bottom:0px;}


.video-wrapper{
position: relative;
	padding-bottom: 39.4%; /* 16:9 */
	
	height: 0;
	}
.video-wrapper iframe {
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	
}


.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}



@media screen and (min-width: 1600px){

.banner-bottom{margin-top:10px;}


}



/* 1200px*/
@media screen and (min-width: 1200px)  {
 ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}  
   .video-wrapper{margin-top:-1px;}
.ht-brief .col-md-3{padding-right:10px;}
.ht-brief .col-md-4{padding:0px 25px;}
.ht-brief .col-md-5{padding:0px 25px;}

	.container{
        max-width: 970px;
    }
	
	.banner-top{margin-top:20%;}
	.banner-top-left, .banner-start, .banner-top-right{height:235px;}
	
	.home-start{margin-top:130px;}
	.contact-item a{position:relative;top:-5px;}
	/*.home-start{position:relative;top:-15px;}*/
	
	.shanghai-solar{
	margin-top:10px;}
	
	.ht-warehouse{
	 margin-top:170px;
	  }
	  
#mile-img{margin-top:40px;width:85%;}
.banner-top-right .col-lg-12{margin:10px 0px 10px 10px;}	  
	 
}

/*800px ~1199px*/
@media screen and (min-width: 800px) and (max-width: 1199px) {
.navHeaderCollapse{margin-top:30px;}
.navbar-brand{margin-top:15px;}
 ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
} 
 .banner-start{text-align:center;}
  	#mile-img{width:100%;}
	 h3{font-size:16px;}
	 .home-start{margin-top:110px;}
	.banner-top-left, .banner-start{height:200px;}
	.banner-top{margin-top:10%;}
	.navbar-brand img{width:90%;}
	.banner-top-right{padding-bottom:30px;}
	
}

/*768px ~799px*/
@media screen and (min-width: 768px) and (max-width: 799px) {
#logo{width:90px;margin-top:5px;}
.container-top{padding-bottom:10px;}
.navHeaderCollapse{margin-top:10px;}
 ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
} 
 .banner-start{text-align:center;}
  	#mile-img{width:100%;}
	 h3{font-size:16px;}
	 .home-start{margin-top:110px;}
	.banner-top-left, .banner-start{height:200px;}
	.banner-top{margin-top:10%;}
	.navbar-brand img{width:90%;}
	.banner-top-right{padding-bottom:30px;}
	.navbar-header{width:auto;padding-bottom:0px;}
   .navbar-brand{float:none;display:block;margin:auto;text-align:center;}
   .navbar-brand>img{width:150px;float:none;display:block;margin:auto;} 
   .img-solar-pv-panel{width:80%;}
  #panel-text{clear:both;padding-top:30px;}
}


/* <= 767px*/
@media screen and (max-width: 767px) {
   /*.banner-top-left{padding-bottom:30px;}*/
.navbar-toggle{margin-top:40px;}
.navbar-brand img{margin-top:-10px;}
   #mile-img{width:100%;}
  .banner-start{text-align:center;}
   .banner-top-right{padding-bottom:30px;}
   .banner-top-right .col-xs-12{margin:10px 20px;}
   .banner-top{margin-top:-20%;}
  .navbar{position:relative;opacity:1.0;} 
#panel-text{clear:both;padding-top:20px;}
#ht-bottom-img(margin-top:20px;)
.col-img-4{width:100%;}
}


/*<=480px*/
@media screen and (max-width: 480px) {
#contactform3{margin-top:10px;}
.banner-start{text-align:center;}
 #mile-img{width:100%;}   
.banner-top{margin-top:-20%;}
.navbar{position:relative;opacity:1.0;}
.ht-img-sh{padding:10px 0px;width:100%;}
.ht-img-warehouse{padding:10px 0px;width:100%;}
 .img-solar-pv-panel{width:90%;}
 .col-img-4{width:100%;}
 #panel-text{clear:both;padding-top:20px;}

 
}
 

@media screen and (min-width:768px){
    
.contact-container {
	margin-top: 200px;
}    
.contact-container{margin-bottom: 100px;}  
}

@media screen and (max-width:767px){
    
.contact-container {
	margin-top: 20px;
}    
.contact-container{margin-bottom: 20px;}  
}

#map{margin:20px 0;}



@media screen and (min-width: 768px){
.navbar-right .dropdown-menu{
left: 0;
right: auto;    
    
}

}

#canadian-solar{
width: 200px;    
    
}




.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
background-color:transparent;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
border-color:#fff;
}

@media (max-width: 767px){
.navbar-brand{margin-top:30px;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
padding-top:10px;
padding-bottom:10px;
}

.row-ht{text-align:center;}

.row-ht .text-left{text-align:center;}

#panel-text{text-align:left}
.ifrm{max-width:100%;}
iframe{max-width:100%;}
}

#logo{max-width:180px;}