body
	{
 		background: #ffffff;		/* color fondo de la página. */
 		color: #404040;			/* 363732 color letra */
		font-family: "Avenir Next","Helvetica-Neue",'Open Sans', sans-serif;
		font-weight: normal;
		overflow-x: hidden; /* prevent horizontal scrollbar from appearing */
	}


/* sustituir 8e3ea1 por el color deseado.    28a7e9 original sustituido */

a { color: #8e3ea1; }
	
a:hover { color: #ffffff;		/* color selección del correo */ }

/* start h2 */
h2, h8 {
		text-align: center;
		font-size: 36px;
		padding-bottom: 40px;
		font-weight: lighter;
		color: #6e6e6e;
	}	
h2 span, h8 span {
		color: #8e3ea1;		/* color título secciones */
		font-weight: 500;
		font-size: 57px;		
}
/* end h2 */
h5 {
		text-align: center;
		color: #1d1d1b;
		font-size: 40px;
		padding-bottom: 40px;
		font-weight: normal;
}	
h5 span {
		color: #fff;		/* color título secciones */
		font-weight: bold;
		font-size: 70px;
}

h3 {
		color: #404040;
		font-weight: normal;
		font-size: 12px;
		margin-right: 30px;
}

h3 span {
		color: #fff;
		font-weight: normal;
		font-size: 12px;
		margin-right: 30px;
}

.sec-title { margin-bottom: 50px; }

.sec-title.white {	color: #fff;	}
.sec-title.white h8 {
		text-align: center;
		font-size: 36px;
		padding-bottom: 40px;
		font-weight: lighter;
		color: #ffffff;
}
.sec-title.white h8 span {
		color: #43af9f;		/* color título secciones */
		font-weight: 500;
		font-size: 57px;
		
}
.sec-title h2, .sec-title h8 {
    font-size: 40px;					/*   configuración letras de títulos de cada sección   */
    /*margin: 0 0 30px;*/
    padding-bottom: 40px;
	font-weight: lighter;
    /*	text-transform: uppercase;	*/
}
/*
.sec-title h2 span {
	color: #404040;
}	*/
.sec-title h2:after {
    border-bottom: 1px solid #8e3ea1;			/*   underline de textos títulos sección con fondo blanco. */
    content: "";
    display: block;
    left: 45%;
    bottom: 0;
    position: absolute;
    width: 115px;
}

.sec-title.white h2:after { border-bottom: 1px solid #fff;			/*	configuración underline sección follow us. */
}
.sec-title.white h8:after {
    border-bottom: 1px solid #ffffff;			/*   underline de textos títulos sección con fondo blanco. */
    content: "";
    display: block;
    left: 45%;
    bottom: 0;
    position: absolute;
    width: 115px;			/*	configuración underline sección follow us. */
}
.parallax {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
/* start about cabello maquillaje tools contact */
#delivery { padding-top: 0px;padding-bottom:81px; }

#maquillaje { padding-top: 21px;padding-bottom: 1px; }
#portfolio, #cabello  {
		padding-top: 2px;
		padding-bottom: 1px;
		background-color: #ffffff;
	}
#unalunas, #social, #scrollmaqs { padding-top: 1px;padding-bottom: 1px; }
#service { padding-top: 90px;padding-bottom: 120px; }
#paneltools, #portfolio2 { padding-top: 20px;padding-bottom: 20px; }
#tools { padding-top: 40px;padding-bottom: 10px; }
#contacts {	padding-top: 100px; }
#panelcabellodos, #panelarticulosdos { padding-top: 40px; }
#panelcabello { padding-top: -20px; }
#panelcabello, #panelarticulos, #panelcabellodos, #panelarticulosdos { padding-bottom: 20px; }
#panelmaquillajedos { padding-bottom: 40px;padding-top: 40px; }
#cetica, #ntrosvalores, #quienessomos, #mivision { padding: 20px 0; }
/* end cabello maquillaje tools contact */

/* start preloader 
.preloader
	{
		background: url(../images/loading.svg) center center no-repeat;
		background-size: 57px 57px;
		background-color: #ffffff;
    		position: fixed;
    		width: 100%;
    		height: 100%;
   		z-index: 9999;
	}

	end preloader */
/* start preloader */
.preloader
	{
		background-color: #ffffff;
    		position: fixed;
    		width: 100%;
    		height: 100%;
   		z-index: 9999;
		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
  		-webkit-flex-flow: row nowrap;
  		    -ms-flex-flow: row nowrap;
  		        flex-flow: row nowrap;
  		-webkit-box-pack: center;
  		-webkit-justify-content: center;
  		    -ms-flex-pack: center;
  		        justify-content: center;
  		-webkit-box-align: center;
  		-webkit-align-items: center;
  		    -ms-flex-align: center;
  		        align-items: center;
  		background: none repeat scroll 0 0 #ffffff;
	}


.sk-spinner-wave.sk-spinner 
	{
  		width: 90px;
  		height: 30px;
  		text-align: center;
  		font-size: 10px; 
  	}
.sk-spinner-wave div 
	{
  		background-color: #ba86b5;
  		height: 100%;
  		width: 3px;
  		display: inline-block;
         -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
                 animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
         
    }
.sk-spinner-wave .sk-rect2 
	{
          -webkit-animation-delay: -1.1s;
                  animation-delay: -1.1s; 
      }
.sk-spinner-wave .sk-rect3 
	{
          -webkit-animation-delay: -1s;
                  animation-delay: -1s; 
     }
.sk-spinner-wave .sk-rect4 
	{
          -webkit-animation-delay: -0.9s;
                  animation-delay: -0.9s;
     }
.sk-spinner-wave .sk-rect5 
	{
          -webkit-animation-delay: -0.8s;
                  animation-delay: -0.8s; 
     }
.sk-spinner-wave .sk-rect6 
	{
          -webkit-animation-delay: -0.7s;
                  animation-delay: -0.7s; 
     }
.sk-spinner-wave .sk-rect7 
	{
          -webkit-animation-delay: -0.6s;
                  animation-delay: -0.6s; 
     }
.sk-spinner-wave .sk-rect8 
	{
          -webkit-animation-delay: -0.5s;
                  animation-delay: -0.5s; 
     }
.sk-spinner-wave .sk-rect9 
	{
          -webkit-animation-delay: -0.4s;
                  animation-delay: -0.4s; 
     }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
            -webkit-transform: scaleY(0.4);
                    transform: scaleY(0.4); }

  20% {
            -webkit-transform: scaleY(1);
                    transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
            -webkit-transform: scaleY(0.4);
                    transform: scaleY(0.4); }

  20% {
            -webkit-transform: scaleY(1);
                    transform: scaleY(1); } }


/* end preloader */

/* start header */

header
	{
		min-height: 16px;
		background: rgba(54,32,74,1);			/* rgba(231,231,231,1); gris claro. #e7e7e7     rgba(54,32,74,1); 36204a    rgba(142,62,161, 1)8e3ea1	Color fondo header (morado oscuro)	*/
		color: #e7e7e7;			/*	Color texto header	*/
		padding-top: 16px;
		padding-bottom: 16px;
		overflow: hidden;
		background-size: cover; 
		font-weight: regular;
		font-size: 12px;
	}
header .fa
	{
		color: #e7e7e7;		/* 8e3ea1 	b985b4 	8f61ff iconos mail y teléfono */
	}
header span
	{
		font-weight: regular;
		padding-right: 10px;
		padding-left: 5px;
	}
header a
	{
		color: #e7e7e7;		/*	#b985b4;	 color link correo sin seleccionar */
		font-weight: regular;
	}

header a:hover
	{
		color: #43af9f;		/* 8e3ea1 color link correo al seleccionar */
		/*color: #1889d5;		 8e3ea1 color link correo al seleccionar */
		/*color: #489ad1 ;		 8e3ea1 color link correo al seleccionar */
		/*text-decoration: none;
		border-bottom: 1px solid #43af9f;*/
	}
header .social-icon
	{
		text-align: right;
	}
header .social-icon li a, .social-icon li i
	{
		border: none;
		color: #e7e7e7;		/*	color icons redes sociales y encuéntrame 8e3ea1;	*/
		width: 21px;
		height: 21px;
		line-height: 21px;
		text-align: center;
		font-size: 14px;
	}
header .social-icon li a:hover
	{
		background: #43af9f;		/* 8e3ea1	Color seleccionar iconos redes sociales	*/
	}

/* end header */

/* start nagivation */
.navbar-default
	{
		background: rgba(255,255,255,0.9);	/* color fondo de barra menú */
		border: none;
		height: 90px;
		padding: 9px 0px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
		margin: 0 !important;
	}
.navbar-default .nav-wrapper {
	margin: 0;
	padding: 0 115px;
	/*background: rgba(255,255,255,0.9);*/
}
.navbar-collapse {
		max-height: 375px;
		overflow-y: auto;
		/*margin-top: 14px; */
		margin-left: -65px;
		margin-right: -65px;
		/*background: rgba(255,255,255,0.9);
		overflow-x: hidden;*/
	}
.navbar-default .navbar-brand {
	height: 67px;		/* altura del logo en la barra de menú   */
	padding: 2px 0px 0px 12px;
	/*background: rgba(255,255,255,0.9);*/
	}
.animated-nav { 
	height: 71px;
	padding: 0px 0px;
	 -webkit-transition: all 0.7s ease 0s;
       -moz-transition: all 0.7s ease 0s;
        -ms-transition: all 0.7s ease 0s;
         -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
}
.animated-nav2 { 
	height: 90px;
	padding: 9px 0px;
	 -webkit-transition: all 0.7s ease 0s;
       -moz-transition: all 0.7s ease 0s;
        -ms-transition: all 0.7s ease 0s;
         -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
}

.navbar-default .navbar-nav li a:hover
	{
		font-weight: regular;
		color: #8e3ea1;
		border-bottom: 2px solid #8e3ea1;
}
.navbar-default .navbar-nav li a			/*  Espaciado de las Letras del Menú	*/
	{
		font-weight: regular;
		font-size: 18px;
		/*height: 70px;*/
		color: #6e6e6e;			/*	Color menú sin seleccionar	*/
		line-height: 40px;
	}

.navbar-default .navbar-nav > li > a.current { 
	color: #8e3ea1; 		/*  28a7e9 color selección menú */
	/* text-shadow:1px 1px rgba(98,52,129,.5);
	border-bottom: 2px solid #8e3ea1;*/
}
.templatemo-nav {
	border-radius: 0;
	width: 100%;
	z-index: 1000;
	background: rgba(255,255,255,0.9);
}
.sticky {	
	position: fixed;
	left: 0;
	top: 0;	
}

/* end navigation */

/* start home */
#home
	{
		padding-top: 0px;
		/*	max-height: 100vh;	*/
		max-height: 50vh;	/*  pantalla completa*/
		max-width: 100vw;
		/*	min-height: 95vh;*/	/*  pantalla completa*/
		min-width: 100vw;
		padding-bottom: 801px;
		background-size: cover;
		z-index:-1;	
		overflow-x: hidden;
		overflow: hidden;
		line-height: 390%;
		background-repeat: no-repeat; 
		display: block;
	}
#home h1
	{
		font-weight: normal;
		font-size: 50px;
		text-align: center;
		padding-top: 14%;	
		padding-left: 30%;
		color: #404040;
		text-shadow: 1px 1px 1px #404040;
		/*	padding-bottom: 10px;	*/
	}
#home h1 span
	{
		color: #8e3ea1;			/*  color letra 26 años  */
		font-weight: bold;
	}
#home h7
	{
		font-size: 87px;
		text-align: center;
		padding-left: 25%;
		color: #8e3ea1;			/*  color letra 26 años  */
		font-weight: 700;
		text-shadow: 2px 2px 3px #404040;
		line-height: 57px;
	}
#home .btn
	{
		background: #8e3ea1;
		border-radius: 21px;
		/*box-shadow: 0.5px 0.5px 0.5px #404040;
		border: 1px solid #8e3ea1;*/
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		margin-top: 21px;
		margin-left: 34px;
		width: 151px;			/*	Ancho del botón WhatsApp	*/
		height: 41px;
		padding-top: 10px;
		/*margin-left: 120px;*/
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
#home .btn:hover {
		/*vertical-align: middle;
		background: #fff;
		border-radius: 21px;
		box-shadow: none;
		border: 1px solid #8e3ea1;
		color: #8e3ea1;
		position: relative;
		display: inline-block;
		margin-left: 0;*/
	
		border-radius: 21px;
		box-shadow: 0 0 1px #000000;	/*  color de la sombra de los botones.*/
		position: relative;
		display: inline-block;
	
		-webkit-transform: translateZ(0);
	   	-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		 -o-transform: translateZ(0);
			transform: translateZ(0);
		  
		-webkit-backface-visibility: hidden;
	   	-moz-backface-visibility: hidden;
			backface-visibility: hidden;
		  
		-webkit-transition-property: color;
	   	-moz-transition-property: color;
		-ms-transition-property: color;
			transition-property: color;
		  
		-webkit-transition-duration: 0.3s;
	   	-moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
			transition-duration: 0.3s;
		  
		-moz-osx-font-smoothing: grayscale;	
}

#home .btn:before {
		content: '';
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	
		border-radius: 0;
		margin-left: -80%;
		/*background: #8e3ea1;	/*   color fondo */
		box-shadow: inset 0 0 0 142px #fff;

		-webkit-transform: scaleX(0);
	   	-moz-transform: scaleX(0);
			-ms-transform: scaleX(0);
				transform: scaleX(0);
			
		-webkit-transform-origin: 0 50%;
	   	-moz-transform-origin: 0 50%;
			-ms-transform-origin: 0 50%;
				transform-origin: 0 50%;
			
		-webkit-transition-property: transform;
	   	-moz-transition-property: transform;
			-ms-transition-property: transform;
				transition-property: transform;
			
		-webkit-transition-duration: 0.3s;
	   	-moz-transition-duration: 0.3s;
			-ms-transition-duration: 0.3s;
				transition-duration: 0.3s;
			
		-webkit-transition-timing-function: ease-out;
	   	-moz-transition-timing-function: ease-out;
			-ms-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
}

