body {

  font-family: Gilda Display,Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;

  background-color: #f6f4f2;

  font-size: 16px;

  color:#1a171b;

}



#header {

  padding: 2rem;

}



#menu {

  background: #2b2927;

  height: 100%;

  left: 0;

  opacity: 0;

  overflow: hidden;

  position: fixed;

  text-align: center;

  top: 0;

  -webkit-transition: all 0.7s ease-in-out;

  transition: all 0.7s ease-in-out;

  visibility: hidden;

  width: 100%;

  z-index: 1100;

}

#menu.open {

  opacity: 1;

  visibility: visible;

}

#menu.open li:nth-child(1) {

  -webkit-animation-delay: 0.1s;

          animation-delay: 0.1s;

}

#menu.open li:nth-child(2) {

  -webkit-animation-delay: 0.2s;

          animation-delay: 0.2s;

}

#menu.open li:nth-child(3) {

  -webkit-animation-delay: 0.3s;

          animation-delay: 0.3s;

}

#menu.open li:nth-child(4) {

  -webkit-animation-delay: 0.4s;

          animation-delay: 0.4s;

}

#menu.open li:nth-child(5) {

  -webkit-animation-delay: 0.5s;

          animation-delay: 0.5s;

}

#menu.open li:nth-child(6) {

  -webkit-animation-delay: 0.6s;

          animation-delay: 0.6s;

}

#menu.open li:nth-child(7) {

  -webkit-animation-delay: 0.7s;

          animation-delay: 0.7s;

}

#menu.open li:nth-child(8) {

  -webkit-animation-delay: 0.8s;

          animation-delay: 0.8s;

}

#menu.open li:nth-child(9) {

  -webkit-animation-delay: 0.9s;

          animation-delay: 0.9s;

}

#menu.open li:nth-child(10) {

  -webkit-animation-delay: 1s;

          animation-delay: 1s;

}

#menu.open li {

  -webkit-animation-duration: 1.0s;

          animation-duration: 1.0s;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;

  -webkit-animation-name: fadeInUp;

          animation-name: fadeInUp;

}

#menu ul:hover a {

  opacity: 0.5;

}

#menu ul a {

  -webkit-transform: translateZ(0);

  -webkit-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

}

#menu ul a:hover {

  opacity: 1;

}

#menu .main-nav {

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}

#menu .main-nav ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

#menu .main-nav a {

  color: #FFFFFF;

  display: block;

  font-size: 3em;

  /*font-weight: bold;*/

  padding: 5px 5px;

  text-decoration: none;

  text-transform: none;

  font-family:'EB Garamond';

}

#menu .main-nav a:first {

  padding-top: 0;

}

#menu .menu-footer {

  padding: 2rem;

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  font-family:'Inter';

}

#menu .menu-footer ul {

 /* display: inline-block;*/

  list-style: none;

  margin: 0;

  padding: 0;

}

#menu .menu-footer ul li {

  /*display: inline;*/

  margin: 0 1rem;

}

#menu .menu-footer a {

	font-size:24px;

  color: #71654a;

  text-decoration: none;

  text-transform: none;

}



#menu .menu-footer a.active{font-weight: 600;color: #71654a;}

#menu .menu-footer a{font-weight: 300;color: #71654a; text-decoration:none;}

#menu .menu-footer a:hover{font-weight: 600;color: #71654a;}



.toggle-menu {

  background-color: transparent;

  border: none;

  cursor: pointer;

  display: inline-block;

  float: right;

  height: 50px;

  outline: none;

  padding: 0;

  pointer-events: initial;

  position: relative;

  vertical-align: middle;

  width: 50px;

  z-index: 9999999;

}

.toggle-menu span {

  background-color: #000;

  content: "";

  display: block;

  height: 2px;

  left: calc(50% - 25px );

  position: absolute;

  top: calc(50% - 1px );

  -webkit-transform-origin: 50% 50%;

          transform-origin: 50% 50%;

  -webkit-transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;

  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;

  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear;

  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear, -webkit-transform 0.2s linear;

  width: 50px;

}

