/*******************************
PLUGIN STYLES 
*/

/*General Styles */
.zyxtcs-clearfix{
	clear: both;
}

.zyxtcs-hidden{
	display: none;
}

/*Steps Styles*/
.zyxtcs-the-sink-calculator {
	/* background: transparent url("../image/bg-init.jpg") no-repeat center bottom; */
	background-color: #EDEDED;
	color: #1A1A1A;
	background-size: cover;
	min-height: 300px;
	overflow: hidden;
	/* border-radius: 10px; */
	box-shadow: 0px 0px 2px #bababa;
}

.zyxtcs-maincontent[data-active-carbonsink="#individuo"] .zyxtcs-carbonsink-calculator.zyxtcs-carbonksink-empresas,
.zyxtcs-maincontent[data-active-carbonsink="#empresas"] .zyxtcs-carbonsink-calculator.zyxtcs-carbonksink-individuos{
	display: none !important
}

.zyxtcs-the-sink-calculator.no-background{
	background:#EDEDED;
}

.zyxtcs-the-sink-calculator .zyxtcs-maincontent{
	padding: 30px 30px 30px;
	position: relative;
	/* border-radius: 10px; */
	box-shadow: 0px 0px 2px #bababa;
	border-bottom:10px solid #70b332;
	background-size: 15%;
	min-height: 450px;
}

.zyxtcs-maincontent .zyxtcs-thecontent{
	position: relative;
	z-index: 100;
}

.zyxtcs-maincontent .zyxtcs-step-ilustration{
	position: absolute;
	bottom: 0;
	right: 50px;
	width: 100%;
	height: 100%;
	display: block;
	background-size: 200px !important;
	background: transparent url("../image/arbol-1.png") no-repeat bottom right;
	z-index: 1;
}

.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="0"] .zyxtcs-step-ilustration,
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="16"] .zyxtcs-step-ilustration{
	background: transparent url("../image/arbol-1.png") no-repeat bottom right;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="1"] .zyxtcs-step-ilustration{
	background: transparent url("../image/combo_1.png") no-repeat bottom right;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="2"] .zyxtcs-step-ilustration{
	background: transparent url("../image/bicicleta.png") no-repeat bottom left;
	-moz-animation:move-background 100s linear infinite;
	-ms-animation:move-background 100s linear infinite;
	-o-animation:move-background 100s linear infinite;
	-webkit-animation:move-background 100s linear infinite;
	animation:move-background 100s linear infinite;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="3"] .zyxtcs-step-ilustration{
	background: transparent url("../image/taxi.png") no-repeat bottom left;
	-moz-animation:move-background 100s linear infinite;
	-ms-animation:move-background 100s linear infinite;
	-o-animation:move-background 100s linear infinite;
	-webkit-animation:move-background 100s linear infinite;
	animation:move-background 100s linear infinite;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="4"] .zyxtcs-step-ilustration{
	background: transparent url("../image/arbol-3.png") no-repeat bottom right;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="5"] .zyxtcs-step-ilustration{
	background: transparent url("../image/auto-1.png") no-repeat bottom left;
	-moz-animation:move-background 100s linear infinite;
	-ms-animation:move-background 100s linear infinite;
	-o-animation:move-background 100s linear infinite;
	-webkit-animation:move-background 100s linear infinite;
	animation:move-background 100s linear infinite;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="6"] .zyxtcs-step-ilustration{
	background: transparent url("../image/auto-3.png") no-repeat bottom left;
	-moz-animation:move-background 100s linear infinite;
	-ms-animation:move-background 100s linear infinite;
	-o-animation:move-background 100s linear infinite;
	-webkit-animation:move-background 100s linear infinite;
	animation:move-background 100s linear infinite;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="7"] .zyxtcs-step-ilustration{
	background: transparent url("../image/bus.png") no-repeat bottom left;
	-moz-animation:move-background 100s linear infinite;
	-ms-animation:move-background 100s linear infinite;
	-o-animation:move-background 100s linear infinite;
	-webkit-animation:move-background 100s linear infinite;
	animation:move-background 100s linear infinite;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="8"] .zyxtcs-step-ilustration{
	background: transparent url("../image/auto-4.png") no-repeat bottom left;
	-moz-animation:move-background 100s linear infinite;
	-ms-animation:move-background 100s linear infinite;
	-o-animation:move-background 100s linear infinite;
	-webkit-animation:move-background 100s linear infinite;
	animation:move-background 100s linear infinite;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="9"] .zyxtcs-step-ilustration{
	background: transparent url("../image/auto-1.png") no-repeat bottom left;
	-moz-animation:move-background 100s linear infinite;
	-ms-animation:move-background 100s linear infinite;
	-o-animation:move-background 100s linear infinite;
	-webkit-animation:move-background 100s linear infinite;
	animation:move-background 100s linear infinite;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="10"] .zyxtcs-step-ilustration{
	background: transparent url("../image/avion.png") no-repeat bottom right;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="11"] .zyxtcs-step-ilustration{
	background: transparent url("../image/arbol-3.png") no-repeat bottom right;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="12"] .zyxtcs-step-ilustration{
	background: transparent url("../image/poste-de-electricidad.png") no-repeat bottom right;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="13"] .zyxtcs-step-ilustration{
	background: transparent url("../image/arbol-2.png") no-repeat bottom right;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="14"] .zyxtcs-step-ilustration{
	background: transparent url("../image/vaca.png") no-repeat bottom right;
}
.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="15"] .zyxtcs-step-ilustration{
	background: transparent url("../image/tachos.png") no-repeat bottom right;
}

