/*
	Theme Name: Sandía Creativa Theme V2
	Theme URI: http://jgalindodesign.com
	Description: Sandia Creativa Web Theme 2021
	Version: 2.1.0
	Author: JG | @galindojorg
	Author URI: jgalindodesign.com
	Tags: HTML5, CSS3, SANDIA CREATIVA

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@font-face {
    font-family: 'Museo Sans Rounded 300';
    src: url('fonts/MuseoSansRounded-300.woff2') format('woff2'),
        url('fonts/MuseoSansRounded-300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans Rounded 900';
    src: url('fonts/MuseoSansRounded-900.woff2') format('woff2'),
        url('fonts/MuseoSansRounded-900.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans Rounded 500';
    src: url('fonts/MuseoSansRounded-500.woff2') format('woff2'),
        url('fonts/MuseoSansRounded-500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans Rounded 700';
    src: url('fonts/MuseoSansRounded-700.woff2') format('woff2'),
        url('fonts/MuseoSansRounded-700.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

#pp-nav li .active span, .pp-slidesNav .active span {
    background: #fff !important;
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

a{
	    transition: all 500ms ease !important;
}

/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	scroll-behavior: smooth;
}
body {
	font:300 11px/1.4 'Museo Sans Rounded 500', sans-serif;
	color:#444;

}

html.sr .load-hidden {
    visibility: hidden;
}

/* font-family: 'Museo Sans Rounded 500', serif;
font-family: 'Museo Sans Rounded 500', sans-serif; */

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

h2{
	font-family: 'Museo Sans Rounded 500', serif;
	font-size: 70px;
	color: #fff;
	line-height: 1;
}

h4{
	font-size: 22px;
	color: #fff;
	font-weight: 300;
}

.hablamos{

	font-family: 'Museo Sans Rounded 700', serif;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	background-color: #1EB53A;
	text-transform: capitalize;
	/* transition: all 500ms ease; */
	padding: 8px 5px 5px 5px;
	display: block;
	margin: auto;
	border-radius: 20px;
	text-align: center;
	width: 160px;
}

.hablamos:hover{

color: #003729;

}

.vermas{

	font-family: 'Museo Sans Rounded 700', serif;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	background-color: #1EB53A;
	text-transform: capitalize;
	/* transition: all 500ms ease; */
	padding: 8px 5px 5px 5px;
	display: block;
	margin: auto;
	border-radius: 20px;
	text-align: center;
	width: 160px;
}

.vermas:hover{

color: #000000;

}

.vermas_rojo{

	font-family: 'Museo Sans Rounded 700', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	background-color: #E8112D;
	text-transform: capitalize;
	/* transition: all 500ms ease; */
	padding: 8px 5px 5px 5px;
	display: block;
	margin: auto;
	border-radius: 20px;
	text-align: center;
	width: 160px;

}

.vermas_rojo:hover{

color: #000000;

}

.vermas_bgrojo{

	font-family: 'Museo Sans Rounded 700', serif;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	background-color: #1EB53A;
	text-transform: capitalize;
	/* transition: all 500ms ease; */
	padding: 8px 5px 5px 5px;
	display: block;
	margin: auto;
	border-radius: 20px;
	text-align: center;
	width: 160px;
}

.vermas_bgrojo:hover{

color: #000000;

}

/*------------------------------------*\
    INTRO
\*------------------------------------*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("img/SVG/bg_texture.svg"), /* linear-gradient(315deg, rgba(30,181,58,0.4) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%), */ #003729;
	background-repeat:no-repeat;
	background-size:cover;
/* 	/* background-image: url("img/SVG/bg2.svg"); */ 
	z-index: 300;
	height: 100vh;
	}
	#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url('');
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
	}

.pais_visita h3{

	font-size: 24px;
    color: #fff;
    margin-bottom: 35px;

}

.loading{
	
	width:200px; 
	height:200px;
	margin:20px;
}

.pais_visita h3 .pin{
	
	display: inline-block;
	width: 35px;
	height: 35px;
	background-image:url(img/SVG/pin.svg);
	background-position: center center;
	background-repeat:no-repeat;
	position: relative;
    top: 8px;
    margin-right: 8px;
	
}

.sandia_intro img{
	
	 animation: 1.9s linear infinite;
	 animation-name: rotacion;
	
}

