@font-face {font-family: "TruenoBd";src: url(../fonts/TruenoBd.otf);}
@font-face {font-family: "TruenoLt";src: url(../fonts/TruenoLt.otf);}
@font-face {font-family: "TruenoRg";src: url(../fonts/TruenoRg.otf);}
@font-face {font-family: "TruenoSBd";src: url(../fonts/TruenoSBd.otf);}


html {overflow-x: hidden !important;}
body{background:#fff;color:#181818;font-size:10px;overflow-x:hidden !important; padding: 0px !important; font-family: "Prata-Regular";}
a{color:#fff;text-decoration:none!important;}
.norow{margin:0px;position:relative;}
.no-padd{padding:0px;}
.img-responsive{max-width:100% !important;}

html{scroll-behavior: smooth;}
body::-webkit-scrollbar{width:7px;}
body::-webkit-scrollbar-thumb{-webkit-border-radius:0px;border-radius:0px;background: linear-gradient(45deg, #6db153, #d7dd3f);}

::-webkit-input-placeholder {color: #909090 !important;font-family: "TruenoLt";font-size: 17px;}
:-ms-input-placeholder {color: #909090 !important;font-family: "TruenoLt";font-size: 17px;}
::placeholder {color: #909090 !important;font-family: "TruenoLt";font-size: 17px;}

::selection {background: #6db153;color: #000;}

span.codi {color: #0fa650;font-family: "TruenoBd";}
.tittle {text-align: center;}
.tittle h1 {font-family: "TruenoLt";font-size: 30px;position: relative;width: fit-content;margin: auto;margin-bottom: 3rem;color: #464646;}
.tittle h1 span {font-family: "TruenoBd";}
.tittle p {font-family: "TruenoRg";font-size: 18px;color: #000;padding: 0px 7rem;margin-bottom: 4rem;}
.cono-mas {text-align: center;}
.cono-mas a {font-family: "TruenoBd";color: #fff;background-color: #0fa650;text-transform: uppercase;cursor: pointer;padding: .6rem 1rem;box-shadow: #717171 2px 2px 11px;cursor: pointer;}
.cono-mas a:hover{color: #fff;}

a.btn-verde {font-family: "TruenoBd";color: #fff !important;background-color: #5ea456;font-size: 14px;width: 40%;display: block;text-align: center;border-radius: 15px;padding: 5px 0px;cursor: pointer;}

.sec1 {position: relative;background-image: url(../img-landing/sec1/fondo-sec1.jpg);background-repeat: no-repeat;background-size: cover;padding: 10rem;background-position: center center;}
.sec1 .txt-s1 img {width: 13rem;margin-bottom: 3rem;}
.sec1 .txt-s1 {color: #fff !important;margin: auto;}
.sec1 .txt-s1 h1 {font-family: "TruenoLt";font-size: 30px;text-transform: uppercase;position: relative;margin-bottom: 1.5rem;padding-bottom: 1.5rem;}
.sec1 .txt-s1 h1:before {content: "";display: block;background-color: #d1de2b;width: 6rem;height: 4px;position: absolute;left: 0px;bottom: 0px;}
.sec1 .txt-s1 h1 span {font-family: "TruenoSBd";font-size: 45px;} 
.sec1 .txt-s1 p {font-family: "TruenoSBd";font-size: 19px;}
.sec1 #formulario-header {text-align: center;padding-left: 12rem;}
.sec1 .inte-form-header {background: #fff;padding: 2rem;position: relative;padding-bottom: 3rem;padding-top: 3rem;}
.sec1 .inte-form-header:before {background-image: url(img-landing/borde.jpg);content: "";display: block;width: 100%;height: 15px;position: absolute;bottom: 0px;left: 0px;background-repeat: no-repeat;background-size: 100% 100%;}
.sec1 .inte-form-header h2 {font-family: "TruenoBd";font-size: 15px;margin-bottom: 2rem;}
.sec1 .inte-form-header input {border: none;border-bottom: solid 1px #636363;font-size: 15px;width: 100%;border-radius: 0px;margin: auto;}
.sec1 .inte-form-header .medio input.button {background: #5ea456;font-family: "TruenoBd";color: #fff;text-transform: uppercase;width: 100%;padding: .5rem 1.6rem;font-size: 16px;border: none;box-shadow: #000000a6 2px 2px 10px 0px;cursor: pointer;margin-top: 2rem;border-radius: 15px;}
.sec1 .inte-form-header textarea {border: none;border-bottom: solid 1px #636363;font-size: 15px;width: 100%;height: 5rem;border-radius: 0px;margin: auto;}

.sec2 {padding-top: 3rem;}
.sec2 .tittle {position: relative;}
.sec2 .tittle h1:before {content: "";display: block;width: 31rem;height: 1.5rem;position: absolute;right: calc(100% + 2rem);top: calc(50% - .75rem);background-image: url(../img-landing/sec2/deco-tittle.png);background-repeat: no-repeat;background-position: right;background-size: cover;}
.sec2 .tittle h1:after {content: "";display: block;width: 31rem;height: 1.5rem;position: absolute;left: calc(100% + 2rem);top: calc(50% - .75rem);background-image: url(../img-landing/sec2/deco-tittle.png);background-repeat: no-repeat;background-position: right;background-size: cover;transform: rotate(180deg);}
/*.sec2 .tittle:before {content: "";display: block;background-color: #acacac;opacity: .2;position: absolute;right: -1rem;top: calc(50% - 50px);width: 100px;height: 100px;border-radius: 60px;}*/
.sec2 .carousel-item .col-md-2 {margin: auto;text-align: center;}
.sec2 .carousel {position: relative;padding: 0px 7rem;}
.sec2 .carousel-item img {width: 12rem;display: flex;margin: auto;}
.sec2 .carousel-control-prev-icon {background-image: url(../img-landing/sec2/arrow.jpg);background-repeat: no-repeat;background-size: contain;background-position: center center;width: 100%;height: 100%;}
.sec2 .carousel-control-next-icon {background-image: url(../img-landing/sec2/arrow.jpg);background-repeat: no-repeat;background-size: contain;background-position: center center;width: 100%;height: 100%;transform: rotate(180deg);}
.sec2 .carousel-control-prev {left: 4rem;width: 25px;height: 30px;opacity: 1;top: calc(50% - 15px);bottom: auto;}
.sec2 .carousel-control-next {right: 4rem;width: 25px;height: 30px;opacity: 1;top: calc(50% - 15px);bottom: auto;}
.sec2 .col-modi1 {width: 20%;}
.sec2 .col-modi2 {width: 25%;}
.sec2 .tittle h1 {text-transform: uppercase;}

.sec3 {padding: 10rem 0px;background-color: #fcfcfc;}
.sec3 .col-md-5 {margin: auto;}
.sec3 .col-md-7 {margin: auto;}
.sec3 h2 {font-family: "TruenoRg";color: #808183;font-size: 25px;text-align: right;}
.sec3 img {width: 100%;}
.sec3 a.btn-verde {width: 19%;margin: auto;font-size: 17px;margin-top: 1rem;}

.sec4 {position: relative;margin-bottom: 4rem;margin-top: 3rem;}
/*.sec4:before {background-image: url(img-landing/ric-energy-shadow.jpg);content: "";display: block;position: absolute;bottom: 4rem;left: 6rem;width: 30%;height: 100px;background-repeat: no-repeat;background-size: contain;background-position: center center;}
.sec4 .tittle {position: relative;}
.sec4 .tittle:before {content: "";display: block;background-color: #acacac;opacity: .1;position: absolute;left: 5rem;top: -100px;width: 200px;height: 200px;border-radius: 100px;z-index: -1;}
.sec4 .tittle:after {content: "";display: block;background-color: #acacac;opacity: .1;position: absolute;right: -150px;bottom: 0px;width: 200px;height: 200px;border-radius: 100px;}*/
.sec4 .tittle h1 {margin-bottom: 1rem;}
.sec4 .tittle p {color: #909090;}
.sec4 .col-md-4 {text-align: center;margin-bottom: 2.3rem;}
.sec4 .main-carac {padding: 0px 10rem;}
.sec4 .main-carac:nth-child(2) {position: relative;}
.sec4 .main-carac:nth-child(2):before {content: "";display: block;background-image: url(img-landing/circle.jpg);position: absolute;right: 0px;bottom: 0px;width: 70px;height: 70px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.sec4 img {width: 90%;}
.sec4 .cono-mas {margin-top: 4rem;}
.sec4 .cono-mas a {font-size:20px;}

.sec5 {padding: 5rem 0px;}
.sec5 .container .row:nth-child(2) {padding: 0px 15rem;}
.sec5 .container .row:nth-child(3) {padding: 0px 22rem;}
.sec5 .col-md-4 {position: relative;margin-top: auto;margin-bottom: 1.5rem;position: relative;}
.sec5 .col-md-6 {position: relative;margin-top: auto;margin-bottom: 1.5rem;position: relative;}
.sec5 img {width: 12rem;display: flex;margin: auto;}
.sec5 a.btn-verde {width: 19%;margin: auto;font-size: 17px;margin-top: 1rem;}

.sec6 {padding-top: 4rem;position: relative;background-color: #5ea456;padding-bottom: 5rem;}
.sec6:before {content: "";display: block;position: absolute;left: 0px;top: 2rem;width: 4rem;height: 12rem;background-image: url(../img-landing/sec6/circulos-deco1.png);background-position: center center;background-repeat: no-repeat;background-size: contain;}
.sec6:after {content: "";display: block;position: absolute;right: -6rem;top: -6rem;width: 12rem;height: 12rem;background-image: url(../img-landing/sec6/circulo-deco2.png);background-position: center center;background-repeat: no-repeat;background-size: contain;}
.sec6 .tittle h1 span {color: #fff;}
.sec6 h2 {font-size: 18px;text-align: center;margin-top: 3rem;margin-bottom: 2rem;font-family: "TruenoBd";color: #909090;}
.sec6 h2 span {color: #147d08;}
.sec6 .tab-content>.active {background-color: #fff;padding: 3rem 0px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
.sec6 a.btn-verde {margin: auto;margin-top: 3rem;}
.sec6 .tab-content .row .col-md-5 {margin: auto;}
.sec6 .tab-content .row .col-md-5 img {width: 80%;margin: auto;display: flex;}
.sec6 .tab-content .row .col-md-7 {}
.sec6 .tab-content .row .col-md-7 img {width: 60%;display: flex;margin: auto;}
.sec6 div#Desempeño .row .col-md-7 img {width: 90%;}
.sec6 div#Estandar .row .col-md-7 img {width: 90%;}
.sec6 ul#myTab li:nth-child(1) a {border-top-left-radius: 30px;border-left: transparent !important;}
.sec6 ul#myTab li:nth-child(4) a {border-top-right-radius: 30px;border-right: transparent !important;}
.sec6 li.nav-item {width: 25%;}
.sec6 li.nav-item a {background: #d4dd43;text-align: center;font-size: 15px;border: solid 1px #fff !important;border-top: transparent !important;font-family: "TruenoBd";}
.sec6 li.nav-item a:hover {color: #fff;}
.sec6 li.nav-item .active {background: #147d08;color: #fff;}

.sec7 {padding-top: 5rem;padding-bottom: 5rem;position: relative;}
.sec7:before {content: "";display: block;background-image: url(../img-landing/sec6/circulo-deco2.png);background-repeat: no-repeat;background-position: center center;background-size: contain;width: 13rem;height: 13rem;position: absolute;right: 1rem;bottom: 1rem;}
.sec7 .formulario-footer {text-align: center;font-family: "TruenoBd";margin: auto !important;padding: 2rem 6rem;background: #fff;box-shadow: #0000004f 0px 0px 12px 5px;width: 70%;position: relative;}
.sec7 .formulario-footer:before {background-image: url(../img-landing/sec6/franja-colores.jpg);content: "";display: block;width: 100%;height: 15px;position: absolute;bottom: 0px;left: 0px;background-repeat: no-repeat;background-size: 100% 100%;}
.sec7 .formulario-footer h1 {color: #464646;font-size: 20px;}
.sec7 .formulario-footer p {color: #000;font-size: 17px;} 
.sec7 .formulario-footer label {width: 100%;}
.sec7 .formulario-footer input {border: none;border-bottom: solid 1px #636363;font-size: 15px;width: 100%;border-radius: 0px;margin: auto;}
.sec7 .formulario-footer .enviar  {background: #5ea456;font-family: "TruenoBd";color: #fff;text-transform: uppercase;width:40%;padding: .5rem 1.6rem;font-size: 16px;border: none;box-shadow: #000000a6 2px 2px 10px 0px;cursor: pointer;margin-top: 2rem;border-radius: 15px;}
.sec7 .formulario-footer textarea {border: none;border-bottom: solid 1px #636363;font-size: 15px;width: 100%;height: 5rem;border-radius: 0px;margin: auto;}

footer {background-color: #000;font-family: "TruenoLt";color: #fff;font-size: 13px;padding: 1rem 0px;}
footer p {margin: 0px;}
footer a:hover{color: #fff;text-decoration: underline !important;}
footer .by {text-align: right;}

.modal-content h5 {font-family: "TruenoBd";text-align: center;font-size: 30px;width: 100%;}
.modal-content p {font-family: "TruenoRg";text-align: center;font-size: 20px;padding: 1rem 0px;}
.modal-body:before {background-image: url(../img-landing/sec6/franja-colores.jpg);content: "";display: block;width: 100%;height: 15px;position: absolute;bottom: 0px;left: 0px;background-repeat: no-repeat;background-size: 100% 100%;}


/* ---------------------------------------- CUSTOM CSS --------------------------------------------- */



@media (min-width: 320px) and (max-width: 575px){
	a.btn-verde {width: 60%;margin: auto;}

	.sec1 {padding: 3rem 1rem;}
	.sec1 #formulario-header {padding-left: 1rem;}
	.sec1 .inte-form-header {padding: 1rem;padding-bottom: 2rem;padding-top: 2rem;margin-top: 2rem;}

	.sec2 .tittle h1:before {display: none;}
	.sec2 .tittle h1:after {display: none;}
	.sec2 .carousel {padding: 0px 2rem;}
	.sec2 .col-modi1 {width: 100%;}
	.sec2 .col-modi2 {width: 100%;}
	.sec2 .carousel-control-prev {left: 2rem;}
	.sec2 .carousel-control-next {right: 2rem;}

	.sec3 {padding: 3rem 0px;}
	.sec3 h2 {text-align: center;}
	.sec3 a.btn-verde {width: 55%;}

	.sec4 .tittle p {padding: 0px 1rem;}
	.sec4 img {width: 100%;}

	.sec5 {padding: 2rem 0px;}
	.sec5 .container .row:nth-child(2) {padding: 0px 2rem;}
	.sec5 .container .row:nth-child(3) {padding: 0px 2rem;}
	.sec5 a.btn-verde {width: 70%;}

	.sec6:before {top: 1rem;width: 3rem;height: 9rem;}
	.sec6:after {right: -6rem;top: -5rem;width: 10rem;height: 10rem;}
	.sec6 li.nav-item {width: 100%;}
	.sec6 ul#myTab li:nth-child(1) a {border-radius: 0px;border-left: solid 1px #fff !important;}
	.sec6 ul#myTab li:nth-child(4) a {border-radius: 0px;border-right: solid 1px #fff !important;}
	.sec6 .tab-content>.active {padding-top: 0px;}
	.sec6 .tab-content .row .col-md-7 img {margin-top: 2rem;}

	.sec7 .formulario-footer {padding: 2rem 1rem;width: 100%;}

}

.img {
    margin: auto 0;
}
    .icon-box {
        height: 250px;
        margin-bottom: 2em;
    }
    .icon-box .img {
        width: 80%;
    }
    .beneficios-text {
        font-family: "TruenoRg";
font-size: 12px;
color: #000;
margin-bottom: 4rem;
    }


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
		a.btn-verde {width: 60%;margin: auto;}

	.sec1 {padding: 3rem 1rem;}
	.sec1 #formulario-header {padding-left: 1rem;}
	.sec1 .inte-form-header {padding: 1rem;padding-bottom: 2rem;padding-top: 2rem;margin-top: 2rem;}

	.sec2 .tittle h1:before {display: none;}
	.sec2 .tittle h1:after {display: none;}
	.sec2 .carousel {padding: 0px 5rem;}
	.sec2 .col-modi1 {width: 50%;margin: auto;}
	.sec2 .col-modi2 {width: 50%;margin: auto;}
	.sec2 .carousel-control-prev {left: 2rem;}
	.sec2 .carousel-control-next {right: 2rem;}

	.sec3 {padding: 3rem 0px;}
	.sec3 h2 {text-align: center;}
	.sec3 a.btn-verde {width: 55%;}

	.sec4 .tittle p {padding: 0px 1rem;}
	.sec4 img {width: 100%;}

	.sec5 {padding: 2rem 0px;}
	.sec5 .container .row:nth-child(2) {padding: 0px 2rem;}
	.sec5 .container .row:nth-child(3) {padding: 0px 2rem;}
	.sec5 a.btn-verde {width: 70%;}
	.sec5 .col-md-4 {width: 50%; margin: auto;}
	.sec5 .col-md-6 {width: 50%; margin: auto;}

	.sec6:before {top: 1rem;width: 3rem;height: 9rem;}
	.sec6:after {right: -6rem;top: -5rem;width: 10rem;height: 10rem;}
	.sec6 li.nav-item {width: 100%;}
	.sec6 ul#myTab li:nth-child(1) a {border-radius: 0px;border-left: solid 1px #fff !important;}
	.sec6 ul#myTab li:nth-child(4) a {border-radius: 0px;border-right: solid 1px #fff !important;}
	.sec6 .tab-content>.active {padding-top: 0px;}
	.sec6 .tab-content .row .col-md-7 img {margin-top: 2rem;}

	.sec7 .formulario-footer {padding: 2rem 1rem;width: 100%;}

}

/*Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	a.btn-verde {width: 50%;}

	.sec1 {padding: 4rem;}
	.sec1 #formulario-header {padding-left: 2rem;}

	.sec2 .carousel-item img {width: 100%;}
	
	.sec5 .container .row:nth-child(2) {padding: 0px 5rem;}
	.sec5 img {width: 9rem;}
	.sec5 a.btn-verde {width: 25%;}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.sec1 {padding: 4rem;}
	.sec1 #formulario-header {padding-left: 5rem;}

	.sec2 .carousel-item img {width: 100%;}

	.sec5 .container .row:nth-child(2) {padding: 0px 10rem;}
}

/* Bigger devices (desktops, 992px and up) */
@media (min-width: 1200px) and (max-width: 1299.98px) {
	.sec1 {padding: 6rem;}
	.sec1 #formulario-header {padding-left: 5rem;}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {

}

/* Extra large devices  */
@media (min-width: 1600px) {

}