@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Raleway:200,400,800');


/* ------ BODY ------ */

html, body{
    font-family: 'Raleway', sans-serif !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;

	
	background: url(../../imagenes/bq-apartments.jpg) center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.avisoprivacidad{
	width: 100% !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #FFFFFF !important;
	z-index: 99;
}

.gracias{
	width: 100% !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 30px 0px !important;
	background-color: #40444D !important;
	z-index: 99;
	color: #FFFFFF;
}

.gracias .gracias-logo{
	width: 250px;
	height: auto;
	margin: 0 auto;
	display: block;
	margin-bottom: 30px;
}

.gracias p{
	font-size: 18px !important;
}

.brochure-page{
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #40444D !important;
	z-index: 99;
	color: #FFFFFF;
}

.brochure-page .brochure-iframe{
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.row .no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.note{
   font-family: 'Raleway', sans-serif;
  font-size: 12px !important;
  color: #FFFFFF !important;
	text-align: center;
}

.text-scroll{
	font-size: 14px;
}

.white-background{
	background-color: #FFFFFF !important;
	padding: 0px;
}

/* FIVE COLS */
.col-half-offset{
    margin-left:4.166666667%
}


/* ----- WHATSAPP -----*/
.whatsapp-float-icon{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:42px;
	box-shadow: 2px 2px 3px #999;
  	z-index:100;
}

.whatsapp-float-icon a{
	color:#FFF;
}

.whatsapp-float-icon .float-icon{
	margin-top: 5px;
}


.reserved-btn{
	border-radius: 50px;    
    display: inline-block;
    cursor: pointer;
    color: #000000 !important;
    font-size: 17px;
    padding: 10px 20px !important;
    text-decoration: none;
    width: 200px;
    text-align: center;
    background-color:#ffffff;
    font-weight: 400;
}

.reserved-btn:hover{
	
    border: 3px solid #ffffff;;
    color: #ffffff !important;
    background-color: rgba(0,0,0,0);
	text-decoration: none !important;

}

/* ------ HEADER TOP ------ */
.header-top{
	width: 100%;
	max-width: 100%;
	background-color:rgba(0,0,0,0.);
	padding: 10px;
	border-bottom: 1px solid #dcdcdc;
	
	justify-content: space-between;
	display: inline-flex;
	flex-direction: row;
}


.header-top .header-left{
	justify-content: flex-start;
	display: flex;	
} 

.header-top .header-left a{
	padding: 0px 20px;
	margin: auto;
	color: #ffffff;
	font-size: 12px;
}
	

.headertop .header-center{
	justify-content:center;
}


.header-top .header-center img{
	width: 150px;
	height: auto;
	padding: 0px 10px;
	margin-top: 10px;
}

.header-top .header-right{
	border-left: 1px solid #dcdcdc;
	justify-content: flex-end;
	display: flex;
	font-size: 36px;
}

.header-top .header-right a{
	padding: 0px 20px;
	margin: auto;
	color: #ffffff;
	font-size: 14px;
}

.header-top .header-right a:hover{
	text-decoration: none;
}

.header-top .icon-header-top{
	height: 36px;
	width: auto;
}



.scrolled{
  	background-color:rgba(0,0,0,0.8);
  	transition: 0.3s;
	-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.19);
	-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.19);
	box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.19);
}


.scrolled .header-center img{
	width: 80px;
	height: auto;
	padding: 0px 10px;
	margin-top: 10px;
	transition: 0.5s;
}





/* ------ SLIDE ------ */
#slides{
	position: relative;
}
.slide-slogan{
  font-family: 'Raleway', sans-serif;
  text-align: center !important;
  color:rgba(255,255,255,1);
  mix-blend-mode: screen;
  position: absolute;
  top: 600px !important;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 40px;
  margin: 0;
  opacity: 0.9;
  z-index: 99;	

}

.slide-slogan .tittle{
 font-size: 36px;
 text-shadow: 2px 2px 4px #000000;
}

.slide-slogan h1{
 font-size: 22px;
 margin-top: 20px;
 text-shadow: 2px 2px 4px #000000;
}


/* ------ TEXT BLOCK ------ */

.text-block{
	padding: 80px 20px;
	background-color: rgba(255,255,255,0.7);
}

.text-block h1{
	font-family: 'Raleway', sans-serif;
	text-align: center;
	font-size: 58px;
	color:#C4B5A9;
}

.text-block p{
	font-family: 'Raleway', sans-serif;
	text-align: center;
	font-size: 18px;
}


.text-block hr{
	border-top:solid thin #40444D !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.callouts{
	
}

.callouts p{
	font-family: 'Raleway', sans-serif;
	text-align: center;
	font-size: 24px;
	
}
.callouts img{
	width: 80px;
	height: auto;
	margin-bottom: 10px;
}


.contact-button{
	font-size: 16px;
    font-weight: normal;
    padding: 15px 25px;
    text-decoration: none;
    background-color: #fb9700;
    color: #FFFFFF;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	display: table;
	margin: 0 auto !important;
}

