/*GENERALES*/
body{
	margin: 0px;
	font-family: AvenirBook;
	font-size: 20px;
}

/*POPUP DE LOGIN Y REGISTRO*/

.clabs-popup-login-registro{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 101;
    background-color: rgba(0,0,0,.5);
    display: none;	
}

.clabs-mascara-popup-login{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;	
}

.clabs-login-recuperar{
	display: none;
}

.clabs-contenido-popup-login{
	background-color: white;
    left: 0px;
    position: relative;
}

.clabs-celda-foto-login {
    width: 57%;
}

.clabs-celda-formularios-login {
    width: 43%;
}

.clabs-interna-formularios-login {
    padding: 15px;
}

.clabs-contenedor-cerrar-popup-login{
	text-align: right;
    color: #AAA;
    font-family: raleway-semibold;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.clabs-aire-pestanas-popup-login{
    width: 5%;
    border-bottom: 2px solid #F0F0F0;
    font-size: 13px;
    line-height: 35px;
}

.clabs-opcion-pestanas-popup-login{
    /*width: 45%;*/
    width: 90%;
    text-align: center;
    font-size: 13px;
    border-bottom: 2px solid #F0F0F0;
    line-height: 35px;
    cursor: pointer;
}

.clabs-pestana-seleccionada-popup-login{
	border-bottom: 2px solid #173465;
}

.clabs-instrucciones{
    font-size: 12px;
    text-align: center;
    padding-top: 15px;	
}

.clabs-celda-campo-popup-rl .aire {
    padding-left: 10px;
    padding-right: 10px;
}

.clabs-link-olvidaste, .clabs-link-regresar-recuperar{
	margin-top:20px;
	font-size: 12px;
	text-decoration: underline;
	display: inline-block;
	cursor: pointer;
}

.clabs-fila-formulario{
	padding-top: 15px;
}

.clabs-fila-formulario-2 {
    padding-top: 10px;

}

.clabs-fila-formulario-2 .aire{
	padding-left: 10px;
	padding-right: 10px;
}

.clabs-boton-negro{
    margin-top: 8px;
    background-color: #e8d8c5;
    line-height: 25px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
}

.clabs-boton-negro:hover{
	background-color: #c8b8a5;
}

.clabs-celda-campo-popup-rl .aire {
    padding-left: 10px;
    padding-right: 10px;
}

.clabs-celda-campo-popup-rl{

}

.clabs-celda-campo-nombre-login, .clabs-celda-campo-apellidos-login{
	width:50%;
}

.clabs-etiqueta-formulario{
	font-size: 12px;
    padding-bottom: 5px;
}

.clabs-input-2 {
    width: 100%;
    height: 35px;
    border: 1px solid #AAA;
}

.clabs-input-3 {
    width: 100%;
    height: 30px;
    border: 1px solid #AAA;
}

.clabs-celda-campo-nomina-login {
    width: 100%;
}

.clabs-celda-campo-popup-rl .aire {
    padding-left: 10px;
    padding-right: 10px;
}

.clabs-celda-campo-contrasenia-login {
    width: 100%;
}






.cm20-contenedor-completo-fondo-blanco{
	background-color: white;
	position: relative;
	z-index: 3;
}

.cm20-contenedor-boton-scroll span{
	font-family: conspiracionmoda;
	position: absolute;
	top:-60px;
	width:100%;
	text-align: center;
	color:#DDD;
	font-size:40px;
	cursor:pointer;
}

.cm20-espacio-portada-fija{
	width: 100%;
	height: 100vh;
}

.cm20-contenedor-galeria-home{
}

.cm20-contenedor-banner-principal{
	width:100vw;
	height: 100vh;
	position: relative
}

.cm20-contenedor-texto-banner-principal{
	position: absolute;
	width:100%;
	height: 100%;
	top:0px;
	left:0px;
	text-align: center
}


.cm20-contenedor-banner-principal img{
    display: block;
    margin: 0 auto;
    height: 100%;
    object-fit: cover;
    width: 100%;

  }

.contenedor-fondo-galeria{
	background-image:linear-gradient(to right, #DDD, #FFF,#FFF,#FFF,#FFF,#FFF,#FFF, #DDD);
	position:fixed;
}

.c20-vestidos-editors-pick{
	margin-top:50px;
}

.cm20-contenedor-rotatorio-como-funciona{
	width:100%;
	overflow: hidden;
	position: relative;
}

.cm20-contenedor-desplazable-como-funciona{
	width:400%;
	position: relative;
}

.cm20-contenedor-slide-como-funciona{
	width:25%;
	display: inline-block;
	vertical-align: top;
	position:relative;
}
.cm20-imagen-texto-como-funciona{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
}

.cm20-celda-exterior-texto-pasos{
	width:70%;
	text-align: right;
}

.cm20-celda-exterior-imagen-pasos{
	width:30%;
	text-align: left;
}

.cm20-celda-interior-texto-pasos{
	width:70%;
	text-align: center;
}

.cm20-celda-interior-imagen-pasos{
	width:80%;
}

.cm20-imagen-pasos{
	margin-top:50px;
}

.cm20-numero-paso{
	font-size:35px;
	margin-top:50px;
}

.cm20-titulo-paso{
	font-size:20px;
	margin-top:30px;
}

.cm20-descripcion-paso{
	margin-top:20px;
	font-size:15px;
}

.cm20-flecha-como-funciona{
	position: absolute;
	top:50%;
	color:#888;
	cursor:pointer;
	z-index: 2;
	font-size:30px;
	color:#DDD;
}

.cm20-flecha-izquierda-como-funciona{
	left: 0px;
}

.cm20-flecha-derecha-como-funciona{
	right: 0px;
}


/**FACTOR CM**/

.cm20-elementos-factor{
	margin-top:40px;
	position:relative;
}

.cm20-ocultar-factor-cm{
	overflow: hidden;
}

.cm20-flecha-izquierda-factor{
	left:-20px;
}

.cm20-flecha-derecha-factor{
	right:-20px;
}


.cm20-flecha-izquierda-evento{
	left:-20px;
}


.cm20-flecha-derecha-evento{
	right:-20px;
}

.cm20-elemento-factor{
	width:230px;
		background-color:white;
	text-align: center;
	box-shadow: 11px 11px 15px -10px #DEDEDE;

}


.cm20-titulo-factor{
	font-size: 20px;
}


.cm20-titulo-factor{
	padding-top:50px;
}

.cm20-descripcion-factor{
	margin-top:20px;
}


.cm20-elemento-factor-externo{
	padding-left: 10px;
	padding-right: 10px;
}

.cm20-elemento-factor img{
	margin-top:20px;
}

.cm20-desplazable-factor{
	width:300%;
	padding-bottom:10px;
	position:relative;
}

/**A QUE EVENTO VAS**/

.cm20-contenedor-home-eventos{
	position: relative;
}

.cm20-desplazable-tipo-evento{
	width:225%;
	padding-bottom:10px;
	position:relative;
}


.cm20-contenedor-foto-evento{
	width:11.111%;
}

.cm20-contenedor-foto-evento-interno{
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	cursor:pointer;
}

.cm20-mascara-portada-evento{
	position: absolute;
	width:100%;
	height: 100%;
	top:0px;
	left: 0px;
	background-color: rgba(255,255,255,.5);
	z-index:2;
	display: none;
}

.cm20-contenedor-foto-evento-interno:hover .cm20-mascara-portada-evento{
	display: block;
}


/**ACCESOS POR CATEGORIA**/
.cm20-contenedor-categoria-externo{
	width:50%;
}

.cm20-contenedor-categoria-interno{
	padding-left: 10px;
	padding-right: 10px;
}

/**INSTAGRAM FEED**/
.cm20-instafeed-elemento{
	width:25%;
	overflow: hidden;
}

.cm20-instafeed-interno{
	padding:5px;
}

.cm20-titulo-instagram{
	font-family: raleway-semibold;
}

.cm20-ocultar-factor-cm{
	padding-top:20px;
}

.cm20-contenedor-categoria-externo{
	margin-top:40px;
}

.cm20-contenedor-accesos-categorias{
	margin-top:40px;
}


.cm20-contenedor-instagram{
	margin-top:15px;
}

.cm20-contenedor-slider-evento{
	/*background-color: #D8C1BB;*/
	overflow: hidden;
}

/*CLASES PARA EL ROTATORIO ANIMADO DE EVENTOS*/

@keyframes achicar {
  0%   {transform: scale(1);}
  100% {transform: scale(.6);}
}


@keyframes crecer {
  0%   {transform: scale(.6);}
  100% {transform: scale(1);}
}


.cm20-rotatorio-planos{
    position: relative;
    height: 420px;
}

.cm20-rotatorio-proyectos{

}

.cm20-boton-izquierdo{
	position: absolute;
    top: 200px;
    z-index: 10;
    font-size: 30px;
    cursor: pointer;
    left: 0px;
    color:#DDD;
}

.cm20-boton-derecho{
	position: absolute;
    top: 200px;
    z-index: 10;
    font-size: 30px;
    cursor: pointer;
    right: 0px;
    color:#DDD;
}

.cm20-contenedor-proyecto{

}

.cm20-contenedor-elemento{
	width: 300px;
    /*height: 350px;*/
    background-color: transparent;
    position: absolute;
    border-radius: 5px;
    /*overflow: hidden;*/
    /*box-shadow: 0 -5px 50px -5px #AAA;*/
    text-align: center;
}

.cm20-contenedor-elemento img{
	max-width: 200px;
	/*box-shadow: 0 -5px 50px -5px #777;*/
}



/*FIN ROTATORIO ANIMADO DE EVENTOS*/



.cm20-celda-acceso-cuadrado{
	width: 50%;
}

.cm20-celda-acceso-cuadrado img{
	width: 100%;
}

.cm20-celda-acceso-cuadrado-izquierda .aire{
	text-align: left;
	padding-right: 30px;
	position: relative;
}

.cm20-celda-acceso-cuadrado-derecha .aire{
	text-align: right;
	padding-left: 30px;
	position: relative;
}


.cm20-tmp-renglon-1{
	margin-top:170px;
}

.cm20-tmp-renglon-2{
    position: relative;
    left: 57px;
}
.cm20-tmp-renglon-3, .cm20-tmp-renglon-3{
	font-size:12px;
}
.cm20-tmp-txt-1, .cm20-tmp-txt-3{
	font-family: montserrat-semibold;
    font-size: 70px;
    color: #8c0f0f;
    line-height: 50px;
}


.cm20-tmp-txt-2,.cm20-tmp-txt-4{
	font-family: mrs-saint;
    font-size: 100px;
    color: black;
    line-height: 50px;
}

.cm20-contenido-banner-movil{
	display: none !important;
}

.cm20-banner-zapatos{
	position:relative;
}

.cm20-imagen-texto-acetato{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2;
}

.cm20-contenedor-accesos-cuadrados, .cm20-contenedor-instagram-externo{
	width:90%;
	margin:80px auto;
}
@media only screen and (max-width: 1050px) {
	/*LAS FLECHAS QUE QUEDAN POR FUERA DE LOS 1000 PIXELES YA NO CABEN*/
	.cm20-elementos-factor{
		width:750px;
		margin:0 auto;
	}

	.cm20-desplazable-factor{
		width:400%;
	}

	.cm20-contenedor-home-eventos{
		width:900px;
		margin:0 auto;
	}


	.cm20-celda-servicio-cliente{
		width:25%;
	}

	.cm20-celda-personaliza{
		width:25%;
	}

	.cm20-celda-compania{
		width:30%;
	}

	.cm20-celda-como-funciona{
		width:20%;
	}

	.cm20-contenido-banner-movil{
		display: inline-block !important;
	}

	.cm20-contenido-banner-wide{
		display: none !important;
	}

}

@media only screen and (max-width: 950px) {
	.cm20-contenedor-home-eventos{
		width:800px;
		
	}
}


@media only screen and (max-width: 900px) {
	.cm20-banner-wide{
		display: none;
	}

	.cm20-banner-tablet{
		display: block;
	}


}

@media only screen and (max-width: 850px) {
	.cm20-contenedor-home-eventos{
		width:700px;
		
	}


	.cm20-celda-servicio-cliente{
		width:30%;
	}

	.cm20-celda-personaliza{
		width:25%;
	}

	.cm20-celda-compania{
		width:20%;
	}

	.cm20-celda-como-funciona{
		width:25%;
	}
}

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

	.cm20-elementos-factor{
		width:500px;
		margin:0 auto;
	}

	.cm20-desplazable-factor{
		width:600%;
	}
}

@media only screen and (max-width: 768px) {
	.clabs-celda-foto-login{
		display: none !important;
	}

	.clabs-celda-formularios-login{
		width:100%;
	}
}

@media only screen and (max-width: 750px) {
	.cm20-contenedor-home-eventos{
		width:600px;
	}

	.cm20-desplazable-tipo-evento{
		width:300%;
	}
}


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


	.cm20-celda-servicio-cliente{
		width:30%;
	}

	.cm20-celda-personaliza{
		width:30%;
	}

	.cm20-celda-compania{
		width:18%;
	}

	.cm20-celda-como-funciona{
		width:22%;
	}
}

