/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html, button, input, select, textarea {color: #333;}

html {font-size: 1em; line-height: 1.4;}

::-moz-selection {background: #b3d4fc; text-shadow: none;}

::selection {background: #b3d4fc; text-shadow: none;}

hr {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;}

audio,
canvas,
img,
video {vertical-align: middle;}

fieldset {border: 0; margin: 0; padding: 0;}

textarea {resize: vertical;}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;}


/* ==========================================================================
   5350 Park Styles
   ========================================================================== */

html {-webkit-font-smoothing: antialiased; 	overflow-x:hidden;}

body{
	font-family: "national", Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	color:#182236;
	margin:0;
	padding:0;
	background-color:#fafafa;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	font-variant:normal;
  /*overflow-x:hidden;*/

}


h1,h2,h3,h4,p {margin:0; padding:0;}

h1 {font-family:"bodoni", serif; font-size:40px; line-height:45px; font-weight:normal;}
h2 {font-size:18px; line-height:30px; font-weight:normal;}
h3 {font-size:18px; line-height:20px; font-weight:normal; }
h4 {font-size:10px; line-height:15px; font-weight:normal;}
p  {font-size:12px; line-height:15px; font-weight:normal;}

a { color:#182236;
	text-decoration:none;
	transition: all .2s ease-out;
	-moz-transition: all  .2s ease-out;
	-webkit-transition: all  .2s ease-out;
	-o-transition: all  .2s ease-out;}

a:hover {text-decoration:none; cursor:pointer;}

img, img a, img a:hover {border:0;}
.hidden {display:none;}

@font-face {
    font-family: 'bodoni';
    src: url('../fonts/bodoni-webfont.eot');
    src: url('../fonts/bodoni-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bodoni-webfont.woff2') format('woff2'),
         url('../fonts/bodoni-webfont.woff') format('woff'),
         url('../fonts/bodoni-webfont.ttf') format('truetype'),
         url('../fonts/bodoni-webfont.svg#bodoni') format('svg');
    font-weight:normal;
    font-style: normal;}

@font-face {
    font-family: 'bodoni';
    src: url('../fonts/bodoni-italic-webfont.eot');
    src: url('../fonts/bodoni-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bodoni-italic-webfont.woff2') format('woff2'),
         url('../fonts/bodoni-italic-webfont.woff') format('woff'),
         url('../fonts/bodoni-italic-webfont.ttf') format('truetype'),
         url('../fonts/bodoni-italic-webfont.svg#bodoni') format('svg');
    font-weight: normal;
    font-style: italic;}

@font-face {
    font-family: 'national';
    src: url('../fonts/national-webfont.eot');
    src: url('../fonts/national-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/national-webfont.woff2') format('woff2'),
         url('../fonts/national-webfont.woff') format('woff'),
         url('../fonts/national-webfont.ttf') format('truetype'),
         url('../fonts/national-webfont.svg#national') format('svg');
    font-weight: normal;
    font-style: normal;}

div, ul, li{
	display:block;
	margin:0;
	padding:0;
	list-style:none;}

.container {
	width:100%;
	/*max-width:1024px;*/
	margin:auto;}

.column {
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}

/* ==========================================================================
   HEADER
   ========================================================================== */

#header {
	position:fixed;
	width:100%;
	padding:0;
	margin:0;
	top:0;
	left:0;
	z-index:1000}

#header .brand-menu {
	display:inline-block;
	width:100%;
	background:rgba(24,34,54,0.8);}

#header .wrapper {position:relative; max-width:1280px; margin:auto;}

#header .wrapper-left {
	position: absolute;
	top:0;
    left:0;
    display: block;
    background:#182236;
    height:100%;
	min-width:265px;
	width:-moz-calc(-375px + 100% - 50%);
    width:-webkit-calc(-375px + 100% - 50%);
    width:calc(-375px + 100% - 50%);}

#header .logo {position:absolute; top:0; left:0; text-align:left;}

#header .logo a {
	display:inline-block;
	width:225px;
	height:50px;
	margin:10px 25px 10px 15px;
	background:url(../img/5350park.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

#header li {display:inline-block;}

#header li a {
	display:inline-block;
	line-height:50px;
	margin:10px 12px;}

#header li a:hover {opacity:0.5;}
#header li a.active {opacity:0.5;}

#header li:first-child {padding-left:0;}
#header li:last-child {padding-right:0;}

#header .main-menu {text-align:left; margin-left:280px; z-index:9999;}
#header .main-menu a {color:#fff;}

