html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*:focus {
	outline: 0;
}
* {
	box-sizing: border-box;
}
/*//////// BASE ////////////////*/
body {
	background: #fff;
	color: #59595A;
	font: normal 400 14px/140% 'Avenir', sans-serif;
}
h1, h2, h3, h6 {
	font-weight: 800;
}
h1.eyecatcher {
	font-size: 3.14em;
	color: #fff;
}
h1, h2, h5 {
	color: #000;
}
h1, h1 small, h2 {
	line-height: 100%;
}
h1 {
	font-size: 1.92em;
	margin-bottom: 1rem;
	margin-top: 20px;
}
h1 small {
	font-size: 76%;
}
h2 {
	font-size: 1.64em;
	margin-bottom: 20px;
}
h3 {
	font-size: 1.35em;
	margin-bottom: 15px;
}
h4 {
	font-size: 1em;
	line-height: 114%;
	color: #999;
}
h5 {
	line-height: 120%;
	font-size: 1.15em;
}
h6 {
	font-size: 0.85em;
	line-height: 85%;
}
p {
	margin: 15px 0;
	text-align: justify;
}
a, .secondary-txt {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.714em;
	transition: all 0.35s cubic-bezier(0.42, 0, 0.48, 1.02);
}
a + a {
	margin: 20px 0;
}
b {
	font-weight: 800;
}
img {
	max-width: 100%;
	line-height: 0;
	border-image-width: 0;
	vertical-align: bottom;
}
hr {
	display: inline-block;
	width: 20px;
	border-top: 1px solid #fff; 
	margin: 0 10px;
	vertical-align: middle;
}
button { 
	border: 0;
	background: none;
}
input, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative;
	display: block;
	z-index: 10;
	width: 100%;
	padding: 5px 10px 5px 0;
	background: none;
	border: 0;
	border-bottom: 2px solid #000;
	border-radius: 0;
	font-family: 'Avenir', sans-serif;
	font-size: 1em;
	transition: border-color 0.3s ease-in-out;
}
label {
	font-size: 0.85em;
	font-weight: 400;
	position: absolute;
	z-index: -1;
	bottom: 15px;
	transition: all 0.4s ease-in-out;
	transform-origin: 0 0;
	opacity: 0;
}
textarea + label{
	bottom: 30px;}