@media only screen and (max-width: 650px) {
	.cm20-contenedor-home-eventos{
		width:500px;
	}

	.cm20-celda-acceso-cuadrado{
		width:90%;
		display: block;
		margin:0 auto;
		max-width:400px;
	}

	.cm20-celda-acceso-cuadrado-izquierda .aire{
		padding-right: 0px;
	}

	.cm20-celda-acceso-cuadrado-derecha .aire{
		padding-left: 0px;
	}

	.cm20-celda-acceso-cuadrado-derecha{
		margin-top:50px;
	}
}


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

	.cm20-contenedor-galeria-home{
		/*margin-top:20px;*/
	}


	.cm20-celda-servicio-cliente{
		width:50%;
	}

	.cm20-celda-personaliza{
		width:50%;
	}

	.cm20-celda-compania{
		width:50%;
	}

	.cm20-celda-como-funciona{
		width:50%;
	}	
}


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

	.cm20-elementos-factor{
		width:250px;
		margin:0 auto;
	}

	.cm20-desplazable-factor{
		width:1200%;
	}


	.cm20-contenedor-home-eventos{
		width:400px;
	}	

	.cm20-desplazable-tipo-evento{
		width:450%
	}

	.cm20-banner-tablet{
		display: none;
	}

	.cm20-banner-phone{
		display: block;
	}
}

@media only screen and (max-width: 450px) {
	.cm20-contenedor-home-eventos{
		width:350px;
	}

	.cm20-contenedor-categoria-externo{
		width:260px;
	}
}

@media only screen and (max-width: 400px) {
	.cm20-contenedor-home-eventos{
		width:250px;
	}

	.cm20-desplazable-tipo-evento{
		width:900%;
	}	



	.cm20-celda-servicio-cliente{
		width:100%;
	}

	.cm20-celda-personaliza{
		width:100%;
	}

	.cm20-celda-compania{
		width:100%;
	}

	.cm20-celda-como-funciona{
		width:100%;
	}		
}