@keyframes rotacion {
  from {
    transform: rotate(0deg);

  }

  to {
    transform: rotate(360deg);
  }
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {
	width: 100vw;
	position: fixed;
	top:0px;
	z-index: 99;

}

.cont-header{

    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

}
/* logo */
.logo {
	display: block;

}

.menu{

	display: block;
	float: right;
	margin-top: 25px;

}

.boton_menu{

	font-size: 22px;
	font-weight: 300;
	color: #fff;
	text-transform: capitalize;
	transition: all 500ms ease;
	
	margin-right: 23px;
	background-image: url(img/SVG/menu_icon.svg);
	background-repeat: no-repeat;
	background-position: right 10px;
	background-size: 35px 8px;
	padding: 0px 50px 0px 0px;

}

.boton_menu:hover{

	color: #000000;
	background-image: url(img/SVG/menu_icon_b.svg);
	background-repeat: no-repeat;
	background-position: right 10px;
	background-size: 35px 8px;

}

.boton_menu_interno{

	color: #1EB53A;
	font-size: 22px;
	font-weight: 300;
	text-transform: capitalize;
	transition: all 500ms ease;
	padding: 0px 29px 0px 0px;
	margin-top: 5px;
	margin-right: 23px;
	display: block;
	background-image: url(img/SVG/menu_icon_green.svg);
	background-repeat: no-repeat;
	background-position: right 10px;
	background-size: 22px 10px;

  }

  .boton_menu_interno:hover{

	color: #000000;
	background-image: url(img/SVG/menu_icon_b.svg);

  }

.boton_menu_cerrar{

	color: #1EB53A;
	font-size: 22px;
	font-weight: 300;
	text-transform: capitalize;
	transition: all 500ms ease;
	padding: 0px 0px 10px 0px;
	margin-top: 5px;
	margin-right: 23px;
	display: block;

  }

  .boton_contacto{

	font-family: 'Museo Sans Rounded 700', sans-serif;
	font-size: 18px;
    font-weight: 700;
    color: #000000;
    transition: all 500ms ease;
    padding: 7px 20px 7px 20px;
    background-color: #ffffff;
	margin: 10px;
	border-radius: 20px;
	display: none;
	/* display: block;
	float: right; */

  }

  .boton_contacto:hover{


    color: #000000;


  }

  .cont_btn_contacto{

	position: fixed;
	bottom: 0px;
	width: 100vw;
	padding: 0px 15px 30px 0px;
	display: flex;
	justify-content: flex-end;
	z-index: 190;

  }
  
    .botones{

	display:flex;
	flex-direction:column;
	align-items: flex-end;

  }
  
  .cont_hablamos{
	  
	display:flex;
	flex-direction:row;
	align-items: flex-end;
	  
  }
  
  .boton_wapp{
	  
	display: block;
	margin:0px;
	width: 65px;
	height: 65px;
	background-image: url('img/SVG/wapp_icon2.svg');
	background-size:65px 65px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	  
  }
  
    .boton_wapp:hover{
	  
		transform: scale(1.2)
	  
  }
  
    .boton_contacto2{
	  
	display: block;
	margin:0px;
	width: 65px;
	height: 65px;
	background-image: url('img/SVG/contact_icon2.svg');
	background-size:65px 65px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	  
  }
  
      .boton_contacto2:hover{
	  
	  	content: "Hablamos";
		transform: scale(1.2)
	  
  }
  
  .boton_contacto2:before{
	  
	  	content: "Hablamos";
		transform: scale(1.2)
	  
  }


  .boton_back{

	font-size: 22px;
    font-weight: 300;
    color:#1EB53A;
    transition: all 500ms ease;
    padding: 0px 0px 10px 0px;
    border-bottom: 2px solid #1EB53A;
	letter-spacing: 3px;
	/* display: block;
	float: right; */

  }

  .cont_btn_back{

	position: relative;
	bottom: 66px;
	width: 100vw;
	padding: 0px 15px 0px 30px;
	display: flex;
	justify-content: flex-start;

  }

/* .boton_menu_cerrar:hover{

	color: #1EB53A;
	font-size: 22px;
	font-weight: 300;
	text-transform: uppercase;
	transition: all 500ms ease;
	padding: 0px 0px 10px 0px;
	border-bottom: 2px solid #1EB53A;
	letter-spacing: 3px;
	margin-top: 23px;
	display: block;
	animation: borde_inferior2 500ms ease-in-out forwards ;

  } */

@keyframes borde_inferior2{

	0%{
		width: 0px;
		border-bottom: 2px solid #E8112D;
	}

	100%{
		width: 86px;
		border-bottom: 2px solid #E8112D;
	}
}

.menu_screen{

	background-color: #ffffff;
	background-image: url(img/SVG/bg_texture.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 100vh;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 220;

}

.menu_screen .logo-img img{

	margin-top: 23px;

}

.logo-img {

width: 280px;
height: auto;
margin-top: 25px;

}

.cont_menu_screen{

	display: flex;
    justify-content: center;
    align-content: center;
    height: calc(100vh - 143px);
    margin-top: calc(15% - 143px);

}

.menu_screen .cont_menu_principal{

	display: flex;
	justify-content: center;
	align-content: center;

}


.menu_screen .menu_principal ul{

	padding: 0px !important;

}

.menu_screen .menu_principal ul li{

	list-style: none;
	text-align: center;

}

.menu_screen .menu_principal ul li a{

	color: #1EB53A;
	font-family: 'Museo Sans Rounded 500', serif;
	font-size: 56px;
	padding: 0px 10px 5px 10px;

}

.menu_screen .menu_principal ul li a:hover{

	color: #E8112D;

}

.menu_screen .menu_principal ul current-item-menu a{

	color: #E8112D;

}

.contacto_menu{

	display: flex;
	justify-content: center;

}

.contacto_menu .cont_contacto a:hover{
	
	color:#E8112D;
	
}

.contacto_menu h3{

	font-family: 'Museo Sans Rounded 500', sans-serif;
	font-size: 35px;
	font-weight: 300;
	color: #E8112D;
	letter-spacing: 3px;
}

.contacto_menu h4{

	font-family: 'Museo Sans Rounded 500', sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #6D6E71;
	margin:15px 0px;
}

.contacto_menu .redes_soc_contact{

	padding: 0px;
	margin-top: 54px;
}

.contacto_menu .redes_soc_contact li{

	list-style: none;
	display: inline-block;
	margin: 0px 15px 0px 0px;

}

.contacto_menu .redes_soc_contact li a{

	display: block;
	width: 40px;
	height: 40px;
	background-color: #1EB53A;
	border-radius: 50%;
	/* transition: all 500ms ease; */
	transition: transform .6s cubic-bezier(0,0,0,1),-webkit-transform .6s cubic-bezier(0,0,0,1);
	background-repeat: no-repeat;
	background-position: center center;

}

.contacto_menu .redes_soc_contact li:nth-child(1) a{

	background-image: url(img/SVG/fb_icon.svg);
	background-size: 13px;

}

.contacto_menu .redes_soc_contact li:nth-child(2) a{

	background-image: url(img/SVG/tw_icon.svg);
	background-size: 20px;

}

.contacto_menu .redes_soc_contact li:nth-child(3) a{

	background-image: url(img/SVG/ig_icon.svg);
	background-size: 20px;

}

.contacto_menu .redes_soc_contact li:nth-child(4) a{

	background-image: url(img/SVG/linkedin.svg);
	background-size: 20px;

}

.contacto_menu .redes_soc_contact li a:hover{

	/* background-color: #1EB53A; */
	background-color: #E8112D;
}

/* nav */
.nav {

}

section{

	/* height: calc(100vh - 220px); */
	height: 100vh;
	display: flex;
	justify-content: center;
	align-content: center;
	justify-items: center;
	align-items: center;
}

section h2{

	text-align: center;
}

section h4{
	text-align: center;
	font-family: 'Museo Sans Rounded 300', sans-serif;
	font-size: ;

}

/* sidebar */
.sidebar {

}


.icon_mouse{
	
    width: 95px;
    height: 46px;
    margin-left: -48px;
    background-image: url(img/SVG/mouse_icon@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 62px;
    left: 50%;
    background-size: 95px 46px;
    z-index: 291;
	
}

/* footer */
.footer {

	background-color: #E8112D;
	color: #ffffff;
	font-family: 'Museo Sans Rounded 500', sans-serif;
	font-weight: 300;
	min-height: 140px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer .cont_footer{

	display: flex;
	justify-content: center;
	align-items: center;
	justify-items: center;

}

.footer ul{

	margin-top: 25px;
}

.footer ul li{

	display: inline-block;
	color: #ffffff;
	margin: 0px 8px;
}

.footer ul li a{

	color: #ffffff;
	font-size: 15px;
	transition: transform .6s cubic-bezier(0,0,0,1),-webkit-transform .6s cubic-bezier(0,0,0,1);
}

.footer ul li a:hover{

	color: #1EB53A;

}

.footer .redes_soc_contact{

	padding: 0px;
	margin-top: 20px;
}

.footer .redes_soc_contact li{

	list-style: none;
	display: inline-block;
	margin: 0px 15px 0px 0px;

}

.footer .redes_soc_contact li a{

	display: block;
	width: 30px;
	height: 30px;
	background-color: #E8112D;
	border-radius: 50%;
	/* transition: all 500ms ease; */
	transition: transform .6s cubic-bezier(0,0,0,1),-webkit-transform .6s cubic-bezier(0,0,0,1);
	background-repeat: no-repeat;
	background-position: center center;


}

.footer .redes_soc_contact li:nth-child(1) a{

	background-image: url(img/SVG/fb_icon.svg);
	background-size: 10px;

}

.footer .redes_soc_contact li:nth-child(2) a{

	background-image: url(img/SVG/tw_icon.svg);
	background-size: 17px;

}

.footer .redes_soc_contact li:nth-child(3) a{

	background-image: url(img/SVG/ig_icon.svg);
	background-size: 17px;

}

.footer .redes_soc_contact li:nth-child(4) a{

	background-image: url(img/SVG/linkedin.svg);
	background-size: 17px;

}

.footer .redes_soc_contact li a:hover{

	background-color: #980B1E;
}

.hidden-lg{

	display: none;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

#scene, #scene2, #scene3, #scene4{
	position: absolute;
	width: 120vw;
	height: 120vh;
	top: 0px;
	overflow: hidden !important;
	z-index: -1;

}


/* Home */

/* NAV */

#pp-nav{
    margin: 0 auto !important;
    left:calc(50% - 58px)!important;
    top: auto !important;
    bottom: 17px;
	display: inline-block;
	width: auto;
	z-index: 290;
}
#pp-nav li, .pp-slidesNav li{
    display:inline-block;
}

.section1{

	background: linear-gradient(315deg, rgba(232,17,45,0.4) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%),  #E8112D !important;
	/* background-image: url("img/SVG/bg1.svg"); */
	background-repeat:no-repeat;
	background-size: cover !important;
	background-position: center center;
	background-attachment: fixed;
	overflow: hidden !important;
}

.ring1{

	background-image: url(img/SVG/bg_texture2.svg);
	background-size: cover !important;
	width: 100vw !important;
	height: 100vh !important;
	background-repeat: no-repeat !important;
	background-position: center;



}

.ring2{

	/* background-image: url("img/SVG/bg1_2.svg"); */
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;


}

.ring1-2{
	/* background-image: url("img/SVG/bg1_3.svg"); */
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;

}

.ring3{

	background-image: url("img/SVG/bg2_1.svg");
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;


}

.ring3-2{

	background-image: url("img/SVG/bg2_3.svg");
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;


}

.ring4{

	background-image: url("img/SVG/bg4_1.svg");
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;


}

.ring5{

	background-image: url("img/SVG/bg4_2.svg");
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;


}

.section2{

	background: linear-gradient(315deg, rgba(30,181,58,0.4) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%), #1EB53A;
	/* background-image: url("img/SVG/bg2.svg"); */
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.section3{

	background: linear-gradient(315deg, rgba(255,195,0,0.05) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%), #FFC300;
	/* background-image: url("img/SVG/bg3.svg"); */
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	background-attachment: fixed;
}

.section4{

	background: /* linear-gradient(315deg, rgba(0,55,41,1) 0%, rgba(0,34,25,60) 100%), */ #003729;
	/* background-image: url("img/SVG/bg4.svg"); */
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.last-item {
	margin-left: auto;
  }

/*------------------------------------*\
    AGENCIA
\*------------------------------------*/

.cont_internas{

	background-color: #ffffff;
	background-image: url(img/SVG/bg_menu_white.svg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    min-height: calc(100vh + 155px - 66px);
	margin-top: -155px;
	padding-bottom: 100px;

}

.cont_paginas{

	padding: 155px 0px;
	color: #000000; 

}

#agencia h2{

	font-family:'Museo Sans Rounded 500', sans-serif;
	font-weight: 700;
	color: #1EB53A;
	font-size: 60px;
	margin: 0px 0px 20px 0px;
}

#agencia .col-md-10 .row p{

	font-family:'Museo Sans Rounded 300', sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #000000;	
	margin: 8px 0px;
}

#agencia h3 span{

	color: #1EB53A;
}

#agencia .valores {

    font-family: 'Museo Sans Rounded 500', serif;
    font-size: 50px;
    color: #1EB53A;
    /* margin: 10px 10px 35px 11px; */

}

#agencia .valores > p{

	font-family:'Museo Sans Rounded 300', sans-serif;
	font-weight: 300;
	font-size: 26px;
	font-weight: 300;
	color: #000000;
	margin: 0px !important;
	padding: 0px !important;

}

