body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Rene-Bieder'!important;
	color: #565351;
}

@font-face {
    font-family: 'Rene-Bieder';
    src: url("../fonts/Rene-Bieder-Rational-Light.otf") format("opentype");
}
@font-face {
    font-family: 'Domaine';
    src: url("../fonts/Domaine-Sans-Display-Regular.otf") format("opentype");
}

.goMenu{cursor: pointer;}
.cheklogindisclosure{width: auto!important;}
.boxCheckDisclaim{padding-left: 17%;}
.checkdis{background:#0f6177!important; border: none; outline: none; margin-right: 5px;}
.box-navegation-icons{padding-left: 10px; min-height: 80px;}
.none-desktop{display: none;}
/*#moveDown, #moveUp, #moveDown:active, #moveUp:active, #moveDown:focus, #moveUp:focus, #moveDown:hover, #moveUp:hover, #moveDown:visited, #moveUp:visited{background: transparent!important;}
*/
/* 
#0f6177 azul oscuro
#1797a9 azul claro
#363939 gris oscuro
#0f1216 negro
#676b6b gris medio
#919394 gris claro
#151515

extra light
regular 
bold*/


/*Fonts*/
.poppins{
	font-family: 'Poppins', sans-serif;
}

.btn-login {
  --offset: 10px;
  --border-size: 2px;
  display: block;
  position: relative;
  border: 0;
  background: transparent;
  color: #e55743;
  letter-spacing: 0.15em;
  cursor: pointer;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) #efb810;
  transition: background 0.8s ease;
}
.btn-login:focus{
	outline: none;
}
.btn-login:hover {
  background: rgb(239 184 16 / .3);
}
.button__horizontal, .button__vertical {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: transform 0.8s ease;
  will-change: transform;
}
.button__horizontal::before, .button__vertical::before {
  content: '';
  position: absolute;
  border: inherit;
}
.button__horizontal {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid #efb810;
  border-bottom: var(--border-size) solid #efb810;
}
.button__horizontal::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1);
}
.btn-login:hover .button__horizontal {
  transform: scaleX(0);
}
.button__vertical {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid #efb810;
  border-right: var(--border-size) solid #efb810;
}
.button__vertical::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size));
}
.btn-login:hover .button__vertical {
  transform: scaleY(0);
}


/*Fonts-size*/

.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-22{font-size: 22px;}
.fs-23{font-size: 23px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}
.fs-26{font-size: 26px;}
.fs-27{font-size: 27px;}
.fs-28{font-size: 28px;}
.fs-29{font-size: 29px;}
.fs-30{font-size: 30px;}
.fs-31{font-size: 31px;}
.fs-32{font-size: 32px;}
.fs-33{font-size: 33px;}
.fs-34{font-size: 34px;}
.fs-35{font-size: 35px;}
.fs-36{font-size: 36px;}
.fs-37{font-size: 37px;}
.fs-38{font-size: 38px;}
.fs-39{font-size: 39px;}
.fs-40{font-size: 40px;}
.fs-41{font-size: 41px;}
.fs-42{font-size: 42px;}
.fs-43{font-size: 43px;}
.fs-44{font-size: 44px;}
.fs-45{font-size: 45px;}
.fs-46{font-size: 46px;}
.fs-47{font-size: 47px;}
.fs-48{font-size: 48px;}
.fs-49{font-size: 49px;}
.fs-50{font-size: 50px;}
.fs-60{font-size: 60px;}
.fs-70{font-size: 70px;}
.fs-80{font-size: 80px;}


/*Font-weight*/
.w-300{font-weight: 300;}
.w-400{font-weight: 400;}
.w-500{font-weight: 500;}
.w-600{font-weight: 600;}

/*line height*/
.lh-27{line-height: 27px;}


/*Margins*/
.m-b0{margin-bottom: 0px!important;}
.m-b5{margin-bottom: 5px;}
.m-b10{margin-bottom: 10px;}
.m-b20{margin-bottom: 20px;}
.m-b30{margin-bottom: 30px;}
.m-b35{margin-bottom: 35px;}
.m-b40{margin-bottom: 40px;}
.m-b50{margin-bottom: 50px;}
.m-b70{margin-bottom: 70px;}
.m-b80{margin-bottom: 80px;}
.m-b90{margin-bottom: 90px;}
.m-b100{margin-bottom: 100px;}
.m-b110{margin-bottom: 110px;}