#home .btn:hover, #home .btn:focus, #home .btn:active {			
		color: #8e3ea1;		/*   color de la letra del botón cuando se posiciona. */
}
#home .btn { box-shadow: inset 0 0 0 1px #8e3ea1; }
#home .btn:hover:before, #home .btn:focus:before, #home .btn:active:before {
	/*border-radius: 21px;*/
	margin-left: 0px;
	-webkit-transform: scaleX(1);
	   		-moz-transform: scaleX(1);
	    			-ms-transform: scaleX(1);
					transform: scaleX(1);
}

/*.element {
	height: 60px;
	font-size: 36px;
	color: #8e3ea1;
}*/

#homeimg {		/*	ESTE ES EL QUE IMPACTA */
	overflow-x:hidden;
	overflow: hidden;
	z-index:-1; 	
	padding-bottom: 860px;
	max-height: 50vh;	/*  pantalla completa*/
	max-width: 100vw;
	/*	min-height: 100vh;	*/	/*  pantalla completa*/
	min-width: 100vw;
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center;
	position: absolute;
	line-height: 430%;
	display: block;
}	
#headerimg {
	overflow-x:hidden;
	overflow: hidden;
	z-index:-1; 	
	padding-bottom: 860px;
	/*	max-height: 100vh;	*/
	max-height: 50vh;	/*  pantalla completa*/
	max-width: 100vw;
	/*	min-height: 100vh;	*/	/*  pantalla completa*/
	min-width: 100vw;
	background-size: cover;
	background-repeat: no-repeat; 
	position: absolute;
	line-height: 430%;
	display: block;
}	

/* end home */
/*=================================================================
	Delivery
==================================================================*/


.delivery-wrapper {
    border-radius: 5px;
    min-height: 200px;
    list-style: none;
    text-align: center;
    background-color: #fff;
	box-shadow:
    	0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  	0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  	0 12.5px 10px rgba(0, 0, 0, 0.06),
  	0 22.3px 17.9px rgba(227, 227, 227, 0.042),
  	0 41.8px 33.4px rgba(227, 227, 227, 0.056),
  	0 12px 9px rgba(227, 227, 227, 0.001);
    z-index: 1000;
    padding: 40px 50px 40px 40px;
	margin: 0 7px 0 7px;
}

.delivery-wrapper li {
    display: inline-block;
}

.delivery-item {
    cursor: pointer;
	background-color: #fff;
    /* Arriba | Derecha | Abajo | Izquierda 	Espacios del grid	
    margin: 0.1% .2% 0.1% .2%;*/
    overflow: hidden;
    position: relative;
    width: 32%;
    height: 190px
}

.delivery-item h1 {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color: #8e3ea1;
	line-height: 120%;
	}

.delivery-item h3 {
	font-weight: normal;
	font-size: 10px;
	text-align: center;
	color: #404040;
	line-height: 2px;
}

.delivery-tem a {
	color: #8e3ea1;
}
	
.delivery-item a:hover {
	color: #43af9f;		/* color selección */
}

.delivery-item:hover {
    	bottom: 0;
	background-color: #e5e5e5;
}

/*=================================================================
	Panel Informativo
==================================================================*/

#panelwrapper {
  	display: none;
	margin: 0;		/*  arriba	izq/der	 	abajo*/
	/*	position:absolute;	
	line-height:20px;
	border-radius: 5px;
	max-height: 70vh;	
	width:100%
	z-index: 4000;*/
	position: fixed;
	z-index: 4000;
	top: 21%;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	/*padding-top: 9px;
	height: 30px;*/

}
#panelwrapper h1 {
	font-weight: bold;
	font-size: 23px;
	text-align: left;
	color: #404040;
	line-height: 25px;
	}

#panelwrapper h2 {
	font-weight: normal;
	font-size: 16px;
	text-align: justify;
	color: #404040;
	line-height: 25px;
}
#panelwrapper h2 span {
		font-weight: bold;
	}
.panel-ic > ul > li { 
	position:relative; 
	/*	background:url(../images/temporal/bg_content.png) repeat; */
	width:100%; 
	overflow:hidden;
}

#panelwrapper p {
	padding: 0px 120px 0px 70px;
	line-height: 20px;
}
#panelwrapper .hidden {
  	display: none;
}

.panel-ic {
	border:0;
	background:#e5e5e5;
	color:#000;
	font-size:10px;
	/*	margin:-300% 0 0 0;	*/
	overflow:hidden;
	/* padding: 25px 12px 21px;		arriba	izq-der 	abajo */
	margin: 0;
	box-shadow:
    		0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  		0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  		0 12.5px 10px rgba(0, 0, 0, 0.06),
  		0 22.3px 17.9px rgba(227, 227, 227, 0.042),
  		0 41.8px 33.4px rgba(227, 227, 227, 0.056),
  		0 12px 9px rgba(227, 227, 227, 0.001);
}
#panelwrapper .btn
	{
		background: #8e3ea1;
		vertical-align: middle;
		border-radius: 21px;
		box-shadow: 0.5px 0.5px 0.5px #404040;
		border: 1px solid #8e3ea1;
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		margin-top: 10px;
		/*margin-left: 70px;*/
		width: 151px;			/*	Ancho del botón WhatsApp	*/
		height: 41px;
		padding-top: 10px;
		margin-left: 0px;
		/*	-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;	*/
	}
#panelwrapper .btn:hover
	{
		vertical-align: middle;
		background: #fff;
		border-radius: 21px;
		box-shadow: none;
		border: 1px solid #8e3ea1;
		color: #8e3ea1;
		position: relative;
		display: inline-block;
}