#header .phone{display:none; position:absolute; top:0; right:80px;}

#header .phone a {
	color:#fff;
    display:inline-block;
    text-align:left;
    font-size:15px;
    line-height:40px;
    letter-spacing:0.5px;
    margin:15px 15px;
    padding:0px 15px 0 35px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:url(../img/phone.png) no-repeat center left #182236;
    background-size: 20px;
    background-position: 8px;}

#header .language {
	position:absolute;
	top:0;
	right:0;
	transition: all .2s ease-out;
	-moz-transition: all  .2s ease-out;
	-webkit-transition: all  .2s ease-out;
	-o-transition: all  .2s ease-out;}

#header .language a {
	display: inline-block;
    width: 55px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin:10px 20px 10px 0;
    text-align: right;
    color: #fff;}

#header .esp {background:url(../img/spanish.gif) no-repeat; background-size:20px; background-position:0px;}
#header .eng {background:url(../img/english.gif) no-repeat; background-size:20px; background-position:0px;}

#header .language:hover {opacity:0.5}

#header .mobile-menu .open,
#header .mobile-menu .close {
	display:none;
	position:absolute;
	top:20px;
	right:20px;
	width:25px;
	height:25px;}

#header .mobile-menu .open {
	background:url(../img/open.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover}

#header .mobile-menu .close {
	background:url(../img/close.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover}


/* ==========================================================================
   FOOTER
   ========================================================================== */

#footer {
	position:relative;
	display:inline-block;
	width:100%;
	padding:0;
	margin:0;
	bottom:0;
	background:#182236;
	z-index:200;}

#footer .wrapper {position:relative; max-width:1280px; margin:auto;}
#footer .left {float:left;margin-left:10px;}
#footer .right {float:right;margin-right:10px;}

#footer .left li a {margin:10px 15px;}
#footer .right li a {margin:10px;}

#footer li {display:inline-block;}

#footer li a {display:inline-block;	color:#fff;	line-height:30px;}
#footer li a:hover {opacity:0.5;}

#footer .right li .downtowndoral {
	width:160px;
	height:25px;
	margin:10px 15px 15px;
	text-indent:-9999px;
	background:url(../img/downtowndoral.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}


/* ==========================================================================
   SLIDER
   ========================================================================== */

.bxslider {width:100%; height:100%; background:url(../img/fancybox_loading.gif) center center no-repeat #182236;}

#slider {
	position:relative;
	display:inline-block;
	width:100%;
	/*height:100%;*/
    height:-moz-calc(100% - 50px);
    height:-webkit-calc(100% - 50px);
    height:calc(100% - 50px);
	}

#box-slider {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
    height:100% ;}

/* FULLSCREEN */

body, html{height: 100%;}

.bx-viewport, .bx-wrapper{
  pointer-events:none;
    width:100%;
	height:100%!important;}

.bxslider, .fpslider, .boxslider{position:absolute; height:100%;}

.bxslider li, .fpslider li, .boxslider li{
	height:100%!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}

.bx-wrapper .bx-viewport{
    border: none !important;}

/* end of FULLSCREEN */

