html, body{height: 100%; font-family: 'Poppins', sans-serif; letter-spacing: 0.026em; }
p{font-weight: 300; margin:0.25em auto;}
a{-webkit-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.header{ width: 100%; padding-top: 10px; padding-bottom:10px;background:#fff;}
.logo{float:left;}
.logo2{float:right;}
.logo a{display: inline-block;}
.logo img{width:100%;}
.featured_section { width: 100%; background-size: cover;position: relative;height: 100vh; background-size: cover;  }
/*.featured_section:before{content: ""; width: 100%; height: 100%;z-index: 1; position: absolute; display: block; left: 0; top: 0; background: rgba(0,0,0,0.5);}*/
.featured_section .home__body {height: 100%; position: relative; z-index: 2; }
.featured_section .home__body > .row {display: table; width: 100%; height: 100%;margin: 0; }
.featured_section .table-cell {display: table-cell; float: none;vertical-align: middle; }

.home_content{/*background: url(../img/banner.jpg) no-repeat center;*/ background-size:cover; /*padding-top: 115px; padding-bottom: 115px;*/ position: relative; width: 100%; height:100%;}
.home_content{text-align: center; color: #fff;}
.home_content .item:before{content: ""; width: 100%; height: 100%;z-index: 1; position: absolute; display: block; left: 0; top: 0; background: rgba(0,0,0,0.3);}
.home_content .item{height: 70vh; position: relative; background-position:center; background-repeat:no-repeat;}
 .home_content .item > a{ width: 100%; height: 100%;
    position: absolute; z-index: 4;}
    .home_content .item a{color:#fff;}
.home_content .item div{position: absolute; z-index:; height: auto; text-align: center; top: 50%; left: 50%; width: 90%; max-width:1000px; margin:0 auto; color:#fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%, -50%); z-index:4;}
.home_heading{font-size: 60px; text-transform: capitalize; margin:0 0 12px; font-weight: 600;}
.home_content .container{position:relative; }
.home_content h2{font-size: 40px; margin: 0 0 12px; text-transform: capitalize; font-weight: 300; letter-spacing: 0.026em;}
.home_content p{font-size: 14px; color: #fff; letter-spacing: 0.026em; text-transform: capitalize;}
.solatube_wrap{padding-top: 80px; padding-bottom: 80px;}
.tittle{font-size: 36px;margin:0.25em auto; color: #000; font-weight: 600; text-align: center;}
.videos{border:3px solid #fdb927;}
a.fa.fa-angle-down.scrall-down {
    font-size:80px;
    /*position: absolute;
    bottom: 15px;
    z-index: 1;*/
    color: #fdb927;}
    a.fa.fa-angle-down.scrall-down:hover,  a.fa.fa-angle-down.scrall-down:focus{text-decoration:none; outline:none; color:#fff;}
.sub_tittle{font-size: 16px; color: #8b9b93; text-align: center; font-weight: 300; position: relative;}
.sub_tittle:after{display: block; content: "";  width: 58px; height: 5px; background: #fdb927; margin: 30px auto 0;}
.solatube_right_part{ font-size: 14px; color: #838383; margin-top: 35px; line-height: 1.6;}
.solatube_img{margin-top: -80px;}
.save_energy_wrap{ background: url(../img/banner2.jpg) no-repeat center; background-size: cover; text-align: center; position: relative; color: #fff;}
.save_energy_wrap1{ background: url(../img/unnamed.png) no-repeat center; background-size: cover; text-align: center; position: relative; color: #fff;}
.save_energy_wrap:before{position: absolute; content: ""; display: block; z-index: 1; top: 0; left:0; width: 100%; height: 100%; background: rgba(0,34,56,0.7);}
.save_energy_wrap1:before{position: absolute; content: ""; display: block; z-index: 1; top: 0; left:0; width: 100%; height: 100%;}
.save_energy_wrap .container{position: relative; z-index: 3; max-width: 900px; margin: 0 auto;}
.save_energy_wrap1 .container{position: relative; z-index: 3; max-width: 900px; margin: 0 auto;}
.save_energy_wrap h3{font-size: 36px; font-weight: 600;}
.save_energy_wrap p{font-size: 14px; margin-top:20px; margin-bottom:20px;}
.video_btn{width: 83px; height: 83px;-webkit-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; line-height: 83px;  background: #fff;  color: #18313f; font-size: 35px; display: block; margin-top: 54px; margin-left: auto; margin-right: auto; border-radius: 50%; text-align: center; text-decoration: none;}
.video_btn:hover{background: rgba(0,34,56,.9); color: #fff;}
.save_energy_wrap a h4{color: #fff; font-size: 24px; font-weight: 300; margin-top: 45px;}
.save_energy_wrap a:hover{text-decoration: none;}
.contact_wrap{padding-top: 60px; padding-bottom: 80px; text-align:center;}
.contact_wrap .container{max-width: 750px; margin: 0 auto;}
.contact_wrap form{margin-top: 43px;}
.contact_wrap .form-control{height: 48px; padding-left: 25px; border: none; border-radius: 40px; font-size: 16px; font-weight: 300; box-shadow: 3px 3px 5px 3px #f0f0f0; }
.contact_wrap textarea.form-control{resize: none; height: 147px;}
.contact_wrap .form-group{margin-bottom: 35px;}
.btn_primary{width: 224px; display: block; margin: 0 auto; background: #fdb927; padding: 15px; text-align: center;-webkit-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; font-size: 18px; font-weight: 600; color: #fff; border:1px solid #fdb927; border-radius: 30px;}
.btn_primary:hover{background:transparent; color: #fdb927;}
.footer{background: #0069aa; text-align: center; padding-top: 15px; padding-bottom: 15px;}
.copyright{font-size: 12px; color: #fff;}
.solatube_right_part p{margin-top:25px;}
.text{font-size:14px; margin-top:20px; color:#838383;}
.clear{clear:both;}
@media screen and (max-width: 992px) {
.solatube_img{margin-top: 20px;}
}
@media screen and (max-width: 767px) {
    .contact_wrap .form-group{margin-bottom: 0;}
    .contact_wrap .form-control{margin-bottom: 25px;}
    .logo2, .logo{width:45%;}
    .solatube_wrap{padding-top:40px; padding:bottom:40px;}
.featured_section{height:auto;}

}
@media screen and (max-width: 640px) {
.tittle, .save_energy_wrap h3{font-size: 30px;}
.sub_tittle{font-size: 14px;}
.home_heading{font-size:50px;}
.home_content h2{font-size: 25px;}
.home_content p{font-size:12px;}
}
.video_btn{width: 83px; height: 83px;-webkit-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; line-height: 83px;  background: #fff;  color: #18313f; font-size: 35px; display: block; margin-top: 54px; margin-left: auto; margin-right: auto; border-radius: 50%; text-align: center; text-decoration: none;}
.video_btn:hover{background: rgba(0,34,56,.9); color: #fff; text-decoration: none;}
.fa-play:before{padding-left:15px;}
.save_energy_wrap .h4{color: #fff; font-size: 24px; display: inline-block; font-weight: 300; margin-top: 45px;}
.save_energy_wrap .h4:hover{text-decoration: none;}
form#userForm {
    box-shadow: none;
}
#userForm .form-control{height: 48px; padding-left:25px; box-sizing:border-box;  border: none; border-radius: 40px; font-size: 16px; font-weight: 300; box-shadow: 3px 3px 5px 3px #f0f0f0; width:100%; }
#userForm textarea.form-control{resize: none; height: 147px; width:100%;}
#userForm .btn_primary{width: 224px; display: block; margin: 0 auto; background: #fdb927; padding: 15px; text-align: center;-webkit-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; font-size: 18px; font-weight: 600; color: #fff; border:1px solid #fdb927; border-radius: 30px;}
#userForm .btn_primary:hover{background:transparent; color: #fdb927;}
.solatube_right_part .tittle, .solatube_right_part .sub_tittle{text-align:left;}
.solatube_right_part .sub_tittle:after{margin:30px 0;}
.solatube_right_part img{ margin:0 auto;}
.mfp-wrap{z-index:999999;}
@media screen and (max-width: 767px) {
    #userForm  .form-group .row{margin-bottom: 0  !important;}
    #userForm .form-control{margin-bottom: 25px !important;}
    .video_btn{margin-top:30px;}
    .save_energy_wrap .h4{margin-top:35px;}

}
div.formResponsive{display: none;}