.zyxtcs-maincontent[data-active-carbonsink="#empresas"][data-active-step="0"] .zyxtcs-step-ilustration{
	background: transparent url("../image/caldera.png") no-repeat bottom right;
}
}
.zyxtcs-maincontent[data-active-carbonsink="#empresas"][data-active-step="1"] .zyxtcs-step-ilustration{
	background: transparent url("../image/auto-2.png") no-repeat bottom left;
	-moz-animation:move-background 100s linear infinite;
	-ms-animation:move-background 100s linear infinite;
	-o-animation:move-background 100s linear infinite;
	-webkit-animation:move-background 100s linear infinite;
	animation:move-background 100s linear infinite;
}
.zyxtcs-maincontent[data-active-carbonsink="#empresas"][data-active-step="2"] .zyxtcs-step-ilustration{
	background: transparent url("../image/poste-de-electricidad.png") no-repeat bottom right;
}
.zyxtcs-maincontent[data-active-carbonsink="#empresas"][data-active-step="3"] .zyxtcs-step-ilustration{
	background: transparent url("../image/avion.png") no-repeat bottom right;
}
.zyxtcs-maincontent[data-active-carbonsink="#empresas"][data-active-step="4"] .zyxtcs-step-ilustration{
	background: transparent url("../image/auto-1.png") no-repeat bottom left;
	-moz-animation:move-background 100s linear infinite;
	-ms-animation:move-background 100s linear infinite;
	-o-animation:move-background 100s linear infinite;
	-webkit-animation:move-background 100s linear infinite;
	animation:move-background 100s linear infinite;
}
.zyxtcs-maincontent[data-active-carbonsink="#empresas"][data-active-step="5"] .zyxtcs-step-ilustration{
	background: transparent url("../image/bus.png") no-repeat bottom left;
	-moz-animation:move-background 100s linear infinite;
	-ms-animation:move-background 100s linear infinite;
	-o-animation:move-background 100s linear infinite;
	-webkit-animation:move-background 100s linear infinite;
	animation:move-background 100s linear infinite;
}
.zyxtcs-maincontent[data-active-carbonsink="#empresas"][data-active-step="6"] .zyxtcs-step-ilustration{
	background: transparent url("../image/papeles.png") no-repeat bottom right;
}
.zyxtcs-maincontent[data-active-carbonsink="#empresas"][data-active-step="7"] .zyxtcs-step-ilustration{
	background: transparent url("../image/tachos.png") no-repeat bottom right;
}



.zyxtcs-the-sink-calculator .zyxtcs-maincontent.zyxtcs-hide .zyxtcs-header,
/*.zyxtcs-the-sink-calculator .zyxtcs-maincontent.zyxtcs-hide .zyxtcs-footer,*/
.zyxtcs-the-sink-calculator .zyxtcs-maincontent.zyxtcs-hide .zyxtcs-step-arrows{
	display: none;
}

.zyxtcs-the-sink-calculator .zyxtcs-maincontent .zyxtcs-header{
	margin-bottom: 40px;

}