input:focus ~ .top, textarea:focus ~ .top, select ~ .top, input.valid + .top, input.error + .top, select.valid + .top, select.error + .top, textarea.valid + .top, textarea.error + .top{
	transform: scale(.8) translateY(-25px);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.35s cubic-bezier(0.42, 0, 0.48, 1.02), opacity 0.35s cubic-bezier(0.42, 0, 0.48, 1.02);
	transition: transform 0.3s, -webkit-transform 0.3s;
	color: #59595A;
	display: block;
	font-weight: 800;
	transform-origin: 0 0;
	opacity: 1;
}
textarea:focus ~ .top, textarea.valid + .top, textarea.error + .top{
	transform: scale(.8) translateY(-40px);
}
form input.valid + .top, form input.valid + .error + .top, form input.error + .error + .top {
	opacity: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
	transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: #000 !important;}
.error {
	color: red;
}
span.error {
	margin-left: 10px;
	font-size: .8em; }
input::placeholder, textarea::placeholder{
	color: #484848;
	text-transform: uppercase;
	transition: all 0.35s cubic-bezier(0.42, 0, 0.48, 1.02);}
input:focus::placeholder, input.error::placeholder, textarea:focus::placeholder, textarea.error::placeholder{
	color: #fff;}
input.error, textarea.error, select.error {
	border-bottom: 1px solid red;
}
label, input[type=submit] {
	text-transform: uppercase;
	color: #000;
}
input[type=submit] {
	padding: .7em; 
	width: 50%;
	border: 1px solid #000;
	margin: 2rem auto 0;
	display: inline-block;
	cursor: pointer;
	transition: all 0.35s cubic-bezier(0.42, 0, 0.48, 1.02);
}
input[type=submit]:hover {
	background: #000;
	color: #fff;
}
select {
	color: #484848;
}
label + select::after {
	content: '';
	background: black;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
	width: 15px;
	height: 10px;
	position: absolute;
	right: 5%;
	top: 60%;
	z-index: -1;
}
select:focus, select:checked {
	color:  #59595A;
}
select option:checked , option:checked{
	color: red;
}
textarea {
	height: 4em;
}
*::selection, *::-moz-selection {
	background: #000;
	color: #fff;
}
.hidden {
	display: none !important;
}
/*//////// WIDGET WHATS APP //////////*/
.okewa-style_3 #okewa-floating_cta, .okewa-pulse_3 {
	bottom: 80px !important;
}

/*//////// LAYOUT ////////////////*/
.viewport-full {
	height: calc(100vh - 60px); /* Fallback for browsers that do not support Custom Properties */
	margin-top: 60px;
	overflow: hidden;
	position: relative;
}
#desarrollos .viewport-full {
	height: calc(100vh - 60px); /* Fallback for browsers that do not support Custom Properties */
	height: calc((var(--vh, 1vh) * 100) - 60px);
}
.viewport {
	height: auto;
	margin-top: 60px;
}
.flex {
	display: flex;
	flex-flow: column wrap;
	min-height: calc(100vh - 60px);
}
.p1, #apartments section  {
	padding: 5% 1.2em 1.2em;
}
.p2 {
	padding: 0 1.4em 1.2em;
}
#apartments .home-apartments {
	padding: 0;
}
header .container {
	padding: 10px 20px;
}
header {
	background: #000; 
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
header .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header ul{
	margin: 60px 0 80px;
	margin-right: -1.4em;
}
.logo {
	height: 40px;
	width:  100px;
	transition: all 0.35s cubic-bezier(0.42, 0, 0.48, 1.02);
}
.logo:hover, .logo-menu:hover{
	opacity: 0.7;
}
.logo-menu {
	width: 4.6em;
	display: inline-block;
	position: relative;
	transition: all 0.35s cubic-bezier(0.42, 0, 0.48, 1.02);
}
.logo-menu::after {
	content: "";
	display: inline-block;
	background: #fff;
	width: 70%;
	height: 1px;
	margin: 5px auto;
	left: 20%;
}
.nav-toggle {
	height: 25px;
	width: 30px;
	border: 0;
	background: none;
	position: relative;
	z-index: 1000;
	cursor: pointer;
}
.nav-toggle .iconMenu {
	background: #ffffff;
	width: 30px;
	height: 2px;
	display: block;
	position: absolute;
	left: 0;
	transition: all 0.4s ease-in-out;
}
.nav-toggle .iconMenu::before,  .nav-toggle .iconMenu::after{
	content: "";
	position: absolute;
	width: 30px;
	height: 2px;
	background: #ffffff;
	transition: all 0.4s ease-in-out;
}
.nav-toggle .iconMenu::before {
	top: 10px;
	right: 0;
}
.nav-toggle .iconMenu::after {
	bottom: 10px;
	left: 0;
}
.nav-toggle.close .iconMenu {
	background: transparent;
}
.nav-toggle.close .iconMenu::after, .nav-toggle.close .iconMenu::before {
	width: 30px;
	background: #fff;
	top: 0;
}
.nav-toggle.close .iconMenu::after {
	transform: rotate(45deg);
}
.nav-toggle.close .iconMenu::before {
	transform: rotate(-45deg);
}
.nav-collapse.open {
	opacity: 1;
	visibility: visible;
	right: 0; 
}
.nav-collapse {
	background: #000;
	position: absolute;
	color: #fff;
	right: -100%;
	text-align: right;
	padding: 5em 1.4em 5em 50px;
	height: 100vh;
	top: 0;
	opacity: 1;
	visibility: hidden;
	transition: all 0.3s ease;
}
.nav-collapse .nav-fade {
	color: #fff;
	font-size: 1.14em;
}
.nav-collapse .nav-fade:hover{
	text-decoration: underline;
}
.nav-collapse .nav-fade::after {
	content: "";
	display: inline-block;
	background: #fff;
	height: 2px;
	width: 15px;
	margin-left: 10px;
	vertical-align: middle;
}
.nav-collapse li {
	margin: 30px 0;
}
.active {
	font-weight: 800;
}
.legals, .legals a {
	font-size: .9em;
}

.legals a {
	text-transform: none;
	text-decoration: underline; }
.legals a, .legals p {
	color: #ffffff8c; 
	text-align: right;}
.legals a:hover{
	color: #fff; }

/*/////SLIDER-INDEX////*/
.eyecatcher {
	height: 100%;
	overflow: hidden;
}
.eyecatcher h1 {
	position: relative;
	font-size: 3.14em;
}
.menu-eyecatcher .logo {
	height: auto;
	width: 100px;
}
.menu-eyecatcher .iconMenu, .menu-eyecatcher .iconMenu::after, .menu-eyecatcher .iconMenu::before {
	background: #fff;
}
.eyecatcher h1, .eyecatcher h5{
	color: #fff;
}
.eyecatcher h5 {
	margin-bottom: 1rem;
}
.bxslider div {
	min-height: 100vh;
}
div.one {
	background-image: url(../images/home/home-angel-420.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
} 

div.two {
	background-image: url(../images/home/home-rafael-420.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}

div.three {
	background-image: url(../images/home/home-angel-2-420.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
header.menu-eyecatcher {
	background: transparent;
}
.info-eyecatcher {
	position: absolute;
	z-index: 1000;
	text-align: center;
	background: rgba( 0, 0, 0, 0.2);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}
ul.slider {
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: none;
	border: none;
}
.bx-wrapper {
	box-shadow: none;
	border: none;
	margin-bottom: 0;
	height: 100vh;
}
.bx-controls-direction {
	display: none;
}
.bx-wrapper .bx-pager {
	bottom: 140px;
	z-index: 1000; }
.bx-wrapper .bx-pager.bx-default-pager a {
	width: 25px;
	height: 2px;
	border-radius: 0;
	background: #fff;
	transition: background-color 0.3s ease;
}
button.mfp-close {
	font-weight: 400;
	font-size: 25px;
}
/*/////SECTION-INDEX////*/

.eyecatcher .container, #desarrollos .container {
	margin-top: 0;
}
#desarrollos .container {
	height: 100%;
}
.secondary-txt {
	color: #fff;
}
.group-btn a {
	color: #fff;
}
.group-btn {
	position: fixed;
	background: #000;
}
.group-btn, .subnav {
	padding: 15px 10px 25px;
	text-align: center;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 100;
}
.subnav {
	background: #dfdfdf;
	position: fixed;
}
.subnav .icon {
	background: transparent;
}
.subnav .icon img {
	width: 70%;
}
.btn {
	margin: 1em 0;
}
a.btn-outline{
	color: #000;
	padding: 0.8em 2.4em;
	border: 1px solid #000;
	font-size: 0.75em;
	line-height: 0;
	transition: all 0.35s cubic-bezier(0.42, 0, 0.48, 1.02);
}
a.btn-outline:hover {
	box-shadow: inset 0 0 0 15px #000;
	color: #fff;
}
a.btn-outline.white {
	color: #fff;
	border-color: #fff;
}
a.btn-outline.white:hover {
	border: #000;
}
a.btn-link-after, span.btn-link-after, span.btn-link-before {
	display: block;
	margin: .9em 1.42em 0 auto;
	text-align: right;
	position: relative;
}
span.btn-link-after, span.btn-link-before {
	cursor: pointer; }
.link-fade:hover .text{
	text-decoration: underline;
	display: none;
}
a.btn-link-after:hover, span.btn-link-after:hover, span.btn-link-before:hover, .link-fade:hover{
	text-decoration: underline;
}
a.btn-link-after:after, span.btn-link-after:after {
	content: "";
	position: absolute;
	border-top: 1px solid #fff;
	width: 15px;
	margin-left: 5px;
	top: 50%;
}
span.btn-link-before:before {
	content: "";
	position: absolute;
	border-top: 1px solid #000;
	width: 15px;
	margin-left: 5px;
	top: 50%;
}
.link-after, .link-before {
	color: #000;
	display: inline-block;
	text-align: right;
	position: relative;
	padding-right: 30px;
	float: right;
	margin-top: 12px;
}
.link-after:after {
	content: "";
	position: absolute;
	border-top: 1px solid #000;
	width: 20px;
	top: 50%;
	right: 0;
}
.link-before {
	padding-right: 0;
	padding-left: 30px;
}
.link-before:before {
	content: "";
	position: absolute;
	border-top: 1px solid #000;
	width: 20px;
	top: 50%;
	left: 0;
}
.value {
	position: relative;
	padding-left: 15px;
	margin-left: 10px;
}
.value:before {
	content: "";
	position: absolute;
	border-top: 1px solid #ddd;
	width: 10px;
	top: 50%;
	left: 0;
}
#desarrollos .flex {
	min-height: calc(10vh - 60px);
	min-height: calc((var(--vh, 1vh) * 100) - 60px);
}
.item-project {
	position: relative;
	height: calc((100vh - 60px) / 2); /* Fallback for browsers that do not support Custom Properties */
	height: calc(((var(--vh, 1vh) * 100) - 60px) / 2);
}   
.item-project h1 {
	margin-bottom: 10px;
}
.item-project h1, .item-project span{
	color: #fff;
}
.project1 {
	background-image: url(../images/desarrollos/desarrollos-rafael-420.jpg);
	background-repeat:  no-repeat;
	background-size: cover;
}
.project2 {
	background-image: url(../images/desarrollos/desarrollos-angel-420.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.overlay {
	background: rgba(0, 0 , 0, .3);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc((100vh - 60px) / 2);
	height: calc(((var(--vh, 1vh) * 100) - 60px) / 2);
}
.overlay:hover {
	background: rgba(0, 0 , 0, .3);
	transition: all 0.4s ease-in-out;
}
.wrap-txt-project {
	padding: 1.3em 1em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.page-contact a, .contact-info a {
	text-transform: initial;
	color: #59595A;
	font-weight: normal;}
.page-contact > a, .contact-info > a {
	display: block;
	font-size: 1em;}
.page-contact img, .contact img{
	margin-right: 10px;
	vertical-align: initial;}
.contact-info p {
	text-align: left;
} 
.contact-info p a{
	font-size: 1em;}
.footer-wrap {
	background: #000;
	width: 100%;
	height: 100px;
	position: relative;
	bottom: 0;
}
.form-fields {
	position: relative;
	line-height: 0;
	margin-top: 2rem;
}
#apartments h1 {
	margin-bottom: 5px;
}
.dropdown {
	border: 1px solid #ddd;
	width: 100%;
	margin: 10px 0;
	position: relative;
}
.dropdown a, .btn-group a  {
	color: #999;
	display: inline-block;
	padding: 10px;
	width: 100%;
}
.btn-group {
	display: flex;
	justify-content: flex-end;
	margin-top: 25px;
}
.dropdown-list {
	position: relative;
}
.dropdown-list ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 1;
	height: 0;
	transition: height 300ms ease;
	overflow: hidden;
}
.dropdown-list ul.active {
	height: 500px;
}
.dropdown-list li {
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	font-weight: bold;
	color: #ddd;
	transition: all 0.3s ease;
	overflow: hidden;
	margin-bottom: 15px;
}
.dropdown-list li a {
	color: #ddd;
	transition: all 0.3s ease;
}
.dropdown-list li a.active, .dropdown-list li:hover a {
	color: #000;
}
.dropdown-list li a.active .available, .dropdown-list li:hover .available {
	transform: translateX(0);
}
.dropdown-list .available {
	display: block;
	position: relative;
	padding-left: 50px;
	font-size: 10px;
	font-weight: normal;
	transform: translateX(-400px);
	transition: all 0.3s ease;
	text-transform: capitalize;
}
.available:before {
	content: "";
	width: 10px;
	height: 10px;
	background: green;
	border-radius: 100%;
	left: 35px;
	top: 3px;
	position: absolute;
}
.available:after {
	content: "";
	width: 20px;
	height: 2px;
	background: #ddd;
	left: 0;
	top: 44%;
	position: absolute;
}
.circle {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #ddd;
	border-radius: 50%;
	margin-right: 10px;
	vertical-align: middle;
	position: relative;
}
.circle:before {
	content: "";
	position: absolute;
	height: 6px;
	width: 6px;
	background: transparent;
	left: calc(50% - 3px);
	top: calc(50% - 3px);
	border-radius: 50%;

}
.link-show-blueprint {
	transition: all 0.35s cubic-bezier(0.42, 0, 0.48, 1.02); }
.link-show-blueprint.active, .link-show-blueprint:hover {
	color: #000;
}
a.active .circle:before {
	background: #000;
}
.nav-deptos {
	display: flex;
}
.nav-deptos li a.active {
	background: rgba(255, 255, 255, .3);
	width: 50px;
	margin: 0 auto;
}
.nav-deptos li{
	width: 20%;
	position: relative;
}
.nav-deptos .text {
	display: none;
}
.nav-deptos li a{
	display: block;
}
#plano-departamento p {
	margin: 0;
	font-size: .8em;
}
.blueprints {
	position: relative;
}
.blueprints .image-apartment, .blueprints .image-build {
	left: 0;
	top: 0;
	width: 100%;
	padding: 25px;
	padding-bottom: 0;
}
.blueprints .image-apartment {
	padding: 0;
}
.disponibles {
	color: green;
}
.info-img-apartment {
	position: absolute;
}
.item-info{
	padding: 20px 10px 20px 0;
	display: inline-block;
	max-width: 70px;
}
.features-list {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	transition: all 300ms ease-in;
	background: #fff;
	height: 100vh;
	padding: 15% 1.2em 1.2em;
}
.features-list.active {
	top:0;
}
.features-list > div {
	padding: 2px 0;
	display: flex;
	align-items: center;
}
.icon {
	width: 50px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
}
.feature .icon {
	width: 35px;
	height: 35px;
}
.amenity h5 {
	color: #fff;
}
.amenities-list {
	display: flex;
	flex-wrap: wrap;
}
.amenities-list > div {
	width: 50%;
	text-align: center;
}
.image-effect {
	background: #000;
}
.image-effect a:first-child {
	display: flex;
	justify-content: center;
	align-items: center;
}
.image-effect a > img {
	opacity: 0.2;
}
.amenity {
	position: relative;
	transition: all 0.4s ease-in-out;
}
.amenity .info {
	position: absolute;
}
.amenity .icon {
	height: 65px;
}
.icon img {
	width: 50px;
}
.select-costum:after {
	content: '';
	background: #59595A;
	-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
	clip-path: polygon(100% 0, 0 0, 50% 100%);
	width: 10px;
	height: 8px;
	position: absolute;
	right: 5%;
	top: 40%;
}
.dropdown.select-costum:after {
	background: #999;
}
#quienes-somos .flex {
	justify-content: space-between;
}
#alonso-de-la-fuente .p1.flex-item, #andrei-lepiavka .p1.flex-item  {
	order: 2;
}
.more-about {
	display: none;
}
.white-popup {
	text-align: center;
}
.image-apartment, .image-build {
	animation: fadeIn 1s ease;
}
.cover-san-angel, .cover-san-rafael {
	height: 100vh;
}
.cover-san-angel {
	background-image: url(../images/galeria-san-angel/angel-home-450.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 100%;
}
.cover-san-rafael {
	background-image: url(../images/galeria-san-rafael/rafael-home-450.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 100%;
}
.map {
	position: relative;
}
#apartments .contact-info {
	margin-top: 30px;
	margin-bottom: 30px;
}
.data-direction p {
	background: black;
	color: #fff;
	padding: 10px;
	position: absolute;
	margin-top: -20px;
}
#ubicacion .flex {
	margin-top: 5vh;
}
#ubicacion h5 {
	margin-bottom: 10px;
}
#ubicacion li {
	list-style: circle;
	list-style-position: inside;
}
#ubicacion .flex-item:first-child {
	margin-bottom: 30px;	
}
#apartments section, #andrei-lepiavka, #alonso-de-la-fuente {
	margin-bottom: 60px;
}
#departamentos section, #galeria section, #apartments .home-apartments {
	margin-bottom: 0;
}
.thanks {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	height: calc(100vh - 50vh);
	margin: 0 auto;
}
#galeria .container{
	width: 100%;}