#agencia .valores h5 span{

	color: #E8112D;

}

#agencia .bullet{

	width: 18px;
    height: 34px;
    background-image: url(img/SVG/bullet.svg);
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin-right: 10px;

}

#agencia .equipo h3 {
	
	font-family: 'Museo Sans Rounded 500', serif;
	color: #1EB53A;
	font-size: 60px;
    margin: 60px 10px 35px 0px;
	
}

#agencia .equipo h4 {
	
	color: #80BC00;
	text-align: center;
	margin: 10px;
	
}

#agencia .miembro h5{
	
/* 	background-color:#E5E6E8; */
	text-align: center; 
	margin:0px;
	font-size: 15px;
}

#agencia .equipo img{
	
	transition: all 500ms ease;
	
}

#agencia .foto-grupo img{
	
	margin-bottom: 40px !important;
}

#agencia .miembro {
	
	/* background-color:#E5E6E8; */
	margin-top: 35px;
	
}

#agencia .miembro .img{
	
/* 	background-color:#E5E6E8; */
	width: 100%;
	height: auto;
    filter: grayscale(100%);

}

#agencia .miembro .img:hover{
	
    filter: grayscale(0%);

}


/*------------------------------------*\
    SERVICIOS
\*------------------------------------*/

#servicios h2{

	color: #1EB53A;
}