.m-t0{margin-top: 0px;}
.m-t10{margin-top: 10px;}
.m-t16{margin-top: 16%;}
.m-t20{margin-top: 20px;}
.m-t30{margin-top: 30px;}
.m-t40{margin-top: 40px;}
.m-t50{margin-top: 50px;}
.m-t60{margin-top: 60px;}

.m-l0{margin-left: 0px;}
.m-l10{margin-left: 10px;}
.m-l20{margin-left: 20px;}
.m-l30{margin-left: 30px;}
.m-l40{margin-left: 40px;}
.m-l50{margin-left: 50px;}
.m-l60{margin-left: 60px;}

/*Padding*/
.p-b0{padding-bottom: 0px;}
.p-b10{padding-bottom: 10px;}
.p-b20{padding-bottom: 20px;}
.p-b30{padding-bottom: 30px;}
.p-b40{padding-bottom: 40px;}
.p-b50{padding-bottom: 50px;}
.p-b60{padding-bottom: 60px;}

.p-t0{padding-top: 0px;}
.p-t10{padding-top: 10px;}
.p-t20{padding-top: 20px;}
.p-t30{padding-top: 30px;}
.p-t40{padding-top: 40px;}
.p-t50{padding-top: 50px;}
.p-t60{padding-top: 60px;}

.p-r0{padding-right: 0px;}
.p-r10{padding-right: 10px;}
.p-r20{padding-right: 20px;}
.p-r30{padding-right: 30px;}
.p-r40{padding-right: 40px;}
.p-r50{padding-right: 50px;}
.p-r60{padding-right: 60px;}



/*White space*/
.w-space-pre{white-space: pre-line;}
.w-space-normal{white-space: normal;}

/*Customs*/

.bckgd-cover{
	background-size: cover !important; 
	background-position: center !important; 
	background-repeat: no-repeat !important; 
}

.bckgd-blue-mf{
	background-color: #111419;
}
.bckgd-white{
	background-color: #fff;
}
.bckgd-white-2{
	background-color: #eeecec;
}

.justi-p{
	text-align: justify;
}

.txt-right{
	text-align: right;
}

.justi-center{
	justify-content: center;
}

.l-blanca{
	color: #fff;
}

.l-gris-o{
	color: #363939;
}
.l-gris{
	color: #565351;
}
.line-blue{
	position: relative;
}

.line-blue:before{
	content: "";
	position: absolute;
	bottom: -20px;
	width: 120px;
	height: 3px;
	background: #eacfd6;
}

.btn-blue{
	background-color: #eacfd6;
	padding: 8px 40px;
	color: #565351!important;
	border: none;
	display: inline-block;
	transition: .5s ease-in-out;
	z-index: 1;
	position: relative;
}
.btn-blue:hover{
	text-decoration: none;
	background-color: transparent;
}

.btn-blue:before{
	content: "";
	position: absolute;
	background-color: rgb(234 207 214 / .75);
	mix-blend-mode: multiply;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	transition: .5s ease-in-out;	
}

.btn-blue:hover:before{
	height: 100%;
	z-index: -1;
}

.gallery-hidden{
  overflow: hidden;
  display: none;
  visibility: hidden;
}
.video-hidden{
  overflow: hidden;
  display: none;
  visibility: hidden;
}

