/* Compiled Less CSS File */

/* Generated from "style.css" */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre,

a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp,

strike,tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary, time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template {display: none;}

a { background: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; max-width:100%; height:auto; }

svg:not(:root) { overflow: hidden; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {

 height: auto;

}

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

 -webkit-appearance: none;

}

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; -webkit-text-size-adjust: 100%;}

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }



.alignleft {float:left;}

.alignright {float:right;}

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }





/* =Global Menu

========================================================================================*/



/* =Mixins

========================================================================================*/

.mrgL20 {margin-left:20px;}.mrgR20 {margin-right:20px;}.mrgB20 {margin-bottom:20px;}.mrgT20 {margin-top:20px;}.mrgL15 {margin-left:15px;}.mrgR15 {margin-right:15px;}.mrgB15 {margin-bottom:15px;}.mrgT15 {margin-top:15px;}.mrgL10 {margin-left:10px;}.mrgR10 {margin-right:10px;}.mrgB10 {margin-bottom:10px;}.mrgT10 {margin-top:10px;}.padL20 {padding-left:20px;}.padR20 {padding-right:20px;}.padB20 {padding-bottom:20px;}.padT20 {padding-top:20px;}.padL15 {padding-left:15px;}.padR15 {padding-right:15px;}.padB15 {padding-bottom:15px;}.padT15 {padding-top:15px;}.padL10 {padding-left:10px;}.padR10 {padding-right:10px;}.padB10 {padding-bottom:10px;}.padT10 {padding-top:10px;}.padTB10 {padding-top:10px;padding-bottom:10px;}.padTB15 {padding-top:15px;padding-bottom:15px;}.padTB20 {padding-top:20px;padding-bottom:20px;}.pad10 {padding:10px;}.pad15 {padding:15px;}.pad20 {padding:20px;}.pad25 {padding:25px;}.pad30 {padding:30px;}



.ltn {padding:0; margin:0; list-style:none;}

.row {display:block;}

.cf:before, .cf:after, ul:before, ul:after, .wrap:after, .wrap:after { content: " "; display: table; }

.cf:after, .cf:after, ul:after, .wrap:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none; visibility: hidden ; }

.affix { position: fixed; }

@-ms-viewport { width: device-width;}