#servicios h3{

	font-family: 'Museo Sans Rounded 500', serif;
	font-size: 35px;
	color: #E8112D;
}

#servicios h3 a {
	color: #1EB53A;
	margin-bottom: 10px;
	
	
}

#servicios h3 a:hover{
	
	color: #E8112D;
	transition: transform .3s cubic-bezier(0,0,0,1),-webkit-transform .3s cubic-bezier(0,0,0,1);
	
}

#servicios ul {

	margin: 0px;
	padding: 0px;

}

#servicios ul li{

	font-size: 18px;
	color: #000000;
	list-style: none;
	font-weight: 300;

}

.cont_servicios_up{

	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

.cont_servicios_down{

	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

.servicios1, .servicios2, .servicios3, .servicios4{

	margin-bottom: 30px;

}

/*------------------------------------*\
    BOOK
\*------------------------------------*/
#book h2{

	color: #E8112D;

}


#book h3{

	font-family: 'Museo Sans Rounded 500', sans-serif;
	font-weight: 300;
	font-size: 30px;
	color: #444;
}


.wpb_fp_quick_view_content h2{
	
	color:#444 !important; 
	
}

.reptro_portfolio .wpb-fp-item figure figcaption i{
	
	display: block;
	
}

.wpbfpicons-magnifying-glass:before {
	content: "\00a0 \00a0 \00a0" !important;
	width: 25px;
	height: 25px;
    background-image: url('img/SVG/plus-icon.svg')!important;
    background-size: 25px 24px;
    background-repeat: no-repeat;
}