.zyxtcs-the-sink-calculator .step-block{
	display:none;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.zyxtcs-the-sink-calculator .step-block.initial-screen{

}

.step-block.initial-screen {
	
}

.zyxtcs-the-sink-calculator .step-block.step-active{
	display:block;
	-webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}


.zyxtcs-header .zyxtcs-progressbar-cnt{
	position: relative;
	width: 65%;
	display: block;
	/* border-radius: 20px; */
	text-align: center;
	margin: 0 auto;
}

.zyxtcs-progressbar-cnt .zyxtcs-progressbar{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* border-radius: 20px; */
	overflow: hidden;
}

.zyxtcs-progressbar .meter  { 
	height: 12px;  /* Can be anything */
	position: relative;
	margin: 0px 0 0px 0; /* Just for demo spacing */
	background: #fff;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding: 0px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.1);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.1);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.1);
}
.zyxtcs-progressbar .meter > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 02px;
	       -moz-border-radius-topright: 20px;
	    -moz-border-radius-bottomright: 20px;
	           border-top-right-radius: 20px;
	        border-bottom-right-radius: 20px;
	    -webkit-border-top-left-radius: 0px;
	 -webkit-border-bottom-left-radius: 0px;
	        -moz-border-radius-topleft: 0px;
	     -moz-border-radius-bottomleft: 0px;
	            border-top-left-radius: 0px;
	         border-bottom-left-radius: 0px;
	background-color: #d22630;
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, #d22630),
	  color-stop(1, #d22630)
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  #d22630 37%,
	  #d22630 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.1),
	  inset 0 -2px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.1),
	  inset 0 -2px 6px rgba(0,0,0,0.1);
	box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.1),
	  inset 0 -2px 6px rgba(0,0,0,0.1);
	position: relative;
	overflow: hidden;
}
.zyxtcs-progressbar .meter > span:after, 
.zyxtcs-progressbar .animate > span > span {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: 
	   -webkit-gradient(linear, 0 0, 100% 100%, 
	      color-stop(.25, rgba(255, 255, 255, .1)), 
	      color-stop(.25, transparent), color-stop(.1, transparent), 
	      color-stop(.5, rgba(255, 255, 255, .1)), 
	      color-stop(.75, rgba(255, 255, 255, .1)), 
	      color-stop(.75, transparent), to(transparent)
	   );
	background-image: 
		-moz-linear-gradient(
		  -45deg, 
	      rgba(255, 255, 255, .1) 25%, 
	      transparent 25%, 
	      transparent 50%, 
	      rgba(255, 255, 255, .1) 50%, 
	      rgba(255, 255, 255, .1) 75%, 
	      transparent 75%, 
	      transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	overflow: hidden;
}

.zyxtcs-progressbar .animate > span:after {
	display: none;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

.zyxtcs-progressbar .orange > span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
}

.zyxtcs-progressbar .red > span {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.zyxtcs-progressbar .nostripes > span > span, 
.zyxtcs-progressbar .nostripes > span:after {
	-webkit-animation: none;
	background-image: none;
}


.zyxtcs-maincontent .content-step{
	display: block;
	margin:0px auto 40px;
	text-align: center;
	min-height: 250px;
}

.content-step.start-screen{
	text-align: center;
	padding: 70px 0 30px;
}

.content-step.start-screen h2{
	display: block;
	text-align: center;
	color: #d22630;
}

.content-step.start-screen p{
	max-width: 60%;
	color: #1a1a1a;
	display: block;
	text-align: center;
	margin: 20px auto 0;
	padding-bottom: 0;
}

.content-step.start-screen .start-buttons{
	text-align: center;
}

.content-step.start-screen .start-buttons>div{
	min-width: 250px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.content-step.start-screen .start-buttons button.zyxtcs-linkstart-button,
.content-step.start-screen .start-buttons a.zyxtcs-linkstart-button{
	border: 1px solid #1a1a1a;
	/* border-radius: 30px !important; */
	border-radius: 0 !important;
	padding:10px 10px;
	color: #1a1a1a;
	margin:0 20px;
	font-weight: 700;
	font-size: 16px;
	font-family: 'Poppins';
	display: block;
	background:transparent;
	min-width: 250px;
	min-height: 52px;
	cursor: pointer;
}

.content-step.start-screen .start-buttons button.zyxtcs-linkstart-button:hover {
	border: 1px solid #fff;
}

.content-step.start-screen .start-buttons > div > span{
	position: absolute;
	bottom: -35px;
	right: 20px;
	background: rgba(0,0,0,0.2);
	border-radius: 0 !important;
	border-top-left-radius: 0 !important;
	height: 25px;
	width: 25px;
	line-height: 25px;
	font-weight: 800;
	cursor: pointer;
}

.content-step.start-screen .start-buttons > div > span >span{
	display: none;
}

.content-step.start-screen .start-buttons > div > span:hover,
.content-step.start-screen .start-buttons > div > span:active,
.content-step.start-screen .start-buttons > div > span:focus{
	background-color: #ff4356;
	color: #fff;
}

.start-buttons > div > span:hover > span,
.start-buttons > div > span:active > span,
.start-buttons > div > span:focus > span{
	display: block !important;
	position: absolute;
	right: 30px;
	bottom: 0px;
	font-size: 12px;
	line-height: 24px;
	width: 200px;
	height: 24px;
	/* border-radius: 5px; */
	background-color: rgba(0,0,0,0.3);

}

.content-step.start-screen .zyxtcs-recuperarprogreso{
	margin: 80px auto 0;
	text-align: center;
	display: block;
	color: #fff;
}

.content-step.start-screen .start-buttons button:hover,
.content-step.start-screen .start-buttons button:active,
.content-step.start-screen .start-buttons button:focus,
.content-step.start-screen .start-buttons a:hover,
.content-step.start-screen .start-buttons a:active,
.content-step.start-screen .start-buttons a:focus{
	color:#1a1a1a;
	background-color:#fff;
}

.content-step.start-screen h4{
	color: #1a1a1a;
	display: block;
	text-align: center;
	margin: 30px auto;
}

.content-step h4.step-pregunta {
	font-size: 32px;
	line-height: 40px;
	margin:10px auto 10px;
	display: block;
	text-align: center;
	width: 60%;
}

.content-step .step-respuestas {
	display: block;
	margin: 40px auto 30px;
	text-align: center;
}

.content-step .step-respuestas .block-respuesta-row{
	display: block;
	margin-top: 20px;
	margin-bottom: 30px;
}

.content-step .step-respuestas .block-respuesta-row:last-child{
	margin-bottom: 0;
}

.content-step .step-respuestas .block-respuesta{
	display: inline-block;
	margin: 0 15px;
}

.content-step .step-respuestas .block-respuesta.block-fullwidth{
	width: 100%;
	display: block;
}

.content-step .step-respuestas .block-respuesta.block-range{
    width: 50%;
    display: block;
    margin:0 auto;
}

.content-step .step-respuestas .block-respuesta.block-size3{
	width: 240px !important;
}

.content-step .step-respuestas .block-respuesta.block-size4{
	width: 175px !important;
}

.content-step .step-respuestas .block-respuesta.block-colsx3{
	width: 25%;
}

.content-step .step-respuestas span.texto-aclaracion-decimal{
	display: block;
	font-size: 11px;
	line-height: 16px;
	margin-top: 10px;
	color: #d22630;
} 


/*Screen Resultados*/
/*Individuos*/
.content-step.result-step{
	padding-left: 40px;
	padding-right: 40px;
}

.start-buttons a.zyxtcs-linkqvan {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #1a1a1a;
    left: 0;
    padding-top: 7px;
    font-size: 14px;
}

.result-step .zyxtcs-col3 {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding: 30px;
}

.zyxtcs-carbonksink-individuos .result-step .zyxtcs-col3.zyxtcs-col3-1{
    background: #d22630;
    /* border-radius: 20px; */
    text-align: left;
}

.zyxtcs-carbonksink-empresas .result-step .zyxtcs-col3.zyxtcs-col3-1 {
	background: #d22630;
    /* border-radius: 20px; */
    text-align: left;
}

.zyxtcs-carbonksink-individuos .result-step .zyxtcs-col3.zyxtcs-col3-2,
.zyxtcs-carbonksink-empresas .result-step .zyxtcs-col3.zyxtcs-col3-2{
	padding-left: 60px;
	padding-right: 0;
}

.zyxtcs-carbonksink-individuos .result-step .zyxtcs-col3.zyxtcs-col3-1 h2,
.zyxtcs-carbonksink-empresas .result-step .zyxtcs-col3.zyxtcs-col3-1 h2 {
    color: #fff;
    text-align: left;
    font-weight: 600;
    font-size: 36px;
}

.zyxtcs-carbonksink-individuos .result-step .zyxtcs-col3.zyxtcs-col3-1 h2 span,
.zyxtcs-carbonksink-empresas .result-step .zyxtcs-col3.zyxtcs-col3-1 h2 span {
    color: #fff;
}

.zyxtcs-carbonksink-individuos .result-step .zyxtcs-col3.zyxtcs-col3-1 h2 span.zyxtcs-total-carbonsink,
.zyxtcs-carbonksink-empresas .result-step .zyxtcs-col3.zyxtcs-col3-1 h2 span.zyxtcs-total-carbonsink{
	text-align: left;
	color: #fff;
	font-size: 92px;
	line-height: 92px;
	display: block;
	font-weight: 700;
}

.zyxtcs-carbonksink-individuos .result-step .zyxtcs-col3.zyxtcs-col3-1 p.zyxtcs-valor-referencia {
	color: #fff;
}

.zyxtcs-carbonksink-individuos .result-step .zyxtcs-col3.zyxtcs-col3-1 p.zyxtcs-valor-referencia span {
	font-weight: 700;
}

.result-step .zyxtcs-col3.zyxtcs-col3-2 h4,
.result-step .zyxtcs-col3.zyxtcs-col3-3 h4 {
    text-align: left;
    max-width: 100%;
    margin:0 auto 30px;
}

.zyxtcs-carbonksink-individuos .result-step .zyxtcs-col3.zyxtcs-col3-2 h4{
	color: #d22630;
}

.zyxtcs-carbonksink-empresas .result-step .zyxtcs-col3.zyxtcs-col3-2 h4{
	color: #d22630;
}

.zyxtcs-carbonksink-individuos .result-step .zyxtcs-col3.zyxtcs-col3-3 h4,
.zyxtcs-carbonksink-empresas .result-step .zyxtcs-col3.zyxtcs-col3-3 h4{
	color: #d22630;
}

.result-step .zyxtcs-col3.zyxtcs-col3-2 h4{
	max-width: 80%;
}

.result-step .zyxtcs-col3 .zyxtcs-distribuye-huella{
    display: grid;
	grid-template-columns: [start] 100% [end];
	row-gap: 24px;
	align-items: center;
    text-align: left;
	width: 80%;
	margin: 0 auto;
}

.zyxtcs-distribuye {
	display: grid;
	grid-template-columns: [start] 1fr [middle] 4fr [end];
	column-gap: 16px;
	justify-items: start;
	align-items: center;
	min-height: 64px;
}

.zyxtcs-distribuye-huella .zyxtcs-distribuye img.img-distribuye {
    margin: 0;
	display: inline-block;
}

.zyxtcs-distribuye-huella .zyxtcs-distribuye p {
    line-height: 1.3;
}

.result-step .zyxtcs-col3 .zyxtcs-equivale-huella{
	display: grid;
	grid-template-columns: [start] 100% [end];
	row-gap: 24px;
	justify-items: center;
	align-items: center;
    text-align: left;
	width: 80%;
	margin: 0 auto;
}

.zyxtcs-equivale-huella .zyxtcs-equivale {
    display: grid;
	grid-template-columns: [start] 1fr [middle] 4fr [end];
	column-gap: 16px;
	justify-items: start;
	align-items: center;
	min-height: 64px;
	width: 100%;
}

.zyxtcs-equivale-huella .zyxtcs-equivale img.img-equivale {
	margin: 0;
	display: inline-block;
}

.zyxtcs-equivale-huella .zyxtcs-equivale p {
	line-height: 1.3;
}

.content-step.result-step .zyxtcs-compensa-tu-huella{
	padding: 20px 25px;
	border: 2px solid #b0b0b0;
	/* border-radius: 30px; */
	cursor: pointer;
	font-weight: 600;
	font-size: 24px;
	line-height: 1;
	display: block;
	max-width: 500px;
	background-color: #d22630;
	border-color: #d22630;
	color: #fff;
	margin: 30px auto;
	text-align: center;

}

.content-step.result-step .zyxtcs-compensa-tu-huella:hover,
.content-step.result-step .zyxtcs-compensa-tu-huella:active,
.content-step.result-step .zyxtcs-compensa-tu-huella:focus{
	background-color: #d22630;
	border-color: #d22630;
}

button.boton-final, a.boton-final {
	border: 1px solid #1a1a1a;
	/* border-radius: 30px !important; */
	border-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	padding:10px 10px;
	color: #1a1a1a;
	margin:0 auto 16px;
	/* font-weight: 700; */
	font-size: 16px;
	font-family: 'Poppins';
	display: block;
	background:transparent;
	min-width: 250px;
	max-width: 300px;
	min-height: 52px;
	cursor: pointer;
	width: 300px;
}

button.boton-final:hover, a.boton-final:hover {
	border: 1px solid #fff;
	background-color: #fff;
}

body[data-button-style^="rounded"] button {
	border: 1px solid #1a1a1a;
	border-radius: 0 !important;
	font-size: 16px;
	font-family: 'Poppins';
	display: block;
	background:transparent;
	min-width: 100%;
	max-width: 300px;
	min-height: 52px;
	cursor: pointer;
	padding:10px 10px;
	margin: 0 auto 16px;
}

body[data-button-style^="rounded"] button.boton-final {
	min-width: 300px;
}

body[data-button-style^="rounded"] button:hover {
	border: 1px solid #fff;
	background-color: #fff;

}

/*Deja tu email Resultados*/
.content-step.result-step .zyxtcs-dejatuemail{
	margin-top: 50px;
	margin-bottom: 30px;
	/* width: 100%;
	max-width: 500px; */
}

.zyxtcs-dejatuemail-final {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;

}

.content-step.result-step .zyxtcs-dejatuemail h4{
	font-size:22px;
	line-height: 28px;
}

.content-step.result-step .zyxtcs-dejatuemail > div{
	display: block;
	/* width: 100%; */
	/* max-width: 800px; */
	/* border: 2px solid #d22630; */
	/* border-radius: 7px; */
	padding: 1rem;
}

.content-step.result-step .zyxtcs-dejatuemail > div > input{
	/* float: left; */
	width: 100%;
	border-radius: 0 0 0 0;
	margin-bottom: 1rem;
}

.content-step.result-step .zyxtcs-dejatuemail > div > .checkbox {
	width: 100%;
    margin: 15px auto;
    position: relative;
    display: block;
}

.content-step.result-step .zyxtcs-dejatuemail > div > .checkbox > label {
	position: relative;
	min-height: 34px;
	display: block;
	padding-left: 40px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	text-align: left;
	line-height: 1rem;
}

.content-step.result-step .zyxtcs-dejatuemail > div > .checkbox > label > span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.8rem;
	line-height: 1rem;
}

.content-step.result-step .zyxtcs-dejatuemail > div > .checkbox > label > span > a{
	text-decoration: underline;
}

.content-step.result-step .zyxtcs-dejatuemail > div > .checkbox > label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	margin: 4px;
	width: 22px;
	height: 22px;
	transition: transform 0.28s ease;
	/* border-radius: 3px; */
	border: 2px solid #d22630;
}

.content-step.result-step .zyxtcs-dejatuemail > div > .checkbox > label:after {
	content: '';
	display: block;
	width: 10px;
	height: 5px;
	border-bottom: 2px solid #d22630;
	border-left: 2px solid #d22630;
	transform: rotate(-45deg) scale(0);
	transition: transform ease 0.25s;
	position: absolute;
	top: 12px;
	left: 10px;
}

.content-step.result-step .zyxtcs-dejatuemail > div > .checkbox > input[type="checkbox"] {
	width: auto;
	opacity: 0.00000001;
	position: absolute;
	left: 0;
	margin-left: -20px;
}

.content-step.result-step .zyxtcs-dejatuemail > div > .checkbox > input[type="checkbox"]:checked ~ label:before {
	border: 2px solid #d22630;
}

.content-step.result-step .zyxtcs-dejatuemail > div > .checkbox > input[type="checkbox"]:checked ~ label:after {
	transform: rotate(-45deg) scale(1);
}

.content-step.result-step .zyxtcs-dejatuemail > div > .checkbox > input[type="checkbox"]:focus + label::before {
	outline: 0;
}

.content-step.result-step .zyxtcs-dejatuemail > div > button{
	border: 1px solid #1a1a1a;
	border-radius: 0 !important;
	font-size: 16px;
	font-family: 'Poppins';
	display: block;
	background:transparent;
	min-width: 300px;
	max-width: 300px;
	min-height: 52px;
	cursor: pointer;
	padding:10px 10px;
	margin: 0 auto 16px;
}

.content-step.result-step .zyxtcs-dejatuemail > div > button:hover{
	border: 1px solid #fff;
	background-color: #fff;
}


.content-step.result-step .zyxtcs-dejatuemail > div > button:active,
.content-step.result-step .zyxtcs-dejatuemail > div > button:focus{
/* .content-step.result-step .zyxtcs-dejatuemail > div > button:hover{ */
	color:#fff;
	background: #d22630;
	border:none !important;
}

.zyxtcs-dejatuemail > div > button i.fa{
	font-size: 24px;
}

.content-step.result-step .zyxtcs-dejatuemail > div > input:focus,
.content-step.result-step .zyxtcs-dejatuemail > div > input:active,
.content-step.result-step .zyxtcs-dejatuemail > div > input:visited{
	border-color:#d22630;
}


/*Footer*/
.zyxtcs-the-sink-calculator .zyxtcs-maincontent[data-active-step="null"] .zyxtcs-footer .step-initial,
.zyxtcs-the-sink-calculator .zyxtcs-maincontent:not([data-active-step="null"]) .zyxtcs-footer .step-skip{
	display: block;
}

.zyxtcs-the-sink-calculator .zyxtcs-maincontent:not([data-active-step="null"]) .zyxtcs-footer .step-initial,
.zyxtcs-the-sink-calculator .zyxtcs-maincontent.zyxtcs-hide[data-active-step="null"] .zyxtcs-footer .step-skip{
	display: none !important;
}

.zyxtcs-footer .step-skip,
.zyxtcs-footer .step-initial{
	text-align: center;
	display: block;
	clear: both;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 20px 0 15px;
	width: 100%;
	z-index: 99999;
}

.zyxtcs-footer .step-skip a,
.zyxtcs-footer .step-initial a{
	font-size: 14px;
	line-height: 18px;
	color: #1a1a1a;
}

.zyxtcs-footer .step-initial a{
	color: #1a1a1a;
	font-weight: 600;
}

.zyxtcs-footer .step-initial a:hover{
	color: #000;
}
.zyxtcs-footer .step-skip a:hover{
	color: #737373;
}

.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="16"] .zyxtcs-footer .step-skip,
.zyxtcs-maincontent[data-active-carbonsink="#empresas"][data-active-step="8"] .zyxtcs-footer .step-skip{
	display: none !important;
}