.rounded3{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.rounded4{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

.rounded5{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}



/* =Sprites

========================================================================================*/

.sprite {background-image:url(../images/bgi/sprite.png); display:inline-block; vertical-align:middle;}



/* =CSS Reset

========================================================================================*/

body { line-height: 1; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

ul, ol, li{list-style:none; margin: 0; padding: 0;}

ul ul, ol ul, ul ol, ol ol{margin-bottom:0;}

.list-unstyled { padding-left: 0; list-style: none; }

.list-inline { padding-left: 0; list-style: none; margin-left: -5px; }

.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }

dl { margin-top: 0; margin-bottom: 22px; }

dt, dd { line-height: 1.528571429; }

dt { font-weight: bold; }

dd { margin-left: 0; }



/* =Default Tag & General Classes

========================================================================================*/

html, body { height: 100%; min-width: 320px; }

body{margin:0; padding:0;  font:15px/18px 'Roboto', sans-serif; color:#6b6b6b;}

img{max-width:100%; -ms-interpolation-mode:bicubic; vertical-align:middle;}

a, input[type="button"], input[type="submit"], button { outline: 0 none; -moz-transition: background-color 0.2s ease-in, color 0.2s ease-in; -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in; -o-transition: background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition: background-color 0.2s ease-in, color 0.2s ease-in; transition: background-color 0.2s ease-in, color 0.2s ease-in; }

a { color: #4f642e; text-decoration: none; outline: 0 none; -moz-transition:background-color 0.2s ease-in, color 0.2s ease-in; -webkit-transition:background-color 0.2s ease-in, color 0.2s ease-in; -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 0.2s ease-in, color 0.2s ease-in; transition:background-color 0.2s ease-in, color 0.2s ease-in;}

a:hover { color: #fe8501; text-decoration: none; outline: 0 none; }

a:active { outline: 0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

a:active { background-color: transparent; }

}

strong {}

p { margin: 0 0 15px 0; line-height:20px; }

h1, h2, h3, h4, h5 {  font-weight: normal;  }

h1, h2, h3, h4, h5, h6 { line-height: 100%; margin-bottom: 15px; color: #153063; }

h1 { font-size: 40px; }

h2 { font-size: 32px; }

h3 { font-size: 30px; }

h4 { font-size: 25px; }

h5 { font-size: 15px; }

.nodisplay { display: none; }

.nodisplay_strict { display: none !important; }

:focus { outline: none; }



/* =Typography

========================================================================================*/

#wrapper{width:100%; min-width:100%;}

/* =Form Style

========================================================================================*/

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline;  -webkit-appearance: block; -webkit-border-radius: 0; border-radius: 0; }

button, input { line-height: normal; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select { font-family: 'Roboto', sans-serif; font-size: 15px; border: 0; }

textarea { width: 100%; height:86px; overflow: auto; resize: none; max-height:100%; min-height:100%; max-width:100%;}

select { height: auto; padding:0; border:1px solid #333; background: #fff; }

input::-moz-focus-inner, button::-moz-focus-inner {border: 0; padding: 0;}

input[type="button"], input[type="submit"], button { background: #a03369; height: 38px; color: #ffffff; border: 0; cursor: pointer; width: auto; overflow: visible; padding: 6px 25px; vertical-align: middle; text-decoration: none; font-family: 'Roboto', sans-serif;  font-size: 15px; }

input[type="button"]:hover, input[type="submit"]:hover, button:hover { background: #a03369; color: #ffffff; }

input[type="checkbox"], input[type="radio"] { margin: 0; vertical-align: top; width: 15px; height: 15px; }



.textBoxOut {background-color:#fff; border:1px solid #33768a;  padding:12px 10px 11px; line-height:0; }

.textBoxOut input, .textBoxOut textarea {background-color:transparent; color:#333; line-height:20px; font-size:16px; padding:0; margin:0; border:0 none; width:100%;}

.textBoxOut input { height:20px; }



.customSelect { font-size:16px;  color:#333; padding:0; margin:0;}

.customSelect { background:#fff url(../images/bgi/select-arrow-s.png) right center no-repeat; display:block !important;  padding:7px 10px;   line-height:normal}

/*span.customSelect > span { padding:7px 10px; display:block; width:100%;}*/

.customSelect option {padding:5px; border:0;}

span.customSelect .customSelectInner {display:block; width:100% !important;}



.ez-hide { opacity: 0; filter: alpha(opacity=0); }

.ez-checkbox, .ez-radio  { vertical-align:middle; position:relative; top:-1px; margin-right:4px; }

.ez-checkbox { background: url(../images/bgi/sprite.png) 0px -29px no-repeat; display: inline-block; width:15px; height:15px; }

.ez-radio { background: transparent url(../images/bgi/sprite.png) -179px 0px no-repeat; display: inline-block;  width:15px; height:15px; }

.ez-checked { background-position: -20px -29px; }

.ez-selected { background-position: -194px 0px; }

.container {max-width:1140px; width:100%;}











body{ font-family: 'Roboto', sans-serif; }



/*top_bar##############################################################################################################################*/



#top_bar {  width: 100%; background:#ffffff; border-bottom:1px solid#e5e5e5;}

#top_bar .left_top_sec span { font-size:15px; color:#617435; }

#top_bar .left_top_sec .colorGry {color:#939393;}

#top_bar .left_top_sec .TopAddress { background: url(../images/topLocation_icon.png) left center no-repeat; padding: 8px 10px 8px 25px; float: left; border-right: 1px solid #e5e5e5; margin-right: 10px;}

#top_bar .left_top_sec .TopPhone { background: url(../images/phone-icon.png) left center no-repeat; padding: 8px 0 8px 25px; float: left;}

#top_bar .left_top_sec .TopPhone a { color:#617435; }

#top_bar .left_top_sec .TopPhone a:hover { color:#617435; }



#top_bar .socialIcon a:hover{ opacity:0.8;}

#top_bar .socialIcon a{ padding: 8px; border-left: 1px solid #e5e5e5;display: inline-block;}

#top_bar .socialIcon a:last-child {  border-right: 1px solid #e5e5e5;}





/*top_bar_section##############################################################################################################################*/





#top_bar_section {  width: 100%;}

#top_bar_section .logoAndNavBar{background:#fff; padding:0; width:100%;}

#top_bar_section .navbar-brand { float: left; font-size: 18px; height: auto; line-height: 20px; padding:15px;}

#top_bar_section .navbar{padding:0;}

#top_bar_section .navbar-nav{float:none; margin-top:42px;}

#top_bar_section .navbar-right { float: right !important; margin-right: 0;}

#top_bar_section .navbar-nav > li{margin:0 6px;}

#top_bar_section .navbar-nav > li:last-child{margin-right:0;}

#top_bar_section .navbar-nav > li > a {  color: #fff; font-size: 20px; background: #4f642e; padding: 10px 12px; text-transform: uppercase; font-weight:400;}

#top_bar_section .navbar-nav > li.active a{ background: #fe8501; color:#fff !important;}

#top_bar_section .nav > li > a:hover, #top_bar_section .nav > li > a:focus{ color:#fff; background: #fe8501; }







/* =Banner

========================================================================================*/

#banner{width:100%;}

#banner .item{position:relative; text-align:center; min-height:500px; background-size:cover; background-repeat:no-repeat;}

#banner .owl-carousel .owl-item img{max-width:100%; height:auto; width:auto; margin:0 auto; visibility:hidden;}

#banner .banner_inner_cont { padding: 0px;}

#banner .bannerCaption{position:absolute; width:100%; left:0; top:30%; z-index:1; text-align: center;}

#banner .bannerCaption h1, #banner .bannerCaption h2{color:#fff; line-height:50px; margin-bottom:20px; font-size:45px; font-weight:bold; text-shadow: 2px 2px 4px #000000; }

#banner .bannerCaption p{font-size: 20px;font-weight:500;color:#fff;line-height: 26px;margin:15px 0 18px;text-shadow: 2px 2px 4px #000000; }

#banner .owl-nav{position:absolute; left:0; width:100%; top:50%; margin-top:-18px; z-index:1;}

#banner .owl-nav .owl-prev { background: transparent url("../images/left-arr.png") no-repeat scroll left top!important;float: left;height: 62px;margin-left: 0;opacity: 0.6;text-indent: -9999px; width: 30px;}

#banner .owl-nav .owl-next{background:transparent url(../images/right-arr.png) left top no-repeat!important; height:62px; width:30px; float:right; text-indent:-9999px; margin-right:0;opacity: 0.6;}

#banner .owl-nav .owl-prev:hover, #banner .owl-nav .owl-next:hover{opacity:0.8; filter:alpha(opacity=50);}

.owl-dots{position:absolute; bottom:20px; text-align:center; width:100%; left:0;}

.owl-dots .owl-dot{display:inline-block; margin:0 2px; border:3px solid #fff; height:15px; width:15px; border-radius:50%; -webkit-border-radius:50%;}

.owl-dots .owl-dot.active, .owl-dots .owl-dot:hover{background:#ccc;}

.owl-dots {display: none !important;}

/***********************animation Banner******************/

.bannerLayer{opacity:0;}

#banner .bannerCaption .container{position:relative; height:100%;}

#banner .bannerCaption.animationBanner{position:absolute; width:100%; left:0; top:0; z-index:1; text-align: center; height:100%;}

.centerTitle{position:absolute; top:50%; tansform:translateY(-20%); -webkit-tansform:translateY(-20%); width:100%; text-align:center; left:0; padding:0 60px;}

.layerTextTop{width:40%; position:absolute; right:20px; top:20px; text-align:right; font-weight:400;}

.layerImg.imgLeft{position:absolute; left:20px; top:140px; width:40%; text-align:left;}

.layerImg.imgRight{position:absolute; right:20px; top:140px;  width:40%; text-align:left; }

.layerImg img{visibility:visible !important; opacity:1 !important; max-width:300px !important; text-align:left; margin:0 !Important;}

.popupText{color:#fff; font-size:15px; padding:10px; /*border:1px solid #fff;*/ max-width:200px; text-align:left; min-width:120px;}

.bannerLeft1{position:absolute; left:10px; top:-130px;}

.bannerLeft2{position:absolute; left:230px; top:-90px;}

.bannerLeft3{position:absolute; left:330px; top:0; min-width:180px;}

.bannerRight1{position:absolute; right:350px; top:-130px; min-width:180px;}

.bannerRight2{position:absolute; right:100px; top:-110px;}

.bannerRight3{position:absolute; right:-50px; top:30px;}

.centerTitle.layerTitle2{top:70%;}

.owl-item.active .layerTitle{animation:fadeIn 8s 0.2s ease-out; -webkit-animation:fadeIn 8s 0.2s ease-out;}

.owl-item.active .layerTextTop{animation:fadeIn 5s 3s ease-out; -webkit-animation:fadeIn 5s 3s ease-out;}

.owl-item.active .layerTitle2{animation:fadeIn 20s 8s ease-out; -webkit-animation:fadeIn 20s 8s ease-out;}

.owl-item.active .imgLeft .bannerImg{animation:fadeIn 12s 10s ease-out; -webkit-animation:fadeIn 12s 10s ease-out;}

.owl-item.active .imgLeft .bannerLeft1{animation:fadeIn 10s 11s ease-out; -webkit-animation:fadeIn 10s 11s ease-out;}

.owl-item.active .imgLeft .bannerLeft2{animation:fadeIn 10s 13s ease-out; -webkit-animation:fadeIn 10s 13s ease-out;}

.owl-item.active .imgLeft .bannerLeft3{animation:fadeIn 8s 15s ease-out; -webkit-animation:fadeIn 10s 15s ease-out;}

.owl-item.active .imgRight .bannerImg{animation:fadeIn 12s 10s ease-out; -webkit-animation:fadeIn 12s 10s ease-out;}

.owl-item.active .imgRight .bannerRight1{animation:fadeIn 10s 11s ease-out; -webkit-animation:fadeIn 10s 11s ease-out;}

.owl-item.active .imgRight .bannerRight2{animation:fadeIn 10s 13s ease-out; -webkit-animation:fadeIn 10s 13s ease-out;}

.owl-item.active .imgRight .bannerRight3{animation:fadeIn 10s 15s ease-out; -webkit-animation:fadeIn 10s 15s ease-out;}

/* Safari 4.0 - 8.0 */

@-webkit-keyframes fadeIn {

    0 {opacity:0;}

    20% {opacity:1;}

	80% {opacity:1;}

	100% {opacity:0;}

}



/* Standard syntax */

@keyframes fadeIn {

    0 {opacity:0;}

    20% {opacity:1;}

	80% {opacity:1;}

	100% {opacity:0;}

}

/* Standard syntax */

@-ms-keyframes fadeIn {

     0 {opacity:0;}

    20% {opacity:1;}

	80% {opacity:1;}

	100% {opacity:0;}

}





/*check our products##############################################################################################################################*/



#checkourproducts { padding: 40px 0px 30px; width: 100%; background:#ffffff;}

#checkourproducts h2 { font-size:50px; color:#153063; font-weight:600; text-align:center; text-transform:uppercase;}

#checkourproducts .ourproducts { margin: 0px 0 0; width: 100%; border: 1px solid #e5e5e5; margin-bottom: 20px;}

#checkourproducts .ourproducts img { width:100%;}

#checkourproducts .ourproducts .ourproductsText{ padding:15px;}

#checkourproducts .ourproductsText > h3 { color: #153063; font-size: 25px;font-weight: 500; text-transform:uppercase;}

#checkourproducts .ourproductsText > p { color: #6b6b6b; font-size: 15px;}

.BtnMoreInfo { background: #fe8501; font-size: 15px; font-weight: bold; padding: 10px 22px; text-transform: uppercase; color: #fff; display: inline-block;}

.BtnMoreInfo:hover {background:#617435; color:#fff;}







/*TopqualityRobust##############################################################################################################################*/



#TopqualityRobust { width: 100%;background:#617435;  padding: 40px 0 ; }

#TopqualityRobust img { margin: 0 20px 15px 0; float: left; }

#TopqualityRobust p { font-size:25px; color:#ffffff; font-weight:500; line-height: 30px;}







/*BestSolarPower##############################################################################################################################*/



#BestSolarPower { padding: 40px 0px 30px; width: 100%; background:#ffffff;}

#BestSolarPower h2 { font-size:50px; color:#153063; font-weight:600; text-align:center; text-transform:uppercase;}

#BestSolarPower .bdrbottom{ border-bottom: 1px solid #e5e5e5;}

#BestSolarPower .col-sm-3 { border-right: 1px solid #e5e5e5; height:250px;}

#BestSolarPower .col-sm-3:last-child { border-right:none;}

#BestSolarPower .ourproducts { width: 100%; padding: 20px; text-align:center;}

#BestSolarPower .ourproducts img:hover { opacity:0.6;}

#BestSolarPower .ourproducts .ourproductsText{ padding:15px;}

#BestSolarPower .ourproductsText > h3 { color: #153063; font-size: 15px;font-weight: 500;}

#BestSolarPower .ourproductsText > p { color: #6b6b6b; font-size: 15px;}









/*footer ##############################################################################################################################*/



#footer { background: #617435; padding: 40px 0 0px; width: 100%; }

.footerInner { width:100%; margin-bottom: 30px; padding: 0 0px; float: left;}

.footerInner img:hover { opacity:0.6;}

.footerInner img { margin-bottom:20px; }

.footerInner .footerTitle {font-weight:500; margin-bottom: 10px; display: inline-block;}

.footText {width:100%; color: #ffffff; font-size: 15px; text-align:left;}

.FootAddressBox{ float: left; width: 100%; margin-bottom: 6px;}

.Footad { display: flex;}

.FootCityName { float: left; width: 100px; margin-right: 10px;}





/*footer_bottom ##############################################################################################################################*/

.footer_bottom { padding: 20px 0; border-top:1px solid#81905d; text-align:center; }

.footer_bottom p { font-size: 15px;  color: #ffffff;}

.footer_bottom .footer_social_icons img { margin:0 8px; }

.footer_bottom .footer_social_icons a:hover { opacity:0.6;}





/* =inner_pages

========================================================================================*/



.bannerInnerPages{ background:#4f642e; padding: 35px 0;}

.bannerInnerPages h1 { font-size: 50px; color: #fff; text-transform:uppercase;  font-weight:400; float:right; margin-bottom: 0;}

.breadcrumb.bsss { background: none; padding: 0; float: left; margin-top: 14px;}

.breadcrumb.bsss li a { color: #fff; text-decoration: none !important;font-size:20px; text-transform:uppercase;}

.breadcrumb.bsss li a.active { color: #fe8501;}

#InternaPages { padding: 40px 0px 30px; width: 100%; background:#ffffff;}

#InternaPages h2 { font-size:50px; color:#153063; font-weight:600; text-align:center; text-transform:uppercase;}

.ImageSec img { width:100%; margin-bottom:20px;}





/* =contact

========================================================================================*/

.inquiryForm h2{font-size:50px; color:#153063; font-weight:600; margin-bottom:20px; text-align:center; text-transform:uppercase;}

.inquiryForm input[type="text"], .inquiryForm input[type="tel"], .inquiryForm input[type="email"]{background:#fff; text-transform:none; height:36px;width:100%; padding:10px; border-radius:0; -webkit-border-radius:0; border:1px solid #c9c9c9;}

.inquiryForm textarea{background:#fff; text-transform:none; height:141px;width:100%; padding:10px; border-radius:0; -webkit-border-radius:0; border:1px solid #c9c9c9;}

.inquiryForm .buttonleft { float: left; margin-top: 20px; width: 100%;}

.inquiryForm input[type="submit"]{background:#fe8501; text-align:center; font-size:16px; text-transform:uppercase; font-weight:600; width:auto; height:38px; min-width:218px;}

.inquiryForm input[type="submit"]:hover, .inquiryForm button:hover, .inquiryForm .button:hover{background:#617435;}

.inquiryForm ::-webkit-input-placeholder {

   color: #c9c9c9;

   opacity:1;

}



.inquiryForm :-moz-placeholder { /* Firefox 18- */

   color: #c9c9c9;  

    opacity:1;

}



.inquiryForm ::-moz-placeholder {  /* Firefox 19+ */

   color: #c9c9c9;  

    opacity:1;

}



.inquiryForm :-ms-input-placeholder {  

   color: #c9c9c9;  

    opacity:1;

}





.BtnSectionBs {
    float: left;
    width: 100%;
}
.BtnSectionBs .BtnMoreInfo { background: #fe8501; font-size: 14px; font-weight: bold; padding: 10px 12px; text-transform: uppercase; color: #fff; display: inline-block; border:1px solid#fff; margin: 15px 10px 0 0;}
.BtnSectionBs .BtnMoreInfo:hover {background:transparent; color:#fff; border:1px solid#fff;}






@media screen and (-webkit-min-device-pixel-ratio:0) { 





}







@media (max-width:900px){

#banner .bannerCaption { top: 15%;}

#BestSolarPower .col-sm-3 { border-right: 1px solid #e5e5e5; height:300px;}





#top_bar { text-align: center; padding-top:10px;}

.alignleft.left_top_sec { float: none;}

#top_bar .left_top_sec .TopAddress { float: none;}

#top_bar .left_top_sec .TopPhone { float: none;display: inline-block;}

.alignright { float: none; display: inline-block;}

#top_bar_section .navbar-brand { width: 305px;}

#top_bar_section .navbar-nav { margin-top: 32px;}



}





@media (max-width:800px){

#top_bar_section .navbar-nav > li > a { font-size: 18px;}



}

@media (max-width:786px){

#top_bar .left_top_sec .TopAddress { padding: 8px 5px 8px 25px; float: none; border-right: none; margin-right: 0px;}

}

@media (max-width:768px){





}



@media (max-width:767px){

#top_bar_section .navbar-header{width:auto !important;}

#top_bar_section .navbar-brand img{width:auto; height:auto;}

#top_bar_section .logoAndNavBar{padding:0;}

#top_bar_section .navbar-nav{margin-top:10px  border-top:0 none;}

#top_bar_section .navbar-right {float: left !important; margin-right: 0; margin:0px; width: 100%;}

#top_bar_section .navbar-nav > li { margin: 0px;}

#top_bar_section .navbar-nav > li > a { border-bottom: 1px solid #ccc; font-size: 18px; padding: 15px 10px; text-transform: uppercase;}

#top_bar_section .navbar-toggle, .navbar-toggle:hover{width:39px; height:28px; margin:40px 20px 0 0; background:url(../images/bgi/mob-menu-bg.png) left top no-repeat;}

#BestSolarPower .bdrbottom{ border-bottom: none;}

#BestSolarPower .col-sm-3 { border-right: none; height:auto;}



#banner .bannerCaption h1 { line-height: 40px;  font-size: 36px;}

#banner .bannerCaption p { font-size: 18px;}

.footBox { width: 50%;}

.footerInner { height: 308px;}

.footerInner.FootMailAddress { height: auto;}



}



@media (max-width:600px){

.footBox { width: 100%;}

.footerInner { height: auto;}

}





@media (max-width:500px){

.bannerInnerPages h1 { float: left; width: 100%;}

}



@media (max-width:450px){

#banner .bannerCaption h1 { font-size: 28px; line-height: 32px;}

#banner .bannerCaption p { font-size: 16px;}





}



@media (max-width:379px){

#top_bar_section .navbar-brand { width: 250px;}

#top_bar_section .navbar-toggle, .navbar-toggle:hover { margin: 28px 20px 0 0;}

}