.toggle-menu span:before, .toggle-menu span:after {

  background-color: #000;

  content: "";

  display: block;

  height: 2px;

  position: absolute;

  -webkit-transform-origin: 50% 50%;

          transform-origin: 50% 50%;

  -webkit-transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;

  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  -webkit-transform 0.2s linear;

  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear;

  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,  transform 0.2s linear, -webkit-transform 0.2s linear;

  width: 50px;

  

}

.toggle-menu span:before {

  top: 7px;

}

.toggle-menu span:after {

  top: -7px;

}





.toggle-menu.active span {

  background-color: transparent;

  -webkit-transition: background 0.2s ease-out;

  transition: background 0.2s ease-out;

}

.toggle-menu.active span:before, .toggle-menu.active span:after {

  -webkit-transition: top 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;

  transition: top 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;

  transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;

  transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;

  background-color: #fff;

}

.toggle-menu.active span:before {

  top: 0;

  -webkit-transform: rotate3d(0, 0, 1, -45deg);

          transform: rotate3d(0, 0, 1, -45deg);

}

.toggle-menu.active span:after {

  top: 0;

  -webkit-transform: rotate3d(0, 0, 1, 45deg);

          transform: rotate3d(0, 0, 1, 45deg);

}



#header-fixed{position:fixed; height:80px; border:0px solid black; width:100%; z-index:1; margin: 0px !important; background-color:#f6f4f2;}

#header-overlay{position:absolute; height:80px; border:0px solid black; width:100%; z-index:1; margin: 0px !important; background-color:transparent;}





#telefono{color: #2b2927;font-family: Inter;font-size: 18px;font-weight: 300;position:absolute;top: 30px;left: 50px;}

#telefono a.active{font-weight: 600;color: #2b2927;}

#telefono a{font-weight: 300;color: #2b2927; text-decoration:none;}

#telefono a:hover{font-weight: 600;color: #2b2927;}



#titulo-logo{position:absolute; top: 20px;left: calc(50% - 250px);width:500px; COLOR:#71654a; font-family:'EB Garamond'; font-size:32px; text-align:center; }
#titulo-logo h1{COLOR:#71654a; font-family:'EB Garamond'; font-size:32px; text-align:center; font-weight:400; margin:0px !important;}

#logo{position:absolute; top: 30px;right: 135px;bottom: 0;width:383px; COLOR:#71654a; font-family:'Inter'; font-size:18px; text-align:right; }

#logo a{text-decoration:underline;color:#71654a;}



#hamburguer{ position:fixed; right:50px; top:20px; z-index:9999999999999}

.classh2 h2{font-size:60px; font-weight:400; line-height:70px;}

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

  
	#titulo-logo{display:none;}
  

}

 

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

  
#titulo-logo{display:none;}
  

  #logo {right: 100px;}

  #hamburguer{  right:20px; top:20px;}
  #menu .main-nav a {font-size: 30px;}
  #menu .menu-footer a {font-size: 18px;}

	

}









/*link home top*/

.linkstop ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.linkstop a {

  color: #1a171b;

  display: block;

  /*font-size: 2.5rem;*/

  /*font-weight: bold;*/

  padding: 10px 10px;

  text-decoration: none;

  text-transform: none;

}





.linkstop ul:hover a {

  opacity: 0.5;

}

.linkstop ul a {

  -webkit-transform: translateZ(0);

  -webkit-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

}

.linkstop ul a:hover {

  opacity: 1;

  font-style:italic;

  color:#71654a;

}



a.linksbotones{ text-decoration:underline;}

a.linksbotones:hover{ text-decoration:none;}