/*Respuestas*/
.content-step .step-respuestas .block-respuesta span.span-respuesta{
	padding: 10px 25px;
	border: 2px solid #b0b0b0;
	/* border-radius: 15px; */
	cursor: pointer;
	font-weight: 600;
	display: block;
}

.content-step .step-respuestas .block-respuesta .span-block .p-respuesta{
	padding-bottom: 0;
}


.content-step .step-respuestas .block-respuesta.block-circular span.span-respuesta{
	/* border-radius:40px; */
}

.content-step .step-respuestas .block-respuesta span.span-respuesta:hover,
.content-step .step-respuestas .block-respuesta span.span-respuesta.block-select {
	background: #d22630;
	color: #fff;
	border-color: #d22630;
}

.content-step .step-respuestas .block-respuesta.color-alt span.span-respuesta:hover,
.content-step .step-respuestas .block-respuesta.color-alt span.span-respuesta.block-select {
	background: #d22630;
	color: #fff;
	border-color: #d22630;
}

.content-step .step-respuestas .block-respuesta.block-input {
	position: relative;
	width: 400px;
}


.block-respuesta span.span-block input {
	display: block;
	width: 100%;
	text-align: left;
	/* border-radius: 4px; */
	box-shadow: none;
	border: 2px solid transparent;
	font-weight: 700;
	font-size: 14px;
	color: #000;
}

