:root {
  --colortxtverde: #066714;
}
body{
	overflow-x: hidden;
}
#backgroundmain{
	background-image: url('../img/fondo.png');
	background-position: top center;
}
#principalfont{
	text-shadow: 6px 6px 5px #030101;
    letter-spacing: 0.5px;
    font-size: 1.9em;
}
.rowspace {
    margin-top: 45px;
    padding-bottom: 20px;
}
#boxform{
	width: 88%;
    background: #edeee7;
    padding: 40px;
    margin-top: -275px;
    box-shadow: 0px 0px 16px 3px #00000052;
    padding-bottom: 40px;
    border-top-left-radius: 4rem;
}
#line1{
	background-color: #a0e99a;
	background-image: linear-gradient(315deg, #a0e99a 0%, #caf881 100%);
    height: 3px;
    width: 13%;
}
#textprin1 {
	font-size: 1.2em;
	word-spacing: 1px;
}
.titleg{
	font-family: 'Roboto';
    font-weight: bold;
	color: var(--colortxtverde);
	font-size: 2.1em;
}
.btnform{
	color: var(--colortxtverde);
	padding: 6px 5px;
    margin-top: 0px;
    border-radius: 15px 0px;
    background-color: #a0e99a;
    background-image: linear-gradient(315deg, #a0e99a 0%, #caf881 100%);	
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 1.25em;
    transition: background 0.5s ease; 
}
.btnform:hover{
	color: var(--colortxtverde);
	background-color: #a0e99a;
    background-image: linear-gradient(45deg, #a0e99a 0%, #caf881 100%);	
    transition: background 0.5s ease;   
}
#res{
	height: 2rem;
	font-size: 1em;
	display: flex;
	justify-content: center;
}
#titleform{
	font-size: 2.05em;
	margin-bottom: 25px
}
.inputform, .selectopt{
	font-size: 1.1em;
	border-radius: 0px!important;
}
.linetitle{
	background-color: #a0e99a;
	background-image: linear-gradient(315deg, #a0e99a 0%, #caf881 100%);
	height: 2px;
    opacity: 1;
    width: 25%;
    margin-top: 27px;
    margin-bottom: 25px;
}
#subtitle{
	font-weight: inherit;
	font-size: 1.25em;
	color: #000;
	margin-bottom: 0px;
}
#list{
	color: #000;
	font-size: 1.25em;
}
#list li::before{
	color: #000;
	content: none;
}
#divicons {
    background: rgb(7,127,25);
	background: -moz-radial-gradient(circle, rgba(7,127,25,1) 0%, rgba(7,123,24,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(7,127,25,1) 0%, rgba(7,123,24,1) 100%);
	background: radial-gradient(circle, rgba(7,127,25,1) 0%, rgba(7,123,24,1) 100%);
}    
.card{
	background-color: #caf881;
    background-image: linear-gradient(135deg, #caf881 0%, #a1e99a 100%);
    padding: 2rem 12rem 1rem 3rem;
    border: 0px;
    border-radius: 4rem 0px;
    margin-left: -3rem;
    margin-top: 2rem;
	margin-right: -1rem;
}
.texticons{
	font-size: 1.25em;
	line-height: 1.3em;
}
.titlecard{
	font-size: 1.8em;
	color: var(--colortxtverde);
	margin-bottom: 1.7rem
}
.textcard{
	font-size: 1.15em;
	line-height: 1.2em;
	margin-bottom: 1.8rem;
	width: 90%;
}
#divvalo{
	overflow: hidden;
}
#imgsup1 {
    max-width: 180%;
    margin-right: 0px;
    margin-left: -200px;
    margin-top: 5rem;
    width: 157%;
}
.fndogrisclaro{
	background-color: #fff;
}
.fndogrisclaro h4{
	font-family: 'Roboto';
    font-weight: bold;
	color: var(--colortxtverde);
	font-size: 1.9em;
	margin-bottom: -1rem;
}
#wsmall{
	width: 13%;
}
.cents {
    text-align: center;
    margin-top: 2rem;
}
.fndogrisclaro h5{
	font-size: 1.4em;
	margin-top: 1rem;
	color: var(--colortxtverde);
}
footer{
	background-color: #caf881;
    background-image: linear-gradient(135deg, #caf881 0%, #a1e99a 100%);
    padding-top: 1rem;
    padding-bottom: 1rem;
}
footer p{
	margin-bottom: 0px;
}
.divbeforefooter{
	background-color: #042c0a;
	padding: 2rem 0px 1.4rem 0px;
}
.divduda{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1.5rem;
}
.algudu{
	margin-bottom: 0px;
}
.btncontact{
	background-color: #caf881;
    background-image: linear-gradient(135deg, #caf881 0%, #a1e99a 100%);
    color: var(--colortxtverde);
    border-radius: 15px 0px;
    border:0px;
    font-weight: bold;
    margin-left: 1rem;
    padding: 4px 26px;
}
.btncontact:hover{
	color: var(--colortxtverde);
	background-color: #a0e99a;
    background-image: linear-gradient(45deg, #a0e99a 0%, #caf881 100%);	
    transition: background 0.5s ease;   
}
.txtfootertaga{
	font-family: 'Roboto';
}
.cloaivos {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.cloaivos:hover{
    color: #fff;
    text-decoration: none;
}
.imgwhats{
	margin-right: 10px;
	margin-bottom: 3px;
}
.fondogray{
	background-color: #edeee7;
	padding: 4rem 0px 6rem 0px;
}
.txttransformation{
	color: #000;
	font-family: 'Roboto';
	font-size: 1.25em;
	line-height: 1.3em;
}
.diviconstrans{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding-top: 3rem;
}
.diviconstrans div{
	display: flex;
	justify-content: center;
	align-items: center;
}
.fondogradientgreen{
	background-color: #a0e99a;
    background-image: linear-gradient(45deg, #a0e99a 0%, #caf881 100%);
	padding: 2rem 0px 2rem 0px;
}
.fondogradientgreen p{
	font-family: 'Roboto';
	font-size: 1.25em;
	line-height: 1.3em;
	width: 90%;
}
.txtblack{
	color: #000;
}
.txtgreen{
	color: var(--colortxtverde);
	margin-bottom: 0px;
	font-weight: bold;
}
.imgcertificado{
	position: absolute;
    margin-top: -6.5rem;
	margin-left: -9rem;
}
.imgbeneficios{
	width: 100%;
}
#listbeneficios li{
	font-size: 1.4em;
    color: #000;
    margin-bottom: 0px;
    text-align: justify;
}
#listbeneficios li::marker  {
    color: #0b6916;
}
.paddlef{
	padding-left: 3rem;
}
.paddrig{
	padding-right: 3rem;
}
.txtseguridad{
	font-size: 1.4em!important;
    color: #000;
    margin-bottom: 0px;
    /*text-align: justify;*/
}
.imgbene2{
	margin-right: 0px;
}
#bggrayy{
	background: #edeee7!important;
}
.divsegflex{
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
}
.imgiconsegu{
	margin-right: 1.5rem;
}
.martop3{
	margin-top: 3.5rem;
}
@media only screen and (min-width: 1600px){
	.inputform, .selectopt {
	    font-size: 1.25em;
	}
	#textprin1 {
	    font-size: 1.45m;
	    word-spacing: 1px;
	}
	#principalfont{
		font-size: 2.2em;
	}
	.titleg{
		font-size: 2.4em;
	}
	#subtitle{
		font-size: 1.5em;
	}
	#list{
		font-size: 1.5em;
	}
	.btnform{
		font-size: 1.65em;
	}
	.texticons {
	    font-size: 1.5em;
	    line-height: 1.4em;
	}
	.textcard{
		font-size: 1.5em;
	    line-height: 1.4em;
	}
	.titlecard {
	    font-size: 2em;
	}
	.fndogrisclaro h5 {
	    font-size: 1.7em;
	}
	.fndogrisclaro h4{
		font-size: 2.2em;
	}
	.txttransformation{
		font-size: 1.5em;
		line-height: 1.4em;
	}
	.fondogradientgreen p{
		font-size: 1.5em;
		line-height: 1.4em;
	}
	.imgcertificado {
	    width: 21%;
	    margin-top: -8rem;
	}
	.fndogrisclaro h4{
		font-size: 2.4em;
	}
	#listbeneficios li {
	    font-size: 1.6em;
	}
	.txtseguridad{
		font-size: 1.6em!important;	
	}
	.divbeforefooter p{
		font-size: 1.4em;
	}
	footer p{
		font-size: 1.4em;
	}
	.btncontact{
		font-size: 1.4em;
	}
	.algudu{
		font-size: 1.4em;
	}
}
@media only screen and (max-width: 1260px){
	#principalfont{
		font-size: 1.8em;
	}
	#textprin1 {
	    font-size: 1.15em;
	}
	.titleg{
		font-size: 2em;
	}
	#list{
		font-size: 1.1em;
	}
	#subtitle{
		font-size: 1.1em;
	}
	.texticons {
	    font-size: 1.15em;
	    line-height: 1.25em;
	}
	.titlecard{
		font-size: 1.6em;
	}
	.textcard {
	    font-size: 1.1em;
	    line-height: 1.25em;
	    margin-bottom: 1.5rem;
	}
	.txttransformation{
		font-size: 1.15em;
	}
	.fondogradientgreen p {
	    font-size: 1.2em;
	    line-height: 1.35em;
	    width: 100%;
	}
	.fndogrisclaro h4{
		font-size: 1.7em;
	}
	#listbeneficios li{
		font-size: 1.3em;
		margin-bottom: 5px;
	}
	.txtseguridad{
		font-size: 1.3em!important;
	}
}
@media only screen and (max-width: 1160px){
	#principalfont{
		font-size: 1.6em;
	}
	#textprin1 {
	    font-size: 1.1em;
	}
	.titleg{
		font-size: 1.8em;
	}
	#list{
		font-size: 1.1em;
	}
	#subtitle{
		font-size: 1.1em;
	}
	.texticons {
	    font-size: 1.1em;
	    line-height: 1.25em;
	}
	.titlecard{
		font-size: 1.4em;
	}
	.textcard {
	    font-size: 1.1em;
	    line-height: 1.25em;
	    margin-bottom: 1.5rem;
		width: 100%;
	}
	.txttransformation{
		font-size: 1.1em;
	}
	.fondogradientgreen p {
	    font-size: 1.1em;
	    line-height: 1.35em;
	}
	.fndogrisclaro h4{
		font-size: 1.5em;
	}
	#listbeneficios li{
		font-size: 1.15em;
		margin-bottom: 3px;
	}
	.txtseguridad{
		font-size: 1.15em!important;
	}
	.card{
		margin-right: -3rem;
	}
	#imgsup1{
		margin-left: -167px;
	}
	.fondogradientgreen{
		margin-bottom: 1rem;
	}
	.card{
		padding: 2rem 10rem 1rem 2rem;
	    border-radius: 3rem 0px;
	    margin-left: -2rem;
	}
}
@media only screen and (max-width: 991px){
	#boxform {
	    width: 100%;
	    padding: 30px 40px;
	    margin-top: 0px;
	    padding-bottom: 40px;
	}
	.inputform, .selectopt {
	    font-size: 1em;
	}
	#imgsup1{
		margin-top: 6rem;
    	width: 165%;
	}
	.card {
	    padding: 2rem 7rem 1rem 2rem;
	}
	.fndogrisclaro h5 {
	    font-size: 1.2em;
	}
	.fondogray {
	    padding: 3rem 0px 5rem 0px;
	}
	.txttransformation {
	    font-size: 1em;
	}
	.fondogradientgreen p {
	    font-size: 1em;
	}
	.imgcertificado {
	    margin-top: -7rem;
	    margin-left: -7rem;
	}
	.paddlef {
	    padding-left: 15px;
	}
	.paddrig {
	    padding-right: 15px;
	}
	#listbeneficios li {
	    font-size: 1.05em;
	    margin-bottom: 0px;
	}
	.txtseguridad {
	    font-size: 1.05em!important;
	}
	footer{
		padding-bottom: 3rem;
	}
	#divvalo {
	    padding-top: 90px;
	    padding-bottom: 30px;
	}
}
@media only screen and (max-width: 850px){
	.imgcertificado{
		overflow-x: hidden;
	}
	#titleform {
	    font-size: 1.5em;
	    margin-bottom: 23px;
	}
	.inputform, .selectopt {
	    font-size: 0.9em;
	}
	.btnform{
		font-size: 1em;
	}
	.titleg {
	    font-size: 1.5em;
	}
	#subtitle {
	    font-size: 0.9em;
	}
	#list{
		font-size: 0.9em;
	}
	.linetitle{
		width: 33%;
		height: 2px!important;
		margin-top: 20px;
    	margin-bottom: 20px;
	}
	#line1{
		width: 35%;
	}
	#textprin1 {
	    font-size: 0.9em;
	}
	#principalfont {
	    font-size: 1.4em;
	}
	.texticons {
	    font-size: 0.9em;
	    line-height: 1.2em;
	}
	#divvalo {
	    padding-top: 60px;
	    padding-bottom: 15px;
	}
	.textcard {
	    font-size: 0.9em;
	    line-height: 1.2em;
	}
	.titlecard {
	    font-size: 1.2em;
	    margin-bottom: 1rem;
	}
	#imgsup1 {
	    margin-top: 5rem;
	    width: 168%;
	    margin-left: -145px;
	}
	.fndogrisclaro h5 {
	    font-size: 1em;
	}
	.txttransformation {
	    font-size: 0.9em;
	}
	.diviconstrans{
		padding-top: 2rem;
	}
	.fondogradientgreen p {
	    font-size: 0.9em;
	}
	#listbeneficios li {
	    font-size: 0.9em;
	}
	.fndogrisclaro h4 {
	    font-size: 1.3em;
	}
	.txtseguridad {
	    font-size: 0.9em!important;
	}
	.imgcertificado{
		width: 35%;
	}
	#wsmall {
	    width: 19%;
	}
}
@media only screen and (max-width: 767px){
	.titleg {
	    font-size: 1.3em;
	    text-align: center;
	}
	.linetitle{
		margin-right: auto;margin-left: auto;
	}
	#imgsup1 {
	    margin-top: -5rem;
	    max-width: 90%;
	    margin-left: 0px;
	}
	.card {
	    padding: 2rem 2rem 3rem 2rem;
	    margin-right:0px;
	    margin-left:0px;
	}
	.fndogrisclaro h4 {
	    font-size: 1.2em;
	    text-align: center;
	}
	.cents{
		margin-top: -1em;
	}
	.dicenteval {
	    text-align: center;
	    margin-top: 2rem;
	}
	.diviconstrans div {
	    width: 50%;
	    margin-top: 2rem;
	}
	.diviconstrans {
	    padding-top: 0rem;
	}
	.fondogray {
	    padding: 3rem 0px 3rem 0px;
	}
	.imgcertificado {
	    width: 50%;
	    position: inherit;
	    margin-top: 0rem;
	    margin-left: 0rem;
	}
	.fondogradientgreen {
	    margin-bottom: -11rem;
	}
	#beneficiosdiv{
		padding: 10rem 0rem 4rem 0rem;
	}
	.ordertwo{
		order: 2!important
	}
	.orderone{
		order: 1!important
	}
	.fondogradientgreen p{
		text-align: center;
	}
	.txtseguridad {
	    font-size: 0.9em!important;
	    margin-bottom: 1.3rem;
	    text-align: center;
	}
	.imgiconsegu {
	    margin-right: 0.5rem;
	}
	.martop3 {
	    margin-top: 2.5rem;
	}
	.imgbene2 {
	    margin-top: 1rem;
	}
	footer {
	    padding-bottom: 0rem;
	}
	footer p {
	    margin-bottom: 1rem;
	}
	.divsegflex {
	    justify-content: center;
	}
}
@media only screen and (max-width: 500px){
	#principalfont {
	    font-size: 1.15em;
	}
	#divicons {
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	}
	#imgsup1{
		max-width: 80%;
	}
	.txtseguridad{
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 425px){
	.imgcertificado{
		width: 65%;
	}
	footer{
		padding-bottom: 3rem;
	}
	.txtseguridad{
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 370px){
	.diviconstrans div {
	    width: 100%;
	    margin-top: 2rem;
	}
}