.slider-box {
	position:absolute;
	/*width:320px;*/
	width:50%;
	top:50%;
	margin-top:-100px;
	left:25%;
	/*margin-left:-160px;*/
	padding:30px 0 25px;
	color:#fff;
	/*background:rgba(24,34,54,0.8);*/
	text-shadow: 0px 1px 2px #000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:200}

.slider-box:hover {opacity:0.2;}

.slider-box h1{font-size:50px; line-height:55px;}
.slider-box h3{font-size:22px; line-height:30px; text-transform:uppercase;}

.slider-box .more {
	display:inline-block;
	width:30px;
	height:30px;
	margin:5px auto;
	background:url(../img/more.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}


/* ==========================================================================
   BANNER
   ========================================================================== */

#banner {
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:100%;
	background-position:bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

.banner-box {
	position:absolute;
	/*width:320px;*/
	width:50%;
	top:50%;
	margin-top:-100px;
	left:25%;
	/*margin-left:-160px;*/
	padding:30px 0 25px;
	color:#fff;
	/*background:rgba(24,34,54,0.8);*/
	text-shadow: 0px 1px 2px #000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:200}

.banner-box:hover {opacity:0.5;}

.banner-box h1{font-size:50px; line-height:55px;}
.banner-box h3{font-size:22px; line-height:30px; text-transform:uppercase;}

.banner-box .down {
	display:block;
	width:30px;
	height:30px;
	margin:5px auto;
	background:url(../img/down.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

#banner.small {height:200px; background-position:top center;}
#banner.small .banner-box{top:50%; height:100px; margin-top:-50px;}
#banner.small .banner-box:hover {opacity:1;}


#banner.small .banner-box:after {display:none;}

/* ==========================================================================
   CONTENT
   ========================================================================== */

#content {
	position:relative;
	display:block;
	width:100%;
	float:left;
	background:#fff;
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}

.box{
    position:relative;
	float:left;
    overflow: hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;}

.box-content {position:absolute;top:0;left:0;bottom:0;right:0;}

#slider-table {
  position:relative;
}
.box-wrapper {
	display:table;
  position:relative;
	width:100%;
	height:100%;
	margin:auto;
	padding:10%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}

.text .box-wrapper {max-width:720px;}

.box-center {display: table-cell; vertical-align:;}

.half {width:50%; text-align:center;}
.half:before{content: ""; display: block;padding-top:66%;}

.full {width:100%; text-align: center;}
.full:before{content: ""; display: block;padding-top:50%;}
.full .wrapper .cover {padding-left:30px!important}

.green {background:#87d4cc; color:#182236;}
.blue {background:#182236; color:#fff;}

.green .button {border:1px solid #fff; background:#fff; color:#182236;}
.blue .button {border:1px solid #fff; background:#fff; color:#182236;}
#interiors .button {border:1px solid #fff; background:#fff; color:#182236;}

.down {
	display:block;
	width:30px;
	height:30px;
	margin:5px auto;
	background-image:url(../img/down-blue.png);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

.green .down {background-image:url(../img/down-blue.png);}
.blue .down {background-image:url(../img/down.png);}

.button {display:inline-block; color:#182236; border:1px solid #182236; padding:10px 15px;}
a.button:hover {opacity:0.5;}

.button.active {border:none; background:#182236; color:#fff;}

/* ==========================================================================
   SECTIONS
   ========================================================================== */

#interiors {background:#333a3b; color:#fff;}
.casagio{
	display:inline-block;
	background-image:url(../img/casagio.png);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

#developer {background:#b3a099; color:#fff;}
.codina{
	display:inline-block;
	background-image:url(../img/codina.png);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

#finerpoints {text-align:left;}
#finerpoints:before {display:none;}
#finerpoints .box-content {position:relative}
#finerpoints .box-wrapper {padding:5%;}

#finerpoints .column {
	width:50%;
	float:left;
	padding:0 30px 0 15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}

#finerpoints .column li {display:list-item; list-style:disc; margin-bottom:5px;}

#siteplan.half:before{padding-top:100%;}
#floorplans.half:before{padding-top:100%;}

#siteplan .box-wrapper {padding:0!important;}

/* ==========================================================================
   LEGAL POP-UP
   ========================================================================== */

#legal {display:none; text-align:left; max-width:820px;}


/* ==========================================================================
   CONTACT + FORM
   ========================================================================== */

.contact {
	display:none;
	width:100%;
	max-width:410px;
	text-align:left;
	margin:auto;
	padding:20px 25px 25px;
	color:#182236;
	background:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

#broker .contact, #buyer .contact {display:none;}

#broker .active, #buyer .active{display:inline-block;}

#selector {display:inline-block; width:100%; background-color:#9fddd6; max-width:410px; text-align:center;}
#selector a {display:block; width:50%; float:left; height:40px; line-height:40px;}
#selector a.active {background-color:#fff;}

.contact ul {float:left;}
.contact li {display:block; width:100%; float:left; margin-top:10px}
.contact li span {display:block; float:left; margin:0 20px 0 5px; height:30px; line-height:30px;}
.contact li	input.checkbox {width:20px; height:20px; margin:7px 0 0}

.contact li:first-child {margin-top:0;}
.contact li:last-child {border-bottom:none;}

.contact .noborder {border:none;}
.contact .center {text-align:center; margin-top: 20px;}

label {
	font-family:"national";
	display:block;
	color:#182236;
	margin:0;
	height:30px;
	font-size:15px;
	line-height:30px;
	width:100px;
	float:left;}

input {
	width:100%;
	font-family:"national";
	font-size:18px;
	height:30px;
	line-height:30px;
	display:block;
	color:#182236;
	background-color:transparent;
	background-image:url(../img/arrow.png);
	background-position:center right;
	background-repeat:no-repeat;
	border:none;
	border-bottom:1px solid #87d4cc;
	float:left;
	}

select {
	display:block;
	width:100%;
	font-family:"national";
	padding:2px 5px;
	display:block;
	color:#182236;
	font-size:15px;
	line-height:30px;
	height:40px;
	float:left;
	margin-top:5px;
	margin-bottom:10px;
	cursor:pointer;}

textarea {
	display:block;
	width:100%;
	height:75px;
	font-family:"national";
	font-size:15px;
	line-height:20px;
	color:#182236;
	padding:5px 10px;
	background-color:transparent;
	border:1px solid #87d4cc;
	float:left;
	margin:0 0 15px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

input.send {
	display:block;
	background-color:#182236;
	color:#fff;
	font-size:15px;
	width:auto;
	height:40px;
	line-height:20px;
	padding:0 30px;
	margin-top:90px;
	border:none;}

input.send:hover {background-color:#182236; opacity:0.5; cursor:pointer;}

input.clear {
	display:block;
	background-color:#182236;
	border:1px solid #FFF;
	color:#fff;
	font-size:15px;
	width:auto;
	height:40px;
	line-height:20px;
	padding:0 15px;
	margin:90px 0 0 20px;
	border:none;
	opacity:0.5;}

input.clear:hover {background-color:#182236; opacity:1; cursor:pointer;}

::-webkit-input-placeholder {color:#182236;opacity:0.5;}
:-moz-placeholder {color:#182236; opacity:0.5;}
::-moz-placeholder {color:#182236; opacity:0.5;}
:-ms-input-placeholder {color:#182236; opacity:0.5;}

input.error {color:#F03}
select.error {color:#F03;}
.error::-webkit-input-placeholder {color:#F03;opacity:1;}
.error:-moz-placeholder {color:#F03;opacity:1;}
.error::-moz-placeholder {color:#F03;opacity:1;}
.error:-ms-input-placeholder {color:#F03;opacity:1;}

/* ==========================================================================
   MAP
   ========================================================================== */

#map {position: relative; width:100%;}

#map_canvas {
  	  position: absolute;
	  width:100%!important;
	  height:100%!important;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;}

#contact-map:before {display:none;}
#contact .box-wrapper {padding:5%;}
#map_canvas:before {content:"";display:block; padding-top:66%;}

/* ==========================================================================
   MORE INFO
   ========================================================================== */

#moreinfo {
	display:block;
	position:absolute;
	top:100px;
	right:-410px;
	background:#87D4CB;
	color:#182236;
	transition: all .2s ease-out;
	-moz-transition: all  .2s ease-out;
	-webkit-transition: all  .2s ease-out;
	-o-transition: all  .2s ease-out;
	z-index:220}

#moreinfo.active {right:0!important;}

.moreinfo {
	display: block;
    position: absolute;
    width: 110px;
    height: 40px;
    line-height: 40px;
    left: -75px;
    top: 35px;
	background:#fff;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

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

	h1 {font-size:35px; line-height:40px;}
	.half:before{padding-top:100%;}
	#contact:before{padding-top:100%;}
	#map_canvas:before {padding-top:100%;}
}

@media only screen and (max-width: 1280px) {
   	h2 {font-size:15px; line-height:25px;}
	#header .main-menu a {margin:10px 8px;}
}

@media only screen and (max-width: 1100px) {
	h1 {font-size:30px; line-height:35px;}
	h2 {font-size:15px; line-height:20px;}

	.slider-box h1 {font-size:40px; line-height:45px;}
	.slider-box h3 {font-size:20px; line-height:28px;}
	.banner-box h1 {font-size:40px; line-height:45px;}
	.banner-box h3 {font-size:20px; line-height:28px;}


	#contact h1 {line-height:40px;}

	#header {background:#182236; }
	#header .logo {position:relative;}
	#header .logo a {height:45px; margin:10px 5px}
	#header .menu {border-top:1px solid #525968;}
	#header .main-menu {padding:5px 0; background:#182236; margin:0}
	#header .main-menu li {
		display:block;
		text-align:left;
		border-bottom:1px solid #525968;
		width:100%;
		margin:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;}

	#header .main-menu li:last-child {border:none;}

	#header .main-menu a {
		width:100%;
		font-size:15px;
		line-height:25px;
		margin:0;
		padding:10px 15px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;}

	#header .phone {position:relative; width:100%; background:#87d4cc; display:inline-block; text-align:left; margin:0; right:0;}
	#header .phone a {margin:10px 15px;}

	#header .language {right:55px;}
	#header .language a {height:65px; line-height:65px; margin:0;}

	#footer .left {float:none;margin:auto;}
	#footer .right {float:none;margin:auto;}

	#contact:before {display:none;}
	#contact .box-content {position:relative}
	#contact .box-wrapper {padding:29px;}
	#map_canvas:before {padding-top:535px;}

}


@media only screen and (max-width: 880px) {
	#contact label {width:100%;}
	#map_canvas:before {padding-top:680px;}
}

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

 /*.full {
  width:200%;
 }*/

	.slider-box {width:100%; left:0;}
	.banner-box {width:100%; left:0;}

	.slider-box .more {width:20px; height:20px}
	.banner-box .more {width:20px; height:20px}

	.half {width:100%;}
	.half:before{padding-top:70%;}
	.box-wrapper {padding-left:20%; padding-right:20%;}

	#interiors .box-wrapper,
	#developer .box-wrapper,
	#finerpoints .box-wrapper {padding:7%;}

	#interiors:before,
	#developer:before {display:none;}

	#interiors .box-content,
	#developer .box-content {position:relative;}

	#finerpoints .column {width:100%;	float:none;	padding:0 30px 0 15px;}

	#contact label {width:100px;}
	#map_canvas:before {padding-top:66%;}
}


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

	.slider-box h1 {font-size:30px; line-height:35px;}
	.slider-box h3 {font-size:18px; line-height:20px;}
	.banner-box h1 {font-size:30px; line-height:35px;}
	.banner-box h3 {font-size:18px; line-height:20px;}

	body {font-size:13px; line-height:15px;}
	h2 {font-size:13px; line-height:20px;}
	span {font-size:15px; line-height:20px;}

	#moreinfo {display:none;}

	.box:before{padding-top:100%;}
	.text:before {display:none; padding-top:0%;}
	.text .box-content {position:relative;}
	.text .box-wrapper {padding:10%;}
	#interiors .box-wrapper,
	#developer .box-wrapper,
	#finerpoints .box-wrapper,
	#contact .box-wrapper {padding:10%;}

	#siteplan.box:before{padding-top:100%;}
	#map_canvas:before {padding-top:100%;}
}

@media only screen and (max-width: 480px) {
	#contact label {width:100%;}
	#contact .box-wrapper {padding:20px;}
	.box-wrapper {padding-left:10%; padding-right:10%;}
	#floorplans.half:before {padding-top:133%;}
}

@media only screen and (max-height: 320px) {}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
    a, a:visited {text-decoration: underline;}
    a[href]:after { content: " (" attr(href) ")"; }
    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: 0.5cm;}
    p, h2, h3 {orphans: 3;widows: 3;}
    h2, h3 {page-break-after: avoid;}
}


/* =========================================================================
	 Spiderboost - Floor Plans Changes
   ========================================================================= */

.sb-floor-plans-grid {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 0 60px;
	margin-top: 50px;
}

.sb-floor-plans-cel {
	flex-basis: 45%;
	margin-bottom: 50px;
	transition: all .3s ease;
}

.sb-floor-plans-cel.sb-active-cel {
	background-color: #f2f2f2;
}

.sb-floor-plans-cel img {
	height: 180px;
	width: auto;
}

.sb-floor-plans-headline {
	font-size: 16px !important;
	font-weight: bold !important;
	margin-bottom: 0 !important;
}

.sb-floor-plans-size {
	margin-bottom: 10px !important;
}

.sb-floor-plans-cel:hover { background-color: #f2f2f2; }

@media( max-width: 1330px ){
	.sb-floor-plans-cel img { height: 150px; }
}

@media( max-width: 1199px ){
	.sb-floor-plans-cel { margin-top: 50px; margin-bottom: 0; }
}

@media( max-width: 1075px ){
	.sb-floor-plans-cel { margin-top: 25px; margin-bottom: 0; }
}

@media( max-width: 980px ){
	.sb-floor-plans-cel img { height: 120px; }
}

@media( max-width: 890px ){
	.sb-floor-plans-cel { margin-top: 10px; }
	.sb-floor-plans-size { font-size: 10px; }
}

@media( max-width: 800px ){
	.sb-floor-plans-cel img { height: 100px; }
	.sb-floor-plans-grid { padding: 0 30px; }
}

@media( max-width: 767px ){
	.sb-floor-plans-cel { margin-top: 5px; }
	.sb-floor-plans-cel img { height: 80px; }
	.sb-floor-plans-grid { padding: 0 10px; }
}










	 /*  */