.block-respuesta span.span-block input::-webkit-input-placeholder{ /* Edge */
	font-weight: 400 !important;
	font-size: 12px;
}
.block-respuesta span.span-block input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
	font-weight: 400 !important;
	font-size: 12px;
}
.block-respuesta span.span-block input::placeholder {
	font-weight: 400 !important;
	font-size: 12px;
}

.block-respuesta span.span-block{
	max-width: 250px;
	margin:0px auto 0px;
}

.block-respuesta span.span-block.span-inline{
	padding-bottom: 0px;
	max-width: 100%;
	display: block;
}

.block-respuesta span.span-block.span-inline .block-respuesta.block-input{
	max-width: 100% !important;
	width: auto !important;
}


.block-respuesta span.span-block input:active,
.block-respuesta span.span-block input:focus{
	border-color: #d22630;
}

.block-respuesta span.span-block>span {
    display: inline;
    width: 20%;
    float: right;
    padding: 8px;
    background: #d22630;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.block-respuesta span.texto-aclaracion-decimal{
	display: block;
	font-size: 11px;
	line-height: 16px;
	margin-top: 10px;
} 

.block-respuesta button.button-confirm{
	margin: 30px auto 0;
	padding: 10px 25px;
	border: 2px solid #b0b0b0;
	/* border-radius: 40px !important; */
	cursor: pointer;
	font-weight: 600;
	background-color: transparent;
	color: #000;
	line-height: 32px;
	font-size: 18px;
	outline: none !important;
	display: block;;
	border-radius: 0px !important;
}