.contact-button:hover{
	background-color: #40444D;
    text-decoration: none !important;
    color: #FFFFFF !important;
}

.img-collage{
	width: 100%;
	height: auto;
	margin: 10px 0px 0px;
}

/* ------- PHOTOS SLIDE ----*/
.photo-slide{
	background-color: #FFFFFF !important;
	padding: 0px 0px 30px;

}	
.photo-slide img{
	width: 100%;
	height: auto;
}


/* ------ AMENITIES ------ */

.amenities{
	padding: 80px 0px;
	background-color: #000000;
}

.amenities h3{
	text-align: center;
	font-size: 28px;
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
	color:#ffffff;
}

.amenities p.amenites-text{
	text-align: center;
	color:#ffffff;
	font-size: 18px;
	width: 80% !important;
	max-width: 600px;
	font-weight: 200;
	margin: 0 auto;
	display: block;
	margin-bottom: 30px;
}
.amenities .slogan{
	font-family: 'Raleway', sans-serif;
  text-align: center !important;
  color:#ffffff;
	font-size: 36px;
	margin-bottom: 40px;
}


/* ------ MAP ------ */
.mymap{
	width: 100% !important;
	height: 600px;
}


/* ------ CLEAR SPACE ------ */


.clear-space img{
	width: 300px;
	height: auto;
	padding: 100px 0px;
	display: block;
	margin: 0 auto;
}


/* ------ FLOOR PLANTS ------ */
.floor-plans{
	background-color: #FFFFFF;	
}

.floor-plans h2{
	width: 100%;
	height: auto;
	background-color:#5C5C5C;
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	font-size: 38px;
	padding: 20px 0px;
}

.floor-plans .floor-info{
	padding: 30px;
}

.floor-plans .floor-info .tipo{
	font-family: 'Anton', sans-serif;
	text-align: left;
	font-size: 50px;
	color:#C4B5A9;
}

.floor-plans .floor-info .mts{
	font-family: 'Anton', sans-serif;
	text-align: left;
	font-size: 16px;
	color:#5C5C5C;
}

.floor-plans .floor-info p{
	font-family: 'Raleway', sans-serif;
	color:#5C5C5C;
	font-size: 15px;
	text-align: justify;
}

.floor-plans .call{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
	color:#5C5C5C;
	font-size: 18px !important;
	text-align: left;
	font-weight: bold;
}

hr.floor-block-hr{
	border-bottom: thin solid #5C5C5C;
}

.floor-plans .img-suite{
	width: 100%;
	height: auto;
	margin-top: 30px;
}

.floor-plans .note{
	font-size: 11px;
	text-align: center;
}

.floor-plans .suite-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.floor-plans .suite-list li{
	display: block;
	margin: 10px 1px;
}

.floor-plans .suite-list i{
	font-size: 12px;
	margin-right: 10px;
}


.floor-plans .contact-buttons ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.floor-plans .contact-buttons li{
	display: inline-block;
	margin-right: 5px;
}


.floor-plans .contact-buttons li .contact-button-size{
	height: 40px;
	width: auto;
}

.floor-plans .contact-buttons .check{
	font-weight: bold;
	font-style: italic;
	color: #EF874A;
}

/* ------- SUITES THUMBS ------*/
.suites-thumbs{
	
}

.suites-thumbs ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.suites-thumbs li{
	display: inline-block;
}

.suites-thumbs .suites-thumbnail{
	height: 80px;
	width: auto;
	margin: 3px;
}


.booking{
	margin-bottom: 20px;
}

/* ------ BROCHURE ------ */
.brochure{
	background-color: #FFFFFF;
	padding: 40px 10px;
	
}

.brochure a{
	margin: 0 auto;
	display: table;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	color:#ffffff;
	font-size: 28px;
	background-color: #000000;
	padding: 20px 40px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}


.brochure a:hover{
	color:#ffffff;
	background-color: #5C5C5C;
	text-decoration: none;
}

/* ------ MAP ------ */
.map {
	width: 100% !important;
	height: auto;
	background-color: #ffffff !important;
}