#panelwrapper .btn:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
}
#panelwrapper a {color:#8e3ea1;}
#panelwrapper ol li i { color:#8e3ea1; font-size: 12px; margin: 0 0 0 20px; padding: 0px 0px 0px 77px; line-height: 1px; vertical-align: middle; position: absolute }
#panelwrapper a:hover {color:#43af9f;}
#panelwrapper a i{
		color: #404040;		/*	#36204a;	 color link  */
		/* font-weight: 400; */
		font-size: 16px;
		margin: 0;
	}
#panelwrapper a i:hover {
		color: #43af9f;		/* 8e3ea1 color link  */
		/* font-weight: 400; */
		cursor: pointer;
	}
#panelwrapper .btn:hover, #panelwrapper .btn:focus, #panelwrapper .btn:active {			
		color: #8e3ea1;		/*   color de la letra del botón cuando se posiciona. */
}

/* .marg_right1{ margin-right:20px;}
.left { float:left;} */
.panel-ic .closepanel{ position:absolute; text-align: right; top:20px; right:50px; color: #404040; }
.panel-ic .closepanel span{ display:block}
.panel-ic .closepanel:hover {
	color: #43af9f;		/* color selección */
}
/*=================================================================
	Panel Informativo Maquillaje
==================================================================*/

#panelmaq {
  	display: none;
	margin: 0;		/*  arriba	izq/der	 	abajo*/
	position: fixed;
	z-index: 4000;
	top: 18%;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	/*height: 50px;*/
	border:0;
	float:right;
	background:#e5e5e5;
	color:#000;
	font-size:10px;
	/*	margin:-300% 0 0 0;	*/
	overflow:hidden;
	/*	Espacio de trabajo de información de maquillaje  */
	padding: 25px 12px 34px;	/*	arriba	izq-der 	abajo */
	box-shadow:
    		0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  		0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  		0 12.5px 10px rgba(0, 0, 0, 0.06),
  		0 22.3px 17.9px rgba(227, 227, 227, 0.042),
  		0 41.8px 33.4px rgba(227, 227, 227, 0.056),
  		0 12px 9px rgba(227, 227, 227, 0.001);
	
}
#panelmaq div h1 {
	font-weight: normal;
	font-size: 36px;
	text-align: center;
	color: #404040;
	line-height: 39px;
	padding: 0px 25px 0px 25px;
	}
#panelmaq div h1 span { color: #43af9f; font-weight: bold; }
#panelmaq div h2 {
	font-weight: normal;
	font-size: 16px;
	text-align: justify;
	color: #404040;
	line-height: 25px;
}
#panelmaq div h2 span {
		font-weight: bold;
	}
#panelmaq div h3 {		/* definición letra autor: */;
	font-weight: normal;
	font-size: 10px;
	text-align: right;
	color: #404040;
	line-height: 10px;
	padding: 0px 25px 12px 0px;
}
#panelmaq div h3 span {
	font-weight: bold;
}
#panelmaq p {
	margin-right: 30px;
	margin-left: 30px;
	padding: 0;
	line-height: 20px;
}
#panelmaq ul li {
	list-style:none;
}
#panelmaq .hidden {
  	display: none;
}
.inforostro .hidden {	display: none;	}
.infoojos .hidden {	display: none;	}
.infolabios .hidden {	display: none;	}
#panelmaq .btn:hover, #panelmaq .btn:focus, #panelmaq .btn:active {			
		color: #8e3ea1;		/*   color de la letra del botón cuando se posiciona. */
}
#panelmaq closerostro, #panelmaq closeojos, #panelmaq closelabios {
	color: #404040;
	font-size: 16px;
	text-align: right;
	position:absolute;
	top:20px; right:25px;
}
#panelmaq a i{
		color: #404040;		/*	#36204a;	 color link  */
		font-size: 16px;
	}
#panelmaq a i:hover {
		color: #43af9f;		/* 8e3ea1 color link  */
		cursor: pointer;
	}
#panelmaq .closemaq i{ position:absolute; font-size: 16px; text-align: right; top:20px; right:25px; color: #404040; } 
/*#panelmaq .closemaq span { display:block}*/
/* #panelmaq .closemaq i:hover {
	color: #43af9f;		/* color selección */
	/*cursor: pointer; 
}  */
/* start maquillaje */
#maquillaje .col-md-4, #cetica .col-md-4 {
		/*padding: 40px;*/
		/*height: 640px;*/
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
/*#maquillaje .col-md-4:hover
	{
		background: #8e3ea1;		/*. ba86b5 Color fondo servicios. Our awesome things */
/*		color: #fff;
	}*/
#maquillaje .active, #cetica .active {
		background: #ffffff;		/* 36204a color servicio seleccionado */
		padding: 40px 20px 60px 20px;			/*  Contenido texto */
	}
#maquillaje .fa, #cetica .fa {
		border: 1px solid #fff;
		border-radius: 2px;
		color: #fff;
		font-size: 50px;
		width: 100px;
		height: 100px;
		line-height: 100px;
		text-align: center;
	}
#maquillaje h4 {
		color: #43af9f;
		font-weight: 650;
		font-size: 25px;
		padding-top: 10px;
		padding-bottom: 14px;
	}
#maquillaje .active .overlay, #cetica .active .overlay {
		position: relative;
    	float: left;
		vertical-align: bottom;
		margin-bottom: 20px;
}
#maquillaje .btn, #cetica .btn {
		background: #fff;
		border-radius: 21px;
		color: #8e3ea1;			/* 363732 color letra */
		font-weight: normal;
		font-size: 14px;
		width: 151px;			/*	Ancho del botón WhatsApp	*/
		height: 41px;
		padding-top: 10px;
		overflow: hidden;
		text-align: center;
		vertical-align: middle;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
#maquillaje .btn:hover, #cetica .btn:hover	{
		border-radius: 21px;
		box-shadow: 0 0 1px #000000;	/*  color de la sombra de los botones.*/
		position: relative;
		display: inline-block;
		margin-left: 0;
		-webkit-transform: translateZ(0);
	   	-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		 -o-transform: translateZ(0);
			transform: translateZ(0);
		  
		-webkit-backface-visibility: hidden;
	   	-moz-backface-visibility: hidden;
			backface-visibility: hidden;
		  
		-webkit-transition-property: color;
	   	-moz-transition-property: color;
		-ms-transition-property: color;
			transition-property: color;
		  
		-webkit-transition-duration: 0.3s;
	   	-moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
			transition-duration: 0.3s;
		  
		-moz-osx-font-smoothing: grayscale;	
}

#maquillaje .btn:before, #cetica .btn:before {
		/*border-radius: 21px;*/
		content: '';
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	
		border-radius: 0;
		margin-left: -100%;
		/*background: #8e3ea1;	/*   color fondo */
		box-shadow: inset 0 0 0 142px #8e3ea1;
		-webkit-transform: scaleX(0);
	   	-moz-transform: scaleX(0);
			-ms-transform: scaleX(0);
				transform: scaleX(0);
			
		-webkit-transform-origin: 0 50%;
	   	-moz-transform-origin: 0 50%;
			-ms-transform-origin: 0 50%;
				transform-origin: 0 50%;
			
		-webkit-transition-property: transform;
	   	-moz-transition-property: transform;
			-ms-transition-property: transform;
				transition-property: transform;
			
		-webkit-transition-duration: 0.3s;
	   	-moz-transition-duration: 0.3s;
			-ms-transition-duration: 0.3s;
				transition-duration: 0.3s;
			
		-webkit-transition-timing-function: ease-out;
	   	-moz-transition-timing-function: ease-out;
			-ms-transition-timing-function: ease-out;
				transition-timing-function: ease-out;
}

#maquillaje .btn:hover, #maquillaje .btn:focus, #maquillaje .btn:active, #cetica .btn:hover, #cetica .btn:focus, #cetica .btn:active {			
		color: #fff;		/*   color de la letra del botón cuando se posiciona. */
		/*border-radius: 21px;*/
}
#maquillaje .btn:after, #cetica .btn:after { box-shadow: inset 0 0 0 1px #8e3ea1; }
#maquillaje .btn:hover:before, #maquillaje .btn:focus:before, #maquillaje .btn:active:before, #cetica .btn:hover:before, #cetica .btn:focus:before, #cetica .btn:active:before {
	/*border-radius: 21px;*/
	margin-left: 0;
	-webkit-transform: scaleX(1);
	   		-moz-transform: scaleX(1);
	    			-ms-transform: scaleX(1);
					transform: scaleX(1);
}
#panelcabello, #panelarticulos, #paneltools, #panelmaquinas, #paneltijeras, #panelplanchas, #panelsecadoras, #panellamparas, #panelrizadoras {
  	display: none;
}
#panelcabello .hidden, #panelarticulos .hidden, #paneltools .hidden, #panelmaquinas .hidden, #paneltijeras .hidden, #panelplanchas .hidden, #panelsecadoras .hidden, #panellamparas .hidden, #panelrizadoras .hidden {
  	display: none;
}
#panelmaquinas i, #paneltijeras i, #panelplanchas i, #panelsecadoras i, #panellamparas i, #panelrizadoras i {
  	position:absolute; 
	font-size: 16px; text-align: right; top:20px; right:25px; color: #404040;
}
#panelmaquinas i:hover, #paneltijeras i:hover, #panelplanchas i:hover, #panelsecadoras i:hover, #panellamparas i:hover, #panelrizadoras i:hover {
  	cursor: pointer;
	color: #43af9f;
}
/* end maquillaje */


/* start cabello */
#cabello .cabello-wrapper
	{
		background: #404040;
		padding-bottom: 7px;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
		position: relative;
	}
#cabello .cabello-wrapper:hover
	{
		/*cursor: pointer;  */
		opacity: 0.4;
		bottom: 4px;
	}
#cabello .cabello-wrapper .cabello-des
	{
		padding: 16px;
		color: #fff;
	}