.block-respuesta button.button-confirm:hover,
.block-respuesta button.button-confirm:active,
.block-respuesta button.button-confirm:focus{
	background-color: #d22630;
	/* border-color: #d22630; */
	border: 2px solid #d22630;
	color: #fff;
}

.content-step .step-bajada{
	padding-bottom: 0px;
}

.zyxtcs-maincontent .zyxtcs-step-arrows{
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	z-index: 9999;
}

.zyxtcs-maincontent[data-active-step="0"] .zyxtcs-step-arrows .arrow-prev{
	display: none !important
}

.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="16"] .zyxtcs-step-arrows .arrow-next,
.zyxtcs-maincontent[data-active-carbonsink="#empresas"][data-active-step="8"] .zyxtcs-step-arrows .arrow-next{
	display: none !important
}

/*Flechas*/
.zyxtcs-maincontent .zyxtcs-step-arrows .arrow-prev,
.zyxtcs-maincontent .zyxtcs-step-arrows .arrow-next{
	border:2px solid #bfbfbf;
	/*padding: 12px 0px 8px;*/
	border-radius: 100%;
	position: absolute;
	cursor: pointer;
	width: 40px;
	height: 40px;
	text-align: center;
}

.zyxtcs-maincontent .zyxtcs-step-arrows .arrow-prev>i.fa,
.zyxtcs-maincontent .zyxtcs-step-arrows .arrow-next>i.fa{
	/*margin-top:6px;*/
	line-height: 42px;
}