#book .portfolio  h3 {
	
	color:#ffffff !important;
	
}

#book h3 span{

	color: #1EB53A;
}

#book h4{

	color:#6D6E71;
}

#book h4 span{

	color: #E8112D;
	text-transform: uppercase;
}

#book #selector_categoria{
	
	margin:30px 0px;
}

#book .selected{
	
	color: #E8112D;
	font-weight: bold;
}

#book #selector_categoria ul{
	
	padding:0px;
}

#book nav ul li{

	display: inline-block;
	font-size: 16px;
	margin: 0px 15px;

}

#book nav ul li a:hover{

	color:#E8112D;

}

#book .proyecto{

	display: flex;
	height: 470px !important;
	margin: 20px !important;
	padding: 10px;
	box-sizing: border-box;
	align-content: flex-start;
    flex-flow: column;
	justify-content: space-between;
	
}

#book .proyecto h3{

	color: #E8112D;
	font-size: 16px;
}

#book .proyecto h4 a{

	font-family: 'Museo Sans Rounded 500', sans-serif;
	letter-spacing: 6px;
	color: #1EB53A;
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0px;


}

#book .proyecto .cont{

	display: flex;
    padding: 10px;
    box-sizing: border-box;
    align-content: flex-start;
    flex-flow: column;
    justify-content: space-between;
    background-color: #ffffff;
    width: calc(100% - 20px);
    height: 100%;
	margin: 10px;
}

#book .proyecto .boton_next a{


}

#book .proyecto .sandia{


		  background-image: url('img/SVG/boton_next.svg');
		  background-repeat: no-repeat;
		  background-position:center;
		  background-size: 31px 45px;
		  display: block;
		  float: right;
		  margin: -4px 20px;
		  display:inline-block;
		  width: 31px;
		  height: 45px;
		  margin-left: 10px;
		  text-indent: -99999px;
		  transition: transform .3s cubic-bezier(0,0,0,1),-webkit-transform .3s cubic-bezier(0,0,0,1);
}

#book .proyecto .sandia:hover{

	transform: rotate(90deg);

}

#book .proyecto .project_category{

	display: block;
	/* position: absolute;
	top: 0px; */
}

#book .proyecto .project_title{

	display: block;
	/* position: absolute;
	bottom: 30px; */

}

#book .proyecto .project_title h4, h3{

margin: 0px;

}

.cont_internas_book{

	/* background-color: #1EB53A; */
	background-image: url(img/SVG/bg_menu_white.svg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: calc(100vh - 66px);
    /* margin-top: -78px; */
/*     padding-bottom: 50px; */

}

.cont_internas_book .cont_paginas{

	padding: 220px 0px 60px 0px;
	color: #E8112D; 

}

#book .bloque_izq{

	/* background-color: #1EB53A;  */

}

#book .bloque_der{

	background-color: #E8112D;
	display: flex;
	height: 410px;
	align-items: end;
    height: 410px;
	flex-flow: column;
    padding: 8px 20px;

}

.project_nav {
    display: flex;
    flex-flow: row;
    width: 100%;
    justify-content: flex-end;
    }

.project_nav a{
	
	color: #1EB53A;
	margin:0px;
	letter-spacing: 0px;
	font-size: 16px;
	margin: 0px 0px 0px 30px;
	padding: 8px 0px;
	border-bottom: 2px solid #1EB53A;
	
}

