/*********************************************************************************/
/** Estilos default a aplicar para el diseño del sitio web de Electo Consultores */
/** ©2018 Diseñado por Ukoo										                 */
/*********************************************************************************/
		body {
			display: block;
			margin: 0;
			max-width: 100%;
		}

		h2{
			font-family: 'Bevan', sans-serif;
		}

		p{
			font-family: 'Nunito Sans', sans-serif;
		}
		
		
		#main_menu {
			height:115px;
			background: rgb(21, 132, 66);
			font-size: 0.75rem;
			font-family: 'Bevan', sans-serif;
			font-weight: normal;
			letter-spacing : 1px;
			width: 100%;
			/*overflow: hidden;*/
			position: fixed;
			margin-bottom: 10%;
			z-index: 3;
			transition: all 0.5s ease;
		}

		#main_menu.navbar-shrink {
		   height:100px;
		   background: rgba(21, 132, 66, 0.3);
		}
		

		 /* The side navigation menu */
		.side-nav {
		    height: 100%; /* 100% Full-height */
		    width: 0; /* 0 width - change this with JavaScript */
		    position: fixed; /* Stay in place */
		    z-index: 5; /* Stay on top */
		    top: 0; /* Stay at the top */
		    right: 0;
		    background-color: #3d032c;
		    overflow-x: hidden; /* Disable horizontal scroll */
		    padding-top: 60px; /* Place content 60px from the top */
		    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
		}

		/* The navigation menu links */
		.side-nav a {
		    padding: 8px 8px 8px 32px;
		    text-decoration: none;
		    font-size: 25px;
		    color: #FFFFFF;
		    display: block;
		    transition: 0.3s;
		}

		/* When you mouse over the navigation links, change their color */
		.side-nav a:hover {
		    color: #f1f1f1;
		}

		/* Position and style the close button (top right corner) */
		.side-nav .closebtn {
		    position: absolute;
		    top: 20px;
		    right: 25px;
		    font-size: 36px;
		    margin-right: 50px;
		}

		#boton-menu-movil{
			display: none;
		    font-size:30px;
		    cursor:pointer;
		    background-color: none;
		    float: right;
		    padding-top:30px;
		    padding-right:30px;
		}

		.links-movil{
			padding-top: 10%;
			text-align: center;
			font-weight:800;
		}

		.links-movil a{
			font-weight:800;
			font-size:2.5rem;
		}

		.contacto-menu-movil{
			padding-top:25%;
		}

		.contacto-menu-movil a img{
			display: inline-block;
			width: 40%; 
			height:auto;
			margin: 0;
		}

		.contacto-menu-movil a{
			display: inline;
			margin:0;
			padding: 0 0 0 7%;
		}

		.socmed-menu-movil{
			padding-top:0;
		}

		.socmed-menu-movil ul {
			/*padding-left:10%;*/
			padding:0;
		}

		.socmed-menu-movil ul li{
			display: inline;
		}


		.socmed-menu-movil ul li a{
			padding-left:10%;
			display: inline;
			margin:0;
			padding:0;
		}


		.socmed-menu-movil ul li a img{
			 height:auto;
			 width:14%;
			 padding:5%;
		}

		.socmed-menu-movil li:last-child a img{
			padding-left:none;
		}		 
		
		.logo-mn {
			float: left;
		}
		
		.logo-nav {
			width: auto; 
			height: 80px;
			padding: 1% 0 0 5%;
			transition: all 0.5s ease;
		}

		.logo-nav-menu-shrink{
			width: auto; 
			height: 100px;
			padding: 5px 0 15px 18px;
			margin-top: -5%;	
			transition: all 0.5s ease;
		}
		
		.navbar-elems {
			position: absolute;
			right: 20px;
			top: 35%;
		}

		#menu-movil{
			display:none;
		}
		
		.navbar-elems li {
			float: left; 
			list-style: none;
		}
		
		.navbar-elems li a {
			color: #FFFFFF;
     		text-decoration: none;
		    margin-right: 35px;	
			text-align: center;
		}
		
		.navbar-elems li a:hover {
			border-bottom: 4px solid #FFFFFF;			
		}


		#btn-activo{
			border-radius: 20px;
			padding: 7.5px 15px;
			background: #FFFFFF;
			color:#158442;	
			border-bottom: none;		
		}
        /****************************************************************************************************************************************************************
        *****************************************************************************************************************************************************************
        *****************************************************************************************************************************************************************
        ****************************************************************************************************************************************************************/

        /********************************************** INICIO *********************************************************************************************************/
		.contenedor-seccion{
			height:100%;
			width:100%;			
			margin:0;
			padding:0;
		}

		#contenedor-inicio{
			background-image:url("../media/bg-inicio.png");
			background-repeat:no-repeat;
			background-position:center;
			background-size:cover;
			background-color:#158442;
			height:900px;
		}


		#contenedor-inicio h2{
			font-family: 'Bevan', sans-serif;
		}

		.arrow-top-page{
			position:fixed; 
			bottom:10%; 
			right: 5%; 
			z-index:3;
		}

		.arrow-top-img{
			width:40px;
		}

		.titulo-inicio{
			padding:25% 0 0 5%; 
			width:20%;
		}

		.titulo-inicio h2{
			font-size:3rem; 
			line-height:95%;
		}

		.descripcion-inicio{
			padding:1% 0 0 5%; 
			width:30%;
		}

		.descripcion-inicio p{
			font-size:1.275rem;
			line-height:95%;
		}

		.contenedor-boton-mas{
			padding: 1% 0 0 5%;
		}

		.contenedor-boton-mas a{
			text-decoration: none;
		}

		.boton-mas{
			color:#FFFFFF; 
			background:#158442; 
			border-radius:20px; 
			width:150px; 
			padding:6px 10px; 
			display:flex; 
			align-items: center;
		}

		.boton-mas p{
			font-size:0.85rem; 
			display:inline-block;
		}

		.boton-mas img{
			float:right; 
			display:inline-block; 
			padding-left:3%;
		}

		.contenedor-scroll-btn{
			padding:5% 50% 0 50%; 
			margin:auto;
		}

		.contenedor-scroll-btn img{
			width:32px; 
			height:auto;
		}

		/********************************************** INICIO *********************************************************************************************************/

		/********************************************** INICIO SOMOS ***************************************************************************************************/

		#inicio-somos-elt{
			height:auto;
		}

		#contenedor-inicio-somos{
			width:100%;
			background:#FFFFFF;
			padding-bottom:8%;
		}

		.bloque-izquierdo{
			width:50%; 
			display:inline-block;
			float:left;
		}

		.titulo-inicio-somos{
			padding: 25% 0 0 10%;
		}

		.titulo-inicio-somos h2{
			color:#158442; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}

		.parrafo-inicio-somos{
			padding: 1% 0 3% 10%;
		}

		.parrafo-inicio-somos p{
			color:#939598; 
			font-size:1.125rem; 
			text-align:justify;
		}

		.bloque-derecho{
			width:50%; 
			display:inline-block;
		}

		.contenedor-imagen-inicio-somos{
			padding-left:10%; 
			padding-right: 10%; 
			padding-top:25%; 
			width:80%; 
			margin:auto;
		}

		.contenedor-imagen-inicio-somos img{
			object-fit:scale-down; 
			width:100%;
		}

		.contenedor-boton-mas-somos{
			padding: 1% 0 0 10%;
			float:right;
		}

		.boton-mas-somos{
			color:#FFFFFF; 
			background:#28437d; 
			border-radius:20px; 
			width:150px; 
			padding:7px 15px; 
			display:flex; 
			align-items: center;
		}

		.boton-mas-somos p{
			font-size:1rem; 
			font-weight:bold;
			display:inline-block;
		}




		/********************************************** INICIO SOMOS ***************************************************************************************************/

		/********************************************** INICIO SERVICIOS ***********************************************************************************************/
        #inicio-servicios-elt{
        	height:600px;
        }

        #contenedor-inicio-servicios{
        	background:#28437d;
        }

        .titulo-inicio-servicios{
        	padding: 5% 0 0 5%;
        }

        .titulo-inicio-servicios h2{
        	color:#FFFFFF; 
        	font-family: 'Bevan', sans-serif; 
        	font-size:2rem;
        }

        .contenedor-iconos-serv{
        	padding:5% 15% 0 15%; 
        	width:70%; 
        	margin:auto;
        }

        .icono-servicio{
        	width:25%; 
        	display:inline-flex; 
        	float:left; 
        	align-items:center;
        }

        .icono-servicio figure{
        	text-align:center;
        }

        .icono-servicio figure img{
        	width:117px; 
        	height:auto;
        }

        .icono-servicio figure figcaption{
        	padding-top:20%;
        }

        .icono-servicio figure figcaption p {
        	font-size:1.125rem;
        }

        .contenedor-masinf-serv-btn{
        	padding:20% 50% 0 43%; 
        	margin:auto;
        }

        .contenedor-masinf-serv-btn a{
        	text-decoration:none;
        }

        .boton-mas-serv{
			background:#FFFFFF; 
			border-radius:20px; 
			width:135px; 
			padding:6px 10px; 
			display:flex; 
			align-items: center;
		}

		.boton-mas-serv p{
			font-size:0.85rem; 
			font-weight:bold;
			color:#28437d; 
		}


		/********************************************** INICIO SERVICIOS ***********************************************************************************************/

		/********************************************** INICIO BLOG ****************************************************************************************************/

		.titulo-inicio-blog{
			padding: 5% 0 0 5%;
		}

		.titulo-inicio-blog h2{
			color:#158442; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}

		.attachment-post-thumbnail.size-post-thumbnail.wp-post-image{
			width: 120px;
			height: 120px;
			float: left;
			object-fit:contain;
			padding-right:2%;
		}

		.extracto-publicacion p{
			color: #939598;
		}

		.nombre-publicacion a{
			text-decoration: none;
			font-family: 'Nunito Sans', sans-serif;
			color: #6d6e71;
		}


		.contenedor-mas-publica-btn{
        	padding:2% 50% 0 43%; 
        	margin:auto;
        }

        .contenedor-mas-publica-btn a{
        	text-decoration:none;
        }

        .boton-mas-publica{
			background:#158442; 
			border-radius:20px; 
			width:170px; 
			padding:8px 12px; 
			display:flex; 
			align-items: center;
		}

		.boton-mas-publica p{
			font-size:1rem; 
			color:#FFFFFF; 
		}

		#inicio-blog-elt{
			height:1000px
		}

		#contenedor-inicio-blog{
			background:#FFFFFF;
		}

		.lista-publicaciones{
			padding:10% 0 0 10%;
		}

		.lista-publicaciones h2{
			font-family:'Nunito Sans', sans-serif; 
			font-size:1rem; 
			font-weight:bold; 
			color:#158442;
		}

		.lista-publicaciones ul{
			list-style: none;
		}

		.lista-publicaciones ul li{
			padding-bottom: 10%;
		}

		.titulo-publicacion{
			padding-top:4%;
		}

		/********************************************** INICIO BLOG ****************************************************************************************************/

		/********************************************** INICIO ALIADOS *************************************************************************************************/


		.titulo-inicio-aliados{
			padding: 0 0 4% 5%;
		}

		.titulo-inicio-aliados h2{
			color:#158442; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}

		#inicio-aliados-elt{
			height:470px;
		}

		#contenedor-inicio-aliados{
			background:#FFFFFF;
		}

		.contenedor-elementos-aliados{
			padding-top:3%;
		}

		.contenedor-logos-aliados{
			width:85%; 
			padding-left:5%;
			display:inline-block; 
			float:left;
		}

		.lista-horizontal-aliados{
			padding-left:5%;
		}

		.logo-aliado{
			display:inline-block; 
			width:18%; 
			float:left;
			margin-right:1%;
		}

		.logo-aliado img{
			width:100%;
		}

		.contenedor-boton-aliados{
			width:5%; 
			padding-top:4%; 
			display:inline-block;
		}

		.contenedor-boton-aliados img{
			height: 65px; 
			width: auto;
		}



		/********************************************** INICIO ALIADOS *************************************************************************************************/



		/********************************************** INICIO CLIENTES ************************************************************************************************/

		#inicio-clientes-elt{
			height:1350px;
		}

		.mosaico-clientes{
			width:100%; 
			overflow:auto; 
			background:#FFFFFF;
		}

		.mosaico-clientes img{
			width:33.33%; 
			padding:0; 
			margin:0; 
			float:left;
		}


		.contenedor-mas-clientes-btn{
        	padding:4% 50% 0 43%; 
        	margin:auto;
        }

		.boton-mas-clientes{
			background:#158442; 
			border-radius:20px; 
			width:160px; 
			padding:8px 12px; 
			display:flex; 
			align-items: center;
		}

		.boton-mas-clientes p{
			font-size:0.875rem; 
			color:#FFFFFF; 
			font-weight: bold;
		}

		/********************************************** INICIO CLIENTES ************************************************************************************************/



		/********************************************** INICIO UBICACION ***********************************************************************************************/

		#inicio-ubicacion-elt{
			
		}

		#contenedor-inicio-ubicacion{
			background:#158442;
			height:auto;
			overflow:hidden;
		}

		.contenedor-datos-ubica{
			width:90%; 
			padding: 5% 5% 15% 5%; 
			margin: auto;
		}

		.contenedor-ubica-img{
			width:40%; 
			display:inline-flex; 
			float:left; 
			padding-right:5%;
		}

		.contenedor-icono-ubicacion{
			float:left; 
			padding-top:7%;
		}

		.contenedor-icono-ubicacion img{
			width:100px; 
			height:auto;
		}

		.texto-icono-ubicacion{
			padding-left:10%; 
			padding-top:5%;
		}

		.texto-icono-ubicacion p{
			font-size:1.2rem;
		}

		.contenedor-ubica-mas{
			width:10%; 
			display:inline-flex; 
			float:left;
		}

		.contenedor-img-btn-ubica{
			padding: 0 25% 10% 25%; 
			margin:auto;
		}

		.contenedor-img-btn-ubica a img{
			width:70px;
			height:auto;
		}

		.header-ubicacion{
			color:#FFFFFF; 
			font-weight:bold; 
			font-size:1.25rem;
		}

		.contenedor-ubica-horario-img{
			width:30%; 
			display:inline-flex; 
			float:left;
			padding-right:5%;
		}

		.boton-mas-ubicacion{
			background:#FFFFFF; 
			border-radius:20px; 
			width:140px; 
			padding:8px 12px; 
			display:flex; 
			align-items: center;
		}

		.boton-mas-ubicacion p{
			font-size:0.875rem; 
			color:#158442; 
			font-weight: bold;
		}

		.contenedor-ubica-btn figure figcaption a{
			text-decoration:none;
		}

		/********************************************** INICIO UBICACION ***********************************************************************************************/




		/********************************************** INICIO FOOTER **************************************************************************************************/

		#inner-footer{
			width:80%; 
			padding: 0 10%; 
			margin:auto;
		}

		/********************************************** INICIO FOOTER **************************************************************************************************/


		/****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		****************************************************************************************************************************************************************/

		/********************************************** TOP SOMOS ******************************************************************************************************/
		#contenedor-somos-top{
			background-image:url("../media/bg-somos1.jpg");
			background-repeat:no-repeat;
			background-position:center;
			background-size:cover;
			background-color:#158442;
			height:550px;
		}

		#contenedor-somos-top h2{
			font-family: 'Bevan', sans-serif;
		}

		.titulo-somos{
			padding:15% 0 0 5%; 
			width:40%;
		}

		.titulo-somos h2{
			font-size:3rem;  
			line-height:105%;
		}


		.boton-mas-page-somos{
			color:#FFFFFF; 
			background:#28437d; 
			border-radius:20px; 
			width:150px; 
			padding:6px 10px; 
			display:flex; 
			align-items: center;
		}

		.boton-mas-page-somos p{
			font-size:0.85rem; 
			display:inline-block;
		}

		.boton-mas-page-somos img{
			float:right; 
			display:inline-block; 
			padding-left:3%;
		}


		/********************************************** TOP SOMOS ******************************************************************************************************/




		/********************************************** SOMOS DESCRIPCION **********************************************************************************************/

		#somos-page-descripcion{
			height:auto;
			overflow:hidden;
		}

		#contenedor-somos-descripcion{
			background:#FFFFFF;
		}

		.titulo-somos-page-desc{
			padding: 15% 0 1% 10%;
		}

		.titulo-somos-page-desc h2{
			color:#158442; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}


		.parrafo-desc-somos{
			padding: 1% 0 0 10%;
			width:90%;
		}

		.parrafo-desc-somos p{
			color:#939598; 
			font-size:1.125rem; 
			text-align:justify;
		}


		.parrafo-desc-somos-derecha{
			padding: 22.5% 0 0 5%;
			width:90%;
		}

		.parrafo-desc-somos-derecha p{
			color:#939598; 
			font-size:1.125rem; 
			text-align:justify;
		}

		/********************************************** SOMOS DESCRIPCION **********************************************************************************************/

		/********************************************** SOMOS EQUIPO ***************************************************************************************************/


		#somos-equipo{
			height:auto;
			overflow:auto;
		}

		#contenedor-somos-equipo{
			background: #FFFFFF;
		}

		.fila-miembros{
			width:100%; 
			float:left;
		}

		.titulo-somos-equipo{
			padding: 5% 0 0 5%;
		}

		.titulo-somos-equipo h2{
			color:#28437d; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}

		.contenedor-miembros-equipo{
			padding:5% 10% 0 10%; 
        	width:80%; 
        	margin:auto;
		}


		.miembro-equipo{
        	width:33%; 
        	display:inline-flex; 
        	float:left; 
        	align-items:center;
        	padding-bottom:5%;
        }

        .miembro-equipo figure{
        	text-align:left;
        }

        .miembro-equipo figure img{
        	width:300px; 
        	height:auto;
        	padding-bottom: 4%
        }

        .miembro-equipo figure figcaption p {
        	font-size:1.25rem;
        }

        .miembro-equipo figure .nombre-miembro p{
        	color:#158442;
        }

        .miembro-equipo figure .puesto-miembro p{
        	color:#939598;
        }


		/********************************************** SOMOS EQUIPO ***************************************************************************************************/


		/********************************************** SOMOS OBJETIVOS ************************************************************************************************/

		#somos-page-objetivos{
			height:460px;
		}

		#contenedor-somos-objetivos{
			background:#28437d;
		}

		.titulo-objetivos-page-desc{
			padding: 15% 0 1% 10%;
		}

		.titulo-objetivos-page-desc h2{
			color:#FFFFFF; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}


		.parrafo-desc-objetivos{
			padding: 1% 0 0 10%;
			width:85%;
		}

		.parrafo-desc-objetivos p{
			color:#FFFFFF; 
			font-size:1.125rem; 
			text-align:justify;
		}


		.parrafo-desc-objetivos-derecha{
			padding: 22.5% 0 0 5%;
			width:90%;
		}

		.parrafo-desc-objetivos-derecha p{
			color:#FFFFFF; 
			font-size:1.125rem; 
			text-align:justify;
		}

		/********************************************** SOMOS OBJETIVOS *************************************************************************************************/
		
		/********************************************** SOMOS FRASE *****************************************************************************************************/


		#somos-page-frase{
			height:500px;
		}

		#contenedor-somos-frase{
			background:#FFFFFF;
		}

		.contenedor-frase{
			display:block; 
			width:90%; 
			padding: 5% 5% 0 5%;
		}

		.contenedor-frase h1{
			font-size:2.5rem; 
			color:#158442; 
			font-family: 'Bevan', sans-serif; 
			text-align: center;
		}

		.autor-frase{
			display:block; 
			width:90%; 
			text-align:right;
		}

		.autor-frase p{
			color:#28437d; font-size:2.5rem; font-weight: bolder
		}



		/********************************************** SOMOS FRASE *****************************************************************************************************/


		/********************************************** SOMOS MISION ***************************************************************************************************/

		#somos-page-mision{
			height:540px;
			overflow:hidden;
		}

		#contenedor-somos-mision{
			background:#28437d;
			padding-bottom:6%;
		}

		.titulo-mision-page-desc{
			padding: 15% 0 1% 10%;
		}

		.titulo-mision-page-desc h2{
			color:#FFFFFF; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}

		.titulo-mision-derecha-page-desc{
			padding: 15% 0 0 5%;
		}

		.titulo-mision-derecha-page-desc h2{
			color:#FFFFFF; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}


		.parrafo-desc-mision{
			padding: 1% 0 0 10%;
			width:90%;
		}

		.parrafo-desc-mision p{
			color:#FFFFFF; 
			font-size:1.125rem; 
			text-align:justify;
		}


		.parrafo-desc-mision-derecha{
			padding: 2% 0 0 5%;
			width:90%;
		}

		.parrafo-desc-mision-derecha p{
			color:#FFFFFF; 
			font-size:1.125rem; 
			text-align:justify;
		}

		/********************************************** SOMOS MISION ***************************************************************************************************/

		/********************************************** SOMOS LASTIMG **************************************************************************************************/

		#somos-page-last-image{
			height:475px;
		}

		#contenedor-somos-last-image{
			background:#FFFFFF;
		}

		.contenedor-ultima-imagen-somos{
			padding:2% 0;
		}

		.contenedor-ultima-imagen-somos img{
			width:100%;
		}

		/********************************************** SOMOS LASTIMG **************************************************************************************************/
		


		/****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		****************************************************************************************************************************************************************/

		/********************************************** TOP SERVICIOS **************************************************************************************************/
		#contenedor-servicios-top{
			background-image:url("../media/bg-servicios.png");
			background-repeat:no-repeat;
			background-position:center;
			background-size:cover;
			background-color:#158442;
			height:550px;
		}

		.titulo-servicios{
			padding:15% 0 0 5%; 
			width:20%;
		}

		.titulo-servicios h2{
			font-size:3rem;  
			line-height:95%;
			font-family: 'Bevan', sans-serif; 
		}

		.descripcion-servicios{
			padding:1% 0 0 5%; 
			width:30%;
		}

		.descripcion-servicios p{
			font-size:1.275rem;
			line-height:95%;
		}


		/********************************************** TOP SERVICIOS **************************************************************************************************/




		/********************************************** DESCRIPCION SERVICIOS ******************************************************************************************/

		#servicios-page-descripcion{
			height:510px;
		}

		#contenedor-servicios-descripcion{
			background:#FFFFFF;
		}

		.titulo-servicios-page-desc{
			padding: 15% 0 1% 10%;
		}

		.titulo-servicios-page-desc h2{
			color:#28437d; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}		


		.parrafo-desc-servicios{
			padding: 1% 0 0 10%;
			width:90%;
		}

		.parrafo-desc-servicios p{
			color:#939598; 
			font-size:1.125rem; 
			text-align:justify;
		}

		.contenedor-imagen-desc-servicio{
			padding: 20% 0 0 45%;
		}

		/********************************************** DESCRIPCION SERVICIOS ******************************************************************************************/

		


		/********************************************** DETALLE SERVICIOS **********************************************************************************************/

		#servicios-detalle{
        	height:auto;
        	overflow:hidden;
        	background: #28437d;
        	transition: height 500ms ease-in-out;
        }

        .icono-servicio figure .img-detalle-servicio{
        	padding: 0 20%; 
        	margin:auto;
        }

        .icono-servicio figure figcaption ul{
        	text-align:left;
        }

        .icono-servicio figure figcaption ul li{
        	color:#FFFFFF; 
        	font-family: 'Nunito Sans', sans-serif; 
        	font-size:1rem;
        }

        .boton-detalle-serv{
        	background:#FFFFFF; 
        	border-radius:15px; 
        	width:195px; 
        	padding: 1% 6%;
        }

        .boton-detalle-serv p{
        	color:#28437d;
        }

        #contenedor-detalle-servicios{
        	background:#28437d;
        }


        .contenedor-detalle-iconos-serv{
        	padding: 10% 15% 0 15%; 
        	width:70%; 
        	margin:auto;
        }

        .contenedor-detalle-servicio-escondido{
        	display: none;
        }

        #detalle-servicio-menos-texto{
        	cursor:pointer; 
        	color:#FFFFFF; 
        	font-family: 'Nunito Sans', sans-serif; 
        	font-size:1rem; 
        	list-style:none; 
        	text-decoration:underline;
        }

        #detalle-servicio-mas-texto{
        	cursor:pointer; 
        	color:#FFFFFF; 
        	font-family: 'Nunito Sans', sans-serif; 
        	font-size:1rem; 
        	list-style:none;
        	text-decoration:underline;
        }

        .boton-ver-mas{
        	background:#fff; 
        	color:#28437d; 
        	border-radius:12px; 
        	text-align:center;
        }


		/********************************************** DETALLE SERVICIOS **********************************************************************************************/


		/****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************
		****************************************************************************************************************************************************************/


		/********************************************** TOP ALIADOS ****************************************************************************************************/
		#contenedor-aliados-top{
			background-image:url("../media/bg-aliados.png");
			background-repeat:no-repeat;
			background-position:center;
			background-size:cover;
			background-color:#158442;
			height:550px;
		}

		#contenedor-aliados-top h2{
			font-family: 'Bevan', sans-serif;
		}

		.titulo-aliados{
			padding:15% 0 0 5%; 
			width:40%;
		}

		.titulo-aliados h2{
			font-size:3rem;  
			line-height:95%;
		}


		.boton-mas-page-aliados{
			color:#FFFFFF; 
			background:#28437d; 
			border-radius:20px; 
			width:150px; 
			padding:6px 10px; 
			display:flex; 
			align-items: center;
		}

		.boton-mas-page-aliados p{
			font-size:0.85rem; 
			display:inline-block;
		}

		.boton-mas-page-aliados img{
			float:right; 
			display:inline-block; 
			padding-left:3%;
		}


		/********************************************** TOP ALIADOS ****************************************************************************************************/

		/********************************************** ALIADOS DESCRIPCION **********************************************************************************************/

		#aliados-page-descripcion{
			height:490px;
		}

		#contenedor-aliados-descripcion{
			background:#FFFFFF;
		}

		.titulo-aliados-page-desc{
			padding: 15% 0 1% 10%;
		}

		.titulo-aliados-page-desc h2{
			color:#158442; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}


		.parrafo-desc-aliados{
			padding: 1% 0 0 10%;
			width:90%;
		}

		.parrafo-desc-aliados p{
			color:#939598; 
			font-size:1.125rem; 
			text-align:justify;
		}


		/********************************************** ALIADOS DESCRIPCION **********************************************************************************************/


		/********************************************** LOGOS ALIADOS **************************************************************************************************/

		#aliados-logos{
			padding-bottom:5%;
		}

		#contenedor-aliados-logos{
			background:#fff;
			height:auto;
			width:90%;
			padding:0 5%; 
			margin:auto;
			overflow:auto;
		}

		.logo-page-aliado{
			width:20%; 
			float:left;
		}

		.logo-page-aliado img{
			width:100%;
		}


		/********************************************** LOGOS ALIADOS **************************************************************************************************/



		/********************************************** FRASES AIADOS **************************************************************************************************/

		#carrusel-frases-aliados{
			height:700px;
		}

		#contenedor-frases-aliados{
			background:#28437d;
		}

		.contenedor-area-logo{
			width: 20%; 
			padding: 6% 5% 0 15%; 
			margin: auto;
		}

		.circulo-logo{
			width:170px; 
			height:170px; 
			background:#fff; 
			border-radius:50%;
		}

		.circulo-logo img{
			width:150px !important; 
			height:auto; 
			padding: 5%; 
			margin:auto;
		}

		.contenedor-frase-aliado{
			width:60%; 
			padding: 2% 20% 0 20%;
		}

		.contenedor-frase-aliado p{
			font-size:2.575rem; 
			color:#FFFFFF; 
			text-align:center;
		}

		/********************************************** FRASES AIADOS **************************************************************************************************/



		/*****************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************/


		/********************************************** CLIENTES  *******************************************************************************************************/

		/********************************************** GALERIA CLIENTES  ***********************************************************************************************/		

		#galeria-clientes{
			height:auto;
		}

		.contenedor-titulo-clientes{
			width:100%;
		}

		.contenedor-titulo-clientes h2{
			font-family: 'Bevan', sans-serif; 
			font-size:2rem; 
			color:#28437d; 
			text-align:center;
		}

		/********************************************** GALERIA CLIENTES  ***********************************************************************************************/

		/********************************************** CLIENTES  *******************************************************************************************************/




		/*****************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		******************************************************************************************************************************************************************
		*****************************************************************************************************************************************************************/



		/********************************************** PROYECTO  ********************************************************************************************************/

		/********************************************** PROYECTO TOP *****************************************************************************************************/

		#inicio-proyecto-page{
			height:900px;
		}

		#contenedor-proyecto-top{
			background:#158442; 
			background-repeat:no-repeat;
			background-position:center;	
			background-size:cover;
		}

		.titulo-proyecto{
			padding:25% 0 0 5%; 
			width:40%;
		}


		.titulo-proyecto h2{
			font-size:3rem;  
			line-height:95%; 
			font-family: 'Bevan', sans-serif;
		}

		.descripcion-proyecto{
			padding:1% 0 0 5%; 
			width:30%;
		}

		.descripcion-proyecto p{
			font-size:1.275rem; 
			line-height:95%;
		}

		.contenedor-boton-mas-proyecto{
			padding: 1% 0 0 5%;
		}

		.boton-mas-proyecto{
			color:#FFFFFF; 
			background:#158442; 
			border-radius:20px; 
			width:150px; 
			padding:6px 10px; 
			display:flex; 
			align-items: center;
		}

		.boton-mas-proyecto p{
			font-size:0.85rem; 
			display:inline-block;
		}

		.boton-mas-proyecto img{
			float:right; 
			display:inline-block; 
			padding-left:3%;
		}

		.contenedor-scroll-proyecto{
			padding:5% 50% 0 47%; 
			margin:auto;
		}

		.contenedor-scroll-proyecto img{
			width:32px; 
			height:auto;
		}

		/********************************************** PROYECTO TOP *****************************************************************************************************/		

		/********************************************** PROYECTO DESCRIPCION *********************************************************************************************/		

		#proyecto-page-descripcion{
			height:auto; 
			padding-bottom:5%;
		}

		#contenedor-proyecto-descripcion{
			background:#fff;
		}

		.titulo-proyecto-page-desc{
			padding: 15% 0 1% 10%;
		}

		.titulo-proyecto-page-desc h2{
			color:#158442; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem; 
			text-transform:uppercase;
		}

		.parrafo-proyecto-somos{
			padding: 1% 0 0 10%;	
			width:90%;
		}

		.parrafo-proyecto-somos p{
			color:#939598; 
			font-size:1.125rem; 
			text-align:justify;
		}

		.contenedor-tags{
			padding:1% 0 0 5%;
		}

		.contenedor-tags ul{
			list-style:none; 
			text-align:left;
		}

		.contenedor-tags ul li{
			display:inline-block; 
			margin:1%;
		}

		.contenedor-tags ul li span{
			display: block; 
			padding:5px 20px; 
			font-family: 'Nunito Sans', sans-serif; 
			text-decoration:none; 
			background: #28437d; 
			color:#fff; 
			border-radius:15px; 
			font-size: 1rem; 
			text-transform: uppercase;
		}

		.contenedor-imagen-logo-proyecto{
			padding: 25% 0 0 30%;
		}

		.contenedor-imagen-logo-proyecto img{
			width:400px; 
			height:auto;
		}

		/********************************************** PROYECTO DESCRIPCION *********************************************************************************************/		

		/********************************************** PROYECTO GALERIA *************************************************************************************************/

		#proyecto_galeria{
			height:auto;
		}

		#contenedor-proyecto-galeria{
			background:#fff; 
			height:auto;
		}

		.titulo-proyecto-galeria{			
			padding: 5% 0 5% 5%;
		}


		.titulo-proyecto-galeria h2{
			color:#158442; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}

		.contenedor-proyecto-galeria-top{
			width:100%; 
			margin:0; 
			padding:0;
		}

		.contenedor-proyecto-galeria-top img{
			width:100%; 
			margin:0; 
			padding:0; 
			float:left;
		}

		#mosaico-escritorio{
			display:block;
		}

		#mosaico-movil{
			display:none;
		}

		.contenedor-mosaico-galeria-proyecto{
			width:100%; 
			overflow:auto;
		}

		.contenedor-mosaico-galeria-proyecto img{
			width:50%; 
			margin:0; 
			padding:0;
			float:left;
			object-fit:cover;
			cursor:pointer;
		}

		/*.wtrmark {
		  position: relative;
		}

		.wtrmark::after {
		  content: "";
		  display: block;
		  width: 100%;
		  height: 100%;
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  background-image: url("../media/watermark-video-play.png");
		  background-size: 100px 100px;
		  background-position: 30px 30px;
		  background-repeat: no-repeat;
		  opacity: 0.7;
		}*/

		.modal-galeria {
		  display: none;
		  position: fixed;
		  z-index: 5;
		  left: 10%;
		  top: 5%;
		  bottom:10%;
		  width: 80%;
		  height: 90%;
		  overflow:none;
		  background-color: #158442;;
		}

		.contenedor-elemento-lb-galeria{
			width:90%; 
			height: 0; 
			padding: 5% 5%;
		}



		/* Modal Content */
		.modal-content-galeria {
		  position: relative;
		  background-color: #158442;;
		  width: 90%;
		  margin:auto;
		}

		/* The Close Button */
		.close-galeria {
		  color: black;
		  position: absolute;
		  top: 10px;
		  right: 25px;
		  font-size: 35px;
		  font-weight: bold;
		}

		.close-galeria:hover,
		.close-galeria:focus {
		  color: #999;
		  text-decoration: none;
		  cursor: pointer;
		}

		.dialogIsOpenGaleria #page-wrap {

		  opacity:0.5;
		  pointer-events:none;
		}

		.dialogIsOpenGaleria #caja-galeria {
		  
		  transform: scale(1); 
		  display:block;

		  /* Clickable */
		  pointer-events: auto;

		}	


		/********************************************** PROYECTO GALERIA *************************************************************************************************/

		/********************************************** PROYECTO DETALLE *************************************************************************************************/


		#proyecto-detalle{
			height: 700px;
		}

		#contenedor-detalle-proyecto{
			background:#FFFFFF;
		}

		.titulo-proyecto-page-detalle{
			padding: 15% 0 1% 10%;
		}

		.titulo-proyecto-page-detalle h2{
			color:#158442; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem;
		}

		.parrafo-proyecto-detalle{
			padding: 1% 0 0 10%;	
			width:90%;
		}

		.parrafo-proyecto-detalle p{
			color:#939598; 
			font-size:1.125rem; 
			text-align:justify;
		}

		.parrafo-proyecto-detalle-derecho{
			padding: 23.5% 0 0 5%;	
			width:90%;
		}

		.parrafo-proyecto-detalle-derecho p{
			color:#939598; 
			font-size:1.125rem; 
			text-align:justify;
		}

		/********************************************** PROYECTO DETALLE *************************************************************************************************/


		/********************************************** PROYECTOS ********************************************************************************************************/


		/********************************************** CONTACTO *********************************************************************************************************/

		#formulario-contacto-elt{
			height:950px;
		}

		#contenedor-formulario{
			background:#28437d;
		}

		.titulo-formulario-contacto{
			padding: 30% 0 5% 10%;
		}

		.titulo-formulario-contacto h2{
			text-transform:uppercase; 
			font-family: 'Bevan', sans-serif; 
			font-size:2rem; 
			color:#fff;
		}

		.contenedor-form-elementos{
			padding-left: 10%; 
			width:70%;
		}

		#forma-contacto label{
			display:block; 
			font-family: 'Nunito Sans', sans-serif; 
			font-weight: bold; 
			font-size:1.25rem; 
			color:#FFF; 
			padding: 7px 0;
		}

		#forma-contacto input{
			display:block; 
			font-family: 'Nunito Sans', sans-serif; 
			font-size:1.25rem;
		}

		#forma-contacto textarea{
			display:block; 
			width:96%; 
			height:150px; 
			font-weight:bold; 
			border-radius:20px; 
			border:none; 
			resize:none; 
			padding:10px; 
			font-family: 'Nunito Sans', sans-serif; 
			font-size:1.25rem;
		}

		.contenedor-boton-formulario{
			padding-top: 20px; 
			float:right;
		}

		.contenedor-boton-formulario button{
			background:#158442; 
			border:none; 
			border-radius:20px; 
			text-align:center; 
			text-transform:uppercase; 
			color:#FFF; 
			padding: 5px 30px; 
			clear:both; 
			cursor:pointer;
		}

		.contenedor-boton-formulario button p{
			text-align:center; 
			font-size:1rem;
		}

		.contenedor-datos-contacto{
			padding:45% 0 0 15%;
		}

		.contenedor-ubica-img.ubica-img-contacto{
			width:90%;
		}




		/********************************************** CONTACTO *********************************************************************************************************/

		#contenedor-features{
			background:#FFFFFF;
			margin: -16px 0;
			padding-top: 120px;
			height: 400px;
		}

		#contenedor-spa{
			background:#a0478b;
		}

		#contenedor-services{
			background:#FFFFFF;
			margin: -20px 0;
			padding-top: 125px;
			height: 350px;
		}

		#contenedor-ubicanos{
			background:#FFFFFF;
			margin: -10px 0;
			height: 600px;
			position:relative;
		}

		#contenedor-menu-inf{
			background:#404041;
			position:relative;
			height:250px;	
			margin: 0;		
		}

		#contenedor-menu-inf-page{
			background:#FFFFFF;
			position:relative;
			height:510px;	
			margin: 0;		
		}


		h2{
			margin:0;
			font-family: 'Dancing Script', cursive;
			color: #FFFFFF;
			font-size: 6.5rem;
			font-weight: normal;
		}

		p{
			margin:0;
			color: #FFFFFF;
			font-size: 22px;
			font-family: 'Nunito Sans', sans-serif;
			font-weight: normal;
		}

		.titulo-slide{
			position: absolute;
			top: 25%;
			left: 28%; 
			text-align: center;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		#slide-portada-sitio{
			left:25%;
			right:25%;
		}

		#desc-portada-sitio{
			left:36%;
			right:25%;
		}

		#titulo-corto{
			left: 40%;
		}

		.descripcion-slide-hotel{
			position: absolute;
			top: 42%;
			left: 28%;
			width: 700px;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		.boton-mas-slide{			
			background: #610341;
			position: absolute;
			top: 60%;
			left: 38%;
			padding:10px 20px;
		}

		.boton-mas-slide a{			
			color: #FFFFFF;
			font-size: 22px;
			font-family: 'Nunito Sans', sans-serif;
			font-weight: normal;
			text-decoration: none;
		}

		.boton-mas-slide:hover{	
			background: #a0478b;
		}

		.boton-mas-slide-salon{			
			background: #610341;
			position: absolute;
			top: 60%;
			left: 42%;
			padding:10px 20px;
		}

		.boton-mas-slide-salon a{			
			color: #FFFFFF;
			font-size: 22px;
			font-family: 'Nunito Sans', sans-serif;
			font-weight: normal;
			text-decoration: none;
		}

		.boton-mas-slide-salon:hover{	
			background: #a0478b;
		}

		#servicios-spa-no-carrusel{
			display:none;
		}


		#sliders-mn .item{
			position: relative;
		}

		#sliders-mn .item img{
			display: block;
		    width: 100%;
		    height: auto;
		}


		#sliders-spa-mn .item{
			position: relative;
		}

		#sliders-spa-mn .item img{
			display: block;
		    width: 100%;
		    height: auto;
		}

		#sliders-salon-mn .item{
			position: relative;
		}

		#sliders-salon-mn .item img{
			display: block;
		    width: 100%;
		    height: auto;
		}

		#sliders-menu-mn .item{
			position: relative;
		}

		#sliders-menu-mn .item img{
			display: block;
		    width: 100%;
		    height: auto;
		}

		.titulo-slide-spa{
			position: absolute;
			top: 25%;
			left: 43%;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		#titulo-tmz-inicio{
			left: 38%;
		}

		.titulo-form-contacto{
			font-size:1.5rem; 
			color:#610341; 
			font-family:'Nunito Sans', sans-serif;
			padding-left:10%;
		}

		.titulo-slide-evento{
			position: absolute;
			top: 25%;
			left: 28%;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		#titulo-slide-evento-s{
			left:30%;
		}

		.owl-carousel {
			position: relative;
		}
		.owl-prev,
		.owl-next {
			position: absolute;
			top: 40%;			
		}
		.owl-prev {
			left: 50px;
		}
		.owl-next {
			right: 50px;
		}

		.elem-crece {
	    	margin-left: 0.5in;
			display: inline-block;
			width:15%;
		}

		.elem-crece a {
			text-decoration: none;
		}
		
		.elem-crece:hover				{
			-webkit-transform: scale(1.3);
			-ms-transform: scale(1.3);
			transform: scale(1.3);
			transition: all;
			transition-property: transform ease-out;
			transition-duration: 0.5s;
		}

		.caption{
			font-size:12px; 
			color:#d53d87; 
			font-family:'Nunito Sans', sans-serif;
		}

		.caption-title{
			font-size:1.3rem; 
			color:#d53d87; 
			font-family:'Nunito Sans', sans-serif;
		}

		.caption-title-services{
			font-size:30px; 
			color:#d53d87; 
			font-family:'Nunito Sans', sans-serif;
			font-weight:bold;
		}


		.services-icon{
			width:120px;
			height:auto;
		}

		.descripcion-slide-salon{
			position: absolute;
			top: 42%;
			left: 28%;
			width: 700px;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}


		.elem-ubicar {
	    	margin: 0 -20px;
			display: inline-block;
		}

		.elem-ubicar a {
			text-decoration: none;
		}

		.caja-contacto{
			width:300px; 
			background:#FFFFFF; 
			position:absolute; 
			top:25%; 
			left:40%; 
			z-index: 2; 
			padding:20px;
		}

		.elem-ubicar .item center img {
		    width: 20px;
		    height: auto;
		}

		#h-ubicacion{
			color:#000000; 
			font-size: 30px; 
			font-family: 'Nunito Sans', sans-serif; 
			border-bottom: 4px solid #e882b8
		}

		#p-ubicacion{
			color:#000000; 
			font-size: 10px; 
			font-family: 'Nunito Sans', sans-serif;
		}

		#mapa-demo{
			height:600px;
			width: auto;
			max-width:100%;
			object-fit: cover;
		}

		.caption-ubicar{
			font-size:10px; 
			color:#610341; 
			font-family: 'Nunito Sans', sans-serif;
		}

		input[type=text] {
		    width: 100%;
		    box-sizing: border-box;
		    border-radius: 20px;
		    border:none;
		    font-size: 16px;
		    font-weight:bold;
		    background-color: #FFFFFF; 
		    background-image: url('images/icon-03.png');
		    background-position: 190px 12px; 
		    background-repeat: no-repeat;
		    padding: 12px 5px 12px 12px;
		}

		form {
		  /* This bit sets up the horizontal layout */
		  display:flex;
		  flex-direction:row;
		}

		.forma-mail {
		  /* Tell the input to use all the available space */
		  flex-grow: 2;
		  /* And hide the input's outline, so the form looks like the outline */
		  border: 2px solid #d53d87;
		  height: 36px;
		  padding: 0 15px;
		  color:#610341; 
		  text-transform: uppercase;
		  font-family: 'Nunito Sans', sans-serif; 
		  border-radius: 8px 0 0 8px;
		}

		#forma-submit {
		  /* Just a little styling to make it pretty */
		  background: #d53d87;
		  border: none;
		  height: 40px;
		  border-radius: 0 8px 8px 0;
		}

		button:hover{
			opacity: 0.5;
		}

		.logo-footer{
			width:150px; 
			height:auto; 
			padding-top: 6%; 
			padding-left: 10%; 
			float:left;
		}

		.list-menu-footer{
			list-style: none; 
			padding-top: 3%; 
			padding-left: 5%; 
			float: left;
		}

		.list-menu-footer li{
			margin:20px 0
		}

		.list-menu-footer li a, h5{
			text-decoration:none; 
			color:#FFFFFF; 
			font-size: 0.875rem;
			font-family: 'Bevan', sans-serif;
		}

		.list-menu-footer li h5{
			color:#d53d87; 
			font-size: 0.875rem;
			font-family: 'Bevan', sans-serif;
			padding:0;
			margin:0;
			font-weight:normal;
		}

		.logos-socmed-fc{
			display:inline-block;
		}

		.logos-socmed{
			display:inline-block;
			margin-left: 5px;
			width:25px;
			height: auto;
		}			


		#elem-1{
			text-align:right;
		}

		#elem-2{
			text-align:left;
		}

	
		/** PAGINA SPA*/
		/**************/
		#contenedor-page-spa{
			background:#FFFFFF;
			padding-top:7%;
		}


		#contenedor-page-mosaico{
			background:#FFFFFF;
			width:100%;
			overflow:auto;
		}

		#contenedor-page-mosaico img{
			padding:0;
			margin:0; 
			width:25%; 
			float:left;
		}

		#contenedor-page-temazcal{
			background:#FFFFFF;
			width:100%;
		}

		#contenedor-contacto-spa{
			background:#FFFFFF;
			width:100%;
			height:400px;
			overflow:auto;
			padding-top:2%;
		}

		#contenedor-page-contacto{
			background:#FFFFFF;
			width:100%;
			height:500px;
			overflow:auto;
		}

		.titulo-slide-page-spa{
			position: absolute;
			top: 25%;
			left: 37%; 
			text-align: center;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		.titulo-slide-page-tmz{
			position: absolute;
			top: 25%;
			left: 37%; 
			text-align: center;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		.descripcion-slide-tmz{
			position: absolute;
			top: 42%;
			left: 28%;
			width: 700px;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		#boton-page{
			left: 40%;
		}

		#contenedor-page-serv{
			background:#FFFFFF;
			height: 780px;
			width:100%;
			padding-top:3%;
		}

		#contenedor-page-serv h2{
			font-family:'Nunito Sans', sans-serif; 
			color:#e882b8; 
			font-size:2.3rem; 
			padding-bottom:5%;
		}

		#contenedor-page-serv figure{
			display: inline-block; 
			width:30%; 
			margin:0; 
			padding:0;
		}

		#contenedor-page-serv .caption-page-title{
			color:#610341; 
			text-decoration:underline; 
			text-decoration-color:#e882b8; 
			font-size:1.5rem;
		}

		#contenedor-page-serv .caption-page{
			padding-bottom:10px;
		}

		.boton-serv-spa{
			background: #610341; 
			width:150px; 
			padding: 10px 5px;
		}

		.boton-serv-spa a{
			color: #FFFFFF; 
			font-size: 0.8rem; 
			font-family: 'Nunito Sans', sans-serif; 
			font-weight: normal; 
			text-decoration: none;
		}

		#contenedor-page-serv-temz{
			background:#FFFFFF;
			height: 600px;
			width:100%;
		}

		#contenedor-page-serv-temz h2{
			font-family:'Nunito Sans', sans-serif; 
			color:#e882b8; 
			font-size:2.3rem; 
			padding-top:3%; 
			padding-bottom:5%;
		}

		#contenedor-page-serv-temz figure{
			display: inline-block; 
			width:22%; 
			margin:0; 
			padding:0;
		}

		#contenedor-page-serv-temz .caption-page-title{
			color:#610341; 
			text-decoration:underline; 
			text-decoration-color:#e882b8; 
			font-size:1.5rem;
		}

		#contenedor-page-serv-temz .caption-page{
			padding-bottom:10px;
		}

		.caption-page{
			font-size:12px; 
			color:#000000; 
			font-family:'Nunito Sans', sans-serif;
		}

		.caption-page-title{
			font-size:30px; 
			color:#000000; 
			font-family:'Nunito Sans', sans-serif;
		}

		.caption-page-title-services{
			font-size:30px; 
			color:#000000; 
			font-family:'Nunito Sans', sans-serif;
			font-weight:bold;
		}

		#contenedor-desc-spa{
			height:1100px;
			background:#E882B8;
		}

		.info-desc-spa{
			width:46%; 
			float:left; 
			padding-top:2%; 
			padding-left:4%;
		}

		.info-desc-spa h2{
			font-size:4rem;
		}

		.info-desc-spa p{
			font-size:1rem;
		}

		.info-desc-img{
			width:50%; 
			float:right; 
			padding-top:4%;
		}

		.page-forma-contacto{
			width:30%; 
			float:left; 
			padding-top:2%; 
			padding-left:9%;
		}

		.contenedor-boton-forma{
			width:100%;
		}

		.contenedor-boton-forma button{
			float:right;
			background-color: #e882b8; 
			color: white; 
			padding: 15px 32px; 
			text-align: center; 
			border-color:none; 
			border-style:unset;
			text-decoration: none;
			display: inline-block; 
			font-size: 1rem; 
			margin: 4px 2px; 
			cursor: pointer; 
			width:30%;
		}
		

		#forma-contacto{
			display:block;
			width:100;
		}


		#nombre-contacto{
			width:100%;
			padding: 6px 10px;
			margin: 8px 0;
			box-sizing: border-box;
			border-radius: unset;
			text-transform: none;
			font-size:1rem;
			clear:both;
			display:block;
			color: #BCB9B8;
			border: 2px solid #BEBEBE;
		}

		#email-contacto{
			width:100%;
			padding: 6px 10px;
			margin: 8px 0;
			box-sizing: border-box;
			border-radius: unset;
			text-transform: none;
			font-size:1rem;
			clear:both;
			display:block;
			color: #BCB9B8;
			border: 2px solid #BEBEBE;
		}

		#comentario-contacto{
			width:100%;
			padding: 6px 10px;
			margin: 8px 0;
			height: 150px;
			box-sizing: border-box;
			border-radius: unset;
			text-transform: none;
			font-size:1rem;
			font-family:'Nunito Sans', sans-serif;
			clear:both;
			display:block;
			color: #B8B8B8;
			border: 2px solid #BEBEBE;
		}

		.info-contacto-img{
			width:60%; 
			float:left; 
			padding-top:4%;
		}

		.info-contacto-img figure{
			display: inline-block; 
			width:22%; 
			margin:0; 
			padding-left:10%;
		}

		.img-contacto-spa{
			object-fit:scale-down; 
			width:40%; 
			height: auto; 
			display:inline-block; 
			padding-bottom:10%;
		}


		.info-contacto-img figure figcaption.caption-page-title{
			color:#610341; 
			font-size:1.5rem;
		}

		.info-contacto-img figure figcaption.caption-page{
			padding-bottom:10px;
			color:#B8B8B8;
		}

		#mid-figure-contacto{
			padding-left:5%;
		}

		#last-figure-contacto{
			padding-left:5%;
		}

		.firma-design{
			position: absolute;
		    top: 85%;
		    left: 90%;
		}

		.firma-design a{
			text-decoration:none; 
			color:#FFFFFF; font-family: 'Nunito Sans', sans-serif; 
			font-size:0.75rem;
		}

		.firma-design img{
			width:30%;
		}
		/**************/
		

		/** PAGINA HOTEL*/
		/****************/

		#contenedor-page-hotel{
			background:#FFFFFF;
			padding-top:7%;
		}

		#contenedor-desc-hotel{
			height:400px;
			background:#FFFFFF;
		}

		.titulo-slide-page-hotel{
			position: absolute;
			top: 25%;
			left: 42%; 
			text-align: center;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);

		}

		#contenedor-desc-hotel h2{
			font-family: 'Nunito Sans', sans-serif;
			color: #610341;
			font-size: 2.5rem;
			text-transform:uppercase;
			padding-top:10%;
			padding-left:5%;
		}

		#contenedor-desc-hotel .info-desc-hotel p{
			font-family: 'Nunito Sans', sans-serif;
			color:#BEBEBE;
			font-size:1.3rem;
			padding-top:1%;
			padding-left:2%;
		}

		.info-desc-hotel{
			width:49%;
			float:left;
		}

		.info-desc-hotel-adicional{
			width:49%;
			float:right;
		}

		#contenedor-desc-hotel .info-desc-hotel-adicional p{
			font-family: 'Nunito Sans', sans-serif;
			color:#BEBEBE;
			font-size:1.3rem;
			padding-top:20%;
			padding-left:1%;
		}

		#contenedor-page-hotel-mosaico{
			background:#FFFFFF;
			width:100%;
			height:auto;
			overflow:auto;
		}

		.contenedor-habitacion{
			padding:0;
			margin:0; 
			width:33.33333333333%; 
			height:auto;
			float:left;
			position:relative;
		}

		.contenedor-habitacion img{
			width:100%;
			height:auto;
			object-fit:scale-down;
		}	

		.contenedor-titulo-hab{
			position:absolute; 
			top:63%; 
			left:36%;
		}

		#contenedor-titulo-sml{
			left:40%;
		}

		.contenedor-titulo-hab h2{
			font-size:4rem;
		}

		.boton-mas-hab{			
			background: transparent;
			position: absolute;
			top: 80%;
			left: 38%;
			padding:10px 20px;
			border: 2px solid #e882b8;
		}

		.boton-mas-hab a{			
			color: #FFFFFF;
			font-size: 22px;
			font-family: 'Nunito Sans', sans-serif;
			font-weight: normal;
			text-decoration: none;
		}

		#contenedor-video-hotel{
			width:100%; 
			height:700px;
		}

		#contenedor-video-hotel img{
			width:60%;
			padding-top:5%; 
			/*padding-left:18%*/
			margin-left:20%;
			margin-right:20%;
		}

		/* The Modal (background) */
		.modal-vid {
		  display: none;
		  position: fixed;
		  z-index: 5;
		  padding-top: 100px;
		  left: 0;
		  top: 0;
		  width: 100%;
		  height: 100%;
		  overflow: auto;
		  background-color: black;
		}

		/* Modal Content */
		.modal-content-vid {
		  position: relative;
		  background-color: #fefefe;
		  margin: auto;
		  padding: 0;
		  width: 90%;
		  /*max-width: 1200px;*/
		}

		/* The Close Button */
		.close {
		  color: white;
		  position: absolute;
		  top: 10px;
		  right: 25px;
		  font-size: 35px;
		  font-weight: bold;
		}

		.close:hover,
		.close:focus {
		  color: #999;
		  text-decoration: none;
		  cursor: pointer;
		}


		/*** Habitacion 1 BOX *********/

		/* The Modal (background) */
		.modal {
		  display: none;
		  position: fixed;
		  z-index: 5;
		  padding-top: 0;
		  left: 10%;
		  right: 10%;
		  top: 1%;
		  width: 80%;
		  height: 97%;
		  overflow: auto;
		  background-color: #FFFFFF;
		  /*box-shadow: -5px 5px #A9A9A9;*/
		}

		/* Modal Content */
		.modal-content {
		  position: relative;
		  background-color: #fefefe;
		  margin: 0;
		  padding: 0;
		  width: 100%;
		  /*max-width: 1200px;*/
		}

		/* The Close Button */
		.close-cursor-hab {
		  color: #e882b8;
		  position: absolute;
		  top: 10px;
		  z-index:10;
		  right: 25px;
		  font-size: 35px;
		  font-weight: bold;
		}

		.close-cursor-hab:hover,
		.close-cursor-hab:focus {
		  color: #999;
		  text-decoration: none;
		  cursor: pointer;
		}

		.contenedor-carrusel-modal{
			padding: 0; 
			margin: 0;
			width:100%;
		}

		.contenedor-desc-modal{
			width:100%;
			overflow: auto;
		}


		.info-desc-room{
			width:46%; 
			float:left; 
			padding-top:4%; 
			padding-left:4%;
		}

		.info-desc-room p{
			font-size:0.875rem;
			color:#7e7e7e;
			padding-top:1%;
		}

		.info-desc-room h2{
			font-family: 'Nunito Sans', sans-serif;
			color: #610341;
			font-size: 1rem;
			text-transform:uppercase;
			padding-top:5%;
			padding-left:10%;
		}

		.info-desc-add-room{
			width:50%; 
			float:left; 
			padding-top:4%; 
			padding-left:2%;
		}

		.info-desc-add-room h2{
			font-family: 'Nunito Sans', sans-serif;
			color: #610341;
			font-size: 1rem;
			text-transform:uppercase;
			padding-top:5%;
			padding-left:10%;
		}

		.info-desc-add-room p{
			font-size:0.875rem;
			color:#7e7e7e;
			padding-top:1%;
		}

		.info-desc-add2-room{
			width:43%; 
			float:left; 
			padding-top:11%; 
			padding-left:2%;
		}

		.info-desc-add2-room p{
			font-size:0.875rem;
			color:#7e7e7e;
			padding-top:1%;
		}

		.info-desc-room-img{
			width:40%; 
			float:right; 
			padding-top:1%;	
			padding-left:5%;		
		}

		.info-desc-room-img img{
			object-fit:scale-down; 
			width:80%;		
			padding-left:1%;	
			height: auto;
		}

		.info-desc-amenities{
			width:100%; 
			float:left; 
		}

		.info-desc-amenities h2{
			font-family: 'Nunito Sans', sans-serif;
			color: #610341;
			font-size: 1.275rem;
			text-transform:uppercase;
			padding-left:5%;
		}

		.info-desc-amenities-column{
			width: 20%;
    		padding-left: 12%;
			padding-bottom:5%;
		}

		#float-prim{
			float:left;
		}

		#float-sec{
			float:right;
		}

		.info-desc-amenities-column h2{
			font-family: 'Nunito Sans', sans-serif;
			color: #000000;
			font-size: 0.75rem;
			padding-top:5%;
			text-transform:uppercase;
		}

		.info-desc-amenities-column p{
			font-family: 'Nunito Sans', sans-serif;
			color: #7e7e7e;
			font-size: 0.675rem;
		}


		.dialogIsOpen #page-wrap {

		  opacity:0.5;
		  pointer-events:none;
		}

		.dialogIsOpen #caja-hab1 {
		  
		  transform: scale(1); 
		  display:block;

		  /* Clickable */
		  pointer-events: auto;

		}		
		/*** FIN Habitacion 1 BOX ******/


		/*** Inicio Habitacion 2 BOX ******/
		.dialogIsOpen2 #page-wrap {

		  opacity:0.5;
		  pointer-events:none;
		}

		.dialogIsOpen2 #caja-hab2 {
		  
		  transform: scale(1); 
		  display:block;

		  /* Clickable */
		  pointer-events: auto;

		}
		/*** FIN Habitacion 2 BOX ******/

		/*** Inicio Habitacion 3 BOX ******/
		.dialogIsOpen3 #page-wrap {

		  opacity:0.5;
		  pointer-events:none;
		}

		.dialogIsOpen3 #caja-hab3 {
		  
		  transform: scale(1); 
		  display:block;

		  /* Clickable */
		  pointer-events: auto;

		}
		/*** FIN Habitacion 3 BOX ******/

		/*** Inicio Video BOX ******/
		.dialogIsOpenVid #page-wrap {

		  opacity:0.5;
		  pointer-events:none;
		}

		.dialogIsOpenVid #caja-video {
		  
		  transform: scale(1); 
		  display:block;

		  /* Clickable */
		  pointer-events: auto;

		}
		/*** FIN Video BOX ******/


		.close-menu-alimentos {
		  color: #a0478b;
		  position: absolute;
		  top: 10px;
		  right: 25px;
		  font-size: 35px;
		  font-weight: bold;
		}

		.close-menu-alimentos:hover,
		.close-menu-alimentos:focus {
		  color: #999;
		  text-decoration: none;
		  cursor: pointer;
		}

		.modal-menu-alimentos {
		  display: none;
		  position: fixed;
		  z-index: 5;
		  left: 10%;
		  right:10%;
		  top: 5%;
		  bottom:10%;
		  width: 80%;
		  height: 630px;
		  overflow:hidden;
		  background-color: white;
		}

		/* Modal Content */
		.modal-content-menu-alimentos {
		  position: relative;
		  background-color: #fefefe;
		  padding: 0;
		  width: 100%;
		  margin:auto;
		}

		.dialogIsOpenMenuAlimentos #page-wrap {

		  opacity:0.5;
		  pointer-events:none;
		}

		.dialogIsOpenMenuAlimentos #caja-menu-alimentos {
		  
		  transform: scale(1); 
		  display:block;

		  /* Clickable */
		  pointer-events: auto;

		}

		/*******************/

		/** PAGINA EVENTOS*/
		/******************/

		#contenedor-page-serv-evento{
			background:#FFFFFF;
			height: 600px;
			width:100%;
		}

		#contenedor-page-serv-evento h2{
			font-family:'Nunito Sans', sans-serif; 
			color:#e882b8; 
			font-size:2.3rem; 
			padding-bottom:5%;
		}

		#contenedor-page-serv-evento figure{
			display: inline-block; 
			width:22%; 
			margin:0; 
			padding:0;
		}

		#contenedor-page-serv-evento .caption-page-title{
			color:#610341; 
			text-decoration:underline; 
			text-decoration-color:#e882b8;
			font-size:1.5rem;
		}

		#contenedor-page-serv-evento .caption-page{
			padding-bottom:10px;
			color:#000000;
		}

		.container-boton-serv-evento{
			padding-top: 1%;
		}

		.boton-serv-evento{
			background: none; 
			width:150px; 
			padding: 10px 5px;
			border: 2px solid #e882b8;
		}

		.boton-serv-evento a{
			color: #d53d87; 
			font-size: 0.8rem; 
			font-family: 'Nunito Sans', sans-serif; 
			font-weight: normal; 
			text-decoration: none;
		}

		/***************/



		/***********************/
		/** PAGINA CONTACTANOS */
		/***********************/

		.contenedor-titulo-contactanos{
			background:#FFFFFF;
			position:relative;
			width:100%;
			padding-top:7%;
		}

		.contenedor-titulo-contactanos img{
			object-fit: scale-down;
			width:100%;
			height:auto;
		}

		.titulo-slide-page-contacto{
			position:absolute;
			top:30%;
			left:20%;
			font-size:5.5rem;
			text-align:center;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		#contenedor-desc-contacto{
			width:100%;
			height:600px;
		}

		#contenedor-desc-contacto .info-desc-contacto h2{
			font-family: 'Nunito Sans', sans-serif;
			color: #610341;
			font-size: 2.5rem;
			text-transform:uppercase;
			padding-top:5%;
			padding-left:10%;
		}	

		#contenedor-desc-contacto figure{
			display: inline-block; 
			width:22%; 
			margin:0; 
			padding:0;
		}

		#contenedor-desc-contacto .caption-page-title{
			color:#610341; 			
			font-size:1.75rem;
		}

		#contenedor-desc-contacto .caption-page{
			padding-bottom:10px;
		}	

		.info-contacto-mapa{
			width:55%;
			float:right;
		}

		.img-mapa-contacto{			
			padding-left:15%;
		}

		/********************/


		/** PAGINA BAR*/
		/**************/

		#contenedor-desc-bar-img{
			height:400px;
			background:#FFFFFF;
			width:100%;
		}


		#contenedor-desc-rest-img{
			height:400px;
			background:#FFFFFF;
			width:100%;
		}


		.info-desc-bar{
			width:46%; 
			float:left; 
			padding-top:2%; 
			padding-left:4%;
		}

		.info-desc-bar h2{
			font-family: 'Nunito Sans', sans-serif;
			color: #610341;
			font-size: 2.5rem;
			text-transform:uppercase;
			padding-top:5%;
			padding-left:10%;
		}

		.info-desc-bar p{
			font-size:1.5rem;
			color:#7e7e7e;
			padding-top:1%;
		}

		.img-desc-bar{
			width:70%;
		}

		.info-desc-bar-img{
			width:40%; 
			float:right; 
			padding-top:4%;	
			padding-left:5%;		
		}

		.info-desc-img img{
			object-fit:scale-down; 
			width:90%;		
			padding-left:10%;	
			height: auto;
		}

		#contenedor-desc-bar-add{
			width:100%;
			padding-bottom:20%;
		}

		#contenedor-desc-bar-add h2{
			font-family: 'Nunito Sans', sans-serif;
			color: #610341;
			font-size: 2.5rem;
			text-transform:uppercase;
			/*padding-top:5%;*/
			padding-left:10%;
		}

		#contenedor-desc-bar-add p{
			font-size:0.975rem;
			color:#7e7e7e;
			padding-top:1%;
			padding-right:1%;
		}

		.info-desc-bar-add{
			width:46%; 
			float:left; 
			padding-left:4%;
		}

		.info-desc-bar-add-extra{
			width:40%; 
			float:right; 
			padding-top:4%;	
			padding-right:3%;
		}

		#contenedor-page-bar{
			width:100%;
			clear:both;
			padding-bottom:5%;
		}


		.titulo-slide-page-bar{
			position: absolute;
			top: 25%;
			left: 20%; 
			right: 20%; 
			text-align: center;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		.descripcion-slide-page-bar{
			position: absolute;
			top: 45%;
			left: 30%;
			width: 700px;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}


		/**********************/



		/** PAGINA RESTAURANTE*/
		/**********************/
		.titulo-slide-page-restaurante{
			position: absolute;
			top: 25%;
			left: 35%; 
			text-align: center;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}


		.titulo-slide-desc-rest{
			position: absolute;
			top: 25%;
			left: 25%;
    		right: 25%;
			text-align: center;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		.descripcion-slide-page-rest{
			position: absolute;
			top: 45%;
			left: 30%;
			width: 700px;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}


		/********************/


		/** PAGINA UBICANOS****/
		/**********************/
		#btn_ubica_page{
			border-radius: 5px;
			padding:10px 20px;
			background: none;			
			border:3px solid #e882b8;
		}

		#btn_ubica_page:hover{
			background: #e882b8;
		}

		#contenedor-contacto-ubc{
			background:#FFFFFF;
			width:100%;
			height:400px;
			padding-top:5%;
			overflow:auto;
		}

		.page-ubicanos-contacto{
			width:30%; 
			float:left; 
			padding-top:2%; 
			padding-left:5%;
		}

		#contenedor-contacto-ubc h2{
			font-family: 'Nunito Sans', sans-serif;
			color: #610341;
			font-size: 2.5rem;
			text-transform:uppercase;
			padding-top:10%;
			padding-left:5%;
		}

		#contenedor-contacto-ubc .page-ubicanos-contacto p{
			font-family: 'Nunito Sans', sans-serif;
			color:#BEBEBE;
			font-size:1.3rem;
			padding-top:1%;
			padding-left:2%;
		}

		.info-contacto-ubica-img{
			width:60%; 
			float:left; 
			padding-top:10%;
		}

		.info-contacto-ubica-img figure{
			display: inline-block; 
			width:22%; 
			margin:0; 
			padding-left:10%;
		}

		.info-contacto-ubica-img figure figcaption.caption-page-title{
			color:#610341; 
			font-size:1.5rem;
		}

		.info-contacto-ubica-img figure figcaption.caption-page{
			padding-bottom:10px;
			color:#B8B8B8;
		}

		/********************/

		/******INICIO TERMINOS Y COND*****/
		/* The Modal (background) */
		.modal-terminos {
		  display: none;
		  position: fixed;
		  z-index: 5;
		  left: 10%;
		  top: 5%;
		  bottom:10%;
		  width: 80%;
		  height:100%;
		  overflow:auto;
		  background-color: white;
		}

		/* Modal Content */
		.modal-content-terminos {
		  position: relative;
		  background-color: #fefefe;
		  margin: auto;
		  padding: 5% 0;
		  width: 90%;
		  margin:auto;
		}

		.modal-content-terminos h2{
			font-family: 'Bevan', sans-serif;
	    	color: #158442;
			font-size: 3rem;
			text-transform:uppercase;
			padding-bottom:5%;
			padding-left:2%;
		}

		.modal-content-terminos h3{
			font-family: 'Bevan', sans-serif;
	    	color: #158442;	   
			font-weight:normal;
			font-size: 2rem;
			text-transform:uppercase;
			padding-bottom:1%;
			padding-left:0;
		}


		.modal-content-terminos p{
			font-family: 'Nunito Sans', sans-serif;
			color: #7e7e7e;
			font-size: 1.5rem;
		}

		/* The Close Button */
		.close-terminos {
		  color: #158442;	 
		  position: absolute;
		  top: 10px;
		  right: 25px;
		  font-size: 35px;
		  font-weight: bold;
		}

		.close-terminos:hover,
		.close-terminos:focus {
		  color: #999;
		  text-decoration: none;
		  cursor: pointer;
		}

		.dialogIsOpenTerm #page-wrap {

		  opacity:0.5;
		  pointer-events:none;
		}

		.dialogIsOpenTerm #caja-terminos {
		  
		  transform: scale(1); 
		  display:block;

		  /* Clickable */
		  pointer-events: auto;

		}	
		/******FIN TERMINDO Y COND********/

		.dialogIsOpenAviso #page-wrap {

		  opacity:0.5;
		  pointer-events:none;
		}

		.dialogIsOpenAviso #caja-aviso {
		  
		  transform: scale(1); 
		  display:block;

		  /* Clickable */
		  pointer-events: auto;

		}	

		.dialogIsOpenRespSocial #page-wrap {

		  opacity:0.5;
		  pointer-events:none;
		}

		.dialogIsOpenRespSocial #caja-resp-social {
		  
		  transform: scale(1); 
		  display:block;

		  /* Clickable */
		  pointer-events: auto;

		}	

		/******************************/

		/***** CONFIRMA CONTACTO ******/

		#contenedor-confirma-contacto{
			width: 100%;
			height: 400px;
			padding-top:7%;
			background:#696969;
			background-image: url("http://ukoo.mx/NBL2/images/bckg-confirma-contacto.jpg");
			background-position: center;
		    background-repeat: no-repeat;
		    background-size: cover;
		}

		#contenedor-confirma-contacto h2{
			padding-left:23%; 
			padding-top:5%;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		#contenedor-confirma-contacto p{
			padding-left:40%;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		/******************************/

		/***** CONFIRMA NEWSLETTER ****/

		#contenedor-confirma-newsletter{
			width: 100%;
			height: 400px;
			padding-top: 7%;
			background:#696969;
			background-image: url("http://ukoo.mx/NBL2/images/bckg-confirma-newsletter.jpg");
			background-position: center bottom;
		    background-repeat: no-repeat;
		    background-size: cover;
		}

		#contenedor-confirma-newsletter h2{
			padding-left:40%; 
			padding-top:5%;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		#contenedor-confirma-newsletter p{
			padding-left:28%;
			text-shadow : 2px 2px 2px rgba(0,0,0, 0.8);
		}

		/******************************/


/** EOF */