#cabello .cabello-wrapper .cabello-des span {
		color: #fff;
		display: block;
		font-weight: bold;
		padding-bottom: 16px;
	}
#cabello h1 {					/*   color letra panel cabello  */
		font-weight: 500;
		font-size: 30px;
		text-align: center;
		padding: 18px 30px 0px;
		color: #ffffff;
		/*	padding-bottom: 10px;	*/
	}
#cabello h1 span {
		color: #43af9f;			/*  color letra titulo panel cabello  */
		font-weight: 500;
	}
#cabello h2 {					/* letra panel cabello */
		font-size: 17px;
		line-height: 20px;
		padding: 0px 30px 16px;
		font-weight: normal;
		color: #ffffff;
		text-align: justify;
	}	
#cabello h2 span {
		color: #ffffff;		/* color título secciones */
		font-size: 12px;
		font-weight: lighter;
	}
#cabello h3 {
		font-size: 14px;
		text-align: right;
		padding-bottom: 9px;
		font-weight: lighter;
		color: #ffffff;
	}	
#cabello h3 span {
		color: #ffffff;		/* color título secciones */
		font-size: 14px;
		font-weight: lighter;
		padding-bottom: 1px;
	}
/* end cabello */


/*=================================================================
	UnaLuna
==================================================================*/


#unalunas {
    padding: 0;
    color: #fff;
	background-image: url(../images/parallax/testimonial.jpg);
}

#scrollmaqs {
    padding: 0;
    color: #fff;
	/*position: fixed;
	z-index: 4000;*/
}
#unalunas h1, #scrollmaqs h1 {
		text-align: justify;
		font-size: 14px;
		font-weight: normal;
		line-height: 10px;
		color: #404040;
		padding: 0px 30px 40px; 	/*	arriba	izq-der 	abajo */
	}
#unalunas h5, #scrollmaqs h5, #scrollmaqs h6 {		/* Título */
		text-align: left;
		font-size: 16px;
		font-weight: 600;
		color: #404040;
		/*margin: 10px 10px 2px;		/*	arriba	izq-der 	abajo */
		padding: 5px 16px 0px; 	/*	arriba	izq-der 	abajo */
	}
#scrollmaqs h5 { font-size: 16px; }
#scrollmaqs h6 { text-align: center; }
#unalunas h1 span, #scrollmaqs h1 span {
		font-weight: normal;
		color: #8e3ea1;
	}
#unalunas .overlay, #scrollmaqs .overlay {
/*    background-color: rgba(54,32,74, 0.9);	*/
    background-color: rgba(142,62,161, 0.7);	/*	color del fondo UÑAS.   */
	/* marco del frame que contiene las tarjetas	arriba	izq-der 	abajo */
    /*padding: 30px 60px 20px;	*/
    overflow-x:hidden;
	padding: 70px 0 20px;
}
.unaluna-item, .scrollmaq-item {	
	color:#000;
	font-size:14px;
	overflow:hidden;
	border-radius: 16px;
	text-align: justify;
	background:#fff;
	margin: 10px auto;		/* espacio para que la sombra del item se pueda percibir: */
    padding: 0px 0px 5px;
    width: 95%;
	background-size: contain;
}
.unaluna-item img, .scrollmaq-item img {
    display: inline-block;
	height: 120px;	
}
/* texto párrafo del contenido de cada tarjeta */
.unaluna-item p {
	padding: 0px 30px 0px;	/*	arriba	izq-der 	abajo */
	line-height: 18px;
}
.scrollmaq-item p {
	padding: 5px 20px 0px; 	/*	arriba	izq-der 	abajo */
	line-height: 18px;
}
.unaluna-item p a, .scrollmaq-item p a {
		color: #8e3ea1;		/*	#36204a;	 color link correo sin seleccionar */
		font-weight: 400;
	}
.unaluna-item p a:hover, .scrollmaq-item p a:hover {
		color: #43af9f;		/* 8e3ea1 color link correo al seleccionar */
		font-weight: 400;
		cursor: pointer;
	}
.unaluna-item > div, .scrollmaq-item > div {
    line-height: 34px;				/*	Ancho del bloque o de la sección	*/
    position: relative;
}
	
.unaluna-item > div > span, .scrollmaq-item > div > span {		/*	TITULO	*/
    display: inline-block;
    font-weight: 700;
    margin: 20px 30px 10px;		/*	arriba	izq-der 	abajo */
    font-size: 18px;
}

.unaluna-item:hover, .scrollmaq-item:hover {
	-webkit-box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	-moz-box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	cursor: pointer;
}
#unalunas .owl-controls.clickable, #scrollmaqs .owl-controls.clickable {
    margin-top: 20px;
	text-align: right;		/* posición de los controles dentro del frame: */
}
#unalunas .owl-buttons, #scrollmaqs .owl-buttons {
    /*	border: 2px solid #fff;	*/
    line-height: 34px;	
    list-style: none;
    display: inline-block;
    float: right;
    padding: 10px 8px 5px;	/*	distancia de los botones al margen inferior: */
	font-size: 14px;
    /*margin: 0 270px 0;*/
	/*margin: 0 20px 10px; 	/*	Separación del frame con los botones de scroll: 	*/
	width: 100%;
}
#scrollmaqs i { color:#404040; font-size: 25px }
#unalunas .owl-buttons > div, #scrollmaqs .owl-buttons > div {
    display: inline-block;
    padding: 0 5px;		/* separación de los botones */
}

#unalunas .owl-prev:hover,
#unalunas .owl-next:hover, 
#scrollmaqs .owl-prev:hover, 
#scrollmaqs .owl-next:hover, #scrollmaqs i:hover {
    cursor: pointer;
	color: #43af9f;
}

/*=================================================================
	SECCIÓN PARA AVISOS Y TERMINOS Y CONDICIONES
==================================================================*/

#avisos {
    background-image: url(../images/avisos/fondo.jpg);
    padding: 0;
    color: #fff;
}
#avisos h1 {
		text-align: justify;
		font-size: 21px;
		padding-bottom: 40px;
		font-weight: lighter;
		line-height: 32px;
		color: #e5e5e5;
	}	
#avisos h5 {
		text-align: left;
		font-size: 30px;
		font-weight: bold;
		color: #ffffff;
		padding-bottom: 0;
	}
#avisos h1 span {
		font-weight: normal;
	}
#avisos .overlay {
/*    background-color: rgba(54,32,74, 0.9);	*/
    background-color: rgba(142,62,161, 0.7);	/*	color del fondo UÑAS.   */
    padding: 70px 34px 40px;		/* marco del frame	arriba	izq-der 	abajo */
    overflow-x:hidden;
}
#avisos li { margin-left: 25px; text-align: justify }
#avisos i { vertical-align: top; text-align: center }
.aviso-item {	
	color:#000;
	font-size:14px;
	overflow:hidden;
	padding: 0px 0px 20px;	/*	arriba	izq-der 	abajo */
	margin: 0 10px 20px;
	max-height: 430px;
	width: 90%;
	border-radius: 16px;
	text-align: justify;
	background:#fff;
}

.formapago-icon {
    border: 1px solid #404040;
    border-radius: 7px;
    height: 39px;
    width: 60px;
	horizontal-align: middle;
 	vertical-align: middle;
	background-color: #ffffff;
	background-position: center;
	text-align: center;
	padding: 7px 0px 0px 0px;
}
.formapago-item {
	padding: 10px 10px;
    width: 80px;
	height: 60px;
	margin: 1px auto;
	display: inline-block;
	text-decoration: none
}
.formapago-icon img {
	width: 63%;
	height: 63%;
}

#formapago { width:100%; padding: 10px 30px 10px;  display: inline-block; }
#formapago h1 {
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	color: #ffffff;
}
.aviso-item img {
    /*	border: 3px solid #43af9f;			   Color Borde de la Imagen 	*/
    /* border-radius: 50%;	*/
    display: block;
    max-height: 180px;
    margin: auto;
    padding-top: 30px;
}
.aviso-item p {
	padding: 0px 30px 0px;	/*	arriba	izq-der 	abajo */
	line-height: 18px;
}
.aviso-item p a, #avisos li a {
		color: #ffffff;		/*	#36204a;	 color link correo sin seleccionar */
	}
.aviso-item p a:hover, #avisos li a:hover {
		color: #43af9f;		/* 8e3ea1 color link correo al seleccionar */
		cursor: pointer;
	}
.aviso-item > div {
    line-height: 34px;				/*	Ancho del bloque o de la sección	*/
    position: relative;
}
.aviso-item > div > span {		/*	TITULO	*/
    display: inline-block;
    font-weight: 700;
    margin: 20px 30px 10px;		/*	arriba	izq-der 	abajo */
    font-size: 18px;
}
.aviso-item:hover {
	-webkit-box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	-moz-box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	cursor: pointer;
}
#avisos .owl-controls.clickable {
    margin-top: 20px;
    text-align: center;
}

#avisos .owl-buttons {
    /*	border: 2px solid #fff;	*/
    line-height: 34px;	
    list-style: none;
    /*float: inherit;*/
    display: inline-block;
    float: right;
    padding: 1px 8px 5px;
	font-size: 14px;
    /*margin: 0 270px 0;*/
	width: 88%;
}


#avisos .owl-buttons > div {
    display: inline-block;
    padding: 0 5px;		/* separación de los botones */
}

