@charset "utf-8";
/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

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

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

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap');

@font-face {
    font-family: 'RageItalic';
    src: url('../fonts/RageItalic.eot');
    src: url('../fonts/RageItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RageItalic.woff2') format('woff2'),
        url('../fonts/RageItalic.woff') format('woff'),
        url('../fonts/RageItalic.ttf') format('truetype'),
        url('../fonts/RageItalic.svg#RageItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}


/*..............embedded fonts..............*/

/*..............custom fonts..............*/




/*..............custom fonts..............*/



/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size:16px; color:#000; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; font-weight: bold; margin:0 0 20px; padding:0; line-height: 1.2; }
h1{ font-size:60px;}
h2{ font-size:50px;}
h3{ font-size:30px;}
h4{ font-size:25px;}
h5{ font-size:20px;}
h6{ font-size:16px;}
p{ margin:0 0 20px; line-height: 1.5;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #308a40; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: 'Roboto', sans-serif; font-weight: 400; outline: none;}
input[type="submit"]{font-family: 'Roboto', sans-serif; font-weight: 400; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 50px !important; padding-right: 40px !important; background-image: url(../images/slct-arrow.png); background-repeat: no-repeat; background-position: 96% center;  }

/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */

.btn, a.btn { background: #f7921e; color: #fff; padding: 8px 30px; font-family: 'Poppins', sans-serif; display: inline-block; line-height: normal; font-size: 15px; text-transform: uppercase; font-weight: 600; border-radius: 0; }
.btn:hover { background-color: #002f17; color: #fff; }

.btn.light { background-color: #b3b816; }
.btn.light:hover { background-color: #308a40; }

.btn.gradient-btn { background: url(../images/btn-arrow-rt.png) no-repeat 97% center, linear-gradient(90deg, #176525, #d5db18); white-space: normal; }
.btn.gradient-btn:hover { background: url(../images/btn-arrow-rt.png) no-repeat 97% center, linear-gradient(90deg, #d5db18, #176525); }

.btn.no-arrow { background: #b3b816; padding: 16px 35px;}
.btn.no-arrow:hover { background: #308a40; }

.btn.border { background:none; color: #fff !important; border: 2px solid #fff !important; padding: 14px 45px;}
.btn.border:hover { background: #fff; color: #000 !important; }
.btn.rounded { border-radius: 35px;}
.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}

.back-btn { background: #545454; }

.btn:focus, button:focus { outline: none; }

a.transparent-btn { margin-top: 15px;color: #002f17; border: 2px solid #000; padding: 8px 25px; display: inline-block;font-family: 'IBM Plex Mono', monospace; font-weight: 600; position: relative; }
a.transparent-btn.white { border: 2px solid #fff;  color: #fff;}
a.transparent-btn.white:after { border-color: white; }
a.transparent-btn:after { content: ""; border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }


/* --- Button Styles --- */

.comn-bg { background-size: cover; background-position: center center; background-repeat: no-repeat;}
.comn-padd { padding-top: 60px; padding-bottom: 60px; }
.common-padd-small { padding-top: 30px; padding-bottom: 30px; }
.common-padd-lt-rt { padding-left: 50px; padding-right: 50px; } 
.light-bg { background-color: #f1f0ef; }
.form-control { height: 50px; padding: 12px 15px; }

/*----------- text css ------------*/

.t-green { color: #009145; }
.t-deepgreen { color: #002f17;}
.t-poppins { font-family: 'Poppins', sans-serif;  }
.t-roboto { font-family: 'Roboto', sans-serif;   }

/*..............common styles..............*/



/*for header css*/

/*.site-header { padding: 15px 85px; -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease; background: rgba(255, 255, 255, 0.95); transition: all 0.6s ease-in-out 0.6s; background: rgba(255, 255, 255, 1); }/*--

/*-- Sticky-Header-css(Start) --*/

/*
.site-header.fixed{position: fixed; top:0; right: 0; left: 0; width: 100%; z-index: 5; transition: all 0.6s ease-in-out 0.6s; animation: smoothScroll 1s forwards;}

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
*/
/*-- Sticky-Header-css(End) --*/

/*.site-header.fixed .logo-wrap img { width: 150px; height: auto !important;}*/
.site-header { padding: 0 85px; position: relative; left: 0; right: 0; top: 0; z-index: 9999; transition: all 0.7s ease 0s; background: transparent;}
.navigation .nav li{margin-left: 31px; margin-right: 31px;}
.nav li a.nav-link { color: #000; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 500; padding-left: 0; padding-right: 0;}
.rt-head .nav li a.phnumber { /*color: #009245;*/ font-weight: bold; font-size: 16px;}
.navigation ul li a.btn { border-radius: 30px; padding: 8px 20px; margin-left: 10px; }
.site-header.fixed .logo-wrap { width: 200px;}
.site-header.fixed .logo-wrap img.custom-logo { height: auto;}
.site-header.fixed .nav li a { line-height: normal; font-size: 16px;}
.site-header.fixed .nav li a.btn { font-size: 15px; }

.site-header.fixed { padding: 15px 15px; left: 0; position: sticky; top: 0; width: 100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; background: #fff; box-shadow: 0 0 12px rgb(0 0 0 / 40%); z-index: 999;}

@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}


/*for header css*/

/*Banner css*/
.bannSec, .inner-banSec{position: relative;}
.bannSec .comn-bg, .inner-banner.comn-bg{background-attachment: fixed;}
.home-banner { height: 720px; position: relative; } 
.banner img{width: 100%;}
.banner p { /*font-size: 16px; line-height: 1.5; width: 380px;*/ font-size: 27px;  font-family: 'Poppins', sans-serif;}
.home-banner .btn { border-radius: 0; }
.banner-content h1{font-size: 77px;}

/*for main sections css*/



.video-container video { width: 100%; display: block; }
.video-wrapper:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); }
.video-wrapper.position-relative.video_youtube:after {
    content: "";
    position: inherit !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
}
.play-button-wrapper { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; z-index: 9; }
.play-button-wrapper .play-gif img { width: 80px;}
.play-button-wrapper .play-gif h4 { font-family: 'RageItalic'; color: #ffb81d; font-weight: normal; margin: 10px 0; }

.block-one { padding: 60px 0;}
.block-hold-img { margin-right: 50px;}
.block-hold-img img { border-radius: 0 60px 0 0;}
h2.title, .block-one h2 { line-height: 1.2; display: inline-block; position: relative; padding-bottom: 30px; }
h2.title:after, .block-one h2:after { content: ""; position: absolute; left: 0; bottom: 0; width: 96%; height: 14px; background: #f78c0f; }
.block-one h2 { line-height: 0.8;}
.block-one h2 span { font-size: 30px; font-weight: 600; }
.block-one p { color:#303030; line-height: 1.7; }

.block-two .block-two-lt { background-color: rgba(247,148,31,0.9);}
.block-two .block-two-lt-inr, .block-six .block-two-lt-inr, .block-two-lt-inr { padding: 60px 70px;}

.block-three { padding: 70px 60px; /* padding: 250px 60px 190px; */}
.block-three .circle-top { position: absolute; top: -50px; left: 0; width: 118px;}
.block-three .block-hold-img { margin: 0; border-radius: 50%; border: 80px solid #f9cf4b; position: relative; }
.video-wrapper iframe { height: 450px;}
.block-three .block-hold-img img { border-radius: 50%; }
.block-three .block-two-rt-inr { padding-left: 60px;}
.green-circle { width: 200px; height: 200px; position: absolute; right: -50px; bottom: -110px; border: 10px solid #009245; border-radius: 50%; }


.block-four .green-bg:after { background-color: rgba(140,199,64,0.9); content: ""; position: absolute; left: 0; width: 100%; bottom: 0;}
.block-four .block-four-lt-inr { padding: 100px 40px 60px 70px; position: relative; z-index: 9;}
.block-four { height: 790px;}
.plan-box { background: #fff; padding: 25px 50px 25px 30px; border-radius: 30px; color: #303030; margin-top: 25px; margin-right: 25px; -ms-flex: 0 0 50%; flex: 0 0 270px; max-width: 270px;}
.plan-box h4 { margin-bottom: 5px;}
.price { font-family: 'Poppins', sans-serif; }
.price b { font-size: 27px; }
.block-four-lt { /*height: 91.744%;*/ height: 91.9%; position: absolute; bottom: 0;}

.green-bg { background-color: rgba(140,199,64,0.9); }

.energy-block-one h2 { line-height: 1.2;}
.energy-block-one .block-hold-img img { border-radius: 0; }
.energy-block-one p { font-size: 18px; }





/*for main sections css*/

/*for inner page css*/
.inner-banner { /*padding: 100px 0;*/ height: 500px; position: relative;}
.inner-banner img{width: 100%;}
.title-one h2 { color: #049915; display: inline-block; position: relative; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; }
.title-one h2:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 10px; background: #c2dfc3;}
.title-one h2 span { position: relative; z-index: 9; }
.form-block-wrapper { background: #fff; padding: 50px; box-shadow: 0px -14px 20px -12px rgb(0 0 0 / 8%); margin-top: 50px; }
.form-num { font-family: 'Poppins', sans-serif; color: #049915; font-weight: bold; margin-bottom: 20px; font-size: 18px; }
.form-num span { font-size: 25px; font-family: 'Poppins', sans-serif; color: #049915; font-weight: bold; width: 41px; height: 41px; line-height: 36px; display: inline-block; text-align: center; border: 3px solid #049915; border-radius: 50%; margin-right: 15px; }
.form-block-wrapper label { color: #1e1814; font-family: 'Poppins', sans-serif; font-weight: 500; }
.form-block-wrapper p {  font-family: 'Poppins', sans-serif;  }
.form-block-wrapper input[type="text"], .form-block-wrapper input[type="email"], .form-block-wrapper input[type="tel"], .form-block-wrapper input[type="number"] { height: 50px; border-radius: 0; border: 0; background-color: #e5e5e5; }
.form-block-wrapper .checkboxs input[type="checkbox"] { width: 20px; height: 20px; vertical-align: middle; margin-right: 10px;  border: 2px solid #049915; position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.form-block-wrapper .checkboxs input[type="checkbox"]:after { content: ""; position: absolute; left: 5px; top: 1px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0;}
.form-block-wrapper .checkboxs input[type="checkbox"]:checked { background-color: #049915;}
.form-block-wrapper .checkboxs input[type="checkbox"]:checked:after { opacity: 1; }
.form-block-wrapper .summery label.d-block { font-size: 16px; margin: 20px 0; }
.form-block-wrapper .summery label { font-size: 12px; }
.form-block-wrapper .summery input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #cccccc; border-radius: 3px;}
.form-block-wrapper .summery input[type=checkbox]:after { content: ""; position: absolute; left: 7px; top: 3px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0;}
.form-block-wrapper .summery input[type=checkbox]:checked:after { opacity: 1; }
.form-block-wrapper .summery { margin-bottom: 30px;}
.form-block-wrapper input.btn { background-image: url(../images/tick-arrow.png); background-repeat: no-repeat; background-position: right; background-size: 100%; }
.form-block-wrapper input.btn { background-image: url(../images/tick-arrow.png); background-repeat: no-repeat; background-position: 95%; background-size: 35px; padding: 10px 60px 10px 30px; font-size: 18px; border-radius: 50px; }
.plan-transparent-bg .plan-box { box-shadow: 0px 0px 17px 7px rgb(85 83 83 / 7%);}
.green-circle-box { width: 142px; height: 142px; background: #daebc3; border-radius: 50%; display: block; position: absolute; left: -30px; top: -20px; z-index: -1;}
.form-block-wrapper span.wpcf7-list-item { margin: 0 0 5px;}


.faq-section .title-one h2 { color: #2e2d29; padding-bottom: 2px; padding-left: 20px; padding-right: 20px;}
/*.panel-title > a:before { float: right !important; font-family: FontAwesome; content:"\f068"; padding-right: 5px; position: relative; top: 2px; }
.panel-title > a.collapsed:before { float: right !important; content:"\f067";}*/
.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus  { text-decoration:none;}
.accordion .panel { background: #fff; margin-bottom: 20px; padding: 15px 15px 15px 45px; position: relative; }
.accordion h4.panel-title { color: #1e1814; font-size: 17px; margin: 0;}
.accordion h4.panel-title a { color: #1e1814; }
.accordion h4.panel-title span { width: 19px; height: 19px; /*line-height: 45px;*/ display: inline-block; background: #049915; text-align: center; color: #fff; border-radius: 50%; margin-right: 15px; position: absolute; left: 16px; top: 17px; }
.faq-section .accordion { /*margin-top: 50px;*/ margin-bottom: 50px; }
.accordion .panel-body { padding: 10px 0 0;}
.vat-option p { font-size: 12px; color: #b0b0b0; font-weight: 600;}
.toggle-container { display: flex; align-items: center; margin: 10px 0; width: 200px; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important;}
.toggle-container .toggle { visibility: hidden;}
.toggle-container .label { background-color: #dfdfdf; border-radius: 50px; cursor: pointer; display: inline-block; margin: 0 15px 0; width: 40px; height: 24px; position: relative;}
.toggle-container .toggle:checked + .label { background-color: #f7921e;}
.toggle-container .ball { background: #fff; height: 15px; width: 15px; border-radius: 50%; position: absolute; top: 4px; left: 6px; align-items: center; justify-content: center; animation: slideOff 0.3s linear forwards;}
.toggle-container .toggle:checked + .label .ball { animation: slideOn 0.3s linear forwards;}

@keyframes slideOn {
  0% {
    transform: translateX(0) scale(1);
  }
  50% {
    transform: translateX(20px) scale(1.2);
  }
  100% {
    transform: translateX(15px) scale(1);
  }
}

@keyframes slideOff {
  0% {
    transform: translateX(15px) scale(1);
  }
  50% {
    transform: translateX(20px) scale(1.2);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}


.rates-block-one { padding: 120px 0 80px; }
.rates-block-one .rates-one-blk-left ul { margin: 0; padding: 0; list-style: none;}
.rates-block-one .rates-one-blk-left ul li { font-weight: 500; font-family: 'Poppins', sans-serif; margin: 7px 0;}
.rates-block-one .rates-one-blk-left ul li span { width: 28px; height: 28px; display: inline-block; background: #fbe6a4; border-radius: 50%; text-align: center; line-height: 28px; margin-right: 15px; font-weight: 600; font-size: 14px;}
.rates-block-one .plan-box { -ms-flex: inherit; flex: inherit; max-width: inherit; margin: 0 0 0 50px;}
.rates-block-one table.table { margin: 0;}
.rates-block-one table.table tr td { padding: 0 4px 10px; border: 0; font-size: 14px; font-weight: 500;}
.rates-block-one .green-circle-box { background: transparent; border: 12px solid #c5e29e; left: 10px;   top: -50px; }
.rates-block-one .plan-box { padding: 50px 30px;}
.rates-block-one .plan-box h2, .rates-block-two .plan-box h2 { color: #b9b9b9; margin-bottom: 30px;}
.rates-block-one .plan-box .price b { font-size: 60px;}
.rates-block-one .plan-box .price small { font-size: 30px; position: relative; bottom: 5px;}
.rates-block-one .plan-box .price { font-size: 24px;}
.rates-block-one .plan-box .btn, .rates-block-two .plan-box .btn { text-transform: capitalize; font-size: 20px; padding: 8px 60px; border-radius: 40px; display: inline-block;}
.green-ring-circle { width: 142px; height: 142px; border: 10px solid #c5e29e; border-radius: 50%; display: block; position: absolute;z-index: -1; }
.green-circle-one { left: 0px; top: -50px; }
.green-circle-two { right: -40px; bottom: -60px; }

.rates-block-two .plan-box { -ms-flex: inherit; flex: inherit; max-width: inherit; margin-right: 90px;}
.rates-block-two .plan-box p { font-size: 16px;}
.rates-block-two .green-circle-two { right: 48px;}
.rates-block-two ul { margin: 20px 0; padding: 0; list-style: none;}
.rates-block-two ul li { margin: 10px 0;}
.rates-block-two ul li img { margin-right: 10px; }


.douts-section .col-md-4 { margin-top: 30px; }
.douts-section .douts-box.panel { box-shadow: 0px 0px 17px 7px rgb(66 66 66 / 7%); padding: 30px 70px 30px 30px; border-radius: 15px; /*height: 100%;*/ position: relative; }
.douts-section .douts-box.panel .panel-title > a:before { content:"\f077"; position: absolute; /*right: 20px; top: 30px;*/ right: 0px; top: 0px; font-family: FontAwesome;}
.douts-section .douts-box.panel .panel-title > a.collapsed:before { content: "\f078"; float: right !important; font-family: FontAwesome;}
.douts-section .douts-box.panel h4 { margin: 0; }
.douts-section .douts-box.panel h4.panel-title a { color: #002f17; font-weight: 500; line-height: 1.5;}
.douts-section .douts-box.panel .panel-body { padding: 10px 0 0 0;}
.douts-section .left-arrow { position: absolute; left: -10px; top: 20px;}
.douts-section .right-arrow { position: absolute; right: -10px; bottom: -14px; z-index: -1;}


.inner-banner .banner-content h3 { max-width: 450px; }
.inner-banner .banner-content input.form-control { border-radius: 30px 0 0 30px; border: 0; padding: 0 10px 0 25px; font-size: 14px; -ms-flex: 0 0 50%; flex: 0 0 60%; max-width: 60%; }
.inner-banner .banner-content input.btn { border-radius: 0 30px 30px 0; text-transform: none; padding: 10px 20px 10px 15px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 600; }
.alter-cntnt { padding: 0 10%;}
.install-cntnt-area .alter-img { height: 800px; overflow: hidden;}
.install-cntnt-area .alter-img img { width: 100%; object-fit: cover; height: 100%;}

.install-list { background: #f2f2f2; padding: 25px 30px; height: 100%;}
.install-list h4 { font-size: 22px;}
.install-list ul { margin: 0; padding: 0; list-style: none; }
.install-list ul li { margin: 5px 0; }
.install-list ul li a { padding: 20px 10px 20px 70px; display: block; font-family: 'Poppins', sans-serif; font-size: 14px; color: #000; position: relative; border: 1px solid #f2f2f2;}
.install-list ul li:hover a, .install-list ul li.active:hover a,.install-list ul li.active a { border: 1px solid #f7921e; background: #fff;}
.install-list ul li span { position: absolute; left: 10px; top: 50%; transform: translateY(-50%);transition:all 0.3s ease 0s; }
.install-list ul li a span.list-img-hover { opacity: 0;}
.install-list ul li:hover a span.list-img-main { opacity: 0; }
.install-list ul li:hover a span.list-img-hover { opacity: 1; }
.price-range-slider { width: 100%; float: left;padding: 10px 20px;}
.price-range-slider .range-value { margin: 0; }
.price-range-slider .range-value input { width: 100%; background: none; color: #000; font-size: 16px; font-weight: initial; box-shadow: none; border: none; margin: 20px 0 20px 0;}
.price-range-slider .range-bar { border: none; background: #000; height: 3px; width: 96%; margin-left: 8px;}
.price-range-slider .range-bar .ui-slider-range { background: #06b9c0;}
.price-range-slider .range-bar .ui-slider-handle { border: none; border-radius: 25px; background: #fff; border: 2px solid #06b9c0; height: 17px; width: 17px; top: -0.52em; cursor: pointer;}
.price-range-slider .range-bar .ui-slider-handle + span {background: #06b9c0;}
.install-list .slider-container {/*width: 100% !important;*/ font-family: 'Poppins', sans-serif !important; margin: 50px auto 0; }
.install-list .theme-green .back-bar {height: 10px !important; border-radius: 15px !important; background-color: #eeeeee !important; background-color: #cecece !important; background-image: none !important;  }
.install-list .theme-green .back-bar .selected-bar { border-radius: 10px !important; background-color: #f7921e !important; background-image: none !important; }
.install-list .theme-green .back-bar .pointer { width: 24px !important; height: 24px !important; top: -8px !important; border-radius: 50% !important; border: 0 !important; background-color: #f7921e !important; background-image: none !important; }
.install-list .price-range-slider { text-align: center; padding: 20px 10px 10px !important; }
.install-list .price-range-slider p { color: #f7921e; font-family: 'Poppins', sans-serif !important; font-weight: 600; font-size: 25px;}

.install-list .floors-num h4 { font-weight: normal;}
.install-list .floors-num input.contador { border: 2px solid #858585; border-radius: 0; box-shadow: none; height: 38px; padding: 0; text-align: center; width: 38px; -moz-appearance: textfield;}
/* Chrome, Safari, Edge, Opera */
.install-list .floors-num input.contador::-webkit-outer-spin-button, .install-list .floors-num input.contador::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0;}
.options-three-second .floors-num:nth-child(1) { margin-bottom: 40px;}
.options-three-second .floors-num span.number-input { padding: 0 15px; font-family: 'Poppins', sans-serif; cursor: pointer;}
.selector-negocio { border: 1px solid #909090; display: flex; align-items: center; margin-bottom: 32px; border-radius: 8px;}
.selector-negocio input[type="radio"], .selector-actividad .checkbox input[type="checkbox"] { display: none;}
.opcion-tipo-negocio { color: #232323; cursor: pointer; display: inline-block; font-weight: 300; text-align: center; transition: background 200ms ease-in; width: 100%; margin: 0; border-right: 1px solid #909090; }
.opcion-tipo-negocio span { background: transparent none no-repeat center 20px; background-size: auto; font-size: .8rem; box-sizing: border-box; display: inline-block; padding: 65px 0 10px; text-align: center; transition: background 200ms ease-in; width: 100%;}
.opcion-tipo-negocio:last-child { border-right: 0;}
.opcion-tipo-negocio span.restaurante { background-image: url(../images/restaurante.svg);}
.opcion-tipo-negocio span.comercio { background-image: url(../images/comercio.svg);}
.opcion-tipo-negocio span.otros { background-image: url(../images/otros.svg);}
.selector-negocio input:active+.opcion-tipo-negocio span,
.selector-negocio input:checked+.opcion-tipo-negocio span,
.opcion-tipo-negocio:hover span { background-color: #ffdfba;}
.opcion-tipo-negocio span.active { background-color: #ffdfba;}
.selector-actividad { display: flex; justify-content: center; align-items: center; color: #858585 !important; cursor: pointer; margin: 0 -15px; text-align: center; }
.selector-actividad .checkbox { width: 100%;}
.selector-actividad .checkbox label { cursor: pointer; }
.selector-actividad .checkbox label>span { display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: "patron","Verdana",sans-serif; font-weight: 700; font-size: .7rem; color: #858585; }
.selector-actividad .checkbox label:hover input+span, .selector-actividad input[type="checkbox"]:checked+span { color: #232323; }
.selector-actividad input[type="checkbox"]+span:before { content: ""; vertical-align: middle; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #232323; border-radius: 100%; height: 30px; font-size: 1rem; font-weight: 300; margin: 0 0 10px; width: 30px; transition:all 0.3s ease 0s; }
.selector-actividad .checkbox label>span * { flex: 1; }
.selector-actividad .checkbox label input+span:before { content: "\f00c"; font-family: "FontAwesome";
 font-weight: 400; color: #000000;}
 .selector-actividad .checkbox label:hover input+span:before {  color: #f7921e;}
 .selector-actividad .checkbox label.active input+span:before {  color: #f7921e;}
span.urbanization_tick {
    width: 18px;
    height: 15px;
    background: #f9f5f5;
    padding: 5px 25px 0px 0;
    border: 1px solid #cecece;
    border-radius: 39px;
}
span.urbanization_tick.active{background: #f7921e;}



.install-list input[type=radio] { width: 27px; height: 27px; vertical-align: middle; margin-right: 10px; position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff;    border-radius: 50%; border: 1px solid #ccc;}
.install-list input[type=radio]:after { content: ""; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; width: 17px; height: 17px;  background: #f7921e; border-radius: 50%; opacity: 0; }
.install-list input[type=radio]:checked:after { opacity: 1; }
a.btn.white { border: 1px solid #000 !important; background-color: #fff; border-radius: 0; color: #000 !important; padding: 8px 30px;}
a.btn.white:hover { background-color: #000; color: #fff !important;}
.installation-process a.btn.border:hover { background-color: #f7921e; border: 1px solid #f7921e !important; color: #fff !important; }
.installation-process a.btn { margin: 0 5px; }

.soluition-box { background: #fc9826; padding: 40px; color: #fff; text-align: center; transition: all 0.7s ease 0s; }
.soluition-box ul { margin: 0; padding: 0; list-style: none; }
.soluition-box span { font-family: 'Poppins', sans-serif; text-align: center; font-size: 18px;}
.soluition-box .price { font-size: 60px; font-weight: bold; margin-left: -40px; line-height: 1.2;}
.soluition-box .solution-list ul li { /*font-size: 18px;*/ font-size: 20px; font-weight: 600; border-top: 1px solid #fff; padding: 10px; font-family: 'Poppins', sans-serif;}
.soluition-box .solution-list ul.d-flex li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; border-bottom: 1px solid #fff; }
.soluition-box .solution-list ul.d-flex li:first-child { border-right: 1px solid #fff;}
.soluition-box a.btn { background: #fefefe; color: #332e29; display: block; font-size: 20px; width: 60%; white-space: normal; line-height: 1.2; padding: 18px 15px; margin: 30px auto; }
.soluition-box a.collectn-btn { color: #fff; font-family: 'Poppins', sans-serif; text-decoration: underline; margin-top: 40px; margin-bottom: 40px; display: block; font-size: 18px; }
.soluition-box .solution-tick-list ul li { text-align: left; font-family: 'Poppins', sans-serif; margin-bottom: 3px;}
.soluition-box .solution-tick-list ul li svg { margin-right: 10px;}
.soluition-box .see-more-btn { margin: 50px 0 10px; }
.soluition-box .see-more-btn a { color: #fff; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: bold; display: block; padding: 0 0 20px; position: relative; }
.soluition-box .see-more-btn a:after { border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; position: absolute; width: 18px; height: 18px; left: 0; right: 0; bottom: 0; margin: 0 auto; }

.installation-next-step .edit { max-width: 370px; margin: 0 auto; font-family: 'Poppins', sans-serif;}
.installation-next-step .edit span { margin-left: 10px;}
.next-step-left { padding: 0 15% 0 0;margin-top: 50px; margin-bottom: 50px; position: relative;}
.next-step-left:after { content: ""; position: absolute; right: 0; width: 1px; height: 100%; background: #afafaf; top: 0; }
.next-step-right { padding: 0 0 0 6%;margin-top: 50px; margin-bottom: 50px; }
.installation-next-step input[type="checkbox"] { width: 22px; height: 19px; vertical-align: middle; margin-right: 10px; border: 1px solid #c4c4c4; background: #fff; position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.installation-next-step input[type="checkbox"]:after { content: ""; position: absolute; left: 7px; top: 1px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0;}
.installation-next-step input[type="checkbox"]:checked { background-color: #f7921e; border-color: #f7921e;}
.installation-next-step input[type="checkbox"]:checked:after { opacity: 1; }

.map-banner iframe { height: 650px; }
.map-banner .map-popupbox { max-width: 550px; background: #fff; position: absolute; left: 0; right: 0; /*margin: 0 auto; *//*top: 50%; transform: translateY(-50%);*/ top:0; bottom: 0; text-align: center; padding: 25px 30px; height: 100%;}
.map-banner .map-popupbox h2 { font-size: 1.5rem; font-weight: normal; margin-bottom: 10px; color: #232323;}
.map-banner .map-popupbox input.fomr-control { background: #f7f7f7; border: 0; border-radius: 40px; height: 50px; padding: 0 25px; width: 100%; margin: 15px 0 20px;font-size: 14px; text-align: center;}
.map-banner .map-popupbox p { color: #908e8e; font-size: 14px;}
.map-banner .map-popupbox img { height: 50px;margin-bottom: 15px;}
.map-banner .map-popupbox .campo { display: flex; flex-direction: column; position: relative;}
.map-banner .map-popupbox label.etiquetarequerida { font-size: .9rem; position: absolute; top: 30px; left: 25px; color: #909090; order: 1; pointer-events: none; transition: all .3s ease-in; margin: 0; }


.btn-wrapper .btn { margin: 0 4px; }
#stepthree .offerdiv.active .soluition-box {background: #8cc740;}
#stepthree .offerdiv:hover  .soluition-box {background: #8cc740;}







/*for inner page css*/


.site-footer {}
.ftr-top { background: #009245; padding: 40px 0; }
.site-footer .col-md-3:nth-child(2) .ftr-menu { padding-left: 50px;}
.ftr-menu ul { margin: 0; padding: 0; list-style: none; }
.ftr-menu ul li a { color: #fff; font-size: 15px; padding-bottom: 10px; display: block;}
.ftr-btm p { font-size: 15px; padding: 15px; }

/*-- new-css(10-02-2021) --*/
.banner-content{position: absolute; top:50%; transform: translateY(-50%); right: 130px; width: 40%;}
.banner-content .btn{padding: 14px 25px; font-size: 20px; font-weight: 700;  height: 50px; font-size: 16px; }
.navigation .nav.headerRight li.menu-item{margin-left: 0; margin-right: 0;}
.share-sec.comn-bg, .comn-bg.request-sec { background-position: center right;}
.subHeading{font-size: 27px; font-weight: 400;}
.energy-block-one.rates-block-two h2.title:after{ width: 83%;}
.rates-block-two .plan-box .btn{padding: 8px 112px; font-size: 24px;}
.douts-section{padding: 120px 0;}
.invoice-sec.rates-block-two .plan-box{margin-right: 0; margin-left: 50px;}
.same-price{padding-left: 50px;}
.panel-title { color: #1e1814; font-size: 17px; margin: 0; position: relative; padding-left: 30px; padding-right: 18px;}
.panel-title:before{ width: 19px;
    height: 19px;
    display: inline-block;
    background: #049915;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 0px; content: "";}
.faq-section .card{background: #fff;
    margin-bottom: 20px;
    padding: 15px 15px; border-radius: 0; border:none; width: 47%;
    display: inline-block; vertical-align: top; margin: 0 14px 20px;}
.faq-section .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
}
.panel-title span {
    position: absolute;
    top: 0;
    right: 0;
}
.map-section {
    line-height: 0;
}
.plan-box:last-child{margin-right: 0 !important;}

.click { display:none;}
.closebtn{ display: none;}

.next-step-left .detailoffer{margin-bottom: 15px;}
.slider-container.theme-green .back-bar .pointer-label.high, .slider-container.theme-green .scale{display: none;}

.communityRadioList ul{padding-left: 0; margin-bottom: 0; display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}
.communityRadioList ul li{width: 32%; margin-right: 9px; list-style: none; display: flex; flex-flow: wrap; justify-content: center; align-items: center;}
.communityRadioList ul li:last-child{ margin-right: 0px;}
.communityRadioList ul li input[type=radio].form-control { width: 30px; height: 30px; margin-right: 3px;}
.organization_from label.communityLabel { font-size: 26px; font-weight: 800; margin: 20px 0 15px; text-transform: capitalize;}
.organization_from .next-step-right{padding-left: 0;}
/*.fileUpload { display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}
.fileUpload .form-control { margin-right: 10px; width: 80%;}*/
.fileUploadBtn{ margin-top: 10px;}
.options-three-first.indicate_1 span.urbanization_tick{position: relative; margin-right: 5px;}
.options-three-first.indicate_1 span.urbanization_tick.active{background: #fff;}
.options-three-first.indicate_1 span.urbanization_tick.active:after { background:#f7921e; /*border: 4px solid #FFF; box-shadow: 0 0 0px 1px #dedede;*/ width: 18px; height: 18px; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50px; position: absolute;}

.showmore{
    font-weight: 400;
    text-align: center;
    background: #000;
    color: #fff;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    margin: 20px auto 0;
    display: inline-block; cursor: pointer;
    }
    .solution-tick-list ul li i{margin-right: 6px;}
.maintananceBottom { padding-top: 30px;}

.gf_browser_chrome.gform_wrapper { margin-bottom: 0px; margin-top: 50px;}

.gf_browser_chrome .for_my_custom_css{ background: #fff; padding: 50px; box-shadow: 0px -14px 20px -12px rgb(0 0 0 / 8%); margin-bottom: 50px;}
.gf_browser_chrome .gform_footer.top_label{background: #fff; padding: 0px 50px 50px; box-shadow: 0px -14px 20px -12px rgb(0 0 0 / 8%); margin-top: 0;}
.gf_browser_chrome .for_my_custom_css:last-child { margin-bottom: 0;}
.gform_wrapper .gsection { border-bottom: none !important; padding: 0; margin: 0 !important;}
.gf_browser_chrome .medium, .gf_browser_chrome .large{height: 50px; border-radius: 0; border: 0; background-color: #e5e5e5; border:none; padding: 6px 15px !important;}
.gf_browser_chrome .ginput_container_radio ul.gfield_radio { display: flex; align-items: center;}
.gf_browser_chrome .ginput_container_radio ul.gfield_radio li{margin-right: 10px;}
.gf_browser_chrome .ginput_container_radio ul.gfield_radio li:last-child{margin-right: 0px;}
.gf_browser_chrome .ginput_container_radio ul.gfield_radio li label, .ginput_container_checkbox ul.gfield_checkbox li label{margin-top: 6px;}
.gf_browser_chrome .gform_button{background-image: url(../images/tick-arrow.png); background-repeat: no-repeat; background-position: 95%; background-size: 35px; padding: 10px 60px 10px 30px; font-size: 18px; border-radius: 50px; background-color: #f7921e; color: #fff; text-transform: uppercase; border:none; cursor: pointer;}
.gf_browser_chrome .gform_button:hover { background-color: #002f17; color: #fff;}
#field_1_4, #field_1_5, #field_1_6, #field_1_8 { width: 47%; padding-right: 0; margin-right: 40px; display: inline-block; vertical-align: top;}
#field_1_4 .medium, #field_1_5 .medium, #field_1_6 .medium, #field_1_8 .medium{width: 100%;}
#field_1_3 .medium, #field_1_11 .medium{width: 100%; }
#field_1_3, #field_1_11{width: 47%; padding-right: 0;}
#field_1_5, #field_1_8{margin-right: 0;}

.from_block_custom .gf_browser_chrome .gform_footer.top_label { background: transparent; padding: 0px 0px 0px; box-shadow: none; margin-top: 15px;}
.from_block_custom .medium{width: 100% !important; background: rgba(255, 255, 255, 0.0); border: 1px solid #ffff; color: #fff;}
.from_block_custom .medium::-webkit-input-placeholder {
  color: #fff;
}

.from_block_custom .medium:-ms-input-placeholder {
  color: #fff;
}

.from_block_custom .medium::placeholder {
  color: #fff; opacity: 1;
}

/*.from_block_custom .gform_wrapper form li, .gform_wrapper li{margin-top: 7px !important;}*/
.from_block_custom .gf_browser_chrome .gform_button { background-color: transparent; border: 2px solid #fff;}
.from_block_custom .gf_browser_chrome .gform_button:hover { background-color: #002f17; border: 2px solid #002f17;}
.from_block_custom .gf_browser_chrome.gform_wrapper { margin-top: 30px;}
.gform_wrapper li.hidden_label input { margin-top: 0px !important;}
.comn-bg.request-sec { background-position: center center;}
.inner-bannForm.d-flex .form-control.pac-target-input, .search_404 .search-field.form-control{ border-radius: 0; padding: 3px 10px; border: none;}
.inner-bannForm .btn, .search_404 .search-submit.btn{padding: 11px 40px;}
.ftr-adsList ul{padding-left: 0; margin-bottom: 0;}
.ftr-adsList ul li{list-style: none; margin-bottom: 15px; color: #fff;}
.ftr-adsList ul li a{ color: #fff;}
.ftr-adsList ul li a:hover{ color: #000;}
.ftr-adsList ul li span{margin-right: 12px;}

.footTitle{text-transform: uppercase; color: #fff; padding-bottom: 5px; position: relative; margin-bottom: 27px;}
.footTitle:after{position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background: #fff; content: ""; transition: all 0.6s ease-in-out 0s;}
.footTitle:hover:after{width: 100px;}

.footMidd{background:#05b559; padding: 20px 0;}

.foot-termList ul{ padding-left: 0; margin-bottom: 0; list-style: none; text-align: center; list-style: none; display: flex; flex-flow: wrap; justify-content: center; align-items: center;}
.foot-termList ul li{ padding: 0 25px; line-height: 1; border-right: 1px solid #fff; color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase;}
.foot-termList ul li:last-child{ border-right: none;}
.foot-termList ul li a{color: #fff;}
.foot-termList ul li a:hover{color: #000;}

.allinstallationbands{padding-left: 0; display: flex; flex-flow: wrap; justify-content: space-around; align-items: center;}
.allinstallationbands li{width: 34%; list-style: none; height: 99px; align-items: center; display: flex; justify-content: center;}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{max-width: inherit !important;}
.same-price .vat-option p { font-size: 17px;}
.same-price .toggle-container .label { margin: 0 0px 0 15px;}
.same-price .toggle-container { margin: 0px 0; width: 70px;}
.banner-content .search-form.search_404 { margin-top: 10px;}

.installation_process {
    position: relative;
    background: #f7921e;
    display: none;
    height: 50px;
    line-height: 50px;
    padding: 0 20px 0 50px;
}
.installation_process img {
    width: 25px;
    position: absolute;
    left: 12px;
    top: 11px;
}

/*Media Query css*/



@media only screen and ( min-width: 1600px ) {
	.container { max-width: 1300px;}
	
}

@media only screen and ( max-width: 1599px ) {
    h1 { font-size:50px;}
    h2 { font-size:40px;}
    h3 { font-size: 26px;}

    /*.home-banner { height: 450px; }*/
    .install-cntnt-area .alter-img { height: 650px; }
    .map-banner iframe { height: 550px;}
    .site-header { padding: 15px 60px;}
    .navigation .nav li { margin-left: 25px; margin-right: 25px;}
    .banner-content h1 { font-size: 66px;}
    .banner p { font-size: 25px;}
    .douts-section{padding: 100px 0;}
    /*.block-three { padding: 190px 60px 100px;}*/
    h2.title, .block-one h2 { padding-bottom: 20px;}
    h2.title:after, .block-one h2:after { height: 10px;}
    .subHeading { font-size: 24px;}
    .block-three .block-two-rt-inr { padding-left: 40px;}
    .block-four-lt { height: 92%;}


}

@media only screen and ( max-width: 1480px ) {
  .banner-content h1 { font-size: 60px;}
  .banner p { font-size: 22px;}

}

@media only screen and ( max-width: 1366px ) {
.site-header { padding: 15px 30px;}
.navigation .nav li { margin-left: 17px; margin-right: 17px;}
.nav li a.nav-link { font-size: 18px;}
.banner-content h1 { font-size: 45px;}
.banner-content .btn { padding: 11px 20px;}
.douts-section{padding: 90px 0;}
.faq-section .card { margin: 0 10px 20px;}
.energy-block-three .plan-box { padding: 20px 30px 20px 30px; margin-right: 20px;}
.green-circle-box { width: 100px; height: 100px;  left: -30px; top: -8px;}
.alter-cntnt { padding: 0 7%;}
.rates-block-one { padding: 100px 0 70px;}
.green-ring-circle { width: 120px; height: 120px;}
.rates-block-one .plan-box { padding: 30px 30px; margin: 0 0 0 30px;}
.green-circle-two { right: -25px; bottom: -40px;}
.rates-block-one .plan-box .price b { font-size: 50px;}
.rates-block-one .plan-box h2, .rates-block-two .plan-box h2 { margin-bottom: 20px;}
.invoice-sec.rates-block-two .plan-box { margin-left: 30px; margin-top: 0;}
.plan-box { padding: 25px 30px 25px 30px;}
.same-price { padding-left: 30px;}
.rates-block-two .plan-box .btn { padding: 8px 100px; font-size: 22px;}
.soluition-box .solution-list ul li { font-size: 19px;}



}

@media only screen and ( max-width: 1199px ) {
  .nav li a.nav-link { font-size: 16px;}   
  .navigation .nav li { margin-left: 15px; margin-right: 15px;}
  .site-header { padding: 15px 15px;} 
  .douts-section{padding: 60px 0;}
  .block-three .circle-top { width: 90px;}
  .block-three { padding: 80px 60px 40px;}
  .energy-block-three .plan-box { padding: 15px 20px 15px 20px; margin-top: 15px; margin-right: 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .alter-cntnt { padding: 0 5%;}
  .rates-block-one { padding: 90px 0 60px;}
  .rates-block-one .plan-box .price b { font-size: 45px;}
  .green-ring-circle { width: 100px; height: 100px;}
  .block-two .block-two-lt-inr, .block-six .block-two-lt-inr, .block-two-lt-inr { padding: 40px 30px;}
  .douts-section .douts-box.panel { padding: 15px 15px 15px 15px;}
  .install-list.options label.t-poppins{font-size: 14px;}
  .install-list input[type=radio] { width: 22px; height: 22px;}
  .install-list input[type=radio]:after{width: 16px; height: 16px;}
  .gf_browser_chrome .for_my_custom_css { padding: 30px; margin-bottom: 30px;}
  .gf_browser_chrome .gform_footer.top_label{padding: 0px 30px 30px;}
  .home-banner { height: 600px;}
  .inner-banner { height: 400px;}

}


@media only screen and ( max-width: 1024px ) {
  .navigation .nav li { margin-left: 10px; margin-right: 10px;} 
  .site-header { padding: 15px 0px;} 
  .logo-wrap img { width: 200px; height: auto !important;}
  .navigation ul li a.btn { padding: 8px 14px; margin-left: 6px;}
  .douts-section{padding: 40px 0;}
  h2.title, .block-one h2 { padding-bottom: 20px;}
  h2.title:after, .block-one h2:after{height: 7px;}
  .banner p { font-size: 19px;}
  .block-one h2 span { font-size: 28px;}
  .block-three .circle-top { width: 75px;}
  .block-three { padding: 40px 60px 30px;}
  .comn-padd { padding-top: 40px; padding-bottom: 40px;}
  .green-circle-two { right: -12px; bottom: -30px;}
  .douts-section .douts-box.panel { padding: 15px 10px 15px 10px;}
  .panel-title:before { width: 12px; height: 12px; top: 5px;}
  .accordion h4.panel-title { padding-left: 17px; font-size: 16px;}
  .map-banner .map-popupbox { max-width: 400px;}
  .install-list.options.billing_1 .slider-container{width: 100% !important;}
  .gf_browser_chrome.gform_wrapper {margin-top: 30px;}
  #field_1_4, #field_1_6 { margin-right: 32px;}
  .from_block_custom .gf_browser_chrome.gform_wrapper { margin-top: 20px;}
  .home-banner { height: 500px;}
  .inner-banner { height: 300px;}
  

}

@media only screen and ( max-width: 991px ) {
    h1, h2 { font-size: 35px;}
    h3 { font-size: 24px;}
    h4 { font-size: 20px;}
    h5 { font-size: 17px;}
    .navigation ul li a.btn { padding: 6px 8px; margin-left: 2px; font-size: 14px;}
    .logo-wrap img { width: 170px;}
    .navigation .nav li { margin-left: 8px; margin-right: 8px;}
    .faq-section .card { margin: 0 7px 20px;}
    .banner-content h1 { font-size: 38px; margin-bottom: 7px;}
    .banner p { font-size: 16px; margin-bottom: 8px;}
    .banner-content .btn, .search_404 .search-submit.btn{ padding: 7px 35px; font-size: 16px;}
    .banner-content { right: 30px; width: 50%;}
    .solarContent { padding-top: 40px;}
    .block-one { padding: 40px 0;}
    .block-two .block-two-lt-inr, .block-six .block-two-lt-inr, .block-two-lt-inr { padding: 40px 15px;}
    .block-three { padding: 40px 0px 40px;}
    .block-three .block-two-rt-inr { padding-left: 0px; margin-top: 30px;}
    .block-four .block-four-lt-inr { padding: 40px 15px 40px 15px;}
    .plan-box { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%;}
    .block-four { height: auto;}
    .block-four-lt { position: relative;}
    .discoverPic { text-align: center;}
    .lightPic, .block-one, .block-two, .block-three, .block-four, .energy-block-two, .energy-block-three{text-align: center;}
    .block-hold-img { margin-right: 0px;}
    .block-hold-img img { border-radius: 30px 30px;}
    .block-one h2 span {font-size: 24px;}
    .energyContentR{text-align: center; padding: 30px 0;}
    .install-cntnt-area{text-align: center;}
    .alter-cntnt { padding: 30px 0;}
    .inner-banner .banner-content input.btn { padding: 10px 10px 10px 10px; font-size: 13px;}
    .inner-banner .banner-content input.form-control { padding: 0 10px 0 10px;}
    .douts-section { padding: 30px 0;}
    .rates-block-one { padding: 40px 0 40px;}
    .energy-block-one { text-align: center;}
    .rates-block-two ul li img { margin-right: 5px; width: 25px; height: auto;}
    .rates-one-blk-left { padding-bottom: 30px;}
    .subHeading { font-size: 20px;}
    .install-list { padding: 15px 10px;}
    .install-list h4 { font-size: 19px;}
    .soluition-box { padding: 20px;}
    .install-list .price-range-slider p { font-size: 20px;}
    .soluition-box a.btn { font-size: 17px; width: 80%; padding: 15px 9px; margin: 20px auto;}
    .soluition-box a.collectn-btn { margin-top: 20px; margin-bottom: 20px;font-size: 17px;}
    .soluition-box .see-more-btn { margin: 20px 0 10px;}
    .soluition-box .solution-list ul li { font-size: 17px; padding: 5px;}
    .soluition-box span { font-size: 16px;}
    .soluition-box .price { font-size: 50px; margin-left: 0px;}
    .next-step-left .btn{padding: 8px 20px; font-size: 14px;}
    .next-step-left { padding: 0 10% 0 0; margin-top: 30px; margin-bottom: 30px;}
    .next-step-right { padding: 0 0 0 3%; margin-top: 30px; margin-bottom: 30px;}
    .communityRadioList ul li{display: block; text-align: center;}
    .communityRadioList ul li input[type=radio].form-control { margin: 0 auto 4px;}
    .gf_browser_chrome .for_my_custom_css { padding: 20px; margin-bottom: 20px;}
    .panel-title { padding-left: 20px; padding-right: 16px;}
    .gf_browser_chrome .gform_footer.top_label{padding: 0px 20px 20px}
    .home-banner { height: 450px;}
    .inner-banner { height: 250px;}
    /*.allinstallationbands li img { max-width: 150px;}*/
    .allinstallationbands li { width: auto;} 
    .foot-termList ul li { padding: 0 18px;}
    .same-price.slideInRight{margin-bottom: 30px}
    .same-price .vat-option p { font-size: 18px;}
    

}
@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
}

@media only screen and ( max-width: 767px ) {

  .click{
        display: block;
        cursor: pointer;
        color: #000;
        position: absolute;
        right: 15px;
        font-size: 28px;
        top: 0;
    }
    .navigation .closebtn{
        color: #000;
        display: block;
        position: absolute;
        top: 9px;
        right: 15px;
        font-size: 36px;
        margin-left: 50px;
    }
    /*-- For_mob_menu(Start) --*/
    .site-header .navigation {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0 !important;
    background-color: rgba(255, 255, 255, 0.97);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 999;
    }

    .site-header .navigation .nav, .site-header .navigation .nav li{display: block;}
    .navigation .nav.headerRight li.menu-item{margin-left: 8px; margin-right: 8px;}
   /* .site-header .navigation .nav li{display: block; margin-left: 0; margin-right: 0;}*/
    .navigation ul.headerRight li a.btn { margin-left: 0px; font-size: 14px; display: block;}

    /*-- For_mob_menu(End) --*/

    /*-- Mobile-Menu(End) --*/

	h1, h2 { font-size: 30px; }
	h3 { font-size: 22px; }
	h4{ font-size:18px;}
  h1, h2, h3, h4, h5, h6, p{ margin: 0 0 15px;}
    .btn, .btn.border { padding: 17px 25px; }
	body { font-size: 15px; }
  .faq-section .card {  margin: 0 0px 20px; width: 100%;}
  .site-footer .col-md-3:nth-child(2) .ftr-menu { padding-left: 0px;}
  .ftr-logo, .googleplay-logo { width: 250px; margin: 0 auto 20px;}
  .ftr-top { padding: 30px 0; text-align: center;}
  .banner-content { right: 15px; width: 60%;}
  .banner-content h1 { font-size: 30px;  margin-bottom: 6px;}
  .banner p { font-size: 15px; margin-bottom: 6px;}
  .banner-content { right: 0px; width: 100%; text-align: center; padding: 0 15px;}
  .ftr-btm p { padding: 10px 0;}
  .block-one h2 span { font-size: 22px;}
  .block-three .circle-top { width: 60px;}
  .solarContent { padding-top: 30px;}
  .block-one, .block-three{ padding: 30px 0;}
  .block-two .block-two-lt-inr, .block-six .block-two-lt-inr, .block-two-lt-inr{padding: 30px 15px;}
  .block-four .block-four-lt-inr { padding: 30px 15px 30px 15px;}
  h2.title:after, .block-one h2:after { height: 3px;}
  h2.title, .block-one h2 { padding-bottom: 10px;}
  .comn-padd { padding-top: 30px; padding-bottom: 30px;}
  .energy-block-one p { font-size: 17px;}
  .inner-banner .banner-content h3 { max-width: initial;}
  .inner-bannForm{justify-content: center;}  
  .douts-section .col-md-4 { margin-top: 0px;}
  .douts-section .douts-box.panel { margin-bottom: 15px; height: auto;}
  .douts-section .left-arrow { left: -11px; top: -11px;}
  .douts-section .right-arrow { right: -9px; bottom: 0px;}
  .douts-section .douts-box.panel { padding: 10px 10px 10px 10px; border-radius: 7px;}
  .panel-title:before { width: 9px; height: 9px; top: 7px;}
  .accordion h2.panel-title { padding-left: 15px; padding-right: 15px; font-size: 16px;}
  .rates-block-one .plan-box { padding: 20px 20px; margin: 0 0 0 0px;}
  .invoice-sec.rates-block-two .plan-box { margin-left: 0px;}
  .green-ring-circle { border: 6px solid #c5e29e;}
  .rates-block-one .plan-box .price b { font-size: 40px;}
  .rates-block-one .plan-box .price small {  font-size: 22px;}
  .rates-block-one .plan-box .price { font-size: 19px;}
  .rates-block-one { padding: 30px 0 30px;}
  .subHeading { font-size: 18px;}
  .faq-section .title-one h2 { padding-bottom: 0px;}
  .title-one h2:after { bottom: 2px; height: 6px;}
  .map-banner .map-popupbox { padding: 15px 15px; max-width:300px;}
  .map-popupbox .topmap_button .btn{padding: 6px 15px; font-size: 14px;}
  .map-banner .map-popupbox input.fomr-control { margin: 10px 0 10px;}
  .map-banner .map-popupbox label.etiquetarequerida {top: 24px;}
  .install-list.options{margin-bottom: 15px; height: auto;}
  .install-list.options.billing_1 { min-height: 138px;}
  .install-list .slider-container { margin: 20px auto 0;}
  .install-list ul li a { padding: 15px 10px 15px 60px;}
  .step-three{margin-top: 15px;}
  .soluition-box{margin-bottom: 15px;}
  .next-step-left { padding: 0 0 20px 0; border-bottom: 1px solid #afafaf; margin-bottom: 15px;}
  .next-step-left:after{display: none;}
  .next-step-left .detailoffer { margin-bottom: 0px;}
  .form-block-bg.light-bg.p-5 { padding: 2rem!important;}
  .gf_browser_chrome .ginput_container_radio ul.gfield_radio li{width: 40%;}
  .gf_browser_chrome.gform_wrapper { margin-top: 20px;}
  #field_1_4, #field_1_5, #field_1_6, #field_1_8, #field_1_3, #field_1_11 { width: 100%; margin-right: 0;}
  .gf_browser_chrome .medium {height: 40px; padding: 3px 10px !important;}
  .footTitle:after{right: 0; margin: 0 auto;}
  .home-banner { height: 400px;}
  .inner-banner { height: 200px;}
  /*.site-header.fixed .logo-wrap img { width: 130px;}*/
  .site-header { padding: 10px 0px;}
  .site-header.fixed { position: relative;}
  .allinstallationbands li { width: 24%;}
  .foot-termList ul li { padding: 0 9px; font-size: 13px;}
  .footMidd { padding: 15px 0;}
  .ftr-adsList ul li { margin-bottom: 8px;}
  .footTitle { margin-bottom: 20px;}
  .ftr-menu { margin-bottom: 15px;}
  .same-price.slideInRight{margin-bottom: 20px}




	
    
    
}

@media only screen and ( max-width: 575px ) {
  h1, h2 { font-size: 26px;}
  .ftr-menu ul li a { padding-bottom: 7px;}
  .banner-content h1 {font-size: 26px;}
  .plan-box { padding: 15px 15px 15px 15px;}
  /*.price b { font-size: 24px;}*/
  .plan-box{margin-right: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .block-three .circle-top { width: 50px;}
  .play-button-wrapper .play-gif img { width: 60px;}
  .solarContent { padding-top: 20px;}
  .block-one, .block-three { padding: 20px 0;}
  .block-two .block-two-lt-inr, .block-six .block-two-lt-inr, .block-two-lt-inr{padding: 20px 15px;}
  .block-three .block-two-rt-inr { margin-top: 20px;}
  .block-four .block-four-lt-inr { padding: 20px 15px 20px 15px;}
  .comn-padd { padding-top: 20px; padding-bottom: 20px;}
  .ftr-logo, .googleplay-logo { width: 200px;}
  .block-one h2 span {  font-size: 19px;}
  .plan-box { text-align: center;}
  .energy-block-three .plan-box { margin-right: 0px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  a.transparent-btn.white { border: 1px solid #fff;}
  a.transparent-btn { border: 1px solid #000; padding: 6px 20px;}
  a.transparent-btn:after { padding: 4px; border-width: 0 1px 1px 0;}
  .green-circle-box { width: 80px; height: 80px; left: -14px; top: -18px;}
  .alter-cntnt { padding: 20px 0;}
  .form-control { height: 38px;}
  .inner-banner .banner-content input.btn { padding: 8px 10px 8px 10px;}
  .douts-section { padding: 20px 0;}
  .rates-block-two .plan-box .btn { padding: 8px 80px; font-size: 18px;}
  .green-circle-two { right: -0px;}
  .green-circle-one { top: -30px;}
  .green-ring-circle { width: 80px; height: 80px;}
  .rates-block-one .plan-box .price b { font-size: 35px;}
  .energy-block-one p { font-size: 16px;}
  .rates-block-one { padding: 20px 0 20px;}
  .subHeading { font-size: 16px;}
  .faq-section .card { margin: 0 0px 15px;}
  .map-banner .map-popupbox { max-width:250px; padding: 10px 10px;}
  .map-banner .map-popupbox h2 { font-size: 1.4rem; margin-bottom: 6px;}
  .map-banner .map-popupbox label.etiquetarequerida {top: 18px;}
  .map-banner .map-popupbox input.fomr-control{margin: 4px 0 4px;}
  .faq-section .card-body { padding: 0.6rem;}
  .soluition-box { padding: 15px;}
  .communityRadioList ul li { display: flex; text-align: left; margin: 0 0 6px; justify-content: flex-start; width: 100%;}
  .communityRadioList ul li input[type=radio].form-control { margin: 0 6px 4px 0;}
  .maintananceBottom { padding-top: 20px;}
  .form-block-bg.light-bg.p-5 { padding: 1rem!important;}
  .gf_browser_chrome .for_my_custom_css {padding: 15px; margin-bottom: 15px;}
  .gf_browser_chrome.gform_wrapper { margin-top: 15px;}
  .from_block_custom .gf_browser_chrome.gform_wrapper { margin-top: 15px;}
  .home-banner { height: 330px;}
  .inner-banner { height: 180px;}
  .site-header { padding: 7px 0px;}
  .allinstallationbands li { width: 34%;}
  .foot-termList ul li { padding: 0 5px; font-size: 12px;}
  .ftr-btm p { padding: 5px 0;}
  .footTitle { margin-bottom: 15px;}
  .soluition-box .solution-list ul li { font-size: 16px;}
  .pl-5.pr-5.soluition-wrapper { padding: 0 2rem !important;}



}
@media only screen and ( max-width: 480px ) {
  h1, h2, h3, h4, h5, h6, p{ margin: 0 0 10px;}
  h1, h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4{ font-size:16px;}
  .banner-content { padding: 15px; position: relative; top: 0; transform: inherit; background: #0a0701;}
  .price { font-size: 18px;}
  .price b { font-size: 28px;}
  .banner-content h1 { font-size: 23px;}
  .play-button-wrapper .play-gif img { width: 50px;}
  .ftr-logo, .googleplay-logo { width: 180px;}
  .block-one h2 span { font-size: 16px;}
  .inner-bannForm.d-flex { display: block !important;}
  .inner-banner .banner-content input.form-control { border-radius: 30px 30px; padding: 0 10px 0 10px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 8px;}
  .inner-banner .banner-content input.btn { padding: 8px 10px 8px 10px; display: block; width: 100%; border-radius: 30px 30px;}
  .rates-one-blk-left { padding-bottom: 20px;}
  .rates-block-one .plan-box { padding: 15px 15px;}
  .rates-block-one .plan-box .btn, .rates-block-two .plan-box .btn { font-size: 18px; padding: 6px 50px;}
  .green-circle-one { top: -20px;}
  .faq-section .card { margin: 0 0px 10px; padding: 15px 10px;}
  .title-one h2:after { bottom: 2px; height: 4px;}
  .map-banner .map-popupbox { max-width: inherit; width: 96%; position: relative; padding: 20px 15px; background: #fdfdfd; box-shadow: 0 0 5px 2px rgb(0, 0, 0, 0.1); margin: 9px auto 0;}
  .soluition-box { padding: 10px;}
  .banner-content .btn, .search_404 .search-submit.btn { padding: 6px 35px; font-size: 15px; margin-top: 10px;}
  .home-banner { height: 250px;}
  .inner-banner { height: 150px;}
  .allinstallationbands li img { max-width: inherit; width: 100%;}
  .allinstallationbands li { width: 40%;}
  .ftr-menu ul li a { padding-bottom: 5px;}
  .offerdiv .soluition-box h4{font-size: 19px;}
  .soluition-box a.btn { font-size: 16px; width: 90%; padding: 10px 6px; margin: 15px auto;}
  .pl-5.pr-5.soluition-wrapper { padding: 0 0rem !important;}
  .foot-termList ul li { margin: 4px 0;}
  .banner-content .search-form.search_404 .d-flex { display: block !important;}



}

@media only screen and ( max-width: 380px ) {
  .home-banner { height: 180px;}
  .inner-banner { height: 120px;}
  .faq-section .card { padding: 10px 7px;}
  .allinstallationbands li { width: 45%;}

  
}

/*Media Query css*/
/*24.03.2021*/
.desable_menu a {    color: #ddd !important;}

.nav li a[href="#"] {
    color: #ddd !important;
}