.project_nav a:hover{
	
	color: #1EB53A;
	border-bottom: 2px solid #1EB53A;
	
}

.links_social{
	
    display: flex;
    justify-items: flex-end;
    flex-flow: row-reverse;
    width: 100%;

}

.links_social ul{
	
	padding: 0px !important;
}

.links_social .redes_soc_contact{

	padding: 0px;
}

.links_social .redes_soc_contact li{

	list-style: none;
	display: inline-block;
	margin: 0px 15px 0px 0px;

}

.links_social .redes_soc_contact li a{

	display: block;
	width: 40px;
	height: 40px;
	transition: transform .6s cubic-bezier(0,0,0,1),-webkit-transform .6s cubic-bezier(0,0,0,1);
	background-repeat: no-repeat;
	background-position: center center;

}

.fb{

	background-image: url(img/SVG/fb_icon.svg);
	background-size: 13px;
	display: block;
	width: 40px;
	height: 40px;
	transition: transform .6s cubic-bezier(0,0,0,1),-webkit-transform .6s cubic-bezier(0,0,0,1);
	background-repeat: no-repeat;
	background-position: center center;

}

.ig{
	
	background-image: url(img/SVG/ig_icon.svg);
	background-size: 20px;
	display: block;
	width: 40px;
	height: 40px;
	transition: transform .6s cubic-bezier(0,0,0,1),-webkit-transform .6s cubic-bezier(0,0,0,1);
	background-repeat: no-repeat;
	background-position: center center;

}

.tw{

	background-image: url(img/SVG/tw_icon.svg);
		display: block;
	width: 40px;
	height: 40px;
	transition: transform .6s cubic-bezier(0,0,0,1),-webkit-transform .6s cubic-bezier(0,0,0,1);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;

}

.web{

	background-image: url(img/SVG/web_icon.svg);
	background-size: 33px;
		display: block;
	width: 40px;
	height: 40px;
	transition: transform .6s cubic-bezier(0,0,0,1),-webkit-transform .6s cubic-bezier(0,0,0,1);
	background-repeat: no-repeat;
	background-position: center center;

}

.links_social .redes_soc_contact li a:hover{

	/* background-color: #1EB53A; */
	opacity: .7
}

#book .bloque_der h1{

	color: #fff;
	display: flex;
	align-items: flex-end;
	height: 410px;
	font-family: 'Museo Sans Rounded 500', serif;
	font-size: 40px;
	margin-bottom: 0px;

}

#book .bloque_der h4{

	color: #231F20;
	margin:0px;
	letter-spacing: 3px;

}

#book .bloque_der ul{

	padding: 0px 20px;
}

#book .bloque_der ul li{

	color: #ffffff;
	font-weight: 300;
	font-size: 17px;
}


/*------------------------------------*\
    CONTACTO
\*------------------------------------*/

#contacto{

	min-height: calc(100vh - 66px);
}

#contacto h2{

	color: #1EB53A;

}

#contacto h3{

	font-family: 'Museo Sans Rounded 500', sans-serif;
	font-weight: 300;
	font-size: 30px;
	color: #444;
	margin-bottom: 50px;

}

#contacto h3 span{

	color: #E8112D;
}

#contacto form fieldset{

	border: none;
	padding: 10px 0px;
}

#contacto form fieldset label{

	font-weight: 300;
	font:300 11px/1.4 'Museo Sans Rounded 500', sans-serif;
	color:#000000;
	font-size: 26px;

}