/*Navigation icons*/
.box-navegation-icons{
	position: absolute;
	right: 0%;
	bottom: 0%;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box-navegation-icons .link-icon{
	transition: .5s ease-in-out;
	margin: 0 5px;
	
}
.box-navegation-icons .box-scroll-navigation{
	
}
.box-navegation-icons .box-scroll-navigation .link-icon.scroll{
	display: block;
	margin: 0;
}

.box-navegation-icons .box-scroll-navigation .link-icon.scroll img{
	transform: rotate(90deg);
	width: 40px;
	height: 40px;
}
.box-navegation-icons .link-icon img{
	width: 20px;
	height: 30px;
}
.box-navegation-icons .link-icon:hover{
	text-decoration: none;
}
.box-navegation-icons .link-icon span{
	background-color: transparent;
	padding: 3px 5px;
	color: #919394!important;
	border: 1px solid #919394;
	display: inline-block;
	transition: .5s ease-in-out;
	z-index: 1;
	position: relative;
	font-size: 16px;
	font-weight: 300;
}
.box-navegation-icons .link-icon span:hover{
	text-decoration: none;
	background-color: transparent;
	color: #fff!important;
}
.box-navegation-icons .link-icon span:before{
	content: "";
	position: absolute;
	background-color: rgba(0, 0, 0, .75);
	mix-blend-mode: multiply;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	transition: .5s ease-in-out;	
}
.box-navegation-icons .link-icon span:hover:before{
	height: 100%;
	z-index: -1;
}

.main-menu .box-navegation-icons{
	right: 0%;
	bottom: 0%;
	padding: 0px 5px;
	min-height: 50px;
}

.main-menu .box-navegation-icons .link-icon span{
	background-color: transparent;
	color: #fff!important;
	border: 1px solid #fff;
}
.box-navegation-icons .back{
	display: none;
}
.logo-phrase{
	width: 250px;
}
.hidden-phrase{
	display: none;
	position: absolute;
    top: 10%;
    width: 30%;
    right: 5%;
    padding: 40px 20px 0px;
    text-align: center;
    color: #fff;
}
.hidden-phrase p{
	margin-bottom: 0;
	text-align: left;
	font-family: 'Domaine'!important;
	font-size: 26px;
}
/*Welcome section and login*/
.welcome{
	position: relative;
	width: 100%;
	height: 100vh;
	background: url(../images/home/sales-website.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box-home{
	position: relative;
	text-align: center;
}

.box-home img{
	position: relative;
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 420px;
	height: auto;
}

.box-home p{
	text-align: center;
	margin: 40px 0;
	color: #fff;
	font-weight: 300;
	font-size: 45px;
	line-height: 45px;
	font-family: 'Domaine';
}

.box-login{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.form-login{
	width: 740px;
	height: auto;
	border: 1px solid #fff;
	padding: 40px 20px;
	margin: 0 auto;
}

.form-login .form-group{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Rene-Bieder';
}

.form-login .form-group label{
	color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-align: right;
    margin-bottom: 0;
    width: 15%;
    font-family: 'Rene-Bieder';
} 

.form-login .form-group input[type=text], .form-login .form-group input[type=password]{
	background: rgba(255,255,255,0.75);
    outline: none;
    border: 1px solid #fff;
    min-width: 250px;
    width: 80%;
}
.form-login .form-group input[type=checkbox]{
	background: rgba(255,255,255,0.75);
    outline: none;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
}

.form-login .form-group .flex{
	display: flex;
	align-items: center;
}

.btn-refresh{
	width: 80%;
	text-align: left;
	margin-left: 15.5%;
}

.btn-refresh:hover{
	text-decoration: none;
}

.btn-refresh span:first-child{
	padding: 0px;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background: #1797a9;
	outline: none;
	border: 1px solid #1797a9;
	display: inline-block;
}

.btn-refresh span:last-child{
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}

.btn-login{
	background: rgb(239 184 16 / .5);
	padding: 8px 40px;
	color: #fff;
	/*border: 1px solid #eacfd6;*/
	outline: none;
	position: relative;
	font-family: 'Rene-Bieder';
}

.form-login #error-sessage{
	position: absolute;
	bottom: 10px;
	left: 0%;
}
/*end*/

/*Menu*/

.row-menu{
    width: 100%;
    height: 50vh;
    display: flex;
}


.bckgd-menu1, .bckgd-menu2, .bckgd-menu3, .bckgd-menu4{
	background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    width: 50vw;
    height: 50vh;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.shadow-overlay-menu:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.25);
	width: 100%;
	height: 100%;
}
.bckgd-menu1.border-menu:before, .bckgd-menu2.border-menu:before, .bckgd-menu3.border-menu:before, .bckgd-menu4.border-menu:before{
	content: "";
	background: rgba(0,0,0,.35);
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s ease-in-out;
}
.bckgd-menu1.border-menu:after, .bckgd-menu2.border-menu:after, .bckgd-menu3.border-menu:after, .bckgd-menu4.border-menu:after{
	content: "";
	background: rgba(0,0,0,.35);
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	transition: .5s ease-in-out;
}

.bckgd-menu1.border-menu:hover:before, .bckgd-menu2.border-menu:hover:before, .bckgd-menu3.border-menu:hover:before, .bckgd-menu4.border-menu:hover:before, 
.bckgd-menu1.border-menu:hover:after, .bckgd-menu2.border-menu:hover:after, .bckgd-menu3.border-menu:hover:after, .bckgd-menu4.border-menu:hover:after{
	width: 50%;
}

#menu1.border-menu{
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
#menu2.border-menu{
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
#menu3.border-menu{
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
#menu4.border-menu{
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
.box-main-menu{
	width: 100%;
	padding: 0 40px;
	z-index: 9;
	margin-top: 140px;
}
.box-main-menu .hidden-title{
	display: none;
}
.box-main-menu .logo{
	width: 220px;
	margin-left: -50px;
}
.box-main-menu p{
	font-family: 'Rene-Bieder';
}
.title-main-menu{
	font-size: 55px;
	margin-bottom: 30px;
    color: #fff;
    line-height: 60px;
    display: block;
    font-family: 'Domaine';
}
.title-main-menu:hover{
    color: rgba(255,255,255,.85);
    transition: .5s ease-in-out;
    text-decoration: none;
}

.list-main-menu {
	list-style: none;
	padding-left: 0px;
}
.list-main-menu li a{
	color: #fff;
	font-weight: 300;
	font-size: 20px; 
	line-height: 30px; 
	position: relative;
	display: flex;
	width: fit-content;
    padding-right: 2px;
    transition: .5s ease-in-out;
    font-family: 'Rene-Bieder';
}
.list-main-menu li a:hover{
	color: #fff;
	text-decoration: none;
}

.list-main-menu li a span{
	margin-right: 3px;
	font-weight: 500;
	min-width: 20px;
}
.double-list-main-menu{
	display: flex;
}
.double-list-main-menu .list-main-menu:first-child{
	width: 40%;
}
.double-list-main-menu .list-main-menu:last-child{
	width: 80%;
}
.bckgd-menu4.flex-baseline{
	align-items: baseline;
}
.hidden-menu{
	display: none;
}

/*end*/

/*Section who we are*/
section.who-we-are, section.the-team, section.strategic-partners, section.sky-view-success, section.potencial-value{
	width: 100%; 
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content:center;
	overflow: hidden;
}
.who-we-are{
	background: #eeecec;
}
.potencial-value .line-blue:before{
	bottom: -10px;
}

.main-who h2.titles{
	font-size: 70px;
	line-height: 70px;
	font-family: 'Domaine';
}

section.strategic-partners img.logos{
	margin-bottom: 20px;
	display: block;
	height: 45px;
}

.box-potencial-increase:not(:last-child){
	border-right: 1px solid #fff;
	height: 100%;
}

.box-potencial-increase p:first-child{
	min-height: 120px;
	font-size: 30px;
	line-height: 40px;
	margin-left: 15%;
}

.box-potencial-increase p:last-child{
	margin: 40px 0;
	font-size: 60px;
	font-weight: 400;
	text-align: center;
}
.box-strategic-partners{
	line-height: 22px;
}


/*end*/

/*Serena by the sea*/
section.serena, section.key-investment, section.market-comparatives, section.potencial-value-serena, section.class-c, section.class-c2, section.brochure, section.tampaview, section.tampavideo{
	width: 100%; 
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content:center;
	overflow: hidden;
}
.potencial-value-serena .line-blue:before{
	bottom: -10px;
}
.slide-renders{
	width: 100%;
	height: 100%;
}
.slide-renders .item.before:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}
.slide-renders .owl-item img{
	height: 100vh!important;
	object-fit: cover;
}
.slide-renders .owl-nav{
	margin-top: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
.slide-renders .owl-nav .owl-prev{
	position: absolute;
	top: 50%;
	left: 20px;
	font-weight: 300!important;
	transform: translateY(-50%);
	color: #fff!important;
	font-size: 90px!important;
}
.slide-renders .owl-nav .owl-next{
	position: absolute;
	top: 50%;
	right: 20px;
	font-weight: 300!important;
	transform: translateY(-50%);
	color: #fff!important;
	font-size: 90px!important;
}
.slide-renders .owl-nav [class*=owl-]:hover{
	background: transparent;
}
.slide-renders .owl-nav [class*=owl-]:active, .slide-renders .owl-nav [class*=owl-]:focus{
	background: transparent;
	outline: none !important;
	border: 0!important;
}
/*.logo-serena{	
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: auto;
}*/
.slide-renders .owl-item .logo-serena img:first-child{
	width: 350px!important;
    height: auto!important;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);  
}
.slide-renders .owl-item .logo-serena img:last-child{
	width: 250px!important;
    height: auto!important;
    margin: 0 auto;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-50%); 
}
.tampaview, .tampavideo{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.tampaview:before, .tampavideo:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
}
.mfp-iframe-holder .mfp-content{
	max-width: 1000px;
}
/*.box-btn-tampa-bay{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}*/
.serena-by-the-sea h2.titles{
	font-size: 70px;
	line-height: 70px;
	font-family: 'Domaine';
}
.table-key-investment tr:not(:first-child){
	border-bottom: 1px solid #1797a9;
}
.table-key-investment tr:last-child{
	border-bottom: 0;
}
.table-key-investment tr th{
	color: #fff;
    font-weight: 300;
    font-size: 40px;
    line-height: 45px;
    min-width: 360px;
    padding-bottom: 5px;
}
.table-key-investment tr td{
	color: #fff;
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
    padding: 10px 0;
}
.table-key-investment .td-block{
	display: block;
}
.map-svg{
	width: 100%;
	margin-left: 0px;
	transform: scale(1);
	
}
.col-md-2-5.box-potencial-increase-serena{
	width: 20%;
}
.box-potencial-increase-serena:not(:last-child){
	border-right: 1px solid #fff;
	height: 240px;
}

