@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

::selection {
  color: #fff;
  background: #169842; 
}
.page-loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.97);}
.page-loader-inr{position: absolute;left: 0;top: 50%;text-align: center;width: 100%; -webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.loader1 span {
   vertical-align:middle; 
   display:inline-block;
   width:10px;
   height:10px;
   margin:3px 2px;
   -webkit-animation:loader1 0.8s linear infinite alternate;
   animation:loader1 0.8s linear infinite alternate;
}
.loader1 span:nth-child(1) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(255, 255, 255,0.6);
}
.loader1 span:nth-child(2) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(255, 255, 255,0.8);
}
.loader1 span:nth-child(3) {
   -webkit-animation-delay:-0.26666s;
   animation-delay:-0.26666s;
  background:rgba(255, 255, 255,1);
}
.loader1 span:nth-child(4) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(255, 255, 255,0.8);
  
}
.loader1 span:nth-child(5) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(255, 255, 255,0.4);
}

@keyframes loader1 {
   from {transform: scale(0, 0);}
   to {transform: scale(1, 1);}
}
@-webkit-keyframes loader1 {
   from {-webkit-transform: scale(0, 0);}
   to {-webkit-transform: scale(1, 1);}
}


body{font-family: 'Roboto', sans-serif;margin:0;padding:0;font-size:14px;line-height:20px;font-weight:400;overflow-x:hidden;} 
section{overflow-x:hidden;}
a {-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: none;text-decoration: none;} 
h3{font-family: 'Oswald', sans-serif;}
.container{max-width:1430px;} 
.whatsapp{position: fixed;right:15px;bottom: 15px;width: 64px;height: 64px;border-radius: 64px;animation: bluePulse 1.5s infinite;z-index:99;}

@keyframes bluePulse {
  0% {
    transform: scale(1);
  }
  15% {
    box-shadow: 0 0 0 2px rgba(74, 174, 32, 0.4);
  }
  25% {
    box-shadow: 0 0 0 4px rgba(74, 174, 32, 0.4),
      0 0 0 8px rgba(74, 174, 32, 0.2);
  }
  25% {
    box-shadow: 0 0 0 8px rgba(74, 174, 32, 0.4),
      0 0 0 16px rgba(74, 174, 32, 0.2);
  }
}