#contacto form fieldset input[type="text"] {

	border: none;
	font:300 11px/1.4 'Museo Sans Rounded 500', sans-serif;
	color:#1EB53A;
	font-size: 26px;
	border-bottom: 1px solid #1EB53A;
	margin-left:15px;
	background-color: transparent;
	border-radius: 0px;
	width: 300px;
  }

  #contacto form fieldset input[type="number"] {

	border: none;
	font:300 11px/1.4 'Museo Sans Rounded 500', sans-serif;
	color:#1EB53A;
	font-size: 26px;
	border-bottom: 1px solid #1EB53A;
	margin-left:15px;
	background-color: transparent;
	border-radius: 0px;
	width: 200px;
  }

  #contacto form fieldset input[type="email"] {

	border: none;
	font:300 11px/1.4 'Museo Sans Rounded 500', sans-serif;
	color:#1EB53A;
	font-size: 26px;
	border-bottom: 1px solid #1EB53A;
	margin-left:15px;
	background-color: transparent;
	border-radius: 0px;
	width: 300px;
  }

  #contacto form fieldset input[type="email"]::placeholder {

	color:#C9CBCD;

  }


  #contacto form fieldset input[type="tel"] {

	border: none;
	font:300 11px/1.4 'Museo Sans Rounded 500', sans-serif;
	color:#1EB53A;
	font-size: 26px;
	border-bottom: 1px solid #1EB53A;
	margin-left:15px;
	background-color: transparent;
	border-radius: 0px;
	width: 200px;
  }

  #contacto form fieldset input[type="tel"]::placeholder {

	color:#C9CBCD;

  }

  #contacto form fieldset p{

	margin:0;
	height: 0px;

  }

  #contacto form fieldset select {

	border: none;
	font:300 11px/1.4 'Museo Sans Rounded 500', sans-serif;
	color:#1EB53A;
	font-size: 22px;
	border-bottom: 1px solid #1EB53A;
	margin-left:15px;
	background-color: transparent;
	border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	padding-right: 20px;
	background-image: url('img/SVG/selector_verde.svg');
	background-position: 233px 10px;
	background-repeat:no-repeat;
	background-size: 15px;
	width: 250px;

  }
  

  #contacto form fieldset select:before {
    content: '';
    position: absolute;
    right: 5px;
    top: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #000000 transparent transparent transparent;
    z-index: 5;
    pointer-events: none;
}

  #contacto form fieldset select:hover {

	/* background-color: #1EB53A; */
	/* color: #FFF !important; */
	background-image: url('img/SVG/selector.svg');

  }

  #contacto form fieldset select option{

	font-size: 9px;
  }

  #contacto form fieldset select:focus {

	outline: none;

  }

  #contacto form fieldset select option {

	border: none;
	font:300 11px/1.4 'Museo Sans Rounded 500', sans-serif;
	color:#1EB53A;
	font-size: 26px;
	border-bottom: 1px solid #1EB53A;
	margin-left:15px;
	background-color: transparent;
	padding-right: 10px;
	border-radius: 0px;
  }

  #contacto form fieldset textarea {

	border: none;
	font:300 11px/1.4 'Museo Sans Rounded 500', sans-serif;
	color:#1EB53A;
	font-size: 26px;
	border-bottom: 1px solid #1EB53A;
	margin-left:15px;
	height: 100px;
	width: 300px;
	background-color: transparent;
	border-radius: 0px;
  }

  #contacto form fieldset textarea:focus {

	border: none;
	background-color: transparent;
	outline: none;
  }

  #contacto form fieldset button[type="submit"] {

	border: none;
	font:700 11px/1.4 'Museo Sans Rounded 700', sans-serif;
	color:#ffffff;
	font-size: 18px;
	text-transform: capitalize !important;
	transition: all 500ms ease;
	margin-top: 20px;
	padding: 8px 5px 5px 5px;
	background-color: #1EB53A;
	border-radius: 20px;
	text-align: center;
    width: 160px;

  }

#contacto form fieldset button[type="submit"]:hover {

	background-color: #E8112D;

	}

  /* #contacto form fieldset button[type="submit"]:hover {

	animation: borde_inferior 500ms ease-in-out forwards;
	-webkit-animation: borde_inferior 500ms ease-in-out forwards;
	-moz-animation: borde_inferior 500ms ease-in-out forwards;
	-o-animation: borde_inferior 500ms ease-in-out forwards;
	-ms-animation: borde_inferior 500ms ease-in-out forwards;
	cursor: pointer;
	

  } */

  #contacto span.wpcf7-not-valid-tip{

	/* color: #f00; */
	color: #E8112D;
    font-size: 18px;
    font-weight: 300;
    display: block;
  }

  #contacto div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #E8112D;
}

  #contacto div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
/*     border: 2px solid #E8112D; */
    font-size: 20px;
}

  #contacto div.wpcf7-mail-sent-ok {

	border: 2px solid #1EB53A !important;
	color: #1EB53A !important;

  }

  #contacto input:focus{

	border-bottom: solid 1px #1EB53A !important;

  }

  .boton_next {

	display:inline-block;

}

  .boton_next a{

	  /* border:1px solid #1EB53A; */
	  background-image: url('img/SVG/boton_next.svg');
	  background-repeat: no-repeat;
	  background-position:center;
	  background-size: 31px 45px;
	  /* border-radius: 50%; */
	  display:inline-block;
	  width: 31px;
	  height: 45px;
	  margin-left: 10px;
	  text-indent: -99999px;
	  transition: transform .3s cubic-bezier(0,0,0,1),-webkit-transform .3s cubic-bezier(0,0,0,1);


  }

  .boton_next a:hover{

	/* background-color: #1EB53A; */
	/* background-image: url('img/SVG/next_hover.svg') */
	transform: rotate(90deg);
  }

  #campo2, #campo3, #campo4, #campo5, #campo6, #campo7{

	display: none;

  } 

@keyframes borde_inferior{

	0%{
		width: 0px;
		border-bottom: 2px solid #1EB53A;
	}

	100%{
		width: 100px;
		border-bottom: 2px solid #1EB53A;
	}
}