.box-potencial-increase-serena p:first-child{
	min-height: 80px;
	font-size: 20px;
	line-height: 27px;
	text-align: center;
    margin-left: 0%;
}

.box-potencial-increase-serena p:last-child{
	margin: 30px 0;
	font-size: 40px;
	font-weight: 400;
	text-align: center;
}
.box-potencial-increase-serena p span{
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	display: block;
}
.class-c .subtitle{
	line-height: 35px;
}
.class-c .into-section{
	line-height: 21px;
	font-weight: 400;
}
.class-c .flex-points{
	display: flex;
}
.class-c .flex-points p{
	font-size: 18px;
	text-align: justify;
	font-weight: 300;
	line-height: 20px;
}
.class-c .flex-points p:first-child{
	color: #1797a9;
	font-size: 45px;
	line-height: 40px;
	font-weight: 300;
	margin-right: 15px;
	min-width: 40px;
	text-align: right;
}
#a-svg, #b-svg,  #c-svg, #d-svg, #e-svg, #f-svg, #g-svg, #h-svg, #i-svg, #j-svg, #asterisco-svg{
	cursor: pointer;
}
.info-a, .info-b, .info-c, .info-d, .info-e, .info-f, .info-g, .info-h, .info-i, .info-j, .info-asterisco{
	display: none;
}
.titleMap{
	background: #fff;
    color: #212529;
    padding: 5px 100px;
    font-weight: 300;
    position: absolute;
    top: 3%;
    left: 0px;
    z-index: 99;
}
.info-maps{
	top: 3%;
    right: 2%;
    background: #fff;
    padding: 25px 0;
   
}
.info-maps .box-info{
	padding: 0 15px;
}
.info-maps .box-info:first-child{
	border-right: 1px solid #1797a9;
}
.info-maps .circle-letter{
	width: 30px;
    height: 30px;
    background: #1797a9;
    border-radius: 50%;
    color: #fff;
    line-height: 30px;
    text-align: center;
}
.info-maps .close{
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 20px;
	opacity: 1;
	cursor: pointer;
}
.class-c .intro-section{
	line-height: 22px;
}
#page-serena .box-navegation-icons .link-icon span{
	background-color: rgba(0,0,0,.5);
    padding: 3px 5px;
    color: #fff!important;
}
#page-serena .box-navegation-icons .box-scroll-navigation .link-icon.scroll img{
	filter: drop-shadow(1px 1px 1px black);
}
#page-serena .box-navegation-icons .link-icon img{
	filter: drop-shadow(1px 1px 1px black);
}
/*end*/