#avisos .owl-prev:hover,
#avisos .owl-next:hover {
    	cursor: pointer;
	color: #43af9f;
	font-weight: normal;
				/*	Color cuando se seleccionan los controles de avanzar  */
}
.quienes-item h1 { font-size: 34px; font-weight: 600; color: #8e3ea1 }
.quienes-item h1 span { font-weight: 400; color: #404040;	}
.quienes-item div {  }
.quienes-item h2 { 
	font-size: 21px; 
	font-weight: 400; 
	color: #404040; 
	line-height: 27px;
	text-align: justify;
}
.quienes-item h2 span { font-size: 18px;color: #404040;font-weight: bold }
.quienes-item h3 { text-align: justify;
		font-size: 21px;
		padding-bottom: 40px;
		font-weight: 100;
		color: #404040;
}
.quienes-item h3 span { font-weight: 400; font-size: 21px; color: #404040 }
.quienes-item h4 {
	font-weight: normal;
	font-size: 36px;
	text-align: left;
	color: #404040;
	line-height: 25px;
}
.qsomos h5 { font-size: 36px; font-weight: bolder; color: #404040 }
.qsomos { text-align: center; padding: 0px 0 70px; }
#quienessomos .overlay,
#mivision .overlay,
#contacts .overlay,
#ntrosvalores .overlay,
#cetica .overlay {
	padding: 70px 0px 40px 16px;
}

/*=================================================================
	EFECTOS BOTÓN DESPLAZAMIENTO DE IMAGEN HOME
==================================================================*/


#home-slider {
    position: relative;
    padding: 0;
}

.sl-slider-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.sl-slider {
    position: absolute;
    top: 0;
    left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
} 

.sl-slide {
    z-index: 1;
}



/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
    width: 100%;
    height: 50%;
    left: -200px;
    -webkit-transform: translateY(0%) scale(1);
    -moz-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
    top: -200px;
    padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
    top: 50%;
    padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
    width: 50%;
    height: 100%;
    top: -200px;
    -webkit-transform: translateX(0%) scale(1);
    -moz-transform: translateX(0%) scale(1);
    -o-transform: translateX(0%) scale(1);
    -ms-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
    left: -200px;
    padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
    left: 50%;
    padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
    position: absolute;
}

.sl-content {
    width: 100%;
    height: 100%;
}



/*=================================================================
	Artículos
==================================================================*/

.project-wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
	background-color: #ffffff;
}

.project-wrapper li {
    display: inline-block;
}

.portfolio-item {
    cursor: pointer;
    /* Arriba | Derecha | Abajo | Izquierda 	Espacios del grid	*/
    margin: 0.1% .2% 0.1% .2%;
    overflow: hidden;
    position: relative;
    width: 16%;
	border-radius: 21px;
	border: 1px solid #e4e4e4;
	box-shadow:
    		0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  		0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  		0 12.5px 10px rgba(0, 0, 0, 0.06),
  		0 22.3px 17.9px rgba(227, 227, 227, 0.042),
  		0 41.8px 33.4px rgba(227, 227, 227, 0.056),
  		0 12px 9px rgba(227, 227, 227, 0.001);
}
.maquillaje-item {
    cursor: pointer;
    /* Arriba | Derecha | Abajo | Izquierda 	Espacios del grid	*/
    margin: 0.1% .2% 0.1% .2%;
    overflow: hidden;
    position: relative;
    width: 18%;
}
figcaption.mask {
    background-color: rgba(54, 55, 50, 0.81);		/*   color fondo al seleccionar las imágenes de FEATURED PROJECTS */
    bottom: -171px;
    color: #43af9f;						/*   color texto al seleccionar las imágenes de Portafolio */
    padding: 25px;
    position: absolute;
    width: 100%;
    text-align: left;
    
    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}

.portfolio-item:hover figcaption.mask {
    bottom: 0;
}

figcaption.mask h3 {
    margin: 0;
    color: #fff;
	text-align: left;
	/*  color texto título al seleccionar las imágenes de portafolio */
}
figcaption.mask p {
    text-align: justify;
}
ul.external {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -47px;
    
    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}

ul.external li {
    display: inline-block;
}

ul.external li a {
    background-color: rgba(255, 255, 255, 0.9);		/*  color del fondo de los iconos de links imagenes portafolio */
    color: #818181;					/*  color del texto o título de los iconos */
    display: block;
    padding: 10px 18px 13px;	/* arriba	izq/der		abajo	*/
    
    -webkit-transition: all 0.5s ease 0s;			/*  velocidad de cambio de color al seleccionar el icono */
       -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}

ul.external li a:hover {
    background-color: #818181;				/*  color al posicionarse en el icono de featured projects */
    color: #fff;						/*  color fondo de los iconos de featured projects  */
}

.portfolio-item:hover ul.external {
    top: 0;		/* Posición de los iconos lupa y link  */
}
/*=================================================================
	Artículos 2a opción
==================================================================*/

#articulos-wrapper {
    min-height: 300px;
    list-style: none;
    background-color: #fff;
    width: 100%;
}

.articulos-item, .articulos-item2, .articulos-item3 {
    cursor: pointer;
    /* Arriba | Derecha | Abajo | Izquierda 	Espacios del grid	
    margin: 0.1% .2% 0.1% .1%;	*/
    overflow: hidden;
    position: relative;
    height: 300px;
    /*background-image: url(../images/division/imagenprueba2.jpg);
	padding: 30px 40px 40px; */ 
}
.articulos-item3 {
    width: 39.7%;
	/*background-size: contain;*/
}
.articulos-item {
    width: 39.7%;
	background-size: contain;
}
.articulos-item2 {
    width: 60%;
	/*background-size: contain;*/
}
.articulos-wrapper div {
    display: inline-block;
	text-decoration: none;
}
.articulos-item img, .articulos-item2 img, .articulos-item3 img {
    display: inline-block;
    margin: 0;
    padding: 0;
	height: 100%;
	background-repeat: no-repeat; 
	background-position: center;
	position: absolute;
}
.articulos-item2 img, .articulos-item3 img { width:100%;}
.articulos-item h1, .articulos-item2 h1, .articulos-item3 h1 {
	font-weight: 500;
	font-size: 30px;
	text-align: center;
	padding: 18px 30px 20px;
	color: #ffffff;
	position: relative; 
}
.articulos-item h1 span, .articulos-item2 h1 span, .articulos-item3 h1 span {
	color: #43af9f;
	font-weight: 500;
}

.articulos-item h2, .articulos-item2 h2, .articulos-item3 h2 {
	font-weight: normal;
	font-size: 17px;
	text-align: justify;
	padding-top: 0px;		/* 10px; */
	padding-bottom: 50px;	/* 50px; */
	color: #ffffff;
	line-height: 27px;
	padding: 0px 30px 20px;
	position: relative;
}
.articulos-item h2 span {
		color: #8e3ea1;		/* color título secciones */
		font-size: 12px;
		font-weight: normal;
		text-align: right;
		padding-bottom: 0px;
		padding-top: 0px;
}
.articulos-item .btn, .articulos-item2 .btn, .articulos-item3 .btn {
		background: #8e3ea1;
		vertical-align: middle;
		border-radius: 21px;
		box-shadow: 0.5px 0.5px 0.5px #404040;
		border: 1px solid #8e3ea1;
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		width: 151px;			/*	Ancho del botón WhatsApp	*/
		height: 41px;
		padding-top: 10px;
		margin-left: 30px;
		position: relative;
	}
.articulos-item .btn:hover, .articulos-item2 .btn:hover, .articulos-item3 .btn:hover
	{
		vertical-align: middle;
		background: #fff;
		border-radius: 21px;
		border: 1px solid #8e3ea1;
		box-shadow: none;
		color: #8e3ea1;
		display: inline-block;
}

.articulos-item .btn:before, .articulos-item3 .btn:before, .articulos-item3 .btn:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		/* background: #fff;	  color fondo */
	
}

.articulos-item .btn:hover, .articulos-item .btn:focus, .articulos-item .btn:active {			
		color: #8e3ea1;		/*   color de la letra del botón cuando se posiciona. */
}

picletras.mask {
    bottom: 0;
    color: #fff;						/*   color texto al seleccionar las imágenes de Portafolio */
    position: absolute;
    padding-bottom: 40px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;   
    line-height: 22px; 
}

picletras.mask h1 {
	font-weight: bold;
	font-size: 27px;
	text-align: justify;
	padding-top: 15px;
	color: #404040;
}
picletras.mask h1 span {
	color: #8e3ea1;
}

picletras.mask h2 {
	font-weight: normal;
	font-size: 16px;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 50px;
	color: #404040;

}
picletras.mask .btn
	{
		background: #8e3ea1;
		vertical-align: middle;
		border-radius: 21px;
		box-shadow: 0.5px 0.5px 0.5px #404040;
		border: 1px solid #8e3ea1;
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		width: 151px;			/*	Ancho del botón WhatsApp	*/
		height: 41px;
		padding-top: 10px;
	}
picletras.mask .btn:hover
	{
		vertical-align: middle;
		background: #fff;
		border-radius: 21px;
		border: 1px solid #8e3ea1;
		box-shadow: none;
		color: #8e3ea1;
		position: relative;
		display: inline-block;
}

picletras.mask .btn:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		/* background: #fff;	  color fondo */
	
}

picletras.mask .btn:hover, picletras.mask .btn:focus, picletras.mask .btn:active {			
		color: #8e3ea1;		/*   color de la letra del botón cuando se posiciona. */
}




/*=================================================================
	Herramientas
==================================================================*/