#contacto form fieldset button[type="submit"]:focus {

	outline:none;

  }
  
	
	.screen-reader-response{
		
		display:none;
		
		}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

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

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

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

	.interno{

		background-color: rgba(255, 255, 255, .8);
		padding-bottom: 20px;

	}

	h2{
		font-family: 'Museo Sans Rounded 500', serif;
		font-size: 35px;
		color: #fff;
		line-height: 1;
	}
	
	h4{
		font-size: 19px;
		color: #fff;
	}

	.menu_screen .cont_menu_principal {
		display: flex;
		justify-content: left;
		align-content: center;
		margin-top: 35px;
		}

	.cont_menu_screen {
		display: block;
		height: calc(100vh - 143px);
		margin-top: calc(15% - 143px);
	}

	.menu_principal ul{

		padding: 0px !important;

	}

	.menu_screen .menu_principal ul li a {
		color: #1EB53A;
		font-family: 'Museo Sans Rounded 500', serif;
		font-size: 45px;
		padding: 2px 10px;
		}
		
		.contacto_menu{
			
			margin-top: 30px;
		}

		.contacto_menu h3 {
			font-size: 20px;
			}

			.contacto_menu h4 {
				font-size: 18px;

				}

	.logo-img{

		width: 95px;
	}

	.hidden-lg{

		display: block;
	}

	.hidden-xs{
		display: none !important;
	}

	#agencia h3{

		font-size: 22px;
	}

	#agencia .valores h3 span{
		font-size: 35px
	}
	
	
	#agencia .foto-grupo img{
	
	 margin-bottom: 40px !important;
	 
    }

	.cont_paginas{

		padding-bottom: 0px;
	}

	.cont_servicios_up, .cont_servicios_down{

		flex-wrap: wrap;
		justify-content: flex-start;

	}

	.cont_servicios_up, .cont_servicios_down ul li{ 

		list-style: none;

	}

	#book .filtr-item{

		width: 90% !important;
	}

	#book h3{
		font-size: 22px;
	}
	
	#book .bloque_der{
		
		padding: 8px 20px 40px 20px;
	}

	#contacto h3{

		font-size: 22px;
		margin: 50px 0px;
	}

	#contacto form fieldset label{

		font-size: 22px;
	}

	#contacto form fieldset input[type="text"] {

	margin-left: 0px;
	width: 275px;

	}

	#contacto form fieldset select{

		margin-left: 0px;


	}

	#contacto form fieldset input[type="number"]{

		margin-left: 0px;
	}

	#contacto form fieldset input[type="email"]{

		margin-left: 0px;
		width: 275px;

	}

	#contacto form fieldset input[type="tel"] {

		margin-left: 0px;
		width: 275px;

	}

	#contacto form fieldset textarea{

	margin-left: 0px;
	width: 275px;

	}

	#contacto form fieldset input[type="submit"] {

		padding: 0px !important;
	  }

	footer ul{
		text-align: center;
	}

}
@media only screen and (max-width:768px) {
	
	footer{
		
		height: auto !important;
		
	}

	.container p{
		font-size: 2rem !important;
		padding: 0.5rem;
		font-weight: bold;
		letter-spacing: 0.1rem;
		text-align: center;
		overflow: hidden;
		color:#fff;
	  }

	/* h2{
		font-family: 'Museo Sans Rounded 500', serif;
		font-size: 50px;
		color: #fff;
		line-height: 1;
	}
	
	h4{
		font-size: 18px;
		color: #fff;
	} */

	.cont_menu_screen {
		display: block;
		height: calc(100vh - 143px);
		margin-top: calc(35% - 70px);
	}

	.menu_screen{

		background-color: #ffffff;
		background-image: url(img/SVG/bg_menu_white.svg);
		background-repeat: no-repeat;
		background-size:cover;
		background-position: center center;
		height: 100vh;
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 220;
	
	}

	.cont_internas{

		background-color: #ffffff;
		background-image: url(img/SVG/bg_menu_white.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		min-height: 100vh;
		margin-top: 0px;
	
	}
	
	  .cont_btn_back{

	position: relative !important;
	bottom: 0px;
	width: 100vw;
	padding: 0px 15px 30px 30px;
	display: flex;
	justify-content: flex-start;

  }
  
  	#agencia .foto-grupo {
		
	 margin-top: 35px !important;
		
	}

}
@media only screen and (max-width:1024px) {
	
		.cont_internas{

		background-color: #ffffff;
		background-image: url(img/SVG/bg_menu_white.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		min-height: 100vh;
		margin-top: 0px;
	
	}
	
		.cont_menu_screen {
		margin-top: calc(35% - 120px);
	}

}
@media only screen and (min-width:1140px) {
	
			.cont_internas{

		background-color: #ffffff;
		background-image: url(img/SVG/bg_texture.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		min-height: 100vh;
		margin-top: 0px;
	
	}

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}