/*********************************************************************************/
/** Estilos default a aplicar para el diseño del sitio web de Electo Consultores */
/** versión móvil                                                                */
/** ©2018 Diseñado por Ukoo										                 */
/*********************************************************************************/

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

	/***********************************    MENU NAVEGACION   **************************************************/
	.navbar-menu{
		display:none;
	}

	#menu-movil{
		display:inline-block;
	}

	#boton-menu-movil{
	    display: block;
	}

	.side-nav {
		background:#158442;
	}

	.side-nav .closebtn {	   
	    top: 5px;
	    right: 0px;
	    font-size: 50px;
	    margin-right: 30px;
	}

	.links-movil a {
	    font-size: 2rem;
	    padding: 8px;
	}

	.logo-nav {
	    padding: 4.5% 0 0 5%;
	}

	/***********************************    MENU NAVEGACION   **************************************************/

	/***********************************    PAGINA INICIO   ****************************************************/

	#contenedor-inicio {
	    height: 500px;
	}

	.titulo-inicio {
	    padding: 80% 0 0 5%;
	    width: 70%;
	}


	.titulo-inicio h2 {
	    font-size: 1.5rem;
	}

	.descripcion-inicio {
	    width: 80%;
	}

	.descripcion-inicio p {
	    font-size: 1rem;
	}

	.boton-mas {
	    width: 90px;
	}

	.boton-mas p {
	    font-size: 0.5rem;
	}

	.boton-mas img {
	    width: 10%;
	}

	.contenedor-scroll-btn {
	    padding: 0% 0% 0 90%;
	    margin: unset; 
	}

	.contenedor-scroll-btn img {
	    width: 20px;
	}

	#inicio-somos-elt {
	    height: auto;
	    padding-bottom: 10%;
	}

	.bloque-izquierdo {
	    width: 100%;
	}

	.bloque-derecho {
	    width: 100%;
	}

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

	.titulo-inicio-somos h2 {
	    font-size: 1.5rem;
	}

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

	.parrafo-inicio-somos p {
	    font-size: 1rem;
	}

	.contenedor-boton-mas-somos {
	    padding: 5% 0 0 50%;
	    float: unset;
	}

	.boton-mas-somos {
	    width: 130px;
	}

	.boton-mas-somos p {
	    font-size: 0.875rem;
	}


	.contenedor-imagen-inicio-somos {
	    padding-left: 5%;
	    padding-right: 5%;
	    padding-top: 15%;
	    width: 90%;
	}

	#inicio-servicios-elt {
	    height: auto;
	    overflow: hidden;
	}

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

	.titulo-inicio-servicios h2 {
	    font-size: 1.5rem;
	}

	.contenedor-iconos-serv {
	    padding: unset;
	}

	.icono-servicio {
	    width: 100%;
	}

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

	.contenedor-masinf-serv-btn {
		padding: 0 0 15% 30%;
	}


	#inicio-blog-elt {
	    height: auto;
	    overflow: hidden;
	}

	.titulo-inicio-blog h2 {
	    font-size: 1.5rem;
	}

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


	.lista-publicaciones ul {
	    padding: unset;
	}

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

	.extracto-publicacion p {
	    font-size: 1.1rem;
	}


	.contenedor-mas-publica-btn {
	    padding: 2% 0 15% 25%;
	}

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

	.titulo-inicio-aliados h2 {
	    font-size: 1.5rem;
	}

	.contenedor-logos-aliados {
   		width: 100%;
	    padding-left: unset;
	}

	.logo-aliado {
	    width: 100%;
	    float: left;
	    margin-right: unset;
	}


	.contenedor-boton-aliados {
	    padding: 5% 0 20% 40%;
	}

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

	#inicio-clientes-elt {
	    height: auto;
	}
	
	.mosaico-clientes img {
	    width: 50%;
	}

	.contenedor-mas-clientes-btn {
	    padding: 10% 0 10% 25%;
	    margin: auto;
	}

	#inicio-ubicacion-elt {
	    height: auto;
	    overflow: hidden;
	}

	.contenedor-ubica-img {
	    width: 100%;	    
	    padding-right: unset;
	    padding-bottom: 10%;
	}

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

	.contenedor-ubica-horario-img {
	    width: 100%;
	    padding-right: unset;
	}

	.contenedor-ubica-mas {
	    width: 87%;
	    padding: 10% 0 10% 13%;
	}


	#contenedor-menu-inf {
	    height: auto;
	}

	.logo-footer {	   
	    padding-left: 30%;
	    float: unset;
	    display: block;
	}

	.list-menu-footer {
	    padding-left: 7%;
	    width: 20%;
	    display: inline-block;
	    float: unset;
	}

	.list-menu-footer li a, h5 {
	    font-size: 0.5rem;
	}

	#lista-tyc-socmed{
		width: 70%;
    	padding-left: 30%;
    	padding-top: unset;
	}

	.firma-design {
	    top: 91%;
    	left: 67%;
	}

	/***********************************    PAGINA INICIO   ****************************************************/

	/***********************************    PAGINA NOSOTROS  ***************************************************/
	.titulo-somos {
	    padding: 100% 0 0 5%;
	}

	#contenedor-somos-top h2 {
	    font-size: 1.5rem;
	}


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

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

	.titulo-somos-page-desc h2 {
	    font-size: 1.5rem;
	}

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

	.parrafo-desc-somos p {
	    font-size: 1rem;
	}

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

	.parrafo-desc-somos-derecha p {
	    font-size: 1rem;
	}

	.titulo-somos-equipo h2 {
        font-size: 1.5rem;
	}

	.contenedor-miembros-equipo {
	    padding: 5% 0 0 0;
	    width: 100%;
	}

	.miembro-equipo {
	    width: 100%;
	    padding-bottom: 5%;
	}

	#somos-page-objetivos {
	    height: auto;
	}

	.titulo-objetivos-page-desc h2 {
	    font-size: 1.5rem;
	}

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

	.parrafo-desc-objetivos {
	    padding: 1% 0 0 5%;
	}

	.parrafo-desc-objetivos p {
	    font-size: 1rem;
	}

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

	.parrafo-desc-objetivos-derecha p {
	    font-size: 1rem;
	}

	.contenedor-frase h1 {
	    font-size: 1.5rem;
	}

	.autor-frase p {
	    font-size: 1.5rem;
	}

	#somos-page-mision {
	    height: auto;
	}

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

	.titulo-mision-page-desc h2 {
	    font-size: 1.5rem;
	}

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

	.parrafo-desc-mision p {
	    font-size: 1rem;
	}

	.titulo-mision-derecha-page-desc h2 {
	    font-size: 1.5rem;
	}

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

	.parrafo-desc-mision-derecha p {
	    font-size: 1rem;
	}

	#somos-page-last-image {
	    height: auto;
	}

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


	/***********************************    PAGINA NOSOTROS  ***************************************************/

	/***********************************    PAGINA SERVICIOS  **************************************************/

	.titulo-servicios {
	    padding: 90% 0 0 5%;
	    width: 40%;
	}

	.titulo-servicios h2 {
	    font-size: 1.5rem;
	}

	#servicios-page-descripcion {
 	   height: auto;
	}

	.descripcion-servicios {
	    width: 80%;
	}

	.descripcion-servicios p {
	    font-size: 1rem;
	}

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

	.titulo-servicios-page-desc h2 {
	    font-size: 1.5rem;
	}

	.parrafo-desc-servicios {
	    padding: 1% 0 0 5%;
	}

	.parrafo-desc-servicios p {
	    font-size: 1rem;
	}

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

	.contenedor-detalle-iconos-serv {
	    padding: 10% 15% 0 3%;
	}

	/***********************************    PAGINA SERVICIOS  **************************************************/





	/***********************************    PAGINA ALIADOS  ****************************************************/

	.titulo-aliados {
	    padding: 90% 0 0 5%;
	    width: 60%;
	}

	.titulo-aliados h2 {
    	font-size: 1.5rem;
	}

	#aliados-page-descripcion {
	    height: auto;
	}

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

	.titulo-aliados-page-desc h2 {
	    font-size: 1.5rem;
	}

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

	.parrafo-desc-aliados p {
	    font-size: 1rem;	 
	}

	#carrusel-frases-aliados {
	    height: auto;
	}

	.logo-page-aliado {
	    width: 50%;
	}

	.contenedor-area-logo {
	    width: 70%;
	    padding: 6% 0% 0 25%;
	}

	#contenedor-frases-aliados {
	    padding-bottom: 10%;
	}

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

	.owl-theme .owl-nav [class*=owl-] {
	    margin: -40px;
	}


	/***********************************    PAGINA ALIADOS  ****************************************************/




	/***********************************    PAGINA PROYECTOS  **************************************************/

	#inicio-proyecto-page {
	    height: auto;
	}

	.titulo-proyecto {
	    padding: 90% 0 0 5%;
	    width: 60%;
	}

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

	.descripcion-proyecto {
	    width: 80%;
	}

	.descripcion-proyecto p {
	    font-size: 1rem;
	}

	.contenedor-boton-mas-proyecto {
	    display: none;
	}

	.contenedor-scroll-proyecto {
	    padding: 0 0 10% 80%;
	}

	.contenedor-scroll-proyecto img {
	    width: 25px;
	}

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

	.titulo-proyecto-page-desc h2 {
	    font-size: 1.5rem;
	}

	.parrafo-proyecto-somos {
	    padding: 1% 0 0 5%;
	}

	.parrafo-proyecto-somos p {
	    font-size: 1rem;
	}

	.contenedor-imagen-logo-proyecto {
	    padding: 20% 0 0 10%;
	}

	.contenedor-imagen-logo-proyecto img {
	    width: 300px;
	}

	#proyecto-detalle {
	    height: auto;
	}

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

	.titulo-proyecto-page-detalle h2 {
	    font-size: 1.5rem;
	}

	.parrafo-proyecto-detalle {
	    padding: 1% 0 0 5%;
	}

	.parrafo-proyecto-detalle p {
	    font-size: 1rem;
	}

	.parrafo-proyecto-detalle-derecho {
	    padding: 10% 0 10% 5%;
	}

	.parrafo-proyecto-detalle-derecho p {
	    font-size: 1rem;
	}

	.modal-galeria {
		top:20%;
		height: 70%;
	}

	#mosaico-escritorio{
		display:none;
	}

	#mosaico-movil{
		display:block;
	}

	#mosaico-movil img{
		width:100%;
	}

	#mosaico-movil iframe{
	    height: 213px;
	    float: left;
	}

	.wpb_start_animation.animated {
	    animation-fill-mode: backwards;
	}

	.close-galeria {
	    top: 15px;
	}

	#sliders-galeria-proyecto-elt{
		padding-top:20%;
	}

	.item iframe{
		height:100%;
	}


	/***********************************    PAGINA PROYECTOS  **************************************************/




	/***********************************    PAGINA CONTACTO  ***************************************************/
	#formulario-contacto-elt {
	    height: auto;
	}

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

	.titulo-formulario-contacto h2 {
	    font-size: 1.5rem;	 
	}


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



	/***********************************    PAGINA CONTACTO  ***************************************************/

	/***********************************    TERMINOS Y COND  ***************************************************/

	.modal-content-terminos h2 {
	    font-family: 'Bevan', sans-serif;
	    color: #158442;
	    font-size: 1.5rem;
	}

	.modal-content-terminos p {
	    font-size: 1rem;
	}

	.modal-content-terminos h3 {
	    font-family: 'Bevan', sans-serif;
	    color: #158442;	   
	    font-size: 1rem;
	}

	.close-terminos {
	    color: #158442;	   
	    right: 20px;
	    z-index: 10;
	}

	/***********************************    TERMINOS Y COND  ***************************************************/
}