.footerlinks a{ text-decoration:none; color:#1a171b;}

.footerlinks a:hover{ text-decoration:underline;}

.footermenu a{color:#161f1e; text-decoration:none; font-family:Inter; font-weight:400; margin:0px 25px;}

.footermenu a.legals{color:#928566;}







.linkslinea a{color:#161f1e; text-decoration:none; font-family:Inter; font-weight:700; font-size:12px; margin:0px 0px 25px 0px; text-transform:uppercase; padding-bottom:0px;display: inline-block;



  position: relative;}

.linkslinea a:after {background: none repeat scroll 0 0 transparent;

  bottom: 0;

  content: "";

  display: block;

  height: 1px;

  left: 0;

  position: absolute;

  background: #161f1e;

  transition: width 0.3s ease 0s, left 0.3s ease 0s;

  width: 40%;

  left:calc(50% - 20%);

}

.linkslinea a:hover:after { 

  width: 100%; 

  left: 0; 

}

/*.linkslinea a {

  color: #161f1e;

  font-family:Inter; font-weight:700; font-size:12px; margin:0px 0px 25px 0px; text-transform:uppercase;

  text-decoration: none;

  letter-spacing: 0.05em;

  

  display: inline-block;

  padding: 5px 10px;

  position: relative;

}

.linkslinea a:after {    

  background: none repeat scroll 0 0 transparent;

  bottom: 0;

  content: "";

  display: block;

  height: 2px;

  left: 50%;

  position: absolute;

  background: #161f1e;

  transition: width 0.3s ease 0s, left 0.3s ease 0s;

  width: 0;

}

.linkslinea a:hover:after { 

  width: 100%; 

  left: 0; 

}

*/



.titularpagina h1 span{

	font-size:24px;

  background: #b3a28c;

  letter-spacing:2px;

  color: #fff;

  padding: 10px 20px;

  display:inline-block; /*optional */

}



.caldera-grid .row {

    margin-bottom:25px !important;

}



.caldera-grid label {

    display: inline-block;

    font-family: DM Sans;

	font-size:18px;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 700;

	color:#1a171b;

}



.caldera-grid .btn-default {

    color: #fff !important;

    background-color: #917756 !important;

    border-color: #917756 !important;

	 font-family: DM Sans;

	font-size:16px !important;

	font-weight: 400 !important;

	text-transform:uppercase !important;

}



.caldera-grid .btn-default:hover{

    color: #fff !important;

    background-color: #1a171b !important;

    border-color: #1a171b !important;

	 font-family: DM Sans;

	font-size:16px !important;

	font-weight: 400 !important;

	text-transform:uppercase !important;

}





/*iconos home*/

#filaiconos{width:100%; padding:0px;}

.filaiconosinterior{width:90%;margin:0px auto; background-color:#71654a !important;}



.tipoicono{width:14%; display: inline-block; padding:45px;}

	.icono{}

	.tipo{font-family:'Inter'; font-size:12px; color:#FFF; font-weight:400; text-transform:uppercase;}

	.tipores{font-family:'Inter'; font-size:18px; color:#FFF; font-weight:600;}



/*fin iconos home*/





/*

#fotofondo {

	position:relative;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

  background: url("http://localhost/eduardo_perez/wp-content/uploads/2020/02/foto3.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

z-index:-3;

}



.link_background {

  position: absolute;

  top: 0px;

  bottom: 0px;

  left: 0px;

  right: 0px;

  z-index: -2;

  opacity: 0;

  

}



.link_background.image1 {

  background: url("http://localhost/eduardo_perez/wp-content/uploads/2020/02/homeresearch.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  transition: 1.5s;

}



.link_background.image2 {

  background: url("http://localhost/eduardo_perez/wp-content/uploads/2020/02/homeresearch.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  transition: 1.5s;

}

.link_background.image3 {

  background: url("http://localhost/eduardo_perez/wp-content/uploads/2020/02/homeresearch.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  transition: 1.5s;

}



.link_background.image4 {

  background: url("http://localhost/eduardo_perez/wp-content/uploads/2020/02/homeresearch.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  transition: 1.5s;

}



a:hover+.link_background {

  opacity: 1;

}*/


a.pp_next {text-decoration:none;}
a.pp_previous {text-decoration:none;}

.linkstop{color: #1a171b;
    font-family: EB Garamond;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
}

#fotosmovil a{ text-decoration:none; color:#000; font-size:32px;}

@media screen and (max-width: 960px) {
	.classh2 h2{font-size:24px; font-weight:400; line-height:34px;}
	.linkstop{font-size: 24px; line-height: 34px;}
	
	/*iconos home*/

	#filaiconos{width:100%; padding:0px;margin-top:0px;}
	.filaiconosinterior{width:100%;margin:0px auto; background-color:#71654a !important;}
	.tipoicono{width:40%; display: inline-block; padding:20px;}
	.icono{}
	.tipo{font-family:'Inter'; font-size:12px; color:#FFF; font-weight:400; text-transform:uppercase;}
	.tipores{font-family:'Inter'; font-size:18px; color:#FFF; font-weight:600;}
	
	#logo{display:none;}

}