.map iframe{
	width: 100% !important;
	height: 450px !important;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
.map iframe.clicked{
	pointer-events: auto;
}

/* ------ CONTACT ------ */
.contact{
	width: 100%;
	height: auto;
	border-top: 8px #333333 solid;
	padding: 100px 30px 20px !important;
	background-color: rgba(64,68,77,0.6);
}

.contact .text{
	font-size:22px;
	font-weight: 800;
	text-align: center;
	color: #FFFFFF;
}

.contact form{
	padding-bottom: 30px;
}
.contact form ul{
	list-style:none;
	margin:0;
	padding:0;
}

.contact form li{
	display:list-item;	
	margin-bottom:8px;
	font-size:14px;
	font-weight: 200;
	text-align: center;
	padding: 10px 20px;
	color: #FFFFFF;
}

.contact form .formGroup{
	margin-bottom:10px;
}



.contact form input, select, textarea{
	width:100%;	
	font-size:14px;
	background-color:#333333;
    
  	margin:0;
	padding: 10px;
    border-width:0px;
    border:none;
  	border-bottom: 1px solid #b7b7b7;
  
  	text-align: center;
	color: #FFFFFF;
  	-o-text-overflow: clip;
  	text-overflow: clip;

	resize: none;
	outline: none !important;
}

.contact form input, select, textarea:active{
	background-color:#333333 !important;
	padding: 10px;
}




.contact form .txtobligatorios{
	text-align: center;
	color: #FFFFFF;
	font-size:11px;
}

.contact form .button{
	font-size:16px;
	font-weight:normal;
	min-width: 100%;
	padding: 9px 40px;
	text-align: center;
	text-decoration:none;
	color: #FFFFFF;
	margin-top:20px;
	border: 1px solid #FFFFFF;
	display: block;
	margin: 0 auto;
	background-color: #fb9700;
}

.contact form .button:hover{
	background-color: #333333;
}




/* ------ FOOTER ------ */
footer{
	background-color: #000000;
	padding: 30px 20px;
}



footer .logo-footer{
	width: 150px;
	height: auto;
	margin-bottom: 10px;
	display: block;
	margin: 0 auto;
}


footer .addres{
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	font-weight: 200;
}



footer .phone{
	font-size: 26px;
	color: #FFFFFF;
	text-align: center;
	font-weight: 200;
}

footer .legal-link{
	font-size: 10px;
	text-align: center;
	color: rgba(255,255,255,1.00);
}

@media (max-width: 1366px) {
	.slide-slogan{
	  font-size: 50px;
		
	}
	
	.flex-text-block {
		font-size: 14px;
	}
	
	footer .logos li img{
		width: auto;
		height: 50px;
		margin: 10px;
	}
	
	.dep-available{
	  font-family: 'Raleway', sans-serif;
	  font-size: 30px !important;
	  font-weight: 800;
	  text-align: center;
	  color: #fb9700;
	}

	.price-from{
	  font-family: 'Raleway', sans-serif;
	  font-size: 60px !important;
	  font-weight: 800;
	  text-align: center;
	  top: -20px;
	  position: relative;
	}
	
	.brochure a{
	margin: 0 auto;
	display: table;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	color:#ffffff;
	font-size: 18px;
	background-color: #000000;
	padding: 20px 40px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

}





@media (max-width: 481px) {
	
	/* FIVE COLS */
	.col-half-offset{
		margin-left:0%;
		
	}
	
	
	
	/* ------ SLIDE ------ */
	#slides{
		position: relative;
	}
	.slide-slogan{
	  top: 500px !important;
	}

	.slide-slogan .tittle{
	 font-size: 36px;
	 line-height: 1;
	}

	.slide-slogan h1{
	 font-size: 22px;
	 margin-top: 20px;
	}

	
	
	.header-top{
		padding: 5px;
	}
	
	.header-top .header-center img{
		width: 100px;
		margin-top: 10px;
	}
	
	.header-top .header-left{
		font-size: 20px;
	} 
	
	.header-top .header-right{
		font-size: 20px;
	} 
	
	.slide-slogan{
	  font-size: 30px;
		
	}
	
	
	.flex-text-block {
		font-size: 14px;
	}
	

	.flex-container {
	 	width: 100%;
	 	height: auto;
		display: block;
		position: relative;
		padding: 0px 10px 0px 0px !important;
	}	


	.flex-container  img{
 		width: 100% !important;
		height: auto;
	}

	.flex-container > div, .flex-container > div > div, .flex-container > div > div > div, .flex-container > div > div > div > div{
	  width: 100% !important;
	  height: auto;
	  display: block;
		
	}
	
	
	.flex-col-3-inner .flex-col-2-inner {
    	margin-left: 0px;
		margin-top: 5px;
	}
	
	
	.floor-plans .floor-info .tipo{

		text-align: center;
		font-size: 30px;
	}

	.floor-plans .floor-info .mts{
		text-align: center;
		font-size: 28px;
	}
	
	.floor-plans .floor-info p{
	text-align: center;
}
	
		footer .logos li img{
		width: auto;
		height: 30px;
		margin: 5px;
	}
	
	.price-from{
	  font-family: 'Raleway', sans-serif;
	  font-size: 28px !important;
	  font-weight: 800;
	  text-align: center;
	  top: -20px;
	  position: relative;
	}
	
	
}

/* ------ FX ------ */

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  }
  @-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  }
  40%, 43% {
  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
  }
  70% {
  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  }
  90% {
  -webkit-transform: translate3d(0,-4px,0);
  transform: translate3d(0,-4px,0);
  }
  }
  
  @keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  }
  40%, 43% {
  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
  }
  70% {
  -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  }
  90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);
  }
  }