/* start tools */
#tools
	{
		background-color: #8e3ea1;
		width:100%;
}
#tools .col-md-4
	{
		padding: 0px;
}
.tools-thumb, 
.tools-overlay {
		max-width: 100%;
}
#tools img
	{
		height: 90px;
    	width: 90px;
		display: inline-block;
		padding-bottom: 0px;
}
.tool-item {
	margin: 0 auto;
    	padding-bottom: 30px;
	padding-top: 30px;
    	width: 180px;
	height: auto;
	horizontal-align: middle;
 	vertical-align: middle;
}
.tool-item > div {
    line-height: 160px;				/*	Ancho del bloque o de la sección	*/
    position: relative;
}
.tool-item2 {
    /* border: 3px solid #43af9f;			  Color Borde de la Imagen 	*/
    border-radius: 100%;
    display: inline-block;
    /*margin: 20px 40px 20px;*/
    margin: 0 auto;
    horizontal-align: middle;
    vertical-align: middle;
    height: 90px;
    width: 90px;
    /* background-color: rgba(67, 175, 159, 1);	
   box-shadow:
        inset 0 -9em 9em rgba(67, 175, 159,1),
             0 0  0 1px rgb(67, 175, 159),
             0.1em 0.1em 1em rgba(0,0,0,0.3);*/
 	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #55B7A8 0%, #43af9f 100%, #000 95%);
  	background-image: -webkit-radial-gradient(45px 45px, circle cover,#55B7A8, #358C7F);
  	background-image: radial-gradient(45px 45px 45deg, circle cover, #55B7A8 0%, #43af9f 100%, #000 95%);


/*   	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
  	background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
  	background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
*/
}
.tool-item2:hover {
	-webkit-box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	-moz-box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	cursor: pointer;
}
#tools ul a div:hover {
	color:#43af9f;
}
#tools ul {
	list-style: none;
	padding: 0;
	text-align: center;
	margin: 0;
}


#tools li
	{
		border: none;
		text-align: center;
		line-height: 39px;
		display: inline-block;
		color: #e7e7e7;		/*	color icons redes sociales y encuéntrame 8e3ea1;	*/
	}
#tools li :hover {
		/* 	background: #43af9f;		8e3ea1	Color seleccionar títulos. */
		cursor: pointer;
	}
#tools li span {
		font-size: 14px;
		font-weight: 500;
	}
#tools i {
	color:#ffffff; font-size: 25px
}
#tools i:hover {
	 cursor: pointer;
	color: #43af9f;
}
#tools .tools-thumb
	{
		overflow: hidden;
		padding: 0;
		margin: 0 auto;
	}
#tools .tools-thumb .tools-overlay
	{
		background: rgba(54, 55, 50, 0.81);
		color: #fff;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;	
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		padding: 10px 10px 10px 10px;
		text-align: justify;
		margin-left: auto;
		margin-right: auto;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
#tools .tools-thumb .tools-overlay h4
	{
		font-weight: bold;
		padding-bottom: 10px;
	}
#tools .tools-thumb .tools-overlay .btn
	{
		background: none;
		border: 1px solid #fff;
		border-radius: 2px;
		color: #fff;
		font-weight: normal;
	}
#tools .tools-thumb:hover .tools-overlay
	{
		cursor: pointer;
		opacity: 0.8;
	}
/* end tools */


/*=================================================================
	Services
==================================================================*/
#service {
	background-color: #fff;
}
.services-icon {
    border: 1px solid #8e3ea1;
    border-radius: 50%;
    display: inline-block;
    max-height: 160px;
    max-width: 160px;
	horizontal-align: middle;
 	vertical-align: middle;
}
.services-item {
	padding: 20px 0px;
    width: 180px;
	height: 180px;
	horizontal-align: middle;
 	vertical-align: middle;
	text-align: center;
	margin: 1px auto;
}
.services-icon img {
	width: 69%;
	height: 69%;
}

.services-item > div {
    line-height: 160px;				/*	Ancho del bloque o de la sección	*/
    position: relative;
}
#service .owl-controls.clickable, #tools .owl-controls.clickable {
    margin-top: 20px;
	text-align: right;	/*	posición de los botones control  */
}
#service .owl-buttons, #tools .owl-buttons {
    /*	border: 2px solid #fff;	*/
    line-height: 34px;	
    list-style: none;
    /*float: inherit;*/
    display: inline-block;
    float: right;
    padding: 1px 8px 5px;
	width: 100%; 
}
#tools .owl-buttons { color: #fff  }
#service .owl-buttons > div, #tools .owl-buttons > div  {
    display: inline-block;
    padding: 0 5px;
}
#service .owl-prev:hover, #tools .owl-prev:hover
#service .owl-next:hover, #tools .owl-next:hover {
    	cursor: pointer;
	color: #43af9f;
				/*	Color cuando se seleccionan los controles de avanzar  */
}
#service i {
	color:#404040; font-size: 25px
}
#service i:hover {
	 cursor: pointer;
	color: #43af9f;
}
/*=================================================================
	Social
==================================================================*/



#social {
    background-image: url(../images/slider/banner.jpg);		/* 	Imagen de fondo de redes sociales		 */
    padding: 0;
}

#social .overlay {
/*    background: url("../images/slide_bg.png") repeat scroll 0 0 transparent; */	/*   Se elimina el fondo translúcido */
    padding: 100px 0 120px;
}

.social-button {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.social-button li {
    display: inline-block;
}

.social-button li:nth-child(2) {
    margin: 0 81px;
}

.social-button li a {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 90px;
    line-height: 96px;
    width: 90px;
    
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}

.social-button li a:hover {
    color: #43af9f;
    border: 2px solid #43af9f;
}


/*=================================================================
	Contact
==================================================================*/
#ContactForm {
	position:relative; 
	padding: 0px 0px 20px;
	margin: 0;
	width: 100%;
}


.error, .empty{ 
	font-size: 14px; 
	color: #8e3ea1; 
	line-height: 25px; 
	display: none; 
	font-weight: lighter;
	width: 100%
}
.success { 
	display: none; 
	position: absolute; 
	bottom: 0; 
	line-height: 20px;
	width: 100%;
}

.input[type=text], .input[type=email], .input { 
	width: 100%;
	border: 1px solid #ececec;
    font-weight: normal;
    border-radius: 12px;
    	color: #818181;
    	/*	height: 50px;	*/
	font:14px "Avenir Next Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.bg { 
	background:#fff; 
	box-shadow: none;
	font-size: 16px;
}

.input-field {
    margin-bottom: 10px;
	width: 100%;
}

.form-control {
    border: 1px solid #ececec;
    font-weight: normal;
    border-radius: 12px;
    box-shadow: none;
    color: #818181;
    font-size: 14px;
    height: 43px;
}

textarea.form-control {
    /* width: 600px;	*/
    height: 165px;
	width: 100%;
	border: 1px solid #ececec;
    font-weight: normal;
    border-radius: 12px;
    	/*	height: 50px;	*/
	font:14px "Avenir Next Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#submit:hover, #limpiar:hover {
  	color: #fff;
	background-color: #404040;
}

#submit:before, #limpiar:before {
  background-color: #404040;		/*	Color fondo botón Enviar al seleccionarlo	*/
}

#submit.btn-effect:after, #limpiar.btn-effect:after {
  background: #000000;
}

#contactsconocenos {  color: #404040;  }
#contactsconocenos .overlay {
    list-style: none;
    background-color: #fff;
    width: 100%;
}
.contactsconocenos-area, .contactsconocenos-areados {
    display: inline-block;
	vertical-align: top;
    width: 49%;
    padding: 0px 10px 40px;
	position:relative; 
}
.contact-details {
    width: 100%;
    margin-left: 0px;
}
#contactsconocenos .overlay {
    padding: 50px 0px 50px;	/*	 POR BORRAR márgenes de la sección contacto */
    overflow-x:hidden;
}
.contactsconocenos-area  > div, .contactsconocenos-areados > div {
    display: inline-block;
    padding: 0 0px;
}
.contact-item h6 {
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    line-height: 25px;
    margin: 0px;
}
.contact-details h1 {
		font-weight: normal;
		font-size: 32px;
		padding-top: 0px;
		color: #404040;
		line-height: 64px;
	}
.contact-details h3 {
    border-bottom: 1px solid #8e3ea1;		/*	Color línea debajo del título Contacto	*/
}

.contact-item p, .contact-details p {
    line-height: 20px;
}

.contact-item p i {
    margin-right: 0px;
    margin-left: 0px;
    Margin-top: 0px;
}

.contact-item p span {
    display: block;
    margin-left: 0px;
}
.contact-item a
	{
		color: #8e3ea1;		/*	#b985b4;	 color link correo sin seleccionar */
		font-weight: regular;
	}

.contact-item a:hover
	{
		color: #43af9f;		/* 8e3ea1 color link correo al seleccionar */
	}

.contact-item {
    margin: 0px;
    padding-bottom: 0px;
}

.contact-item > div {
    line-height: 16px;				/*	Ancho del bloque o de la sección	*/
    position: relative;
}

#contactsconocenos .owl-controls.clickable {
    margin-top: 20px;
	text-align: left;	/*	posición de los botones control  */
}

#contactsconocenos .owl-buttons {
    /*	border: 2px solid #fff;	*/
    line-height: 34px;	
    list-style: none;
    /*float: inherit;*/
    display: inline-block;
    float: right;
    padding: 1px 8px 5px;
	width: 100%;
	font-size: 12px;
}
#contactsconocenos .owl-buttons > div {
    display: inline-block;
    padding: 0 5px;
}
#contactsconocenos .owl-prev:hover,
#contactsconocenos .owl-next:hover {
    	cursor: pointer;
	color: #43af9f;
				/*	Color cuando se seleccionan los controles de avanzar  */
}

/*============================================================
	Google Maps
==============================================================*/

#google-map {
    height:480px; 
    padding-top:0; 
    position:relative; 
    background:#fff;
    width:100%;
	
}

#map-canvas {
    width:100%;
    height:480px; 
    padding-top:0; 
    position:relative; 
    background:#fff;

}

.scrolloff {
	pointer-events: none;
}



/*=================================================================
	Nuestros Valores
==================================================================*/


/* start */