.zyxtcs-maincontent .zyxtcs-step-arrows .arrow-prev{
	left: -10px;
}

.zyxtcs-maincontent .zyxtcs-step-arrows .arrow-next{
	right: 50px;
}


.zyxtcs-maincontent .zyxtcs-step-arrows .arrow-prev:hover,
.zyxtcs-maincontent .zyxtcs-step-arrows .arrow-next:hover{
	border-color:#d22630;
	background-color: #d22630;
	color:#fff;
}

.zyxtcs-maincontent .zyxtcs-reset-cnt{
	z-index: 9999;
	position: relative;
	text-align: center;
	margin-bottom: 20px;
}

.zyxtcs-maincontent .zyxtcs-reset-cnt .zyxtcs-reset{
	font-size: 14px;
	line-height: 18px;
	color: #a3a3a3;
}

/*Burbuja*/
#zyxtcs-totaltons-cnt {
    width: 125px;
    height: 125px;
    background: #d22630;
    border-radius: 100%;
    border: 3px solid #d22630;
    position: fixed;
    bottom: 50px;
    left: 30px;
    padding: 20px 5px 0px;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    z-index: 999999999999999999999;
    display: none;
}

#zyxtcs-totaltons-cnt.zyxtcs-showbubble{
	display: block;
}


#zyxtcs-totaltons-cnt.zyxtcs-showbubble.zyxtcs-bubble-empresas{
	background-color: #d22630;
	border-color: #d22630;
}

#zyxtcs-totaltons-cnt span {
	font-size: 12px;
	line-height: 16px;
	display: block;
	cursor: default;
}

#zyxtcs-totaltons-cnt span#zyxtcs-totaltons {
    font-size: 36px;
    line-height: 1;
}

#zyxtcs-totaltons-cnt span#zyxtcs-tuhuella {
    font-size: 15px;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: 400;
    margin-top: 3px;
}

button.zyxtcs-comenzar-de-nuevo {
    background: none;
    border: none !important;
    font-size: 16px;
    font-family: Poppins;
    color: #1a1a1a;
    outline: none !important;
}

button.zyxtcs-comenzar-de-nuevo:hover,
button.zyxtcs-comenzar-de-nuevo:active,
button.zyxtcs-comenzar-de-nuevo:focus {
    color:#ff4356;
    cursor: pointer;
}

/*Empresas*/
.step-block[data-carbonsink-type="empresas"] .content-step h4.step-pregunta{
	width: 85%;
	font-size: 28px;
}