.rg-gallery{
	width: 100%;
	margin-top: 1.5rem;}
.lightboxVideo + .rg-gallery {
	margin-top: 0;
}
.rg-image{
	height: 35vh;
	background-color: #efefef;
	text-align: center;}
.rg-image img{
	height: 100%;}
.rg-caption{
	/*background-color: rgba(0, 0, 0, 0.65);*/
	padding: 8px;
	position: absolute;
	bottom: 0;
	width: 100%;}
.rg-caption p{
	margin: 0;
	text-align: center;
	color: #fff;}
.rg-image-wrapper{
	position: relative;
	z-index: 1000;}
.rg-image-nav-prev, .rg-image-nav-next{
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.5;
	margin: 0;
	z-index: 1000;
	transition: opacity 0.35s cubic-bezier(0.42, 0, 0.48, 1.02);}
.rg-image-nav-prev:hover, .rg-image-nav-next:hover{
	opacity: 1;}
.rg-image-nav-prev{
	left: 0;
	background: url(../images/arrow-left.png) no-repeat 50% 50%;
	background-size: 25px;}
.rg-image-nav-next{
	right: 0;
	background: url(../images/arrow-right.png) no-repeat 50% 50%;
	background-size: 25px;}
.es-carousel-wrapper{
	background: transparent;
	box-shadow: none;
	border-radius: 0;}
.es-carousel {
	background: transparent;
	max-width: 800px;
	overflow: hidden;}
.es-carousel ul li a {
	border: 0;}
.es-carousel ul li a:hover{
	opacity: 1;}
.es-carousel .selected a:after{
	content: "";
	display: block;
	background-color: #000;
	width: 100%;
	height: 2px;
	margin-top: 3px;}
.es-carousel-wrapper{
	padding: 10px 20px;}
.es-nav span.es-nav-prev{
	left: 0;}
.es-nav span.es-nav-next{
	right: 0;}
.rg-loading {
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(../images/ajax-loader.svg) no-repeat center center;
	background-size: cover;
	margin: -23px 0 0px -23px;
	z-index: 100;}
.lightboxVideo {
	text-align: right;
	margin-right: 5%;}
.lightboxVideo a{
	color: #000;
	font-weight: 600;
}
.warning-landscape-movil {
	display: none;
	opacity: 0;
	font-size: 10px;
	line-height: 1.4;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000000;
	color: #fff;
	background-color: #000;
	transition: all .3s linear;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}
.warning-landscape-movil div{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column wrap;
	height: 100vh;
}
.warning-landscape-movil img {
	width: 50px;
}
.error-404 {
	display: flex;
	align-items: center;
	max-width: 600px;
	margin: 0 auto;
	padding: 20px;
	height: 100vh;
}
.error-404 h1 {
	font-size: 7em;
	margin-top: 0;
}
.error-404 h3 {
	text-transform: uppercase;
}
.error-404 .flex-item-error:first-child {
	width: 100px;
	margin-bottom: 50px;
}
.error-404 img {
	width: 150px;
}
.link-error {
	padding: 0 0 0 20px;
	position: relative;
	margin-top: 10px;
}
.link-error a {
	color: #000;
}
.link-error:before {
	content: "";
	border-top: 1px solid #000;
	width: 15px;
	margin-left: -20px;
	top: 50%;
	position: absolute;
}
.aviso-de-privacidad .content{
	margin: 6em 1em;

}
.flip-card {
  perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.flip-card-front {
  color: black;
}
.flip-card-back {
  background-color: #000;
  color: white;
  padding: 10px;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-flow: wrap column;
  transform: rotateY(180deg);
}
.whatsapp {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 1000;
	margin-bottom: 50px;
}
/*/////MEDIA-QUERIES////*/
@media only screen and (max-device-width: 840px) and (min-aspect-ratio: 13/9) and (orientation: landscape){
	.warning-landscape-movil {
		display: block;
		opacity: 1;
	}
}
@media only screen 
	and (min-width: 300px) 
	and (max-width: 350px) {
		.info-img-apartment {
			position: initial;
		}
		.btn-group {
			margin-top: 0;
		}
		.item-info {
			padding: 0;
			padding-right: 10px
		}	
}
@media screen and (min-width: 600px) { 
	.about .p1,  #data-contact .p1{
		padding-left: 10%;
		padding-right: 10%;
	}
	.contact-info {
		padding-right: 10%;
	}
	#frm-contact {
		max-width: 80%;
		margin: 0 auto;
	}
	.aviso-de-privacidad .content{
		max-width: 650px;
		margin: 7em auto;
		padding-left: 2em;
		padding-right: 2em;
	}
}
@media screen and (min-width: 768px) {
	div.one {
		background-image: url(../images/home/home-angel-760.jpg);
	} 
	div.two {
		background-image: url(../images/home/home-rafael-760.jpg);
	}
	div.three {
		background-image: url(../images/home/home-angel-2-760.jpg);
	}
	.project1 {
		background-image: url(../images/desarrollos/desarrollos-rafael-1025.jpg);
	}
	.project2 {
		background-image: url(../images/desarrollos/desarrollos-angel-1025.jpg);
	}
	.info-eyecatcher, .eyecatcher {
		height: 100vh;
	}
	.viewport {
		height: calc(100% - 60px);
	}
}