#ntrosvalores img {
		height: 140px;
    	width: 140px;
		display: inline-block;
		padding-bottom: 0px;
}
.nvalor-item2 {
    /* border: 3px solid #43af9f;			  Color Borde de la Imagen 	*/
    border-radius: 100%;
    display: inline-block;
    /*margin: 20px 40px 20px;*/
    margin: 0 auto;
    vertical-align: middle;
    height: 140px;
    width: 140px;
	text-align: center;
	line-height: 180px;
 	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #55B7A8 0%, #43af9f 100%, #000 95%);
  	background-image: -webkit-radial-gradient(45px 45px, circle cover,#55B7A8, #358C7F);
  	background-image: radial-gradient(45px 45px 45deg, circle cover, #55B7A8 0%, #43af9f 100%, #000 95%);
}
.nvalor-item2:hover {
	-webkit-box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	-moz-box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	box-shadow: 2px 3px 7px 0px rgba(64,64,64,1);
	cursor: pointer;
}
#ntrosvalores ul {
	list-style: none;
	padding: 0;
	text-align: center;
	margin: 0;
}
#ntrosvalores .wrapper {
	width: 320px;
	height: 270px;
}
#ntrosvalores li {
		text-align: center;
		line-height: 39px;
		display: inline-block;
		color: #8e3ea1;		/*	color icons redes sociales y encuéntrame 8e3ea1;	*/
	}
#ntrosvalores li span {
		font-size: 14px;
		font-weight: 500;
	}

#ntrosvalores li h1 {
	font-size: 25px;
	line-height: 29px;
	font-weight: normal;
	color: #8e3ea1;
	text-align: center;
}
#ntrosvalores li h1 span {
	font-weight: lighter;
	color: #404040;
	text-align: justify;
	font-size: 21px;
}
#quienessomos .quienes-item2 {
    border: 3px solid #8e3ea1;		/*	  Color Borde de la Imagen 	*/
    border-radius: 100%;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    height: 300px;
    width: 300px;
	background-color: #fff;
	background-image: url(../images/flyer.jpg);
	background-size: contain;
	background-repeat: no-repeat;
 	/*background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #55B7A8 0%, #43af9f 100%, #000 95%);
  	background-image: -webkit-radial-gradient(45px 45px, circle cover,#55B7A8, #358C7F);
  	background-image: radial-gradient(45px 45px 45deg, circle cover, #55B7A8 0%, #43af9f 100%, #000 95%);*/
}
#quienessomos img {
    	width: 100%;
		display: inline-block;
		padding-bottom: 0px;
		background-size:auto;
		vertical-align: middle
}
/* end tools */



/*============================================================
	Footer
==============================================================*/

#footer {
    background-color: #36204a;			/* 8e3ea1	Color fondo del footer	*/
    padding: 90px 0 40px;				/* arriba/abajo	 izq/der. */
    color: #7f7f7f;
}

.footer-content {
    width: 100%;
    /*margin: 0 auto;*/
    height: 400px;
}

.footer-content > div {
    margin-bottom: 10px;
}

.footer-content > div > p:first-child {
    margin-bottom: 15px;
}

.footer-content .footer-social {
    margin: 40px 0 40px;		/* arriba	izq/der		abajo	*/
}

.footer-content ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer-content ul li {
    display: inline-block;
    margin: 0 20px;			/*	arriba/abajo	derecha/izq	*/
    width: 241px;
    text-align: left;
    vertical-align: top;
}
.footer-content ul li a {
    text-decoration: none;
    color: #7f7f7f;
}

.footer-content ul li a:hover {
    color: #43af9f;
}
.footer-content ul li h1 {
	color: #7f7f7f;
    font-size: 19px;
	font-weight: 600;
	text-align: left;
	padding-bottom: 15px;
}
.footer-content ul li h2 {
	color: #7f7f7f;
    font-size: 14px;
	font-weight: 400;
	text-align: left;
	line-height: 9px;
	padding: 0;	
}
.footer-content .footer-social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.footer-content .footer-social ul li {
    display: inline-block;
    margin: 0 10px;
    width: 30px;
    text-align: center;
}

.footer-content .footer-social ul li a {
    color: #7f7f7f;
    display: block;
    
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}

.footer-content .footer-social ul li a:hover {
    color: #43af9f;			/* 8e3ea1	Color al seleccionar los iconos del footer */
}

.footer-content > p {
    color: #7f7f7f;
    font-size: 12px;
    text-align: center;
    padding-top: 61px;
}

/* start copyright */
#copyright
	{
		padding: 10px;
	}
#copyright p
	{
		font-weight: 400;
	}
/* end copyright */

/* start social icon */
.social-icon
	{
		position: relative;
		padding: 0;
		margin: 0;
	}
.social-icon h4
	{
		display: inline-block;
		padding-right: 20px;
	}
.social-icon li
	{
		display: inline-block;
		list-style: none;
	}
.social-icon li a
	{
		border: 1px solid #fff;
		border-radius: 2px;
		color: #fff;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.1s ease-in-out;
		        transition: all 0.1s ease-in-out;
		margin-right: 10px;
	}
.social-icon li a:hover
	{
		background: #43af9f;		/* b985b4  8e3ea1	Color seleccionar iconos redes sociales	*/
		border-color: transparent;
	}
/* end social icon */

/*============================================================
	Celulares
==============================================================*/
/*	ANTES DE WIDESCREEN: */
@media only screen and (max-width: 1199px) and (min-width: 992px) {
	#home {	line-height: 120% 	}
	#home h1{
		font-size: 43px;
		padding-top: 14%;
		padding-left: 21%;
	}

	#home h7 {
		font-size: 70px;
		line-height: 55px;
		font-weight: 700;
		padding-left: 16%;
	}
	#cabello .cabello-wrapper { margin-top: 40px; }
	#tools .tools-thumb .tools-overlay
	{
		background: rgba(54, 55, 50, 0.81);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		padding: 40px 10px 20px 20px;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
	#maquillaje {
		padding-top: 60px;
		padding-bottom: 5px;
	}
	#panelmaq { padding: 25px 12px 25px;	}
	#panelmaq div h1 { font-size: 20px;	line-height: 20px; }
	.writeus, .writeus a:hover { left: 84% }
	.pedidocontacto { right: 17% }
	.form-control { width: 320px;	}
	.contactsconocenos-area { width: 50%;	}
	.articulos-item, .articulos-item2, .articulos-item3 { width: 100%;	}
	#delivery	{	padding-bottom:34px;	}
	.delivery-wrapper { padding: 25px 12px 20px 12px; }
	.delivery-item {
		font-size: 10px;
		text-align: center;
	}
	.delivery-item h1 {
		font-weight: bold;
		font-size: 13px;
		text-align: center;
		color: #8e3ea1;
		line-height: 120%;
	}
	#panelwrapper p { padding: 0px 40px 0px 0px; }
	#panelwrapper ol li i { padding: 0px 40px 0px 16px; }
	#panelwrapper h1 { font-size: 16px; }
	#panelwrapper h2 { font-size: 14px; }
	.panel-ic { padding: 12px 12px 0px 0px; }
	#avisos h1 { font-size: 16px; line-height: 25px; }
	#avisos h5 { font-size: 21px; line-height: 21px; }
	.portfolio-item {	width: 14%;	}
	#cajacookies, #cajacookies a {	font-size: 12px;	}
	/*#unalunas .overlay, #scrollmaqs .overlay { padding: 30px 61px 20px;	}
	.unaluna-item, .scrollmaq-item { width: 86%;	}*/
	
	/*#unalunas .overlay, #scrollmaqs .overlay {	padding: 30px 5px 20px;	}*/
	/*.unaluna-item, .scrollmaq-item { margin: 0px 0px 20px 0px;  }*/
	/*#unalunas .owl-buttons { margin: 0 10px 10px;	}	
	#scrollmaqs .owl-buttons { margin: 0 20px 10px;	}	
	#unalunas .owl-buttons, #scrollmaqs .owl-buttons {	width: 100%;	}*/
	#unalunas h5, #scrollmaqs h5, #scrollmaqs h6 { font-size: 16px; }
	.delivery-item h3 {
		font-weight: normal;
		font-size: 7px;
		text-align: center;
		color: #404040;
		line-height: 30%;
	}
	/*  Espaciado de las Letras del Menú	*/
	.navbar-default { margin:0 }
	.navbar-default .navbar-nav li a {	font-size: 16px;	}
	.navbar-default .navbar-brand { padding: 0; }
	.navbar-default .nav-wrapper { margin: 0; padding: 0 14px; 	}
	.footer-content ul li {	width: 190px;	}
	#footer {	padding: 40px 0;				/* arriba/abajo	 izq/der. */	}
	.footer-content {	height: 520px;	}
	.navbar-collapse {
		max-height: 375px;
		overflow-y: auto;
		margin-top: 4px; 
		margin-left: -14px;
		margin-right: -14px;
		/*background: rgba(255,255,255,0.9);
		overflow-x: hidden;*/
	}

/* end cabello maquillaje tools contact */
}

