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


div.cs-skin-slide {
	/* color: #fff; */
	color: #0060c6;
	font-size: 1.5em;
	width: 100%;
    margin-top: 10px;
}

@media screen and (max-width: 30em) {
	div.cs-skin-slide { 
		font-size: 1.25em; 
		width: 100%; 
		/* width: 290px; */
	}
}

div.cs-skin-slide::before {
	content: '';
	/* background: #004975; */
	background: #FFFFFF;
	position: absolute;
	width: 100%;
	/* height: 120%; */
	height: 105%;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.cs-skin-slide.cs-active::before {
	-webkit-transform: scale3d(1,8,1);
	/*transform: scale3d(1,8,1);*/
	/* transform: scaleY(6.0) translateY(18px); */
	transform: scaleY(6.0) translateY(30px);
}

.cs-skin-slide > span {
	height: 60px;
	line-height: 42px;
	-webkit-transition: text-indent 0.3s, opacity 0.3s;
	transition: text-indent 0.3s, opacity 0.3s;
    text-transform: uppercase;
	/*font-family: 'Dosis', Arial, Helvetica, sans-serif;*/
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	/*font-weight: 600;*/
	letter-spacing: 1px;
	font-size: 75%;
	padding: 0.8em 1em 0.8em 2.5em;
}

@media screen and (max-width: 30em) {
	.cs-skin-slide > span { 
		height: 60px; 
		line-height: 45px; 
		/* line-height: 54px; */
	}
	.btn-round-azul.ver-tsm {
		margin-top: 10px;
	}
}

.cs-skin-slide.cs-active > span {
	text-indent: -590px;
	opacity: 0;
}

.cs-skin-slide > span::after,
.cs-skin-slide.cs-active > span::after {
	font-family: 'FontAwesome';
	content: '\f107';
	/*font-family: 'icomoon';*/
	/*content: '\e00f';*/
	/*color: #eb7e7f;*/
	color: #00a8ff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    font-size: 25px;
    margin-top: 4px;
}

.cs-skin-slide.cs-active > span::after {
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

.cs-skin-slide .cs-options {
	background: transparent;
	width: 70%;
	height: 550px;
	/*padding: 1.9em 0;*/
	padding: 0.7em 0;
	/*top: 230px;*/
	top: 270px;
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
    margin-top: 5px;
	/* margin-top: 10px; */
}

@media screen and (max-width: 30em) {
	.cs-skin-slide .cs-options { padding-top: 1.6em; }
	/* .cs-skin-slide .cs-options { padding-top: 3em; } */
}

.cs-skin-slide .cs-options li {
	opacity: 0;
	-webkit-transform: translate3d(30%,0,0);
	transform: translate3d(30%,0,0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cs-skin-slide.cs-active .cs-options li {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}

.cs-skin-slide.cs-active .cs-options li:first-child {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(3) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(4) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(5) {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
} 

.cs-skin-slide.cs-active .cs-options li:nth-child(6) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
} 

.cs-skin-slide.cs-active .cs-options li:nth-child(7) {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
} 

.cs-skin-slide.cs-active .cs-options li:nth-child(8) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
} 

.cs-skin-slide.cs-active .cs-options li:nth-child(9) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}
    
.cs-skin-slide.cs-active .cs-options li:nth-child(10) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(11) {
	-webkit-transition-delay: 0.55s;
	transition-delay: 0.55s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(12) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}


/* more options need more delay declaration */

.cs-skin-slide .cs-options li span {
	text-transform: uppercase;
	/*font-family: 'Dosis', Arial, Helvetica, sans-serif;*/
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 65%;
	padding: 0.8em 1em 0.8em 2.5em;
}

.cs-skin-slide .cs-options li span:hover,
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span {
	/*color: #eb7e7f;*/
	color: #00a8ff;
	background: transparent;
}

.cs-skin-slide .cs-selected span::after {
	content: '';
}

[class^="icon-"] span:before,
[class*=" icon-"] span:before {
	font-family: 'icomoon';
	position: absolute;
	left: 3px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	font-size: 1.5em;
}

.show-icons [class^="icon-"] span:before, .show-icons [class*=" icon-"] span:before {
	font-family: 'icomoon';
    color: #2d2d2d;
    font-size: 34px;
    margin-bottom: 10px;
    display: block !important;
} 

/* Tareas */

.icon-t1 span::before {
	content: "\e634"; /* Reparar - icon-ticket */
}
.icon-t2 span::before { 
	content: "\e600"; /* Impermeabilizar - icon-home */
}
.icon-t3 span::before {
	content: "\e60a"; /* Dar Color - icon-droplet */
}
.icon-t4 span::before {
	content: "\e603"; /* Revestir - icon-office */
}

/* Superficies */

.icon-s1 span::before {
	content: "\e62d"; /* Techo - icon-stack */
}
.icon-s2 span::before {
	content: "\e646"; /* Pared Interior - icon-map2 */
}
.icon-s3 span::before {
	content: "\e621"; /* Pared Exterior - icon-library */
}
.icon-s4 span::before {
	content: "\e6bf"; /* Piso - icon-download3 */
}
.icon-s5 span::before {
	content: "\e79a"; /* Abertura - icon-windows8 */
}
.icon-s6 span::before {
	content: "\e661"; /* Mueble - icon-storage */
}
.icon-s7 span::before {
	content: "\e74b"; /* Reja - icon-table2 */
}
.icon-s8 span::before {
	content: "\e659"; /* Piscina - icon-drawer */
}
.icon-s9 span::before {
	content: "\e73c"; /* Tanques - icon-radio-unchecked */
}
.icon-s10 span::before {
	content: "\e62d"; /* Cielorraso - icon-stack */
}

/* Materiales */

.icon-m1 span::before {
	content: "\e69e"; /* Madera - icon-leaf */
}
.icon-m2 span::before {
	content: "\e635"; /* Metal - icon-cart */
}
.icon-m3 span::before {
	content: "\e600"; /* Mampostería - icon-home */
}
.icon-m4 span::before {
	content: "\e6b8"; /* Ladrillo - icon-menu2 */
}
.icon-m5 span::before {
	content: "\e601"; /* Cemento - icon-home2 */
}
.icon-m6 span::before {
	content: "\e602"; /* Cerámica - icon-home3 */
}
.icon-m7 span::before {
	content: "\e603"; /* Hormigón - icon-office */
}
.icon-m8 span::before {
	content: "\e62d"; /* Yeso - icon-stack */
}
.icon-m9 span::before {
	content: "\e659"; /* Membrana - icon-drawer */
}
.icon-m10 span::before {
	content: "\e74b"; /* Chapa - icon-table2 */
}
.icon-m11 span::before {
	content: "\e7a2"; /* Azulejos - icon-delicious */
}

/* Opcionales */

.icon-op1 span::before {
	content: "\e60b"; /* Opcional 1 - paint-format */
}
.icon-op2 span::before {
	content: "\e7b1"; /* Opcional 2 - libreoffice */
}
.icon-op3 span::before {
	content: "\e60c"; /* Opcional 3 - image */
}
.icon-op4 span::before {
	content: "\e65a"; /* Opcional 4 - drawer2 */
}
.icon-op5 span::before {
	content: "\e645"; /* Opcional 5 - map */
}
.icon-op6 span::before {
	content: "\e69d"; /* Opcional 6 - food */
}
.icon-op7 span::before {
	content: "\e6a5"; /* Opcional 7 - lab */
}
.icon-op8 span::before {
	content: "\e697"; /* Opcional 8 - bars */
}
.icon-op9 span::before {
	content: "\e698"; /* Opcional 9 - bars 2 */
}
.icon-op10 span::before {
	content: "\e691"; /* Opcional 10 - hammer */
}
.icon-op11 span::before {
	content: "\e6cd"; /* Opcional 11 - contrast */
}
.icon-op12 span::before {
	content: "\e65e"; /* Opcional 12 - download */
}
.icon-op13 span::before {
	content: "\e690"; /* Opcional 13 - cog2 */
}
.icon-op14 span::before {
	content: "\e6cb"; /* Opcional 14 - brightness-medium */
}
.icon-op15 span::before {
	content: "\e67a"; /* Opcional 15 - spinner3 */
}
.icon-op16 span::before {
	content: "\e6ac"; /* Opcional 16 - road */
}
.icon-op17 span::before {
	content: "\e6af"; /* Opcional 17 - shield */
}
.icon-op18 span::before {
	content: "\e6a4"; /* Opcional 18 - fire */
}
.icon-op19 span::before {
	content: "\e6b0"; /* Opcional 19 - lightning */
}
.icon-op20 span::before {
	content: "\e6ba"; /* Opcional 20 - cloud */
}
.icon-op21 span::before {
	content: "\e6c3"; /* Opcional 21 - link */
}
.icon-op22 span::before {
	content: "\e6c5"; /* Opcional 22 - attachment */
}
.icon-op23 span::before {
	content: "\e703"; /* Opcional 23 - enter */
}
.icon-op24 span::before {
	content: "\e704"; /* Opcional 24 - exit */
}
.icon-op25 span::before {
	content: "\e71c"; /* Opcional 25 - loop2 */
}
.icon-op26 span::before {
	content: "\e73b"; /* Opcional 26 - radio-checked */
}
.icon-op27 span::before {
	content: "\e63b"; /* Opcional 27 - support */
}
.icon-op28 span::before {
	content: "\e65b"; /* Opcional 28 - drawer3 */
}
.icon-op29 span::before {
	content: "\e6c6"; /* Opcional 29 - eye */
}
.icon-op30 span::before {
	content: "\e67d"; /* Opcional 30 - spinner6 */
}
.icon-op31 span::before {
	content: "\e67c"; /* Opcional 31 - spinner5 */
}
.icon-op32 span::before {
	content: "\e682"; /* Opcional 32 - expand */
}
.icon-op33 span::before {
	content: "\e683"; /* Opcional 33 - contract */
}
.icon-op34 span::before {
	content: "\e693"; /* Opcional 34 - aid */
}
.icon-op35 span::before {
	content: "\e6ce"; /* Opcional 35 - star */
}
.icon-op36 span::before {
	content: "\e692"; /* Opcional 36 - wand */
}
.icon-op37 span::before {
	content: "\e6a0"; /* Opcional 37 - meter */
}
.icon-op38 span::before {
	content: "\e6a1"; /* Opcional 38 - meter2 */
}
.icon-op39 span::before {
	content: "\e6a2"; /* Opcional 39 - dashboard */
}
.icon-op40 span::before {
	content: "\e6f4"; /* Opcional 40 - warning */
}
.icon-op41 span::before {
	content: "\e6ab"; /* Opcional 41 - truck */
}
.icon-op42 span::before {
	content: "\e781"; /* Opcional 42 - dribbble3 */
}
.icon-op43 span::before {
	content: "\e7a5"; /* Opcional 43 - stackoverflow */
}
.icon-op44 span::before {
	content: "\e68b"; /* Opcional 44 - wrench */
}
.icon-op45 span::before {
	content: "\e684"; /* Opcional 45 - expand2 */
}
.icon-op46 span::before {
	content: "\e685"; /* Opcional 46 - contract2 */
}

/* termino nuevos */

.icon-drawer span::before {
	content: "\e659";
}

.icon-camera span::before {
	content: '\e00b';
}

.icon-money span::before {
	content: '\e008';
}

.icon-heart span::before {
	content: '\e00a';
}

.icon-food span::before {
	content: '\e009';
}

.icon-shirt span::before {
	content: '\e00c';
}
.icon-diego span::before {
	content: "\e600";
}
.icon-office span::before {
	content: "\e603";
}
.icon-droplet span::before {
	content: "\e60a";
}
.dar-color span::before {
	content: "\e60a";
}
.icon-ticket span::before {
	content: "\e634";
}
.icon-stack span::before {
	content: "\e62d";
}
.icon-library span::before {
	content: "\e621";
}
.icon-map2 span::before {
	content: "\e646";
}
.icon-download3 span::before {
	content: "\e6bf";
}
.icon-windows8 span::before {
	content: "\e79a";
}
.icon-storage span::before {
	content: "\e661";
}
.icon-table2 span::before {
	content: "\e74b";
}
.icon-drawer span::before {
	content: "\e659";
}
.icon-radio-unchecked span::before {
	content: "\e73c";
}
.icon-feed span::before {
	content: "\e61e";
}
.icon-leaf span::before {
	content: "\e69e";
}
.icon-cart span::before {
	content: "\e635";
}
.icon-home span::before {
	content: "\e600";
}
.icon-home2 span::before {
	content: "\e601";
}
.icon-home3 span::before {
	content: "\e602";
}
.icon-menu2 span::before {
	content: "\e6b8";
}
.icon-signup span::before {
	content: "\e6b3";
}
.icon-delicious span::before {
	content: "\e7a2";
}