/* FontAwesome */
@import url(fontawesome/css/all.min.css);

/* Normalizacion / reset */
/******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block;
}
/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 2 */

}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html, button, input, select, textarea {
  font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active, a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b, strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7.
 */
p, pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in S4.
 */
q:before, q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl, menu, ol, ul {
  margin: 0;
}
dd {
  margin: 0;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol, ul {
  padding: 0;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */

}
/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */

}
/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button, input, select, textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  *vertical-align: middle;
  /* 3 */
}
/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button, input {
  line-height: normal;
}
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled], input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: none;
  -epub-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}
b, strong,
.strong {
  font-weight: bold;
}
dfn, em, .em {
  font-style: italic;
}
small, .small {
  font-size: 75%;
}
ul, ol {
  padding: 0;
  list-style-type: none;
}
dd {
  margin: 0;
}
.sidebar ul, .sidebar ol, .commentlist {
  list-style: none;
}

#fancybox-wrap {
    padding: 0 !important;
}

/* General / custom */
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*********************
TYPOGRAPHY
*********************/

/* floated elements */
.left, .alignleft {
    float: left;
}
.right, .alignright {
    float: right;
}

/* text alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.alert {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}
.alert-help {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #e8dc59;
  background: #ebe16f;
}
.alert-info {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #bfe4f4;
  background: #d5edf8;
}
.alert-error {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #f8cdce;
  background: #fbe3e4;
}
.alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
  border-color: #deeaae;
  background: #e6efc2;
}

/* Base */
/*
BASE (MOBILE) SIZE
******************************************************************/
/* GENERAL STYLES */
html {
	height: 100%;
	width: 100%;
}
body {
	position: relative;
	font-family: futura-pt, sans-serif;
	font-size: 1rem;
	font-weight: 400;
    font-style: normal;
	color: #010101;
	height: 100%;
	width: 100%;
	background-color: #f4f1ec;
}

/* WORDPRESS BODY CLASSES */
/* LAYOUT & GRID STYLES */
.wrap {
	position: relative;
	width: 100%;
	max-width: 1480px;
	margin: 0 auto;
	padding: 0 2%;
}