@media screen and (min-width: 800px) {
	.flex {
		flex-direction: row;
	}
	.flex-item {
		width: 50%;
		/*outline: 1px solid #ddd;*/
	}
	.p1  {
		padding: 5%;
	}
	.disponibles {
		display: none; 
	}
	#apartments section {
		padding: 0;
	}
	#apartments .container,  #data-contact .container{
		height: calc(100vh - 60px);
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
	}
	#apartments .flex, #data-contact .flex {
		min-height: inherit;
	} 
	.features-list {
		height: auto;
	}
	#apartments section, #andrei-lepiavka, #alonso-de-la-fuente {
		margin-bottom: 0;
	}
	#desarrollos .flex, #data-contact .flex {
		flex-direction: row;
	}
	#desarrollos .flex-item {
		width: calc(100% / 2);
		height: calc(100vh - 45px);
	}
	.overlay {
		height: 100%;
	}
	#apartments .flex {
		justify-content: flex-end;
	}
	#amenidades .content > h5, #departamentos h5 {
		margin-top: 20px;
	}
	.amenity h5 {
		font-weight: 600;
	}
	.apartments .link-after, .apartments .link-before {
		display: none;
	}
	.secondary-txt {
		font-size: .8em;
	}
	.subnav {
		position: absolute;
		width: 18%;
		height: 100%;
		left: 0;
		top: 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.nav-deptos {
		flex-direction: column;
		padding-left: 10px;
	}
	.nav-deptos li {
		width: 100%;
		text-align: left;
		padding: 15px 0;
	}
	.nav-deptos li .icon {
		margin-left: 5px;
		position: relative;
	}
	.nav-deptos li .text {
		color: #000;
		vertical-align: bottom;
	}
	.dropdown {
		display: none;
	}
	.dropdown-list ul {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin: 10px 0;
		position: relative;
		height: auto;
	}
	.dropdown-list ul li {
		width: calc(100% / 3);
		border-bottom: none;
	}
	.features-list {
		padding: 0 3rem;
		position: relative;
		transition: none;
	}
	.features .link-before {
		display: none;
	}
	.amenity:hover {
		opacity: .7;
	}
	.amenities-list {
		padding: 2%;
		box-sizing: border-box;
		padding-left: 0;
	}
	.amenities-list > div {
		width: 20%;
	}
	.amenity .icon {
		width: 70px;
		height: 70px;
	} 
	#apartments .container {
		width: 79%;}
	#apartments [class*="cover-"]{
		width: 82%;}
	#data-contact .container {
		width: 100%;
	}
	#data-contact .content {
		width: 80%;
		margin: 0 auto;
	}
	#quienes-somos .img-container {
		background-image: url('../images/quienes-somos/quienes-somos-angel-1200.jpg');
		background-size: cover;
	}
	#data-contact .p1 {
		padding: 5%;
	}
	.about .p1 {
		padding: 5%;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
	}   
	.about p {
		margin-top: 0;
	}   
	#andrei-lepiavka .img-container {
		background-image: url('../images/quienes-somos/quienes-somos-andrei-1200.jpg');
		background-size: cover;
	}
	#alonso-de-la-fuente .img-container {
		background-image: url('../images/quienes-somos/quienes-somos-alonso-1200.jpg');
		background-size: cover;
	}
	.about img {
		display: none;
	}
	.viewport {
		overflow: hidden;
	}
	.more-about {
		display: block;
		margin-top: 30px;
	}
	.link-about {
		padding-left: 20px;
		position: relative;
		margin-top: 10px;
	}
	.link-about:before {
		content: "";
		border-top: 1px solid #000;
		width: 15px;
		margin-left: -20px;
		top: 50%;
		position: absolute;
	}
	.link-about a {
		color: #000;
	}
	.group-btn {
		display: none;
	}
	.contact-info {
		margin-top: 5vh;
		width: 100%;
		max-width: 450px;
	}
	#frm-contact {
		max-width: 90%;
		margin-left: 0;
	}
	.contact .flex-item {
		overflow: hidden;
	}
	.contact .p2 {
		padding-left: 0;
	}
	.menu-eyecatcher .logo {
		background-size: 80%;
	}
	#data-contact .flex {
		padding-top: 5vh;    
	}
	.nav-deptos li a.active {
		background: transparent;
		width: initial;
	}
	.nav-deptos a.active:before {
		position: absolute;
		left: -10px;
		top: 30px;
		width: 10px;
		height: 2px;
		background: #000;
		content: '';
	}
	.cover-san-rafael:before {
		content: "";
		background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.5) 100%);
		width: 45%;
		height: 100%;
		display: block;
		margin-left: auto; }
	.rg-gallery{
		width: 95%;}
	.rg-image{
		height: 60vh;}
	.rg-caption{
		padding: 12px;
		margin-top: -42px;}
	.rg-image-nav-prev, .rg-image-nav-next{
	    width: 100px;}
	.cover-san-angel {
		background-image: url(../images/galeria-san-angel/angel-home.jpg);
		background-size: cover;
	}
	.cover-san-rafael {
		background-image: url(../images/galeria-san-rafael/rafael-home.jpg);
		background-size: cover;
	}
	.error-404 .content {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.error-404 .flex-item-error:first-child {
		width: 65%;
		margin-right: 40px;
		margin-bottom: 0;
	}
	.about .flex-item {
		height: 100vh;
	}
	/*//////// WIDGET WHATS APP //////////*/
	.okewa-style_3 #okewa-floating_cta, .okewa-pulse_3 {
	bottom: 12px !important;
}
}
@media screen and (min-width: 1024px) {
	.nav-deptos .text {
		display: inline-block;
	}
	.nav-collapse {
		padding-right: 50px;
	}
	div.one {
		background-image: url(../images/home/home-angel-1200.jpg);
	} 
	div.two {
		background-image: url(../images/home/home-rafael-1200.jpg);
	}
	div.three {
		background-image: url(../images/home/home-angel-2-1200.jpg);
	}
	.overlay {
		background: rgba(0, 0 , 0, .8);
	}
	.es-carousel ul{
		display:block;}
	.link-fade:hover .text{
		display: inline-block;
	}
	.blueprints .image-apartment {
		padding-left: 25px;
		padding-right: 25px;
	}
	.gallery-magnific {
		max-width: 1000px}
}
@media screen and (min-width: 1280px) {
	.secondary-txt {
		font-size: 1em;
	}
	#frm-contact {
		max-width: 80%;
	}
	.contact .flex {
		padding-top: 10vh;
	}
	.amenities-list {
		padding-left: 0;
	}	
	#ubicacion .flex {
		margin-top: 10vh;
	}
	#departamentos .flex-item:first-child {
		padding: 1.2em;
	}

	.about .p1 {
		max-width: 550px;
		margin: 0 auto;
	}
	.es-carousel {
		max-width: 1000px;
	}
}
@media screen and (min-width: 1400px) {
	body {
		font: normal 400 15px/140% 'Avenir', sans-serif;
	}
	div.one {
		background-image: url(../images/home/home-angel-1500.jpg);
	} 
	div.two {
		background-image: url(../images/home/home-rafael-1500.jpg);
	}
	div.three {
		background-image: url(../images/home/home-angel-2-1500.jpg);
	}
	#quienes-somos .img-container {
		background-image: url('../images/quienes-somos/quienes-somos-angel-1500.jpg');
	}
	#andrei-lepiavka .img-container {
		background-image: url('../images/quienes-somos/quienes-somos-andrei-1500.jpg');
	}
	#alonso-de-la-fuente .img-container {
		background-image: url('../images/quienes-somos/quienes-somos-alonso-1500.jpg');
	}
	.cover-san-angel {
		background-image: url(../images/galeria-san-angel/angel-home-1300.jpg);
	}
	.cover-san-rafael {
		background-image: url(../images/galeria-san-rafael/rafael-home-1300.jpg);
	}
}
@media screen and (min-width: 1800px){
	.about .p1 {
		max-width: 700px;
		padding: 80px;
	}
}
@media screen and (min-width: 2600px) {
	.subnav {
		width: 300px;
	}
	#apartments .content {
		margin: 0 auto;
	}
}
@media screen and (min-width: 3000px) {
	.wrapper, header {
		max-width: 2000px;
		margin: 0 auto;
	}
	.subnav {
		left: inherit;
	}
	#apartments [class*="cover-"] {
		width: 85%;
	}
}