/* start 990 media quires TAMAÑO <= IPAD */
@media only screen and (max-width: 991px) {
	#home {	line-height: 135% 	}
	#home h1{
		font-size: 43px;
		padding-top: 16%;
		padding-left: 16%;
	}
	#home h7 {
		font-size: 70px;
		line-height: 55px;
		font-weight: 700;
		padding-left: 12%;
	}
	#cabello .cabello-wrapper {	margin-top: 40px;	}
	#tools .tools-thumb .tools-overlay	{
		background: rgba(54, 55, 50, 0.81);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		padding: 40px 10px 20px 20px;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
	#maquillaje {
		padding-top: 60px;
		padding-bottom: 5px;
	}
	#panelmaq div h1 { font-size: 18px;	line-height: 18px; }
	#unalunas h5, #scrollmaqs h5, #scrollmaqs h6 { font-size: 16px; }
	.writeus, .writeus a:hover { left: 84% }
	.pedidocontacto { right: 17% }
	.form-control {	width: 320px;	}
	.contactsconocenos-area {	width: 50%;	}
	.articulos-item, .articulos-item2, .articulos-item3 {	width: 100%;	}
	/*  Espaciado de las Letras del Menú	*/
	#delivery	{	padding-bottom:34px;	}
	.delivery-wrapper { padding: 25px 12px 20px 12px; }
	.delivery-item {
		font-size: 10px;
		text-align: center;
	}
	.delivery-item h1 {
		font-weight: bold;
		font-size: 13px;
		text-align: center;
		color: #8e3ea1;
		line-height: 120%;
	}
	#panelwrapper p { padding: 0px 40px 0px 0px; }
	#panelwrapper ol li i { padding: 0px 40px 0px 10px; }
	#panelwrapper h1 { font-size: 16px; }
	#panelwrapper h2 { font-size: 14px; }
	.portfolio-item {	width: 14%;	}
	#cajacookies, #cajacookies a {	font-size: 12px;	}
	#avisos h1 { font-size: 16px; line-height: 25px; }
	#avisos h5 { font-size: 21px; line-height: 21px; }
	/*#unalunas .owl-buttons { margin: 0 10px 10px;	}	
	#scrollmaqs .owl-buttons { margin: 0 20px 10px;	}	*/
	/*#unalunas .owl-buttons, #scrollmaqs .owl-buttons {	width: 100%;	}
	#unalunas .overlay, #scrollmaqs .overlay {	padding: 30px 30px 20px;	}
	.unaluna-item, .scrollmaq-item { width: 98%;   }*/
	.delivery-item h3 {
		font-weight: normal;
		font-size: 7px;
		text-align: center;
		color: #404040;
		line-height: 30%;
	}
	header .social-icon {	text-align: right;	}
	.navbar-toggle {
		margin-top: 20px;
		border: 20px;
	}
	.navbar-collapse {
		max-height: 375px;
		overflow-y: auto;
		margin-top: 14px; 
		margin-left: -114px;
		margin-right: -114px;
		background: rgba(255,255,255,0.9);
		/*overflow-x: hidden;*/
	}
	.navbar-default .navbar-nav li a {
		height: 45px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 16px;
		font-weight: regular;
		line-height: 35px;
	}
	/*.navbar-default .navbar-nav li a:hover {	border-bottom: none;	}*/
	.animated-nav { 
		height: 90px;
		padding: 9px 0px;
		-webkit-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
	}
	.animated-nav2 { 
		height: 90px;
		padding: 9px 0px;
		-webkit-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
	}
	.footer-content ul li {	width: 190px;	}
	#footer {	padding: 40px 0;				/* arriba/abajo	 izq/der. */	}
	.footer-content {	height: 520px;	}
}
/* end 990 media quires */
/* start 768 media quires */
@media only screen and (max-width:767px) {
	.sec-title h2, h2, h8, .sec-title h8, .sec-title.white h8 {	font-size: 25px;	}	
	.quienes-item h1 { font-size: 27px }
	.quienes-item h1 span, h4 { font-size: 23px }
	.quienes-item h3, .quienes-item h3 span { font-size: 21px }
	h5 {	font-size: 21px;	}	
	
	h2 span, h8 span, .sec-title.white h2, .sec-title.white h8 span, .sec-title.white h2 span {
		font-size: 43px;
	}
	h5 span {	font-size: 43px;	}
	h3 {	font-size: 12px;	}
	h3 span {	font-size: 12px;	}
	header { font-size: 11px }
	#home {
		max-height: 60vh;
		padding-top: 0px;
		overflow-x: hidden;
		line-height: 120%;
	}
	#home h1{
		font-size: 21px;
		padding-top: 12%;
		padding-left: 30%;
	}

	#home h7 {
		font-size: 40px;
		line-height: 35px;
		font-weight: 700;
		padding-left: 25%;
	}
	#cabello h1 {	font-size:27px;	}
	#cabello h2 {	font-size: 14px;	}	
	#cabello h2 span { font-size: 10px;}
	#cabello h3 {	font-size: 10px;	}	
	#maquillaje {
		padding-top: 60px;
		padding-bottom: 5px;
	}
	#panelmaq div h1 { font-size: 18px;	line-height: 18px; }
	#unalunas h5, #scrollmaqs h5, #scrollmaqs h6 { font-size: 16px; }
	.portfolio-item {	width: 23%;	}
	#delivery	{	padding-bottom:34px;	}
	.delivery-wrapper { padding: 25px 12px 20px 12px; }
	.delivery-item {
		font-size: 10px;
		text-align: center;
	}
	.delivery-item h1 {
		font-weight: bold;
		font-size: 13px;
		text-align: center;
		color: #8e3ea1;
		line-height: 120%;
	}
	#panelwrapper p { padding: 0px 40px 0px 0px; }
	/*  PARA IPAD */
	#panelwrapper ol li i { padding: 0px 40px 0px 0px; line-height: 5px; }
	#panelwrapper h1 { font-size: 16px; }
	#panelwrapper h2 { font-size: 14px; }
	#cajacookies, #cajacookies a {	font-size: 12px;	}
	#avisos h1 { font-size: 16px; line-height: 25px; }
	#avisos h5 { font-size: 21px; line-height: 21px; }
	/*.unaluna-item, .scrollmaq-item, #unalunas .owl-buttons, #scrollmaqs .owl-buttons {
    		margin: 0 20px 10px;
	}*/
	/*#unalunas .owl-buttons, #scrollmaqs .owl-buttons {	width: 110%;	}
	/* #unalunas .overlay, #scrollmaqs .overlay {	padding: 300px 25px 20px;	} */
	/*#unalunas .overlay, #scrollmaqs .overlay {	padding: 30px 50px 20px;	}
	.unaluna-item, .scrollmaq-item { width: 45%;   }
	/*#unalunas .overlay, #scrollmaqs .overlay 	padding: 30px 5px 20px;	*/
	/*.unaluna-item, .scrollmaq-item { width: 86%;   }*/
	.delivery-item h3 {
		font-weight: normal;
		font-size: 9px;
		text-align: center;
		color: #404040;
		line-height: 120%;
	}
	header .social-icon {	text-align: right;	}
	#homeimg {
		max-height: 60vh;	/*  pantalla completa*/
		max-width: 100vw;
		min-height: 60vh;	/*  pantalla completa*/
		min-width: 100vw;
		overflow-x: hidden;
	}	
	#headerimg {
		max-height: 60vh;	/*  pantalla completa*/
		max-width: 100vw;
		min-height: 60vh;	/*  pantalla completa*/
		min-width: 100vw;
		overflow-x: hidden;
	}	
	.form-control {	width: 390px;	}
	.contactsconocenos-area {	width: 100%;	}
	.articulos-item, .articulos-item2, .articulos-item3 {	width: 100%;	}
	figcaption.mask {
    		font-size: 12px;		/*   color texto al seleccionar las imágenes de Portafolio */
    		padding: 10px;

	}
}
/* end 768 media quires */

/* start 360 media quires */
@media only screen and (max-width:360px) {
	header .social-icon {	text-align: left;	}
	#home	{
			min-height: 200px;
			padding-top: 0px;
			line-height: 120%;
		}
	#home h1{
		font-size: 21px;
		padding-top: 12%;
		padding-left: 30%;
	}

	#home h7 {
		font-size: 40px;
		line-height: 35px;
		font-weight: 700;
		padding-left: 25%;
	}
	#maquillaje {
		padding-top: 60px;
		padding-bottom: 5px;
	}
	#panelmaq div h1 { font-size: 18px;	line-height: 18px; }
	#unalunas h5, #scrollmaqs h5, #scrollmaqs h6 { font-size: 16px; }
	/*#unalunas .overlay, #scrollmaqs .overlay {	padding: 30px 5px 20px;	}
	.unaluna-item, .scrollmaq-item { width: 20%;   } */
	#avisos h1 { font-size: 16px; line-height: 25px; }
	#avisos h5 { font-size: 21px; line-height: 21px; }
	.portfolio-item {	width: 32%;	}
}
/* end 360 media quires */

/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 980px) and (max-width: 1150px) {
    .unaluna-item > div:after, .scrollmaq-item > div:after {
        bottom: -40px;
    }
}
/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {
    .unaluna-item, .scrollmaq-item {
        width: 95%;
    }

    .unaluna-item > div:after, .scrollmaq-item > div:after {
        bottom: -35px;
    }
	.navbar-default .navbar-brand { padding: 0; }
	.navbar-default .nav-wrapper { margin: 0; padding: 0 14px; 	}
	.navbar-collapse {
		margin-left: -14px;
		margin-right: -14px;
		/*background: rgba(255,255,255,0.9);*/
	}
	
}
/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 767px) {
	.unaluna-item, .scrollmaq-item {
        width: 93%;
    }
    .unaluna-item > div:before, .scrollmaq-item > div:before,
    .unaluna-item > div:after, .scrollmaq-item > div:after {
        background-image: none;
    }
    .unaluna-item > div > span, .scrollmaq-item > div > span {
        margin: 30px 0 20px;
    }
	#unalunas h5, #scrollmaqs h5, #scrollmaqs h6 { font-size: 16px; }
	.social-button li a {
		height: 81px;
		line-height: 86px;
		width: 81px;
	}
	.social-button li:nth-child(2) {
		margin: 0 34px;
	}
	/*#tools .tools-item2, #tools img {
		height: 60px;
		width: 60px;
	}*/
	.articulos-item { height: 320px; }
	.contactsconocenos-area, .contactsconocenos-areados { width: 100%; }
	.quienes-item h2, .quienes-item h1 { 	margin-right: 0; }
	.navbar-default ´{ margin:0 }
	.navbar-default .navbar-brand { padding: 0; 	}
	.navbar-default .nav-wrapper { margin: 0; padding: 0 14px; 	}
	.navbar-collapse {
		max-height: 375px;
		overflow-y: auto;
		margin-top: 14px; 
		margin-left: -14px;
		margin-right: -14px;
		background: rgba(255,255,255,0.9);
		/*overflow-x: hidden;*/
	}
}
/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.unaluna-item, .scrollmaq-item {
        width: 95.5%;
    }
	#unalunas h5, #scrollmaqs h5, #scrollmaqs h6 { font-size: 16px; }
    .unaluna-item > div:before, .scrollmaq-item > div:before {
        bottom: 160px;
    }
	
}