/* LINK STYLES */
a {
	color: #0a253e;
	text-decoration: none;
}
a:hover {
	color: #555;
}
a:link,a:visited:link {
	/* this highlights links on iPhones/iPads.*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/* 05. H1, H2, H3, H4, H5 STYLES */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {
	margin: 0;
	padding: 0;
	font-weight: 400;
	line-height: 100%;
	text-rendering: optimizelegibility;
    color: #233746;
}

h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a {
	text-decoration: none;
}
h1,.h1 {
	font-size: 3rem;
    text-transform: uppercase;
}
h2,.h2 {
	position: relative;
    margin-bottom: 35px;
    font-size: 2.8rem;
}
h3,.h3 {
	margin-bottom: 10px;
    font-size: 1.8rem;
}

h4,.h4 {
	font-size: 1.2rem;
	margin-bottom: 5px;
}
h5,.h5 {
	font-size: 1rem;
}
p,p > div {
	margin: 0 0 15px;
	text-rendering: optimizelegibility;
	font-size: 1.1rem;
	line-height: 120%;
}
strong {
	text-rendering: optimizelegibility;
	font-weight: 700;
}
a.btn {
	display: inline-block;
	width: auto;
	padding: 20px 45px;
	font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
	color: #fff;
	border: #0a253e 1px solid;
    background: #0a253e;
    transition: 0.3s;
}
a.btn:hover {
    color: #0a253e;
	background: #fff;
}
a.btn-alt {
    border-color: transparent;
}

img {
	max-width: 100%;
	height: auto;
}

/* HEADER SYTLES */
/* Cabecero */
#container {
	position: relative;
	padding: 0;
    /*overflow: hidden;*/
}
#scroll-top {
	display: none;
	position: fixed;
	right: 0;
	bottom: 160px;
	z-index: 1000;
	padding: 10px;
	color: #FFF;
	background-color: rgba(10, 37, 62, 0.7);
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	margin-left: 0;
	z-index: 1000;
	width: 100%;
    min-height: 80px;
	background: #fff;
}
.header .wrap {
    padding: 10px 2%;
}
.logo {
	display: block;
    width: 155px;
    height: 61px;
	text-align: center;
    background-image: url(../images/logo.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.header .nav-pull {
	display: block;
    position: absolute;
    top: 30px;
    right: 3%;
    z-index: 1000;
	width: 30px;
	height: 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
.header .nav-pull span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #233746;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.header .nav-pull span:nth-child(1) {
	top: 0px;
}
.header .nav-pull span:nth-child(2),.header .nav-pull span:nth-child(3) {
	top: 10px;
}
.header .nav-pull span:nth-child(4) {
	top: 20px;
}
.header .nav-pull.active span:nth-child(1) {
	top: 10px;
	width: 0%;
	left: 50%;
}
.header .nav-pull.active span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.header .nav-pull.active span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.header .nav-pull.active span:nth-child(4) {
	top: 10px;
	width: 0%;
	left: 50%;
}

.header .nav-wrapper {
	position: fixed;
	top: 80px;
	right: 100%;
    z-index: 500;
	width: 100%;
	height: 100%;
	padding: 70px 0 0;
	text-align: center;
	overflow: visible;
    background: #fff;
    transition: 0.3s;
}
.header .nav-wrapper.active {
    right: 0;
}

.header .nav > li {
	display: block;
	margin: 0;
	border-bottom: rgba(35,55,70,0.2) 1px solid;
}
.header .nav > li > a {
	display: block;
	padding: 20px 0;
	font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
	color: #233746;
}
.header .nav > li > a:hover {
	color: #555;
}

.header .lang-wrapper {
	padding-top: 80px;
}
.header .lang-wrapper .wpml-ls li {
	display: inline-block;
    padding: 0 10px;
    border-left: #233746 1px solid;
}
.header .lang-wrapper .wpml-ls li:first-child {
    border: none;
}
.header .lang-wrapper .wpml-ls li a {
	font-size: 1rem;
    font-weight: 500;
}
.header .lang-wrapper .wpml-ls .wpml-ls-current-language a {
	color: #555;
}

.header a.btn {
	margin-top: 30px;
    padding: 12px 15px;
    font-size: 1rem;
}

/* CUSTOM STYLES */
/* Secciones */
section {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
section[data-type=parallax] {
	background-origin: initial;
	background-clip: initial;
	background-position: 100% 0;
	position: relative;
}

/* Pagina tipo */
.page-header {
    padding: 50px 2%;
    background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-header-front {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 150px 2% 50px;
}
.page-header-front .title-wrapper {
    margin: 0 4%;
    width: 96%;
    max-width: 1250px;
}
.page-header-front h1,
.page-header-front h2,
.page-header-front p {
    color: #fff;
}
.page-header-front h1 {
    margin-bottom: 30px;
    font-size: 2rem;
    font-weight: 300;
}
.page-header-front hr {
    display: block;
    margin: 0 0 30px;
    width: 100%;
    max-width: 480px;
    border: none;
    border-top: #fff 1px solid;
}
.page-header-front h2 {
    margin-bottom: 100px;
    font-size: 2.4rem;
    font-weight: 400;
}

/* Formularios */
.wpcf7 {
    margin: 0 auto;
}
.wpcf7-list-item {
    margin-left: 0 !important;
}
.wpcf7 .ajax-loader {
    margin: 0 !important;
    width: 0 !important;
}
.wpcf7-form p, .wpcf7-form a {
    margin: 0;
    color: #0a253e;
}
.wpcf7-form a {
    text-decoration: underline;
}
input,textarea,select {
	margin-bottom: 15px;
	padding: 0 10px;
    height: 40px;
	width: 100%;
	font-family: futura-pt, sans-serif !important;
    font-weight: 400;
	font-size: 1rem;
	color: #0a253e;
	text-align: left;
	background-color: #fff;
	border: #aeaeae 1px solid;
}
textarea {
	height: 100px;
}
input[type=checkbox],input[type=radio] {
	margin-right: 10px;
    height: auto;
	width: auto;
    background: #fff;
}
input[type=submit],input[type=button],button {
	display: inline-block;
	margin: 30px 0 0;
	padding: 0 20px;
    width: auto;
	height: 60px;
	text-align: center;
	font-size: 0.9rem !important;
	text-transform: uppercase;
	color: #fff !important;
	background-color: #0a253e;
	border: #0a253e 1px solid;
    cursor: pointer;
}
label,
label a {
	font-size: 0.8rem;
	text-align: left;
}
.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -40px;
    left: 5px;
    font-size: 0.9rem;
}

.page-header-front .wpcf7-form {
    margin: 0 auto;
    padding: 30px 20px;
    max-width: 1380px;
    background: rgba(255,255,255,0.75);
}

.home-edificio {
    padding: 40px 0;
    color: #0a253e;
    background: url(../images/watermark.png), #f4f1ec;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto;
}
.home-edificio h3 {
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 1.5rem;
    font-weight: 300;
}
.home-edificio h2 {
    margin-bottom: 40px;
    font-size: 1.4rem;
}
.home-edificio ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.home-edificio li {
    width: 45%;
    font-size: 1rem;
    margin-bottom: 40px;
}
.home-edificio li strong {
    font-weight: 500;
}
.home-edificio li p {
    font-size: 0.85rem;
}
.home-edificio li i {
    display: block;
    font-size: 3rem;
}
.home-edificio .edificio-1,
.home-edificio .edificio-2 {
    display: none;
}

.home-galeria {
    padding: 5px 0;
    background: #fff;
}
.galeria-item {
    display: block;
    position: relative;
    margin: 0.3%;
    float: left;
    width: 99%;
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.galeria-item .shade {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(10,37,62,0);
    transition: 0.5s;
}
.galeria-item .shade:hover {
    background: rgba(10,37,62,0.3);
}
.galeria-item .shade .ampliar {
    display: block;
    opacity: 0;
    width: 110px;
    height: 110px;
    background-image: url(../images/ico_plus.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.5s;
}
.galeria-item .shade:hover .ampliar {
    opacity: 1;
}

.home-servicios {
    padding: 50px 0;
    background: #f4f1ec;
}
.home-servicios h2 {
    font-size: 1.8rem;
    font-weight: 500;
}
.home-servicios ul {
    display: flex;
    margin-top: 40px;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.home-servicios li {
    width: 45%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 1rem;
    color: #555;
    border-bottom: #ccc 1px solid;
}
.home-servicios li i {
    font-size: 2.2rem;
    margin-bottom: 20px;
}
.home-servicios li strong {
    color: #0a253e;
}
.home-edificio li em, 
.home-servicios li em {
    display: block;
    margin-top: 5px;
    font-style: normal;
    font-size: 0.9rem;
    font-weight: 500;
    color: #0a253e;
}

.home-localizacion {
    padding: 40px 0;
    background: #fff;
}
.home-localizacion .first {
    padding: 0 0 40px;
}
.home-localizacion h2 {
    font-size: 1.8rem;
    font-weight: 500;
}
.home-localizacion p {
    font-size: 1.2rem;
}
.home-localizacion h3 {
    font-size: 1.3rem;
    font-weight: 500;
}
.map {
    width: 100%;
    height: 400px;
}

.page-gallery {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.home-faqs {
    padding: 40px 0;
    background: #60726a;
}
.home-faqs h2 {
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
}
.faq-wrapper {
    padding: 20px 30px;
    margin: 15px 0 0;
    border: #fff 1px solid;
    background: #fff;
}
.faq-wrapper.active {
    background: #fff;
}
.faq-wrapper h3 {
    position: relative;
    margin: 0;
    padding-right: 30px;
    font-size: 1.2rem;
    text-transform: none;
    color: #0a253e;
    cursor: pointer;
}
.faq-wrapper h3:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    content: '\f067';
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
}
.faq-wrapper p {
    margin: 20px 0 0;
    color: #0a253e;
}

.home-life {
    padding: 40px 0px;
    background: #e2e5e8;
    border-top: #fff 5px solid;
    border-bottom: #fff 5px solid;
}
.home-life h2 {
    font-size: 1.8rem;
    font-weight: 500;
}
.blog-items {
    display: flex;
    margin: 30px 0;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.blog-item {
    width: 100%;
    max-width: 405px;
    margin-bottom: 40px;
}
.blog-item .thumbnail {
    display: block;
    width: 100%;
    height: 270px;
    margin-bottom: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: #fff 10px solid;
}
.blog-item .h2 {
    margin: 15px 0;
    font-size: 1.4rem;
    font-weight: 500;
    color: #010101;
    min-height: 50px;
}
.blog-item .h3 {
    font-size: 0.9rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #010101;
}
.blog-item p {
    margin: 0 0 25px;
    font-size: 1rem;
    color: #010101;
}
.blog-item a.btn {
    padding: 15px 25px;
    color: #3f5364;
    font-size: 0.9rem;
    font-weight: 500;
    border-color: #3f5364;
    background: none;
}
.blog-item a.btn:hover {
    color: #e2e5e8;
    background: #3f5364;
}

/* Blog */
.blog-header {
    padding: 150px 0 50px;
}
.blog-header .wrap {
    max-width: 1280px;
}
.blog-header h1 {
    margin-bottom: 30px;
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
}
.blog-header hr {
    display: block;
    margin: 0 0 30px;
    width: 100%;
    max-width: 480px;
    border: none;
    border-top: #fff 1px solid;
}
.blog-header h2 {
    margin-bottom: 0;
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff;
}
.blog-content {
    padding: 30px 0;
    background: #e2e5e8;
    border-top: #fff 5px solid;
    border-bottom: #fff 5px solid;
}

.category-list {
    display: block;
    text-align: center;
}
.category-list a {
    display: inline-block;
    margin: 12px;
    padding: 12px 25px;
    font-size: 0.8rem;    
	text-align: center;
	color: #fff;
	background-color: #3f5364;
	border: #3f5364 1px solid;
}
.category-list a.current,
.category-list a:hover {
    color: #3f5364;
	background-color: #fff;
}

/* Post */
.post-header {
    padding: 120px 0 50px;
}

.blog-content .wrap {
    max-width: 1100px;
}
.blog-content h1 {
    margin: 0 0 25px;
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: none;
    color: #010101;
}
.blog-content h2 {
    margin: 0 0 20px;
    font-size: 1.6rem;
    font-weight: 500;
    color: #010101;
}
.blog-content h3 {
    margin: 0 0 15px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #010101;
}
.blog-content h4 {
    margin: 0 0 10px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #010101;
}
.blog-content p {
    margin: 0 0 25px;
    color: #010101;
}
.blog-content .content a {
    text-decoration: underline;
}
.blog-content li {
    font-size: 1rem;
    color: #010101;
}
.blog-content li:before {
    display: inline-block;
    margin-right: 7px;
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    color: #3f5364;
}
.blog-content blockquote {
    margin: 25px 0;
    padding: 0 0 0 25px;
    border-left: #010101 5px solid;
}
.blog-content blockquote p {
    font-size: 1.5rem;
    font-style: italic;
}
.blog-content img {
    margin-bottom: 25px;
    border: #fff 2px solid;
}
.blog-content .alignleft {
    margin: 0 40px 25px 0;
}
.blog-content .alignright {
    margin: 0 0 25px 40px 0;
}
.blog-content h3.time {
    margin-bottom: 25px;
    font-size: 1rem;
    font-weight: 400;
}
.blog-content table {
    width: 100%;
}
.blog-content th,
.blog-content td {
    text-align: left;
    padding: 10px;
    border-bottom: #555 1px solid;
}

.lst-share { 
    margin: 100px 0 0;
    padding: 30px 0;
    border-top: #acb5bd 1px solid;
    border-bottom: #acb5bd 1px solid;
}
.lst-share a {
    display: inline-block;
    margin: 0 25px 0 0;
    font-size: 1.2rem;
    color: #0a253e;
}

.lst-tags {
    padding: 30px 0;
    border-bottom: #acb5bd 1px solid;                                                                        
}
.lst-tags a {
    display: inline-block;
    margin: 5px 10px;
    padding: 10px 25px;
    font-size: 0.8rem;    
	text-align: center;
	color: #3f5364;
	background: none;
	border: #3f5364 1px solid;
}
.lst-tags a:hover {
    color: #fff;
	background: #3f5364;
}

h2.related-title {
    margin-top: 100px;
}
.blog-items.related {
    margin: 40px 0;
    display: block;
}
.blog-items.related .blog-item {
    display: block;
    float: left;
    margin-right: 3%;
}

/* Page */
.page-header {
    padding: 150px 0 20px;
}
.page-header h1 {
    margin-bottom: 25px;
    font-size: 2rem;
    font-weight: 300;
    color: #fff;
}
.page-header h1:after {
    display: block;
    margin-top: 50px;
    content: '';
    width: 100%;
    max-width: 475px;
    border-top: #fff 1px solid;
}
.page-header p {
    max-width: 940px;
    font-size: 1.8rem;
    font-weight: 300;
    color: #fff;
}

/* Page Edificio */
.edificio-header {
    padding: 0 !important;
}
.edificio-header .shade {
    padding: 220px 0 0;
    height: 400px;
    background: rgba(0,0,0,0.5);
}
.edificio-header .wrap {
    max-width: 1280px;
}
.edificio-header p {
    font-size: 1.2rem;
}

.edificio-localizacion {
    padding: 115px 0 50px;
    background: #fff;
}
.edificio-localizacion h2 {
    font-size: 1.8rem;
    font-weight: 500;
    color: #0a253e;
}
.edificio-map {
    border-bottom: #fff 5px solid;
}
.edificio-map .map {
    width: 100%;
    height: 400px;
}

/* Tipologías */
.tipos-content {
    padding: 50px 0;
}
.tipos-content .wrap {
    max-width: 1280px;
}
.tipos-content h2 {
    font-size: 1.8rem;
    font-weight: 500;
    color: #0a253e;
}

.tipo-item {
    display: block;
    width: 100%;
    padding: 100px 0;
    margin-top: 40px;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tipo-item-title {
    display: block;
    width: 100%;
    max-width: 440px;
    padding: 35px;
    background: rgba(255,255,255,0.7);
}
.tipo-item-title h3 {
    margin-bottom: 12px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 300;
    color: #0a253e;
}
.tipo-item-title p {
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.2rem;
    color: #60726a;
}

.tipo-localizacion {
    padding: 10px 0;
    height: 620px;
    background: #fff;
}
.tipo-localizacion .map {
    position: absolute;
    left: 0;
    top: 0;
    width: 140%;
    height: 600px;
}

/* Viviendas */
.tipo-viviendas {
    padding: 100px 0 50px;
}
.tipo-galeria-wrapper,
.tipo-galeria,
.galeria-tipo-item {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
}
.galeria-tipo-item {
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.btn-prev,
.btn-next {
    display: block;
    position: absolute;
    left: 5px;
    top: 180px;
    z-index: 100;
    width: 40px;
    height: 40px;
    padding-top: 5px;
    text-align: center;
    font-size: 1.8rem;
    color: #fff;
    border: #fff 1px solid;
    border-radius: 50%;
    cursor: pointer;
}
.btn-next {
    left: auto;
    right: 10px;
}
.pagination {
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 100;
    width: 100%;
    text-align: center;
}
.pagination a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    text-indent: -9999px;
    border: #fff 1px solid;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
}
.pagination a.selected {
    background: #fff;
}

.tipo-viviendas h1 {
    padding: 45px 0 10px;
    font-size: 1.8rem;
    font-weight: 500;
}
.tipo-viviendas h3 {
    margin-bottom: 45px;
    font-size: 1.6rem;
}

.vivienda-item {
    margin-top: 60px;
    padding-bottom: 50px;
    background: #fbfaf9;
}
.vivienda-item-head {
    display: flex;
    justify-content: stretch;
    flex-wrap: wrap;
    background: #fff;
}
.vivienda-item-head h2 {
    padding: 18px 28px;
    margin: 0;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400;
}
.vivienda-item-head .superf,
.vivienda-item-head .pricing {
    padding: 18px 28px;
    width: 50%;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 300;
    white-space: nowrap;
}
.vivienda-item-head .pricing {
    width: 50%;
    border-left: #f4f1ec 2px solid;
}
.vivienda-disponible {
    padding: 15px 28px 0;
    font-weight: 500;
    color: #a7967b;
    font-size: 1.1rem;
}
.vivienda-item-body {
    padding: 18px 28px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.vivienda-item-body span {
    display: block;
    width: 100%;
    font-size: 1.1rem;
    color: #333;
    padding: 15px 0;
    border-top: #e1e1e0 1px solid;
}
.vivienda-item-body span:nth-of-type(1) {
    border: none;
}
.vivienda-item-body span i {
    margin-right: 20px;
    color: #999;
}
.vivienda-item-body span strong {
    font-weight: 500;
}
.vivienda-item-footer {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 18px 28px 0;
}
.vivienda-item-footer a {
    display: block;
    width: 100%;
    padding: 20px 25px;
    margin-bottom: 18px;
    text-align: center;
    color: #a7967b;
    border: #a7967b 1px solid;
    background: none;
}
.vivienda-item span.btn {
    display: block;
    margin: 20px 28px 0;
    width: auto;
    max-width: 700px;
    padding: 15px 25px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    border: #a7967b 1px solid;
    background: #a7967b;
    cursor: pointer;
}
.vivienda-item span.btn:hover {
    color: #a7967b;
    background: #fff;
}

.tipo-video {
    padding: 60px 0;
}

.tipo-caracteristicas {
    padding: 50px 0;
    background: #fff;
}
.tipo-caracteristicas h2 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 500;
    color: #0a253e;
}
.tipo-caracteristicas-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tipo-caracteristicas-wrap p {
    position: relative;
    padding: 10px 0 10px 40px;
    margin: 0;
    width: 100%;
    border-top: #e1e1e0 1px solid;
}
.tipo-caracteristicas-wrap p:nth-of-type(1) {
    border: none;
}
.tipo-caracteristicas-wrap p i {
    position: absolute;
    left: 0;
    top: 13px;
    color: #999;
}

.alt-localizacion {
    padding: 40px 0 0;
    background: #f7f5f2;
}

.tipo-otras {
    padding: 40px 0;
    background: #fff;
}
.tipo-otras h2 {
    margin-bottom: 50px;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 500;
    color: #0a253e;
}
.tipo-otras-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tipo-otras-item {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    height: 400px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tipo-otras-item-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px 0;
    text-align: center;
    background: rgba(255,255,255,0.7);
}
.tipo-otras-item-title h3 {
    margin-bottom: 12px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    color: #0a253e;
}
.tipo-otras-item-title p {
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.2rem;
    color: #60726a;
}
.tipo-otras-item-title a.btn {
    
}

.btn-reserva-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 500;
    width: 100%;
    padding: 20px;
    background: rgba(255,255,255,0.5);
}
a.btn-reserva-mobile {
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.reserva-form {
    position: fixed;
    top: 0;
    left: -120%;
    z-index: 1500;
    padding: 50px 20px 30px;
    width: 100%;
    max-width: 600px;
    min-height: 700px;
    height: 100%;
    background: #fff;
    box-shadow: rgba(0,0,0,0.5) 0 3px 5px;
    transition: 0.5s;
}
.reserva-form.active {
    left: 0;
}
.reserva-form .close {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 2.2rem;
    cursor: pointer;
}
.reserva-form h2 {
    font-size: 1.6rem;
    font-weight: 500;
    color: #a7967b;
}
.reserva-form input,
.reserva-form textarea,
.reserva-form select {
	color: #000;
    background: #f8f8f8;
    border-color: #63656a;
}
.reserva-form input[name=date-ini]{
    padding-left: 35px;
    background-image: url(../images/date_ini.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}
.reserva-form input[name=date-fin] {
    padding-left: 35px;
    background-image: url(../images/date_fin.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}
.reserva-form input[type=submit] {
    font-size: 1.2rem !important;
    border-color: #a7967b;
    background: #a7967b;
}

.reserva-lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.8);
}

#calculation {
    display: none;
}
#calculation.active {
    display: block;
}
#calculation p {
    margin: 0 0 5px;
    text-align: right;
    font-size: 1.2rem;
    color: #000;
}
#calculation p:first-of-type {
    padding: 20px;
    background: #e5e5e5;
}
#calculation strong {
    font-size: 2rem;
    font-weight: 400;
}
#calculation small {
    font-size: 0.8rem;
    color: #ccc;
}

/* Page FAQs */
.faqs-header {
    padding: 0 !important;
}
.faqs-header .shade {
  padding: 220px 0 0;
  height: 400px;
  background: rgba(0,0,0,0.5);
}
.page-faqs {
  padding: 50px 0;
  background: #e7eae9;
  border-top: #fff 5px solid;
  border-bottom: #fff 5px solid;
}
.page-header .wrap,
.page-faqs .wrap {
  max-width: 1280px;
}
.page-faqs h2 {
    margin-bottom: 50px;
    font-size: 1.8rem;
    color: #0a253e;
}

/* FOOTER STYLES */
.contact {
    margin: 0;
    padding: 40px 0;
    background: #f4f1ec;
}
.contact-logo {
    display: none;
}
.contact img {
    display: block;
    margin: 0 auto 30px;
}
.contact-form {
    display: block;
    padding: 40px 20px;
    background: #fff;
}
.contact h2 {
    margin: 0 0 25px;
    font-size: 1.5rem;
    font-weight: 500;
    color: #0a253e;
}
.contact h3 {
    margin: 0 0 10px;
    font-size: 1rem;
    color: #fff;
}

.footer {
	position: relative;
    padding: 20px 0;
	width: 100%;
	min-height: 70px;
	color: #fff;
	background-color: #0a253e;
}
.footer-tipo {
    padding-bottom: 130px;
}
.footer .first p {
    display: flex;
    align-items: center;
}
.footer-logo {
	display: inline-block;
    max-width: 100px;
    margin-right: 30px;
}
.footer .nav,
.footer ul {
    display: inline-block;
    text-align: center;
}
.footer li {
    display: inline-block;
    font-size: 0.8rem;
    border-left: #fff 1px solid;
}
.footer li:first-child {
    border: none;
}
.footer li a {
    text-decoration: underline;
}
.footer p {
    font-size: 0.8rem;
    font-weight: 500;
}
.footer a {
    display: inline-block;
    margin: 0;
    padding: 0 7px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #fff;
}
.footer a:hover, .footer .nav a:hover {
    color: #ccc;
}

/* Cookie bar */
.cookie-bar,.cookie-bar a,.cookie-bar button {
	font-size: 0.8rem;
}

/* PAGE NAVI STYLES */
/* Paginacion */
.page-navigation {
	display: block;
	margin: 15px 0 35px;
	text-align: center;
}

.page-navigation li {
	display: inline-block;
	text-align: center;
	margin: 5px 10px 5px 0;
}
.page-navigation a,
.page-navigation li.bpn-current {
	display: inline-block;
    padding: 15px 0 0;
	height: 55px;
	min-width: 55px;
    font-size: 1rem;    
	text-align: center;
	color: #fff;
	background-color: #3f5364;
	border: #3f5364 1px solid;
}
.page-navigation li.bpn-current {
    color: #3f5364;
	background-color: #fff;
}
.page-navigation li:before {
    display: none;
}
.page-navigation .bpn-first-page-link a,
.page-navigation .bpn-next-link a,
.page-navigation .bpn-last-page-link a, {
	color: #3f5364;
	background-color: #fff;
}

/* Pikaday */
.pika-button {
    color: #000 !important;
}
.pika-button:hover, .pika-row.pick-whole-week:hover .pika-button {
    color: #fff !important;
    background: #0a253e!important;
}
.is-selected .pika-button, .has-event .pika-button {
    color: #fff !important;
    background: #a7967b !important;
    box-shadow: none !important;
}

/* Media queries */
@media only screen and (min-width: 600px){
/* LARGER MOBILE DEVICES */

/*********************
NAVIGATION STYLES
*********************/
#container {
    padding: 0;
}

/*********************
POSTS & CONTENT STYLES
*********************/
section[data-type=parallax] {
    background-position: center top;
}

/* Paginas */
.page-header-front h1 {
    margin-bottom: 35px;
    font-size: 3.1rem;
}
.page-header-front hr {
    margin: 0 0 35px;
}
.page-header-front h2 {
    margin-bottom: 120px;
    font-size: 4rem;
}

input, textarea, select, input[type=submit],input[type=button],button {
    display: inline-block;
    width: 100%;
}
input[type=submit],input[type=button],button {
    max-width: 210px;
}
.reserva-form input[type=submit] {
    max-width: none;
}
input,textarea,select {
	margin-bottom: 25px;
	height: 60px;
}
.reserva-form input,
.reserva-form textarea,
.reserva-form select {
	margin-bottom: 15px;
}

.galeria-item {
    margin: 0.3%;
    width: 49.4%;
}

.blog-item {
    width: 45%;
}

/* Viviendas */
.vivienda-item-head {
    flex-wrap: nowrap;
}
.vivienda-item-head h2 {
    width: 65%;
}
.vivienda-item-head .superf,
.vivienda-item-head .pricing {
    width: 15%;
    border-left: #f4f1ec 2px solid;
}
.vivienda-item-head .pricing {
    width: 20%;
}
.vivienda-item-body span {
    width: 50%;
}
.vivienda-item-body span:nth-of-type(1),
.vivienda-item-body span:nth-of-type(2) {
    border: none;
}
.vivienda-item-footer a {
    width: 28%;
}
.vivienda-item span.btn {
    margin: 20px auto 0;
}
}

@media only screen and (min-width: 960px){
/*
TABLET & SMALLER LAPTOPS
*/

/******************************************************************
GRID
******************************************************************/
.onecol {
    width: 5.801104972%;/* 4.85%;  } /* grid_1  */
}
.twocol {
    width: 14.364640883%;/* 13.45%; } /* grid_2  */
}
.threecol {
    width: 22.928176794%;/* 22.05%; } /* grid_3  */
}
.fourcol {
    width: 31.491712705%;/* 30.75%; } /* grid_4  */
}
.fivecol {
    width: 40.055248616%;/* 39.45%; } /* grid_5  */
}
.sixcol {
    width: 48.618784527%;/* 48%;    } /* grid_6  */
}
.sevencol {
    width: 57.182320438000005%;/* 56.75%; } /* grid_7  */
}
.eightcol {
    width: 65.74585634900001%;/* 65.4%;  } /* grid_8  */
}
.ninecol {
    width: 74.30939226%;/* 74.05%; } /* grid_9  */
}
.tencol {
width: 82.87292817100001%;/* 82.7%;  } /* grid_10 */
}
.elevencol {
    width: 91.436464082%;/* 91.35%; } /* grid_11 */
}
.twelvecol {
    width: 99.999999993%;/* 100%;   } /* grid_12 */
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
}
.first {
    margin-left: 0;
}
.last {
    float: right;
}
.centercol {
    margin: 0 auto;
    width: 80%;
}

/* General ************************************************************************************/
p,
p > div {
	text-align: left;
}

/* Header *************************************************************************************/


/* Paginas */
.page-header-front .title-wrapper {
    margin: 0 auto;
}
.page-header-front h1 {
    margin-bottom: 45px;
    font-size: 3.3rem;
}
.page-header-front hr {
    margin: 0 0 45px;
}
.page-header-front h2 {
    margin-bottom: 100px;
    font-size: 4.8rem;
}

.page-header-front .wpcf7-form {
    padding: 40px;
}

.home-edificio {
    padding: 50px 0 100px;
}
.home-edificio h3 {
    margin-top: 200px;
}
.home-edificio h2 {
    margin-bottom: 80px;
    font-size: 1.8rem;
}
.home-edificio ul {
    margin-bottom: 100px;
}
.home-edificio li {
    width: 20%;
    margin-bottom: 0;
}
.home-edificio .edificio-1 {
    display: block;
    position: absolute;
    top: 70px;
    right: 100px;
    z-index: 5;
    width: 350px;
}
.home-edificio .edificio-2 {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 200px;
    border: #f4f1ec 10px solid;
}

.galeria-item {
    margin: 0.3%;
    width: 32.666%;
}

.home-servicios {
    padding: 150px 0;
}
.home-servicios ul {
    margin-top: 100px;
}
.home-servicios li {
    width: 21%;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.home-faqs {
    padding: 140px 0;
}

.home-localizacion {
  padding: 10px 0;
}
.home-localizacion .first {
  padding: 250px 0;
}
.map {
  position: absolute;
  top: 2%;
  right: 0;
  width: 55%;
  height: 96%;
}

.home-life {
    padding: 145px 0 100px;
}

.blog-items {
    margin: 50px 0;
}
.blog-item {
    width: 30%;
}

/* Blog */
.blog-header {
    padding: 250px 0 150px;
}
.blog-header h1 {
    margin-bottom: 45px;
    font-size: 3rem;
    font-weight: 300;
}
.blog-header hr {
    margin: 0 0 45px;
}
.blog-header h2 {
    font-size: 2.2rem;
}
.blog-content {
    padding: 60px 0;
}

/* Post */
.post-header {
    padding: 120px 0 50px;
}

/* Page */
.page-header {
    padding: 150px 0 20px;
}
.page-header h1 {
    font-size: 3rem;
}

/* Edificio */
.edificio-header .shade {
    padding: 520px 0 0;
    height: 900px;
}
.edificio-header p {
    font-size: 1.8rem;
}
.edificio-map .map {
  position: inherit;
  top: auto;
  right: auto;
  width: 100%;
  height: 700px;
}

/* Tipologias */
.tipos-content {
    padding: 115px 0 50px;
}
.tipo-item {
    padding: 200px 0;
    margin-top: 80px;
}

/* Viviendas */
.tipo-viviendas .wrap {
    display: flex;
    align-items: stretch;
}

.vivienda-item-body span {
    width: 30%;
}
.vivienda-item-body span:nth-of-type(1),
.vivienda-item-body span:nth-of-type(2),
.vivienda-item-body span:nth-of-type(3) {
    border: none;
}

.alt-localizacion {
    padding: 0;
}
.alt-localizacion .map {
    top: 0;
    height: 100%;
}

.tipo-caracteristicas {
    padding: 100px 0;
}
.tipo-caracteristicas h2 {
    margin-bottom: 50px;
}
.tipo-caracteristicas-wrap p {
    width: 45%;
}
.tipo-caracteristicas-wrap p:nth-of-type(1),
.tipo-caracteristicas-wrap p:nth-of-type(2) {
    border: none;
}

.alt-localizacion {
    padding: 0;
}

.tipo-otras {
    padding: 80px 0;
    background: #fff;
}
.tipo-otras-item {
    width: 30%;
    height: 400px;
}

.btn-reserva-wrap {
    display: none;
}
.reserva-form {
    display: block;
    position: sticky;
    padding: 40px 30px 0;
    left: auto !important;
    top: 120px !important;
    z-index: 0;
    height: auto;
}
.reserva-form .close {
    display: none;
}

.reserva-lightbox.active {
    display: flex;
}
.reserva-lightbox.active .reserva-form .close {
    display: block;
}

/* Page FAQs */
.faqs-header .shade {
  height: 475px;
}
.page-faqs {
  padding: 70px 0 120px;
}

/* Footer */
.contact {
    padding: 130px 0;
}
.contact .wrap {
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.contact-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/bg_contact_form.jpg);
}
.contact-logo img {
    width: 270px;
}
.contact-form {
    padding: 70px 90px;
    width: 50%;
}
.contact img {
    margin: 0 auto 70px;
}

.footer-tipo {
    padding-bottom: 20px;
}
.footer .wrap {
    display: flex;
}
.footer .last {
    text-align: right;
}
.footer p {
    margin-bottom: 0;
}
}

@media only screen and (min-width: 1200px){
/*
PANTALLAS GRANDES
*/
section[data-type=parallax] {
    background-attachment: fixed;
}

/* Header *************************************************************************************/
.header .wrap {
    display: flex;
    justify-content: space-between;
    padding: 20px 2%;
}
.logo {
	width: 175px;
}
.header .nav-pull {
    display: none;
}
.header .nav-wrapper {
	position: relative;
    top: auto;
    right: auto;
    padding: 0;
    width: auto;
    height: auto;
    text-align: left;
    width: auto;
    background: none;
}
.header .nav > li {
    display: inline-block;
    margin-right: 20px;
    border: none;
}
.header .nav > li a,
.header .lang-wrapper .wpml-ls li a {
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
}
.header .nav-wrapper,
.lang-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .lang-wrapper {
    padding: 0;
    margin: 0 30px;
    justify-content: flex-end;
}
.header .lang-wrapper .wpml-ls {
    display: inline-block;
    margin-right: 20px;
}
.header a.btn {
    margin-top: 0;
}

.header-front {
    background: none;
}
.header-front .logo {
    background-image: url(../images/logo_wh.svg);
}
.header-front .nav > li > a,
.header-front .lang-wrapper .wpml-ls li a {
    color: #fff;
}
.header-front .lang-wrapper .wpml-ls li.wpml-ls-current-language a {
    color: #ddd;
}
.header-front .lang-wrapper .wpml-ls li {
	border-left: #fff 1px solid;
}
.header-front .lang-wrapper .wpml-ls li:first-child {
    border: none;
}

/* Paginas */
.page-header-front h2 {
    margin-bottom: 160px;
}

.home-edificio .edificio-1 {
    width: 475px;
}
.home-edificio .edificio-2 {
    width: 310px;
}

/* Viviendas */
.tipo-viviendas {
    padding: 150px 0 50px;
}
.tipo-galeria-wrapper,
.tipo-galeria,
.galeria-tipo-item {
    height: 500px;
}
.btn-prev,
.btn-next {
    left: 10px;
    top: 210px;
}
.btn-next {
    left: auto;
    right: 10px;
}

.tipo-otras-item {
    height: 600px;
}

.reserva-form h2 {
    font-size: 1.8rem;
}
}

@media only screen and (min-width: 1400px){
/*
PANTALLAS MUY GRANDES
*/

/* Viviendas */
.tipo-galeria-wrapper,
.tipo-galeria,
.galeria-tipo-item {
    height: 700px;
}
.btn-prev,
.btn-next {
    top: 310px;
}
}

/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited 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: 1cm;
    size: 19cm 26cm;
    mso-header-margin:1cm; 
    mso-footer-margin:1cm; 
    mso-paper-source:0;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
  
  .wrap {
    display: block;
  }
  .print p {
        font-size: 12px;
    }
  .page-break { 
    display: block; 
    page-break-after: always; 
  }
  .print .print-header.segunda {
    display: block;
  }
}