body{font-family:rubiklight, Arial, Helvetica, sans-serif;}
img{max-width:100%;}



header {position:relative; z-index:99; display:inline-block;width:100%;background:url(../images/haeder.jpg) repeat;padding:0;}
header  .social {text-align:right; padding-top:10px;}
header img{max-height:110px;}
header  .social i{color:#024c7b; font-size:16px; margin:5px 7px 0 0; width:60px; float:right; height:60px; text-align:center; line-height:60px; border:1px solid #6e99b3;}
header .social i:hover{color:#fff; background:#0072bc;}
header .search{position:relative; background:#0072bc; float:right; margin:5px 0 0 15px;}header .search i{color:#fff; margin:0;}
header .search button{position:absolute; right:0;width:35px;height:31px; border:1px solid #980e82; background:#a2238e;color:#fff;}
header .call{background:#000; padding:10px 20px; color:#fff; font-size:18px; text-align:center; display:block; float:right;font-family:rubikmedium; margin-right:45px;}header .call span{color:#1ec1e9;}
header #menu{font-family:rubikmedium; background:url(../images/menu-right.jpg) no-repeat right #0072bb; position:relative;padding:15px 45px 15px 15px; margin-top:10px;}
header #menu .qoute{background:#1ec1e9;color:#fff; font-size:14px;text-transform:uppercase;display:block; padding:10px; border-radius:20px; text-align:center;}
header #menu .qoute:hover{background:#000;}


#banner{position:relative;margin-top:-6px;}#banner .img img{width:100%;}#banner .title{width:100%; background:rgba(0,0,0,.5); position:absolute; bottom:0; color:#fff; padding:10px 0; font-size:30px;font-family:rubikmedium;}



.skool-icon{position:fixed;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right:0;z-index: 99999;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all .5s ease;}
.skool-icon ul li{background: rgba(0,0,0,.8);width: 220px;height: 65px;position: relative;margin: 0 1px 1px 0;-webkit-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;transition: all .25s ease-in-out;cursor: pointer;}

#banner-inner{padding-bottom:20px;position:relative;}#banner-inner img{width:100%;}
#banner-inner h1{position:absolute; bottom:0; background:rgba(0,0,0, 0.7); padding:20px 10px; color:#fff; font-size:30px; width:100%;}

#ADVANTAGE{padding:40px 0; }
#ADVANTAGE h2{font-size:30px; color:#133790; text-transform:uppercase; padding-top:20px;font-family:rubikmedium;}
#ADVANTAGE h3{font-size:24px; color:#133790; text-transform:uppercase;font-family:rubikmedium;}
#ADVANTAGE ul {text-align:left; padding:0 0 0 15px;}#ADVANTAGE ul li {padding-bottom:5px; color:#333;}


#what{padding:30px 0 20px 0;background:#f9f9f9;}#what h2{font-size:30px; color:#133790; text-transform:uppercase; padding-bottom:20px;font-family:rubikmedium;}
#what p{color:#666;font-size:16px;}#what .padd20{padding-bottom:20px;}
#what .icon{box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1); background:#fff;position:absolute; left:0; top:0;}
#what .whatwe{position:relative; padding-left:90px;}#what h3{font-size:17px; color:#064e76; font-weight:600; margin:0; text-transform:uppercase;padding:3px 0 5px;}


.our-products{padding:30px 0;}.our-products .start{box-shadow:0 0 3px #ccc;padding:6px;margin-bottom:25px;text-align:center;font-family:rubikmedium;border-radius:3px;}.our-products h2{font-size:30px;text-align:center;padding-bottom:20px;text-transform:uppercase;font-family:rubikmedium;}.our-products .start img{width:100%;}

.parallax{background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;background-image:url(../images/testimonials.jpg); padding:70px 0}
.parallax h2{font-size:30px; font-weight:bold; margin:20px 0; color:#fff;font-family:rubikmedium;}
.parallax .boxyellow{background:#fcb600; min-height:320px!important; padding:10px 15px;}.parallax .boxyellow h3{color:#fff!important;font-family:rubikmedium;font-weight:300;}
.parallax .boxblue{background:#273b6d; color:#fff!important; min-height:320px!important; padding:10px 15px;}.parallax .boxblue h3{color:#fff!important;font-family:rubikmedium;font-weight:300;}
.parallax .boxgry{background:#ebebeb; min-height:320px!important; padding:10px 15px;}.parallax .boxgry h3{color:#0d5374!important;font-family:rubikmedium;font-weight:300;}
.parallax img {max-width:50px; margin-bottom:15px;}.parallax h3{font-size:24px;font-weight:bold;}.parallax p{font-size:15px;}
.parallax .min-height{min-height:300px!important;}


.know-smart{background:#40ac3c; margin:30px 0 2px;}
.know-smart .row{margin:0px; overflow:hidden;}
.know-smart .left{padding:50px 20px 0px 50px;}
.know-smart h2{font-size:40px; color:#fff; padding-bottom:10px;font-family:rubikmedium;font-weight:300;}
.know-smart p{color:#fff;}
.know-smart .col-sm-6{margin:0; padding:0;}
.know-smart .know{padding-top:10px; text-align:center;}
.know-smart .know a{background:#fff; padding:10px 20px; color:#000; text-transform:uppercase; font-size:14px;font-weight:bold;}
.know-smart .know a:hover{background:#000; color:#fff;}

.counters_section {background-image:url("../images/pattern1_dark.jpg"); padding:25px 0;}
.counters_section ul{margin:0; padding:0;}

.counters_section ul li {list-style-type:none;width:19.5%; display:inline-block; border-left:1px solid rgba(255, 255, 255, 0.06); text-align:center; color:#ccc;}.counters_section ul li strong{font-family:rubikmedium; color:#ff9b29; font-size:40px; display:block; padding-bottom:0px;}


 

.testimonal{padding:20px 0;}

 

footer{background:#273b6d;padding:50px 0 20px;color:#fff;}
footer h3{font-size:24px;color:#fff; font-weight:normal; padding-bottom:15px; position:relative; text-transform:uppercase;font-family:rubikmedium;font-weight:300;}
footer ul{list-style-type:none; padding:0; margin:0;}
footer ul li {padding:0 0 10px 20px; font-size:15px;position:relative;}footer ul.navmenu li:before{position:absolute; content:"\f061"; font-family:FontAwesome; left:0; top:0;}
footer ul.contact li{padding:8px 8px 8px 25px;}
footer ul.contact li i {position:absolute; left:0;font-size:18px;}
footer a{color:#fff; text-transform:none;}
footer a:hover{color:#3e9fff;}
footer p{font-size:14px; color:#fff; padding-bottom:15px;}footer form .form-control{margin-bottom:5px; color:#000; font-size:15px;}
.social-footer{padding:15px 0;color:#454647;}
.social-footer i {border:1px solid #024c7b; color:#fff; text-align:center; font-size:16px; width:35px; height:35px; margin:0px 2px; line-height:35px; margin-bottom:5px;}
.social-footer i:hover{background:#fe9c2d; color:#fff;}
.footer-copy{padding:10px 0;background:#1e1e1e;color:#fff; font-size:14px; text-align:center; color:#a4a4a4}.footer-copy a{color:#fff;}

.our-working-process-start{padding:20px 0 25px;}
 
.single-solari-service-start .title {
  color: #1F1F25;
  transition: 0.3s;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #1F1F25;
  margin-bottom: 10px;
}

.single-solari-service-start .title:hover {
  color: #fff;
}

.single-solari-service-start p.disc {
  color: #74787C;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}

.single-solari-service-start a.read-more-btn {
  color: #1F1F25;
  display: flex;
  align-items: center;
  transition: 0.3s;
}

.single-solari-service-start a.read-more-btn i {
  margin-left: 10px;
}

.single-solari-service-start a.read-more-btn:hover {
  color:#fff;
}

.single-solari-steps-start .thumbnail {
  display: flex;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 30px;
  position: relative;
  cursor: pointer;
}

.single-solari-steps-start h5{font-family:rubikmedium;font-size:24px;font-weight:400;}

.single-solari-steps-start .thumbnail .steps {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 88px;
  height: 72px;
  display: flex;
  align-items: center;
  background: #fff;
  justify-content: center;
  border-radius: 0 10px 0 0;
}

.single-solari-steps-start .thumbnail .steps span {
  font-size: 34px;
  letter-spacing: 0.05em;
  font-weight: 900;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #010052;
  color: #fff;
}

.single-solari-steps-start .thumbnail:hover img {
  transform: scale(1.1);
}

.single-solari-steps-start .thumbnail img {
  border-radius: 10px;
  transition: 0.5s;
}

.stok-bg {
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  display: block;
  -webkit-text-fill-color: transparent;
  /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(217, 217, 217, 0.267);
  font-size: 80px;
  font-weight: 500;
  font-family:rubikmedium;
  font-weight:300;
  margin-bottom: -70px;
  margin-right: 10%;
  z-index: -1;
  position: relative;
}

.title-area-center {
  text-align: center;
}

.title-area-center p.pre {
  color: #010052;
  letter-spacing: 0.04em;
  font-weight: 600;
  text-transform: uppercase;
  font-weight:300;
  font-family:rubikmedium;
}

@media only screen and (max-width: 575px) {
  .title-area-center p.pre {
    font-size: 12px;
  }
}

.title-area-center p.pre span {
  padding: 3px 7px;
  background: #010052;
  border-radius: 3px;
  color: #fff;
}

.title-area-center .title {
  font-weight: 400;
  font-size: 38px;font-family:rubikmedium;
  color: #1F1F25;
  padding-bottom:20px;
}

@media only screen and (max-width: 767px) {
  .title-area-center .title {
    font-size: 32px;
    line-height: 56px;
  }
}

@media only screen and (max-width: 575px) {
  .title-area-center .title {
    font-size: 26px;
    line-height: 38px;
  }
}


.right_product{position:fixed;top:448px;margin-top:0;right:35px;z-index:99999;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all .5s ease}.skool-icon{z-index:999;width:65px;padding:0;margin:0}.skool-icon ul{list-style-type:none}.skool-icon ul li{background:rgba(0,0,0,.8);width:auto;width:220px;height:65px;position:relative;margin:0 1px 1px 0;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;cursor:pointer}.skool-icon ul li aside{width:65px;height:65px;padding:14px 0}.skool-icon ul li aside img{text-align:center;margin:5px auto;display:block}.skool-icon ul li:hover{margin-left:-155px;background:#307fe2}.skool-icon ul li:hover img{-webkit-filter:grayscale(100%)}.skool-icon ul li img{text-align:center;display:block;margin:5px 10px 5px 5px}.skool-icon ul li p{padding:16px 0 0;margin:0;position:absolute;top:0;left:65px;text-transform:uppercase;line-height:16px;color:#fff;font-size:14px;font-weight:400;display:block}.skool-icon ul li:hover p{color:#FFF}.hight-button{margin:50px 0}.mobile-link{padding:35px 0 35px 30px;color:#fff;font-size:16px;border-bottom:1px solid #1a1a1a;display:none}.mobile-close{position:absolute;top:32px;right:20px;width:20px;height:20px;z-index:9999;cursor:pointer;display:none}#mob_trigger_link{display:block;position:relative;float:right}@media screen and (max-width:1366px){.right_product{position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media screen and (max-width:1024px){.mobile-close,.mobile-link{display:block}.right_product{margin-top:0;right:-230px;z-index:99;width:230px;height:100%;overflow-x:hidden;background:#000}#mob_trigger_link{display:block;position:relative;float:right}.skool-icon ul li{background:0 0;width:100%;height:auto;padding:23px 15px 23px 10px;margin:0;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;-webkit-filter:none;border-bottom:1px solid #1a1a1a}.right_product samp{height:auto!important}.skool-icon{width:100%;height:100%}.skool-icon ul li p{padding:0;position:inherit;left:0;line-height:initial;text-align:left;color:#fff}.skool-icon ul li img{margin:5px auto}.skool-icon ul li:nth-child(3) img{padding:0 10px}.skool-icon ul li:hover{margin-left:0}.skool-icon ul li aside{padding:0;float:left}.mobile-link{font-size:16px;line-height:22px;font-weight:700;text-transform:uppercase}.quick-link-mob{display:inline-block}}


#contentpage {padding:25px 0;}
#contentpage h1{font-size:32px; color:#fcb600;font-family:rubikmedium;font-weight:400;}#contentpage h1 span{color:#133790; font-size:24px; display:block; padding-top:5px;}
#contentpage h2{font-size:24px; color:#000; font-family:rubikmedium;}#contentpage h3{font-size:24px; color:#fcb600; font-family:rubikmedium;}#contentpage h4{color:#133790; font-size:28px;font-family:rubikmedium;font-weight:300;padding-bottom:20px;}
#contentpage p {font-size:16px; padding-bottom:15px;}#contentpage ul{padding:0px 0 0 20px; font-size:16px;}
#contentpage textarea{height:120px;}

#download .boxyellow{background:#fcb600; min-height:250px!important; padding:10px 15px; margin-bottom:15px;}
#download .boxblue{background:#273b6d; color:#fff!important; min-height:250px!important; padding:10px 15px; margin-bottom:15px;}
#download .boxgry{background:#ebebeb; min-height:250px!important; padding:10px 15px; margin-bottom:15px;}
#download img {max-width:50px; margin-bottom:15px;}.parallax h3{font-size:24px;font-weight:bold;}.parallax p{font-size:15px;}
#download h3{color:#273b6d!important;}#download .boxblue h3{color:#fff!important;}#download a{color:#273b6d;}#download .boxblue a{color:#fff!important;}

.contactleft{box-shadow:0 0 3px #ccc; padding:20px; margin-right:10px;}
.contactleft ul {list-style-type:none; padding:0!important; margin:0; list-style-type:none;}
.contactleft ul li{position:relative; padding-left:30px; padding-bottom:15px;}
.contactleft ul li i{position:absolute; left:0; top:2px; font-size:24px; color:#fcb600;}.contactleft ul li strong{font-weight:bold; font-size:16px; text-transform:uppercase; color:#133790; display:block;}
 
 
ul.wewill{padding:0 0 10px!important;list-style-type:none;}ul.wewill li{background:url(../images/bullet.png) no-repeat 0px 7px;background-size: 8px; padding-left:17px;}
.pb-0{padding-bottom:0!important;}.pt-2{padding-top:20px!important;}
 
@media screen and (max-width:767px) {
header  .social i {width:50px; height:50px; line-height:47px; margin-bottom:10px;}header .search{margin-left:0; overflow:hidden; height:50px;}
#banner .banner-text{position:relative; padding:60px 10px 30px; background:#000; font-size:14px;}#banner .banner-text h2{font-size:20px; padding-bottom:10px}#banner .banner-text p{padding-bottom:10px;}
.quick{background-image:none;}.quick h2{color:#fff; padding-top:20px;}
#boxs{margin-top:10px;}#boxs img {margin-bottom:10px;}
#about .text-right{padding-top:20px;}
.testimonal .start .comment{border-left:none; border-top:1px solid #ece8e7; margin-top:20px; padding:15px;}

 }