/*unit conversion selection*/
section.unit-home, section.apartments-gallery{
	width: 100%; 
	height: 100vh!important;
	display: flex;
	align-items: center;
	justify-content:center;
	overflow: hidden;
}
section.form-investment{
	width: 100%; 
	height: 100vh;
	position: absolute;
	overflow: overlay;
	padding: 70px 0;
	z-index: 99;
}
/*.scrollvisible{
	overflow: visible;
}*/
div.apartments-gallery{
	width: 100%; 
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content:center;
	overflow: hidden;
}
/*.prueba{
	height: 100vh;
	display: flex;
	align-items: center;
}*/

.unit-conversion h2.titles {
    font-size: 70px;
    line-height: 70px;
    font-family: 'Domaine';
}
.unit-home .subtitle {
    font-family: 'Domaine';
}
.form-investment h2.titles {
    font-size: 40px;
    line-height: 40px;
}
.unit-conversion .subtitle.line-blue:before{
	bottom: -10px;
}
.floor-plan{
	width: 770px;
	height: auto;
	margin-top: -90px;
}
.avaible{
	fill: #F1E7E4 !important;
}
.sold{
	fill: #b5b7b9!important;
}
.sold text{
	display: none;
}
.reservedVC{
	fill: #676C6D !important;
}
.reservedVC text{
	display: none;
}
.reserved{
	fill: #DDE5ED !important;
}
.reserved text{
	display: none;
}
.unit-conversion .box-svg{
	width: 800px;
	height: auto;
}
.clickDepartment{
	cursor: pointer;
}
.box-orientation{
	width: 100%; 
	height: 100%;
	z-index: -1;
}
.box-orientation p{
	font-size: 25px;
	font-weight: 500;
	line-height: 25px;
	color: #919394;
}
.box-orientation p:nth-child(1){
	position: absolute;
	left: 5%;
	top: 50%;
}
.box-orientation p:nth-child(2){
	position: absolute;
	right: 5%;
	top: 50%;
}
.box-orientation p:nth-child(3){
	position: absolute;
	left: 50%;
	top: 90%;
}
.box-orientation p:nth-child(4){
	position: absolute;
	left: 50%;
	top: 10%;
}
.carouselFloorPlans .owl-nav{
	margin-top: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
.carouselFloorPlans .owl-nav .owl-prev{
	position: absolute;
	top: 50%;
	left: -5%;
	font-weight: 300!important;
	transform: translateY(-50%);
	color: #565351!important;
	font-size: 90px!important;
}
.carouselFloorPlans .owl-nav .owl-next{
	position: absolute;
	top: 50%;
	right: -5%;
	font-weight: 300!important;
	transform: translateY(-50%);
	color: #565351!important;
	font-size: 90px!important;
}
.carouselFloorPlans .owl-nav [class*=owl-]:hover{
	background: transparent;
}
.carouselFloorPlans .owl-nav [class*=owl-]:active, .carouselFloorPlans .owl-nav [class*=owl-]:focus{
	background: transparent;
	outline: none !important;
	border: 0!important;
}
.unit-conversion .box-color-information{
	background: aliceblue;
	position: absolute;
	bottom: -55px;
	left: 0;
	display: flex;
	align-items: center;
	padding: 0px 15px;
	margin: 0 15px;
}
.unit-conversion .box-color-information .disponibility{
	margin: 5px 15px;
	display: flex;
	align-items: center;
}
.unit-conversion .box-color-information .disponibility:first-child .square-color{
	width: 20px;
	height: 20px;
	background: #F1E7E4;
}
.unit-conversion .box-color-information .disponibility .square-color{
	width: 20px;
	height: 20px;
	background: #DDE5ED; 
	margin-right: 10px;
}
/*.unit-conversion .box-color-information .disponibility:nth-child(3) .square-color{
	width: 20px;
	height: 20px;
	background: #676C6D; 
	margin-right: 10px;
}*/
.unit-conversion .box-color-information .disponibility:last-child .square-color{
	width: 20px;
	height: 20px;
	background: #b5b7b9;
}
.hidden-apartments{
	display: none!important;
}
.item .vista1{
	width: 100%!important;
	height: auto;
	margin-top: 11.5%;
}
.apartments-gallery-carousel{
	display: none!important;
	align-items: center;
}
.apartments-gallery-carousel.owl-drag .owl-item{
	padding: 0 50px;
}
.apartments-gallery.show-apartments:before{
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,255);
	z-index: -1;
}
.apartments-gallery .box-apartments .title-apartment{
	font-size: 35px;
	line-height: 39px;
	font-family: 'Domaine';
}
.apartments-gallery .box-apartments .subtitle-apartment{
	font-size: 30px;
	line-height: 50px;
	font-family: 'Domaine';
}
.apartments-gallery .box-apartments .subtitle-apartment.line-blue:before{
	bottom: -5px;
}
.apartments-gallery .owl-nav{
	margin-top: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
.apartments-gallery .owl-nav .owl-prev{
	position: absolute;
	top: 50%;
	left: -5%;
	font-weight: 300!important;
	transform: translateY(-50%);
	color: #1797a9!important;
	font-size: 90px!important;
}
.apartments-gallery .owl-nav .owl-next{
	position: absolute;
	top: 50%;
	right: -5%;
	font-weight: 300!important;
	transform: translateY(-50%);
	color: #1797a9!important;
	font-size: 90px!important;
}
.apartments-gallery .owl-nav [class*=owl-]:hover{
	background: transparent;
}
.apartments-gallery .owl-nav [class*=owl-]:active, .apartments-gallery .owl-nav [class*=owl-]:focus{
	background: transparent;
	outline: none !important;
	border: 0!important;
}
.clickBook{
	z-index: 9999;
}
.clickBook.close{
	text-align: right;
    font-size: 35px;
    cursor: pointer;
    font-weight: 300;
    color: #000;
    position: absolute;
    right: 0%;
    top: -10%;
}
.show-apartments{
	display: flex!important;
	align-items: center;
	justify-content: center;
	height: 100%;
	position: absolute;
	z-index: 9;
}
.show-carouselApartment{
	display: flex!important;
	align-items: center;
}

.row.box-apartments{
	margin-bottom: 20px;
}
/*Disclosure*/
section.disclaimer{
	width: 100%; 
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content:center;
	overflow: hidden;
}
.disclaimer h2.titles.line-blue:before{
	bottom: -10px;	
}
.disclaimer h2.titles{
	font-size: 40px;
	line-height: 40px;
	font-family: 'Domaine';
}
.box-disclosure{
	display: inline-flex;
    padding: 0 15px;
    flex-direction: row;
    margin: 0 -15px;
}
.box-disclosure p{ 
	color: #565351;
    text-align: justify;
    font-size: 12px;
    line-height: 16px;
    padding: 0 15px;
    width: 33.33%;
}
.box-navegation-icons.disc{
	right: 0%;
    min-height: 55px;
    padding: 0 5px;
}
/*end*/

/*Form payment*/
.outline-form:focus, .outline-form:active{
    outline: none;
    border: 1px solid #0f6177!important;
    box-shadow: none;
}
/*Message success*/
.message-success-big{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
	background: #fff;
}
.message-success-big .box{
	text-align: center;
}
.message-success-big .box p:first-child{
	font-size: 35px;
	font-weight: 300;
	white-space: pre-line;
	line-height: 40px;
	position: relative;
	margin-bottom: 40px;
}
.message-success-big .box p:first-child:before{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 3px;
	background: #1797a9;
}
.message-success-big .box .subtitle{
	font-size: 25px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 50px;
}

/*Responsive*/
/*Ipad Pro Vertical*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
  	
}
/*Ipad Pro Horizontal*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
  	.map-svg{transform: scale(1.33) translateX(70px);}
}
/*Ipad Horizontal*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.w-space-normal-sm{white-space: normal;}
	.p-r15-sm{padding-right: 15px;}
	.p-r30-sm{padding-right: 30px;}
	.map-svg{width: 100%;margin-left: 0px;transform: scale(1.26) translateX(50px);} 
	.bckgd-menu1:hover:before, .bckgd-menu2:hover:before, .bckgd-menu3:hover:before, .bckgd-menu4:hover:before{height: 0;}
}
/*Ipad Vertical*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.txt-center-sm{text-align: center;} 
	.box-strategic-partners{margin-bottom: 30px; max-width: 100%; flex: 0 0 100%;}
	.bckgd-menu1:hover:before, .bckgd-menu2:hover:before, .bckgd-menu3:hover:before, .bckgd-menu4:hover:before{height: 0;}
}

/*Phone Vertical*/
@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (orientation: portrait){ 
  body{font-size: 20px;}
  .none-desktop{display: block;}
  .container{max-width: 850px;}
  .welcome{height: calc(100vh - 120px);}
  .container-sm-login{max-width: 890px;}
  .form-login{width: 100%;}
  .form-login .form-group label{font-size: 21px;}
  .box-home img{width: 190px;}
  .form-login .form-group{margin-bottom: 20px;}
  .txt-center-sm{text-align: center;} 
  .box-strategic-partners{margin-bottom: 30px; max-width: 100%; flex: 0 0 100%;}
  .the-team .box-img{margin-top: 50px;}
  .w-space-normal-sm{white-space: normal;}
  .bckgd-menu2{background-position-x: 65%!important;}
  .main-menu .box-navegation-icons{bottom: 1%;}
  .box-navegation-icons .link-icon span{font-size: 30px;}
  h2.disclosure-main-menu{margin-top: -25%;}
  .double-list-main-menu .list-main-menu:last-child{width: 100%;}
  .title-main-menu{font-size: 70px; line-height: 80px;}
  .list-main-menu li a{font-size: 35px; line-height: 60px;}
  .subtitle-main-menu{font-size: 40px; margin-bottom: 25px;}
  .fs-20-sm{font-size: 20px;}
  .fs-25-sm{font-size: 25px;}
  .fs-30-sm{font-size: 30px;}
  .fs-40-sm{font-size: 40px;}
  .box-navegation-icons .link-icon{margin: 0 10px;}
  .box-navegation-icons .link-icon img{width: 40px; height: 40px;}
  .box-navegation-icons .box-scroll-navigation .link-icon.scroll img{width: 70px; height: 70px;}
  .main-who h2.titles{font-size: 90px; line-height: 100px;}
  section.strategic-partners img.logos{height: 65px;}
  .box-strategic-partners{font-size: 25px; line-height: 30px;}
  .btn-blue{font-size: 30px;}
  .box-potencial-increase p:first-child{text-align: center; margin-left: 0%;}
  .slide-renders .owl-item img{height: calc(100vh - 130px)!important;}
  .move-render-serena3{object-position: 20%;}
  .move-render-serena6{object-position: 75%;}
  .move-render-serena7{object-position: 53%;}
  .move-render-serena8{object-position: 60%;}
  .move-render-serena9{object-position: 85%;}
  .move-render-serena10{object-position: 75%;}
  .move-render-serena11{object-position: 28%;}
  .serena-by-the-sea h2.titles{font-size: 90px; line-height: 100px;}
  .table-key-investment tr th{padding-top: 20px; padding-bottom: 15px; font-size: 45px; line-height: 50px;}
  .table-key-investment tr td{font-size: 30px; line-height: 35px;}
  .market-comparatives{background: #000;}
  .map-svg{transform: scale(1.8) translateX(12%);}
  .titleMap{top: 30%;}
  .justi-center-sm{justify-content: center;}
  .col-md-2-5.box-potencial-increase-serena{width: 50%; margin-bottom: 50px;}
  .col-md-2-5.box-potencial-increase-serena:nth-child(2n){border-right: 0;}
  .box-potencial-increase-serena:not(:last-child){height: 260px;}
  .box-potencial-increase-serena p:first-child{font-size: 40px; line-height: 50px;}
  .box-potencial-increase-serena p span{font-size: 25px;}
  .class-c .intro-section{line-height: 35px; font-size: 30px; margin-bottom: 30px; margin-top: 35px;}
  .class-c .flex-points p{font-size: 30px; line-height: 35px;}
  div.apartments-gallery{height: calc(100vh - 120px);}
  .clickBook.close{right: 5%; top: 0%; font-size: 50px; font-weight: 600;}
  .apartments-gallery .box-apartments .title-apartment{font-size: 50px; line-height: 60px;}
  .apartments-gallery .box-apartments .subtitle-apartment{font-size: 40px; line-height: 50px; margin-bottom: 25px;}
  .row.box-apartments .col-lg-6:last-child{margin-top: 60px;}
  .row.box-apartments .fs-23{font-size: 30px;}
  .row.box-apartments .lh-27{line-height: 35px;}
  .item .vista1{margin-top: 78.5%;}
  .carouselFloorPlans{margin-top: -100px;}
  .unit-conversion h2.titles{font-size: 90px; line-height: 100px;}
  .box-orientation p:nth-child(1){left: 44%; top: 19%;}
  .box-orientation p:nth-child(2){right: 44%; top: 19%;}
  .box-orientation p:nth-child(3){left: 49%; top: 26%;}
  .box-orientation p:nth-child(4){left: 49.8%; top: 13%;}
  .box-orientation p:nth-child(1):before{content: ""; position: absolute; width: 48px; height: 1px; background: #000; top: 50%; left: 30px;}
  .box-orientation p:nth-child(1):after{content: ""; position: absolute; width: 1px; height: 35px; background: #000; top: -4px; left: 55px;}
  .form-investment{display: flex; align-items: center;}
  .item-floorPlan .subtitle{font-size: 38px;}
  #form-invest h2.titles{font-size: 60px; line-height: 70px;}
  #form-invest .subtitle{font-size: 25px; white-space: normal;}
  #form-invest{font-size: 18px!important;}
  .mail-form-investor{width: 80px!important;}
  .mail-form-meeting{width: 80px!important;}
  .date-form-meeting{width: 80px!important;}
  .input-label{margin-bottom: 15px!important;}
  .input-label .input{height: 30px!important; padding: 2px 10px!important;}
  .card-investment{min-height: 165px;}
  .disclaimer h2.titles{font-size: 90px; line-height: 100px;}
  .none-movil{display: none;}
  .box-disclosure p{width: 100%;}
  .disclosure-body .box-navegation-icons{bottom: -5%;}
  .box-disclosure p{font-size: 18px; line-height: 25px;}
  #form-admin .name-department{width: 120px!important; text-align: center; padding: 1px 10px 1px 10px!important;}
  #form-admin .table-row{width: 100%;}
  .subtitle-admin{font-size: 30px!important; line-height: 40px!important; margin-bottom: 60px!important;}
}

/*Phone Horizontal*/
@media only screen
  and (min-width: 320px) 
  and (max-width: 736px) 
  and (orientation: landscape){ 

}