.header{position: fixed;left: 0;top: 0;width: 100%;padding:10px 0;z-index: 999;background: rgba(0,0,0,0.60);}  
.menu-fixed{padding: 5px 0;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);position: fixed;} 
.logo{float: left;overflow: hidden;height: 90px; }
.logo img{max-width: 180px;} 
.menu-fixed .logo img{margin-top: -92px;} 
.menu{margin: 17px 0 0 0;float: right;}
.menu .navbar{padding:12px 0 0 0;float: left;}
.menu .navbar-nav li{margin: 0 5px;}
.menu .navbar-nav li .nav-link{padding:5px 15px;color: #fff;font-weight: 600;text-transform: uppercase;font-size: 14px;border-radius: 30px;}
.menu .navbar-nav li .nav-link:hover{color: #90c535;}
.menu .navbar-nav li.active .nav-link{color: #90c535;}
.menu-fixed .menu .navbar-nav li .nav-link{color: #000;}
.menu-fixed .menu .navbar-nav li .nav-link:hover{color: #90c535;}
.menu-fixed .menu .navbar-nav li.active .nav-link{color: #90c535;}
.slider{width: 100%;height: 100vh;float: left;position: relative;overflow: hidden;}
.slider .owl-dots{position: absolute;right: 0;bottom: 70px;width: 100%;text-align: center;}
.slider .owl-dots button{outline: none;border: solid #fff 2px;width: 16px;height: 16px;opacity: .5;margin: 0 2px;border-radius: 16px !important;}
.slider .owl-dots button span{margin: 0 0 0 2px !important;background: #fff !important;width: 8px !important;height: 8px !important;border-radius: 8px !important;}
.slider .owl-dots button.active{opacity: 1;}
.slider .item img{width: 100%;height: 100vh;object-fit: cover;}
.banner-cap-inner{position: absolute;left: 0;top: 50%;width: 100%;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%); z-index: 9;}
.banner-cap-inner h3{font-size: 36px;font-weight: 700;margin: 0 0 15px;color: #fff;text-transform: uppercase;}
.banner-cap-inner h3 strong{font-weight: 700;text-decoration: underline;color: #169842;}
.banner-cap-inner a{display: inline-block;border-radius: 30px;background: #f4731b;color: #fff;text-transform: uppercase;font-weight: 700;padding: 10px 55px 11px 25px;position: relative;height: 41px;border: solid #f4731b 2px;}
.banner-cap-inner a i{position: absolute;right: 1px;top: 1px;width: 35px;height: 35px;border-radius: 35px;background: #fff;text-align: center;padding-top: 6px;color: #f4731b;font-size: 25px;}
.banner-cap-inner a:hover{background: #fff;color: #f4731b;}
.banner-cap-inner a:hover i{background: #f4731b;color: #fff;}
.client-sec{width: 100%;float: left;padding: 40px 0;}
.client-sec .item{padding: 5px;border-radius: 15px;background: #fff;box-shadow: 0px 0px 13px rgba(0,0,0,0.15);overflow: hidden;text-align: center;}
.client-sec .item img{max-width: 100%;}
.client-sec .owl-item{padding: 15px 10px;}
.rc-secton{width: 100%;float: left;background: url("../images/rc-solar-bg.jpg") no-repeat;background-position: center top;background-size: cover;background-attachment: fixed;padding: 180px 0 200px;text-align: center;}
.rc-secton h3{color: #fff;font-size: 60px;font-weight: 700;margin: 0 0 35px;}
.rc-secton p{color: #fff;font-weight: 500;margin: 0 0 25px;}
.rc-secton a{display: inline-block;border-radius: 30px;background: #f4731b;color: #fff;text-transform: uppercase;font-weight: 700;padding: 10px 55px 11px 25px;position: relative;height: 41px;border: solid #f4731b 2px;}
.rc-secton a i{position: absolute;right: 1px;top: 1px;width: 35px;height: 35px;border-radius: 35px;background: #fff;text-align: center;padding-top: 6px;color: #f4731b;font-size: 25px;}
.rc-secton a:hover{background: #fff;color: #f4731b;}
.rc-secton a:hover i{background: #f4731b;color: #fff;}
.completed-projects{width: 100%;float: left;padding: 60px 0;}
.completed-projects .item{text-align: center;}
.completed-projects .item h4{color: #f4731b;font-weight: 700;font-size: 18px;margin: 15px 0;}
.completed-projects .item p{font-weight: 500;color: #121212;margin: 0;}
.ongrid-offgrid-kerala{width: 100%;float: left;background: url("../images/ongrid-offgrid-kerala.jpg") no-repeat;background-position: left top;background-size: cover;padding:200px 0;text-align: center;}
.ongrid-offgrid-kerala h3{color: #fff;font-size: 60px;font-weight: 700;margin: 0 0 35px;}
.ongrid-offgrid-kerala p{color: #fff;font-weight: 500;margin: 0 0 25px;}
.ongrid-offgrid-kerala a{display: inline-block;border-radius: 30px;background: #f4731b;color: #fff;text-transform: uppercase;font-weight: 700;padding: 10px 55px 11px 25px;position: relative;height: 41px;border: solid #f4731b 2px;}
.ongrid-offgrid-kerala a i{position: absolute;right: 1px;top: 1px;width: 35px;height: 35px;border-radius: 35px;background: #fff;text-align: center;padding-top: 6px;color: #f4731b;font-size: 25px;}
.ongrid-offgrid-kerala a:hover{background: #fff;color: #f4731b;}
.ongrid-offgrid-kerala a:hover i{background: #f4731b;color: #fff;}
.benefit-sec{width: 100%;float: left;padding: 60px 0;}
.benefit-sec small{display: inline-block;width: 100%;text-align: center;font-weight: 500;font-size: 18px;color: #ffd6ba;text-transform: uppercase;margin: 0 0 5px;}
.benefit-sec h3{font-weight: 700;color: #f4731b;font-size: 50px;text-align: center;margin: 0 0 45px;}
.benefit-sec .owl-item{padding: 15px 10px;}
.benefit-sec .item{padding: 55px 30px;border-radius: 15px;background: #fff;box-shadow: 0px 0px 13px rgba(0,0,0,0.15);text-align: center;position: relative;min-height: 215px;}
.benefit-sec .item::before{position: absolute;left: 0;bottom: 20px;width: 100%;text-align: center;height: auto;content: "...";font-weight: 700;color:rgba(0,0,0,0.50);font-size: 20px;}
.benefit-sec .item figure{overflow: hidden;width: 70px;height: 70px;margin: 0 0 30px;display: inline-block;}
.benefit-sec .item h4{color: #000;font-size: 18px;font-weight: 500;margin: 0 0 15px;}
.ser-pro-quo{width: 100%;float: left;overflow: hidden;}
.ser-pro-quo-box{width: 100%;float: left;position: relative;}
.ser-pro-quo-box::before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height:0; 
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out; }
.ser-pro-quo-box:hover::before{height: 100%;}
.ser-pro-quo-box img{width: 100%;object-fit: cover;height: 480px;}
.ser-pro-quo-des{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;}
.ser-pro-quo-des img{width: auto;height: auto;}
.ser-pro-quo-des h3{font-weight: 700;font-size: 50px;color: #fff;margin: 10px 0;}
.ser-pro-quo-des a{display: inline-block;width: 50px;height: 50px;border-radius: 50px;background: #fff;color: #f4731b;font-size: 30px;padding-top: 10px;}
.ser-pro-quo-des:hover a{background:#f4731b;color: #fff;}
.service-box-outer{padding-right: 0;border-right: 1px solid #fff;}
.project-box-outer{padding: 0;border-right: 1px solid #fff;}
.quote-box-outer{padding-left: 0;}
.video-sec{width: 100%;float: left;padding: 60px 0;}
.video-sec img{max-width: 100%;}
.video-sec h4{color: #000;font-weight: 500;font-size: 16px;margin: 60px 0 15px;}
.video-sec p{text-align: justify;margin: 0 0 20px;color: #1c1c1c;line-height: 24px;}
.video-sec a{display: inline-block;border-radius: 30px;background: #f4731b;color: #fff;text-transform: uppercase;font-weight: 700;padding: 10px 55px 11px 25px;position: relative;height: 41px;border: solid #f4731b 2px;}
.video-sec a i{position: absolute;right: 1px;top: 1px;width: 35px;height: 35px;border-radius: 35px;background: #fff;text-align: center;padding-top: 6px;color: #f4731b;font-size: 25px;}
.video-sec a:hover{background: #fff;color: #f4731b;}
.video-sec a:hover i{background: #f4731b;color: #fff;}
.get-start-sec{width: 100%;float: left;padding: 200px 0;background: url("../images/sky-bg.jpg") no-repeat;background-attachment: fixed;background-size: cover;background-position: center top;text-align: center;}
.get-start-sec h3{color: #fff;font-size: 30px;font-weight: 700;margin: 0 0 15px;}
.get-start-sec p{color: #fff;font-weight: 500;margin: 0 0 15px;}
.get-start-sec a{display: inline-block;border-radius: 30px;color: #fff;text-transform: uppercase;font-weight: 700;padding: 10px 55px 11px 25px;position: relative;height: 41px;border: solid #fff 2px;}
.get-start-sec a i{position: absolute;right: 1px;top: 1px;width: 35px;height: 35px;border-radius: 35px;background: #fff;text-align: center;padding-top: 6px;color: #f4731b;font-size: 25px;}
.get-start-sec a:hover{background: #fff;color: #f4731b;}
.get-start-sec a:hover i{background: #f4731b;color: #fff;}
.footer{width: 100%;float: left;background: #0c0c0c;padding: 50px 0 0;text-align: center;}
.footer figure{display: inline-block;margin: 0 0 35px;overflow: hidden;height: 98px;}
.footer figure img{max-width: 100%;}
.footer-links{margin: 0;padding: 0;list-style: none;}
.footer-links li{display: inline-block;padding: 0 15px;position: relative;}
.footer-links li::after{position: absolute;right: 0;top: 3px;width: 1px;height: 13px;background: #fff;content: "";}
.footer-links li a{color: #fff;text-transform: uppercase;font-weight: 500;}
.footer-links li a:hover{color: #f4731b;}
.footer-links li:last-child::after{display: none;}
.footer-social{margin:35px 0 0 0;padding: 0;list-style: none;}
.footer-social li{display: inline-block;margin:0 5px;}
.footer-social li a{display: inline-block;border-radius: 4px;width: 40px;height: 40px;border: solid #fff 2px;text-align: center;padding-top: 10px;color: #fff;}
.footer-social li a:hover{background: #fff;color:#0c0c0c; }
.colpyrights{width: 100%;display: inline-block;margin-top: 35px;padding: 18px 0;color: #fff;border-top:solid rgba(255,255,255,0.20) 1px;}
.colpyrights a{color: #fff;}
.colpyrights a:hover{color: #f4731b;}
.product-logos{padding: 0;list-style: none;margin: 0;}
.product-logos li{display: inline-block;margin: 0 15px 15px 0;border-radius: 10px;padding: 10px;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);}
.product-logos li img{max-width: 250px;}
.water-heater-img{max-width: 450px;margin: 0 0 0 0;}
.landing-body{padding: 30px;}
.ld-banner{background: url("../images/ld-banner.jpg") no-repeat;background-size: cover;background-attachment: fixed;background-position: center top;width: 100%;height: calc(100vh - 60px);position:relative;}
.ld-head{width: 100%;position: absolute;left: 0;top: 60px;z-index: 999;padding: 0 60px;}
.ld-head .logo{float: left;}
.ld-head ul{float: right;margin:13px 0 0 0;padding: 0;list-style: none;}
.ld-head ul li{display: inline-block;position: relative;}
.ld-head ul li a{font-weight: 700;color: #132251;}
.ld-head ul li img{margin-right: 10px;} 
.ld-head .container{padding-top: 10px;padding-bottom: 10px;background: #fff;border-radius: 15px;display: table;}
.ld-head .logo img {margin-top: -93px;}
.ld-banner-inr{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 30px; -webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.ld-banner-inr img{max-width: 100%;}
.ld-banner-des{position: absolute;left: 0;top: 50%;width: 100%;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.ld-banner-des h3{color: #fff;font-size: 48px;font-weight: 700;margin: 0 0 15px;}
.ld-banner-des ul{margin: 0;padding: 0;list-style: none;}
.ld-banner-des ul li{display: inline-block;margin-right: 10px;font-size: 24px;font-weight: 700;background: #f4731b;color: #fff;padding: 10px 20px 9px;border-radius: 30px;}
.ld-fixed-social{padding: 0;margin: 0;list-style: none;position: fixed;left: 10px;bottom: 10px;width: 35px;z-index: 99;}
.ld-fixed-social li{width: 35px;margin: 8px 0;}
.ld-fixed-social li a{display: inline-block;width: 35px;height: 35px;border-radius: 35px;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);text-align: center;transition-duration: 0.3s;transition-delay: 0.1s;}
.ld-fixed-social li a img{max-width: 100%;}

@keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
.bounce1 {
    animation: bounce 1.5s infinite alternate;
    -webkit-animation: bounce 1.5s infinite alternate;
}
.bounce2 {
    animation: bounce 2.3s infinite alternate;
    -webkit-animation: bounce 2.3s infinite alternate;
}

.scroll-down{width: 35px;height: 35px;border-radius: 35px;background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);text-align: center;padding-top: 8px;color: #243264;font-size: 20px;position: absolute;right: 40px;bottom: 32px;z-index: 99;transition-duration: 0.3s;transition-delay: 0.1s;animation: bounce 1.0s infinite alternate;
    -webkit-animation: bounce 1.0s infinite alternate;}
.ld-sec-two{width: 100%;padding: 60px 0;text-align: center;}
.ld-sec-two h3{font-size: 42px;font-weight: 700;text-transform: uppercase;margin: 0 0 25px;}
.ld-sec-two h3 strong{color: #f4731b;font-weight: 700;}
.ld-sec-two span{display: inline-block;margin: 0 0 25px;border-radius: 20px;box-shadow: 0 5px 10px rgba(0,0,0,0.15);padding: 35px;background: #fff;width: 870px;}
.ld-sec-two h4{font-weight: 500;text-decoration: underline;color: #1a9a45;margin: 0 0 15px;font-size: 18px;}
.ld-sec-two p{margin: 0;line-height: 22px;color: #454545;}
.ld-sec-two a{display: inline-block;border-radius: 30px;background: #f4731b;color: #fff;text-transform: uppercase;font-weight: 700;padding: 10px 55px 11px 25px;position: relative;height: 41px;border: solid #f4731b 2px;}
.ld-sec-two a i{position: absolute;right: 1px;top: 1px;width: 35px;height: 35px;border-radius: 35px;background: #fff;text-align: center;padding-top: 6px;color: #f4731b;font-size: 25px;}
.ld-sec-two a:hover{background: #fff;color: #f4731b;}
.ld-sec-two a:hover i{background: #f4731b;color: #fff;}
.ld-sec-three{width: 100%;padding: 60px 0;background: url("../images/ld-service-bg.jpg") no-repeat;background-size: cover;background-position: center top;background-attachment: fixed;text-align: center;}
.ld-sec-three h2{text-align: center;color: #fff;font-weight: 400;font-size: 24px;text-transform: uppercase;margin: 0 0 15px;}
.ld-sec-three h3{margin: 0 0 15px;text-align: center;font-size: 48px;font-weight: 700;text-transform: uppercase;padding-bottom: 15px;position: relative;color: #f4731b;}
.ld-sec-three h3::before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 1px;background: linear-gradient(to right,  rgba(244,115,27,0) 0%,rgba(244,115,27,1) 50%,rgba(244,115,27,0) 100%);}
.ld-sec-three ul{margin: 15px 0 25px;padding: 0;list-style: none;position: relative;display: inline-block;width: 100%;}
.ld-sec-three ul::before{position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;content: "";width: 2px;height: 100%;border-left: dashed 2px #fff;}
.ld-sec-three ul::after{position: absolute;left: 0;right: 0;width: 25px;text-align: center;content: "\f0d7";font-family: 'FontAwesome';margin: 0 auto;bottom: 0;color: #f4731b;height: 13px;font-size: 25px;}
.ld-sec-three ul li{width: 100%;display: inline-block;margin-bottom: 25px;}
.ld-sec-three ul li .ld-service-box{width: 50%;float: left;padding-right: 45px;position: relative;text-align: left;}
.ld-sec-three ul li .ld-service-box::before{width: 16px;height: 16px;border-radius: 16px;content: "";position: absolute;right: -8px;top: 12px;background: #f4731b;}
.ld-sec-three ul li .ld-service-box::after{content: "\f177";font-family: 'FontAwesome';width: 20px;height: 15px;position: absolute;color: #f4731b;right: 6px;top: 10px;font-size: 22px;}
.ld-sec-three ul li:nth-child(1) .ld-service-box::before{top:0;}
.ld-sec-three ul li:nth-child(1) .ld-service-box::after{top:-2px;}
.ld-sec-three ul li:nth-child(2n) .ld-service-box{float: right;padding-right: 0;padding-left: 45px;}
.ld-sec-three ul li:nth-child(2n) .ld-service-box::before{right: auto;left: -8px;}
.ld-sec-three ul li:nth-child(2n) .ld-service-box::after{right: auto;left: 6px;content: "\f178";}
.ld-sec-three ul li img{width: 100%;border-radius: 20px;border: solid #f5c830 2px;}
.ld-sec-three ul li h4{color: #90c535;text-transform: uppercase;font-weight: 700;font-size: 16px;margin: 0 0 15px;background: #fff;padding: 10px 25px;border-radius: 30px;}
.ld-sec-three a{display: inline-block;border-radius: 30px;background: #f4731b;color: #fff;text-transform: uppercase;font-weight: 700;padding: 10px 55px 11px 25px;position: relative;height: 41px;border: solid #f4731b 2px;}
.ld-sec-three a i{position: absolute;right: 1px;top: 1px;width: 35px;height: 35px;border-radius: 35px;background: #fff;text-align: center;padding-top: 6px;color: #f4731b;font-size: 25px;}
.ld-sec-three a:hover{background: #fff;color: #f4731b;}
.ld-sec-three a:hover i{background: #f4731b;color: #fff;}
.ld-sec-four{width: 100%;padding: 60px 0;}
.ld-sec-four h3{font-weight: 700;font-size: 36px;color: #000;margin: 0 0 25px;text-transform: uppercase;}
.ld-sec-four h3 strong{color: #f4731b;font-weight: 700;}
.ld-sec-four p{color: #000;margin: 0 0 15px;line-height: 22px;}
.ld-sec-four h4{font-size: 16px;font-weight: 700;text-transform: uppercase;margin: 0 0 15px;color: #90c535;}
.ld-sec-four a{display: inline-block;border-radius: 30px;background: #f4731b;color: #fff;text-transform: uppercase;font-weight: 700;padding: 10px 55px 11px 25px;position: relative;height: 41px;border: solid #f4731b 2px;}
.ld-sec-four a i{position: absolute;right: 1px;top: 1px;width: 35px;height: 35px;border-radius: 35px;background: #fff;text-align: center;padding-top: 6px;color: #f4731b;font-size: 25px;}
.ld-sec-four a:hover{background: #fff;color: #f4731b;}
.ld-sec-four a:hover i{background: #f4731b;color: #fff;}
.ld-sec-four img{max-width: 100%;}
.ld-sec-five{width: 100%;padding: 60px 15px;background: #132251;}
.ld-sec-five h3{margin: 0 0 40px;text-align: center;font-size: 48px;font-weight: 700;text-transform: uppercase;padding-bottom: 15px;position: relative;color: #fff;}
.ld-sec-five h3::before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 1px;background: linear-gradient(to right,  rgba(244,115,27,0) 0%,rgba(244,115,27,1) 50%,rgba(244,115,27,0) 100%);}
.ld-sec-five h3 strong{color: #f4731b;font-weight: 700;}
.ld-sec-five input{width: 100%;border: none;border-bottom: solid #1b2c63 1px;padding: 22px;outline: none;color: #fff;margin: 0 0 10px;background: none;}
.ld-sec-five textarea{width: 100%;border: none;border-bottom: solid #1b2c63 1px;padding: 22px;outline: none;color: #fff;margin: 0 0 10px;height: 150px;resize: none;background: none;}
.ld-sec-five button{display: inline-block;border-radius: 30px;background: #f4731b;color: #fff;text-transform: uppercase;font-weight: 700;padding: 10px 55px 11px 25px;position: relative;height: 41px;border: solid #f4731b 2px;cursor: pointer;}
.ld-sec-five button i{position: absolute;right: 1px;top: 1px;width: 35px;height: 35px;border-radius: 35px;background: #fff;text-align: center;padding-top: 6px;color: #f4731b;font-size: 25px;}
.ld-sec-five button:hover{background: #fff;color: #f4731b;}
.ld-sec-five button:hover i{background: #f4731b;color: #fff;}
.ld-sec-six{padding: 60px 0;width: 100%;}
.ld-sec-six h3{font-weight: 700;font-size: 36px;color: #254f98;margin: 0 0 25px;text-transform: uppercase;text-align: center;}
.ld-sec-six h3 strong{color: #f4731b;font-weight: 700;}
.ld-sec-six .item{padding: 10px;border-radius: 15px;text-align: center;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.ld-sec-six .item img{max-width: 100%;}
.ld-sec-six .owl-item{padding: 10px;}
.ld-sec-seven{width: 100%;padding: 30px 0 0;text-align: center;background: #132251;}
.ld-footer-logo{display: inline-block;overflow: hidden;height: 99px;}
.ld-footer-logo img{max-width: 100%;}
.ld-sec-seven ul{margin: 30px 0;padding: 0;list-style: none;display: inline-block;width: 100%;}
.ld-sec-seven ul li{background: #f4731b;margin: 0 12px;border-radius: 160px;position: relative;padding: 30px 10px 10px 105px;min-height: 100px;width: 31%;float: left;text-align: left;}
.ld-sec-seven ul li figure{position: absolute;left: 10px;top: 9px;width: 84px;height: 84px;border-radius: 84px;background: #16265b;text-align: center;padding-top: 16px;}
.ld-sec-seven ul li:last-child{margin-right: 0;padding-top: 38px;}
.ld-sec-seven ul li p{color: #fff;margin: 0;}
.ld-sec-seven ul li a{color: #fff;}
.ld-copyright{display: inline-block;width: 100%;padding: 25px 0;position: relative;text-align: center;color: #fff;}
.ld-copyright::before{position: absolute;left: 0;top: 0;content: "";width: 100%;height: 1px;background: linear-gradient(to right,  rgba(244,115,27,0) 0%,rgba(244,115,27,1) 50%,rgba(244,115,27,0) 100%);}
.ld-copyright a{color: #fff;}

/*media start here*/

@media screen and (max-width:1460px){ 
	.container{max-width:100%;} 
}

@media screen and (max-width:1370px){ 
	.whatsapp{right: 10px;bottom: 10px;width: 40px;height: 40px;}
	.whatsapp img{max-width: 100%;} 
	.ongrid-offgrid-kerala h3{font-size: 50px;}
	.video-sec h4{margin-top: 30px;}
}

@media screen and (max-width:1270px){ 
	.ld-sec-seven ul li figure{width: 50px;height: 50px;}
	.ld-sec-seven ul li figure img{max-width: 30px;}
	.ld-sec-seven ul li figure{padding-top: 8px;}
	.ld-sec-seven ul li:nth-child(1) figure img{max-width: 20px;}
	.ld-sec-seven ul li{min-height: 68px;padding: 12px 10px 10px 68px;}
	.ld-sec-seven ul li:last-child{padding-top: 23px;}
}

@media screen and (max-width:1199px){ 
	.menu .navbar-nav li .nav-link{padding: 5px 10px;}
	.logo img{max-width: 150px;}
	.client-sec{padding: 15px 0;}
	.logo{height: 76px;}
	.menu-fixed .logo img{margin-top: -76px;}
	.menu{margin-top: 12px;}
	.rc-secton h3{font-size: 36px;margin-bottom: 15px;}
	.rc-secton{padding: 100px 0;}
	.rc-secton p{margin-bottom: 15px;}
	.completed-projects{padding: 30px 0;}
	.ongrid-offgrid-kerala h3{font-size: 36px;margin-bottom: 15px;}
	.ongrid-offgrid-kerala{padding: 100px 0;}
	.ongrid-offgrid-kerala p{margin-bottom: 15px;}
	.benefit-sec{padding: 30px 0;}
	.benefit-sec h3{font-size: 36px;margin: 0 0 15px;}
	.ser-pro-quo-box img{height: 350px;}
	.ser-pro-quo-des img{height: auto;}
	.ser-pro-quo-des h3{font-size: 36px;}
	.video-sec h4{margin-top: 15px;}
	.video-sec{padding: 30px 0;}
	.get-start-sec{padding: 100px 0;}
	.product-logos li img{max-width: 100%;}
	.product-logos li{width: 30%;}
	.product-logos li:nth-child(3n){margin-right: 0;}
	.ld-head .logo img {margin-top: -77px;}
	.ld-head ul{margin-top: 7px;}
}

@media screen and (max-width:991px){ 
	.ld-banner-des h3{font-size: 30px;}
	.ld-banner-des ul li{margin-right: 2px;font-size: 16px;}
	.ld-sec-two span{width: 95%;padding: 15px;}
	.ld-sec-two{padding: 30px 0;}
	.ld-sec-two h3{font-size: 30px;}
	.ld-sec-three{padding: 30px 0;}
	.ld-sec-three h2{font-size: 18px;}
	.ld-sec-three h3{font-size: 30px;}
	.ld-sec-four{padding: 30px 0;}
	.ld-sec-four h3{font-size: 30px;margin-bottom: 15px;}
	.ld-sec-five{padding: 30px 0px;}
	.ld-sec-five h3{font-size: 30px;}
	.ld-sec-six{padding: 30px 0;}
	.ld-sec-six h3{font-size: 30px;}
	.ld-sec-seven ul li{font-size: 10px;margin: 0 8px;}
}

@media screen and (max-width:767px){  
	.banner-cap-inner h3{font-size: 24px;}
	.benefit-sec .item h4{font-size: 16px;}
	.video-sec p{text-align: left;}
	.menu .navbar-toggler{border: none;padding: 0;outline: none;position: absolute;right: 0;top:20px;width: 40px;background: url("../images/nav.png") no-repeat;height: 21px;overflow: hidden;}
	.menu .navbar-toggler img{max-width: 100%;} 
	.menu .navbar{width: 100%;} 
	.menu .navbar-collapse{top:68px;left: 0;padding: 0 0;position: absolute;width: 100%;background: #000;}
	.menu .navbar-nav li .nav-link{background: none;color:#fff;padding: 10px 15px;border-bottom: solid rgba(255,255,255,0.10) 1px;border-radius: 0;}
	.menu .navbar-nav li{margin: 0 0 0;padding-top: 0;} 
	.menu{width: 100%;top: 8px;padding: 0 15px;position: absolute;right: 0;margin-top: 10px;margin-right: 0;}  
	.menu-fixed .menu .navbar-toggler{background-position: 0 -21px;}
	.menu-fixed .menu .navbar-nav li .nav-link{color: #fff;}
	.menu-fixed .menu .navbar-nav li .nav-link:hover{color: #90c535;}
	.menu-fixed .menu .navbar-nav li.active .nav-link{color: #90c535;}
	.landing-body{padding: 5px;}
	.ld-banner{height: calc(100vh - 10px);}
	.ld-head{top: 10px;padding: 0 10px;}
	.ld-head ul li img{max-width: 30px;}
	.ld-head ul{margin-top: 23px;}
	.ld-banner-des{position: relative;top: 0;-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);-o-transform: translate(0%, 0%);transform: translate(0%, 0%);text-align: center;}
	.scroll-down{right: 10px;bottom: 10px;}
	.ld-sec-three ul li h4{font-size: 14px;padding: 7px 15px 4px 15px;}
	.ld-sec-three ul li:nth-child(1) .ld-service-box::before {top: 5px;}
	.ld-sec-three ul li:nth-child(1) .ld-service-box::after{top: 3px;}
	.ld-sec-three ul li .ld-service-box::before {top: 6px;}
	.ld-sec-three ul li .ld-service-box::after {top: 3px;}
	.ld-sec-four img{margin-top: 15px;}
	.ld-sec-five h3{margin-bottom: 15px;}
	.ld-sec-five input{padding: 10px;}
	.ld-sec-five textarea{padding: 10px;}
	.ld-sec-five iframe{height: 350px;margin-top: 15px;}
	.ld-sec-seven ul li{margin: 5px 0;width: 100%;font-size: 14px;}
	.ld-sec-seven ul{margin: 15px 0;}
}

@media screen and (max-width:500px){  
	.product-logos li{width: 47%;}
	.product-logos li:nth-child(3n){margin-right: 15px;}
	.product-logos li:nth-child(2n){margin-right: 0;}
	.ld-head ul li img{display: none;}
	.ld-head ul li span{display: none;}
	.ld-head ul li a{width: 30px;height: 30px;overflow: hidden;border-radius: 30px;display: inline-block;text-indent: -135px;margin-left: 5px;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);position: relative;background: url("../images/whatsapp-icon-sm.png") no-repeat;background-position: center;background-size: 18px;}
	.ld-banner-des ul li{font-size: 14px;border-radius: 8px;padding: 4px 8px 3px;}
	.ld-sec-three ul li .ld-service-box{width: 100%;padding-right: 0;padding-top: 35px;}
	.ld-sec-three ul li:nth-child(2n) .ld-service-box{padding-left: 0;}
	.ld-sec-three ul li .ld-service-box::before {right: 0;left: 0;margin: 0 auto;top: 0;}
	.ld-sec-three ul li:nth-child(1) .ld-service-box::before {top: 0;}
	.ld-sec-three ul li .ld-service-box::after {content:"\f175";right: 0;left: 0;margin: 0 auto;text-align: center;top: 14px;}
	.ld-sec-three ul li:nth-child(1) .ld-service-box::after {top: 14px;} 
	.ld-sec-three ul li:nth-child(2n) .ld-service-box::before {right: 0;left: 0;}
	.ld-sec-three ul li:nth-child(2n) .ld-service-box::after {content:"\f175";left: 0;right: 0;}
	.ld-sec-three ul li h4{text-align: center;}
	
}

@media screen and (max-width:430px){  
	.ongrid-offgrid-kerala{background-position: -230px top;}
}

@media screen and (max-width:370px){  
	.product-logos li{width: 46%;} 
}

@media screen and (max-width:350px){  
	.banner-cap-inner h3{font-size: 20px;}
}