.step-block{
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.step-block.step-active {
    animation: slide-in 1.5s forwards;
    -webkit-animation: slide-in 1.5s forwards;
}

.step-block::not(.step-active) {
    animation: slide-out 1.5s forwards;
    -webkit-animation: slide-out 1.5s forwards;
}
    
@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}

@keyframes move-background {
  from {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	to { 
		-webkit-transform: translate3d(1000px, 0px, 0px);
	}
}
@-webkit-keyframes move-background {
  from {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	to { 
		-webkit-transform: translate3d(1000px, 0px, 0px);
	}
}

@-moz-keyframes move-background {    
	from {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	to { 
		-webkit-transform: translate3d(1000px, 0px, 0px);
	}
}

    @-webkit-keyframes move-background {
	from {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	to { 
		-webkit-transform: translate3d(1000px, 0px, 0px);
	}
}

/**/
 

/*Agregado Pantalla Inicial*/
.zyxtcs-maincontent[data-active-step="initial"] .zyxtcs-header .zyxtcs-progressbar-cnt{
	display:none;
}

.zyxtcs-maincontent[data-active-carbonsink="#individuo"][data-active-step="initial"] .zyxtcs-step-ilustration,
.zyxtcs-maincontent[data-active-carbonsink="#empresas"][data-active-step="initial"] .zyxtcs-step-ilustration{
	background: transparent url("../image/arbol-3.png") no-repeat bottom right;
}



.zyxtcs-maincontent[data-active-step="initial"] .zyxtcs-step-arrows .arrow-prev,
.zyxtcs-maincontent[data-active-step="initial"] .zyxtcs-step-arrows .arrow-next{
	display: none !important
}

.zyxtcs-the-sink-calculator .zyxtcs-maincontent[data-active-step="initial"] .zyxtcs-footer .step-skip{
	display: none !important;
}

.zyxtcs-carbonksink-individuos #step-initial{}

.zyxtcs-carbonksink-individuos #step-initial .zyxtcs-initial-blocks,
.zyxtcs-carbonksink-empresas #step-initial .zyxtcs-initial-blocks{
	float: left;
	padding: 15px 35px 30px;
	/* border-radius: 15px; */
}


#step-initial .zyxtcs-initial-blocks h3{
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	text-align: left;
	font-family: Poppins;
	color: #fff;
}

#step-initial .zyxtcs-initial-blocks h4{
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	text-align: left;
	font-family: Poppins;
	margin-bottom: 15px;
}

#step-initial .zyxtcs-initial-blocks p,
#step-initial .zyxtcs-initial-blocks li {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	font-family: Poppins;
	font-weight: 400;
}


.zyxtcs-carbonksink-individuos #step-initial .zyxtcs-initial-blocks#zyxtcs-initial-block-1{
	background-color: #d22630;
	color: #fff;
}

.zyxtcs-carbonksink-individuos #step-initial .zyxtcs-initial-blocks#zyxtcs-initial-block-2 h4{
	color: #d22630;
}

.zyxtcs-carbonksink-individuos #step-initial .zyxtcs-initial-blocks#zyxtcs-initial-block-3 h4{
	color: #d22630;
}

.zyxtcs-carbonksink-empresas #step-initial .zyxtcs-initial-blocks#zyxtcs-initial-block-1 h4{
	color: #d22630;
}

.zyxtcs-carbonksink-empresas #step-initial .zyxtcs-initial-blocks#zyxtcs-initial-block-2{
	padding: 0;
}

.zyxtcs-carbonksink-empresas #step-initial .zyxtcs-initial-blocks#zyxtcs-initial-block-2>div{
	padding: 15px 35px 30px;
}

.zyxtcs-carbonksink-empresas #step-initial .zyxtcs-initial-blocks#zyxtcs-initial-block-2>div:first-child{
	background-color: #d22630;
	color: #fff;
	/* border-radius: 25px; */
}
.zyxtcs-carbonksink-empresas #step-initial .zyxtcs-initial-blocks#zyxtcs-initial-block-2>div:first-child h4{
	color: #fff;	
}


.zyxtcs-carbonksink-empresas #step-initial .zyxtcs-initial-blocks#zyxtcs-initial-block-2>div:last-child h4{
	color: #d22630;
}


#step-initial #zyxtcs-initial-button{
	text-align: center;
	display: block;
	/* margin-top: 16px; */
	padding-bottom: 0;
}

#step-initial #zyxtcs-initial-button.zyxtcs-initial-blocks span{
	color: #fff;
	background-color:#d22630;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	font-family: Poppins;
	font-weight: 600;
	padding: 10px 30px;
	/* border-radius:25px; */
	cursor: pointer;
}

@media only screen and (max-width: 690px){
	.nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 {
		font-size: 32px !important;
		line-height: 35px !important;
	}
	.nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p {
		font-size: 1.4rem !important;
		line-height: 1.8rem !important;
	}

	.nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .button a {
		font-size: 1.2rem !important;
		padding: 0.7rem 1.2rem !important;
	}
}