/*  SCM - BROWSERS  */
*, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Open Sans' !important; }


body, table, td, tr, div, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, th, tbody { margin: 0; padding: 0; }
img { border: none; vertical-align: middle; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-size: inherit; font-weight: inherit; font-family: inherit; }

body, table, td, tr, div, h1, h2, h3, h4, h5, h6, form, input, textarea, select, th, tbody { font-size: 14px; }
strong { font-weight: 700; }
.fr { float: right; } .fl { float: left; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

body { padding-top: 83px; background-color: #f2f2f2; }
body.home { background: url(../images/homeBG.jpg) 0 83px no-repeat; background-size: cover; }
body.nb { background: #f2f2f2 url(../images/locPinBG.jpg) bottom center no-repeat; }

.container { width: 960px; margin: auto; }
.genBtn { display: inline-block; height: 38px; line-height: 38px; text-align: center; text-decoration: none; color: #000; padding: 0 15px; margin: 0 15px; }

header { width: 100%; height: 83px; background: #fff; position: fixed; top: 0; min-width: 960px; -webkit-box-shadow: 0px 2px 18px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 18px -4px rgba(0,0,0,0.75); box-shadow: 0px 2px 18px -4px rgba(0,0,0,0.75); z-index: 99; }
header .logo { width: 268px; height: 53px; float: left; margin: 13px 0 0 13px; }
header .navigation { min-width: 300px; float: right; height: 38px; margin-top: 22px; }
header .navigation ul { padding: 0; margin: 0; list-style: none; }
header .navigation ul li { float: left; height: 38px; line-height: 38px; padding: 0 18px; }
header .navigation ul li a { color: #000; text-decoration: none; font-size: 18px; }
.genBtn, header .navigation ul li:last-child { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #56ddff; } 
header > a { float: right; margin: 28px 22px 0 17px; }

/* HP */
.homeButtons { height: 209px; width: 611px; position: absolute; top: calc(50% - 105px); left: calc(50% - 306px); }
.homeButtons > div { width: 100%; height: 101px; text-align: center; font-size: 28px; color: #fff; font-weight: 500; }
.homeButtons a { display: block; width: 236px; height: 80px; line-height: 80px; text-align: center; font-size: 30px; background: -moz-linear-gradient(top,  rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 1%, rgba(209,209,209,0.85) 100%); 
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.85)), color-stop(1%,rgba(255,255,255,0.85)), color-stop(100%,rgba(209,209,209,0.85))); 
				background: -webkit-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 1%,rgba(209,209,209,0.85) 100%); 
				background: -o-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 1%,rgba(209,209,209,0.85) 100%); 
				background: -ms-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 1%,rgba(209,209,209,0.85) 100%); 
				background: linear-gradient(to bottom,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 1%,rgba(209,209,209,0.85) 100%); 
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#d9d1d1d1',GradientType=0 ); -webkit-border-radius: 7px;
				-moz-border-radius: 7px;
				border-radius: 7px;
				-webkit-box-shadow: 0px 0px 82px -4px rgba(0,0,0,0.75);
				-moz-box-shadow: 0px 0px 82px -4px rgba(0,0,0,0.75);
				box-shadow: 0px 0px 82px -4px rgba(0,0,0,0.75);
				text-decoration: none; color: #515151; letter-spacing: 4px;
}
body.home > footer { width: 100%; position: absolute; bottom: 0; height: 64px; text-align: center; color: #fff; background: rgba(0,0,0,0.5); padding-top: 18px; }
body.home > footer span { font-size: 12px; display: block; color: #fff; }

/* IP */

.page-cover, .nbCover, .cover { width: 100%; height: 416px; background-size: cover; background-repeat: no-repeat; background-position: top center; }
.page-cover.lowTitle, .contact-cover.lowTitle, .cover.lowTitle { padding-top: 346px; }
.page-cover .title, .contact-cover .title, .cover .title { position: relative; height: 70px; padding: 0 105px 0 105px; margin: auto; background-color: rgba(37,37,37,0.5); color: #fff; font-weight: 700; font-size: 42px; display: table; line-height: 65px; }
.content { padding-top: 32px; }
.content h2 { width: 100%; text-align: center; font-size: 30px; color: #4a4a4a; font-weight: 700; padding-bottom: 30px; }
.content > .row { width: 100%; min-height: 370px; }
.content .row .text { float: left; width: 470px; color: #010101; }
.content .row .text .title { font-size: 28px; font-weight: 700; padding-bottom: 7px; color: #010101; }
.content .row .map { float: right; width: 454px; height: 351px; }
.content .buttons { width: 100%; height: 90px; margin-top: 40px; text-align: center; font-size: 28px; color: #4a4a4a; }
.content .buttons .row { width: 270px; margin: 23px auto 0; }
.content .buttons .row a { display: block; width: 130px; height: 38px; text-align: center; text-decoration: none; line-height: 38px; font-size: 17px; color: #000; background-color: #56ddff; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; }

/* NEIGHBOURHOOD */
.nbCover { height: 325px; }
.nb-list { margin-top: -280px; min-height: 650px; padding-bottom: 38px; }
.nb-list .cityTitle { width: 100%; height: 30px; text-align: center; color: #fff; font-size: 20px; font-style: italic; font-weight: 300; }
.nb-list .title { width: 100%; height: 68px; line-height: 60px; text-align: center; font-weight: 700; color: #fff; font-size: 60px; }
.nb-list .info { width: 100%; text-align: center; font-size: 22px; font-weight: 300; color: #fff; }
.nb-list ul { padding: 0; margin: 34px 0 0 0; }
.nb-list ul li { float: left; width: 310px; height: 164px; margin: 0 11px 13px 0; border: 1px solid #dadcdf; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; cursor: pointer; }
.nb-list ul li:nth-child(3n+3) { margin-right: 0; }
.nb-list ul li a { position: absolute; bottom: 0; width: 100%; height: 28px; line-height: 30px; padding-left: 7px; background-color: rgba(0,0,0,0.6); color: #fff; text-align: left; text-decoration: none; }

/* LISTING */
.prop-listings { padding-top: 21px; min-height: 700px; }
.prop-listings .searchRow { width: 100%; height: 43px; }
.prop-listings .searchRow * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.prop-listings .searchRow > div { position: relative; z-index: 9; border: 1px solid #dadcdf; height: 43px; line-height: 43px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; text-align: center; padding: 0 12px; margin-right: 3px; cursor: pointer; color: #000; }
.prop-listings .searchRow > div:last-child { margin-right: 0; }
.prop-listings .searchRow > div select { border: none; outline: 0; background: transparent; color: #000; width: 100%; }
.prop-listings .searchRow > div.submit { width: 77px; background: #56ddff url(../images/searchBtn.jpg) center center no-repeat; }
.prop-listings .searchRow > div > div { display: none; position: absolute; top: 48px; min-width: 275px; left: 0; background: #fff; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75); color: #000; padding-bottom: 10px; }
.prop-listings .searchRow > div > div span { font-weight: 700; }
.prop-listings .searchRow > div > div .top { width: 100%; height: 50px; line-height: 50px; background: #f0f0f0; padding: 0 20px; color: #000; width: 544px; text-align: left; }
.prop-listings .searchRow > div > div .top span { margin-right: 15px; }
.prop-listings .searchRow > div > div .top label { padding-left: 18px; }
.prop-listings .searchRow > div > div .top label input[type=radio] { vertical-align: middle; }
.prop-listings .searchRow > div > div .content-row { padding: 0 18px; text-align: left; }
.prop-listings .searchRow > div > div .content-row > div { width: 50%; }
.prop-listings .searchRow > div > div .content-row .prop-features, .prop-listings .searchRow > div > div .content-row .options { padding: 0; margin: 0; list-style: none; width: 100%; }
.prop-listings .searchRow > div > div .content-row .options li { float: left; margin-left: 1px; }
.prop-listings .searchRow > div > div .content-row .options li label { width: 41px; height: 41px; padding: 0 5px; display: table; line-height: 41px; font-weight: 700; font-size: 16px; background-color: #eaeaea; color: #5e5e5e; text-align: center; cursor: pointer; }
.prop-listings .searchRow > div > div .content-row .options li.checked label { background-color: #56ddff; color: #000; }
.prop-listings .searchRow > div > div .content-row .options li label input[type=radio] { display: none; }
.prop-listings .searchRow > div > div .content-row .field { width: 100px; height: 40px; line-height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #dadcdf; background: #fff; text-align: center; }
.prop-listings .searchRow > div > div .content-row .field input[type=text] { width: 90%; border: 0; outline: 0; background: transparent; margin-top: 10px; }
.prop-listings .searchRow > div > div .content-row .field .datepicker { margin-top: 6px !important; }
.prop-listings .searchRow > div > div .content-row .sepText { width: 38px; text-align: center; float: left; }
.prop-listings .searchRow > div > div .content-row .date { width: 132px; }
.prop-listings .searchRow > div > div .content-row .prop-features li { width: 100%; text-align: left; height: 25px; line-height: 25px; float: left; }
.prop-listings .searchRow > div > div .content-row-padded { padding: 15px 18px !important; }
#holdPropList > ul { margin: 0; padding: 0; list-style: none; }
#holdPropList > ul li { width: 100%; padding: 17px; min-height: 190px; background-color: #fff; margin-top: 20px; cursor: pointer; }
#holdPropList > ul li .tmb { float: left; width: 206px; height: 154px; overflow: hidden; }
#holdPropList > ul li .info { float: left; width: 705px; margin-left: 12px; }
#holdPropList > ul li .info .title { width: 100%; margin-top: -4px; }
#holdPropList > ul li .info .title a { color: #494949; font-weight: 700; font-size: 20px; text-decoration: none; }
#holdPropList > ul li .info .pin { width: 100%; height: 21px; background: url(../images/locationPin.jpg) left center no-repeat; padding: 5px 0 0 21px; color: #000; font-size: 14px; margin-top: 7px; }
#holdPropList > ul li .info .desc { width: 100%; margin: 8px 0 8px 0; font-size: 12px; }
#holdPropList > ul li .info .desc a { color: #494949; }
#holdPropList > ul li .info .detailsBox { width: 502px; height: 48px; border: 1px solid #dadde2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.property .main .info .detailBox .row > div, #holdPropList > ul li .info .detailsBox > div { text-align: center; padding-top: 6px; height: inherit; width: 83px; border-right: 1px solid #dadde2; font-weight: 700; font-size: 16px; float: left; }
.property .main .info .detailBox .row > div > span, #holdPropList > ul li .info .detailsBox > div > span { color: #5e5e5e; font-size: 11px; display: block; margin-top: -2px; }
#holdPropList > ul li .info .detailsBox > div:first-child { width: 114px; }
#holdPropList > ul li .info .detailsBox > div:last-child { width: 220px; border-right: none; }
#holdPropList > ul li .info .available { width: 100%; font-weight: 700; color: #939497; font-size: 11px; margin-top: 10px; }
#holdPropList > .requestInfo { width: 100%; text-align: center; padding-top: 30px; font-size: 16px; }

.customSelect { width: 100%; background: url(../images/selectArr.jpg) right center no-repeat; color: #000; text-align: left; padding-right: 34px;}
.hasCustomSelect { width: inherit !important; }

/*Property*/
.contactDetailsBox, .property .box { background: #fff; border: 1px solid #dadde2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.property > .title { width: 100%; min-height: 55px; margin-top: 47px; }
.property > .title h1 { float: left; width: 640px; font-size: 22px; color: #40b3d0; font-weight: 700; }
.property > .title h1 span { font-size: 12px; color: #000; font-weight: 300; }
.property > .title .location { float: right; width: 306px; background: url(../images/locationPinMid.jpg) left center no-repeat; height: 23px; padding: 8px 0 0 24px; }
.property .main { width: 100%; height: 481px; }
.property .main .slider { float: left; width: 640px; height: 481px; position: relative; overflow: hidden; }
.property .main .slider .arr { display: none; cursor: pointer; position: absolute; z-index: 20; width: 39px; height: 65px; background: url(../images/slideArr.png) top center no-repeat; top: calc(50% - 32px); right: 0; }
.property .main .slider:hover .arr { display: block; }
.property .main .slider .left { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; }
.property .main .slider img { display: none; position: absolute; /*top: -30%;*/ left: 0; z-index: 8; width: 640px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.property .main .slider img.next { z-index: 9; display: block; }
.property .main .slider img.current { z-index: 10; display: block; }
.property .main .info { float: right; width: 318px; height: 481px; position: relative; overflow: hidden; }
.property .main .info .map { width: 100%; height: 240px; }
.property .main .info .detailBox { width: 280px; margin: 24px auto 0; }
.property .main .info .detailBox .row { width: 100%; height: 48px; border: 1px solid #dadde2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.property .main .info .contact { left: 318px; position: absolute; width: 100%; height: 479px; background-color: rgba(0,0,0,0.9); -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: 11; }
.property .main .info .contact .text { width: 100%; text-align: center; padding-bottom: 20px; font-size: 16px; color: #fff; }
.property .main .info .contact .row { width: 90%; margin: auto; height: 50px; position: relative; }
.property .main .info .contact .input { width: 100%; padding-top: 10px; height: 40px; text-align: center; background: #fff; -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.property .main .info .contact .input input { width: 90%; border: 0; outline: 0; background: transparent; }
.property .main .info .contact .submit { width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #4e88d3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #dadae0; cursor: pointer; font-size: 16px; }
.property .main .info .contact .closeme { width: 100%; padding-top: 50px; text-align: center; }
.property .main .info .contact .closeme span { font-size: 12px; color: #a4a4a4; cursor: pointer; }
.contactDetailsPage, .property .contactDetails { width: 100%; height: 60px; line-height: 58px; margin-top: 20px; padding-top: 13px; }
.contactDetailsPage > div, .property .contactDetails > div { float: left; height: 34px; line-height: 34px; font-size: 18px; color: #000; font-weight: 700; text-align: left; }
.contactDetailsPage > div a, .property .contactDetails > div a { text-decoration: none; color: inherit; }
.contactDetailsPage > div span.icon, .contactDetails, .property .contactDetails > div span.icon { display: inline-block; margin-right: 5px; width: 34px; height: 38px; vertical-align: middle; background: url(../images/property-contact-spirit.jpg) 0 0 no-repeat; }
.contactDetailsPage > div:nth-child(1), .property .contactDetails > div:nth-child(1) { margin-left: 20px; width: 230px; }
.contactDetailsPage > div:nth-child(2) span.icon, .property .contactDetails > div:nth-child(2) span.icon { background-position: -34px 0; }
.contactDetailsPage > div:nth-child(2), .property .contactDetails > div:nth-child(2) { width: 235px; }
.contactDetailsPage > div:nth-child(3) span.icon, .property .contactDetails > div:nth-child(3) span.icon { background-position: -68px 0; }
.contactDetailsPage > div:nth-child(3), .property .contactDetails > div:nth-child(3) { width: 400px; }
.property > .info { width: 100%; min-height: 219px; margin-top: 20px; }
.property > .info > div { width: 470px; min-height: 220px; padding: 19px; color: #010101; font-size: 13px; }
.property > .info > div * { font-size: 13px !important; }
.property > .info > div .title { font-size: 28px !important; width: 100%; color: #4a4a4a; font-weight: 700; }
.property .features { list-style: none; padding: 0; }
.property .features li { width: 50%; float: left; text-align: left; background: url(../images/featuresCheck.jpg) left center no-repeat; margin-bottom: 11px; padding-left: 21px; }
.property .main .info .detailBox .row > div:first-child { width: 100px; }
.property .main .info .detailBox .row.unq { margin-top: 6px; text-align: center; }
.property .main .info .detailBox .row.unq > div { width: 100%; }
.property .main .info .detailBox .row > div:last-child { border-right: 0; }
.property .main .info .detailBox .available { width: 100%; text-align: center; height: 36px; line-height: 36px; font-weight: 700; color: #282828; font-size: 11px; }
.property .main .info .detailBox .button { width: 100%; height: 51px; line-height: 51px; background-color: #56ddff; color: #000; font-size: 16px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; }
.property .nbInfo .title, .property .info > div .title { width: auto; font-weight: 700; font-size: 26px; color: #4a4a4a; }
.property .nbInfo { width: 100%; min-height: 340px; padding: 19px; margin-top: 20px; font-size: 13px; }
.property .nbInfo a { color: #009dda; }
.property .nbInfo p img { margin-left: 15px; max-width: 450px; }
.property .nbInfo .short { display: block; padding: 10px 0; font-size: 18px; }
.property .nbInfo .short a { color: #000; text-decoration: none; }
.property .nbInfo .short img { margin-right: 5px; }

/* FORM */
.contact-cover { width: 100%; height: 356px; position: relative; background: url(../images/contact.jpg) top center no-repeat; background-size: cover; }
.contact-cover.lowTitle { padding-top: 286px; }
.contact-cover iframe { width: 100%; height: 356px; position: absolute; top: 0; }
.contact { padding-top: 44px; text-align: center; min-height: 400px; }
.contact .subTitle { width: 100%; font-weight: 700; font-size: 26px; color: #4a4a4a; }
.contact .form { margin: 55px auto 0 auto; width: 550px; }
.contact .form .row { width: 100%; min-height: 50px; position: relative; }
.contact .form .row .textarea, .contact .form .row .input { width: 270px; line-height: 40px; height: 40px; text-align: center; background: #fff; -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.contact .form .row .input input[type=text] { width: 90%; color: #9c9c9c; background: transparent; margin: auto; border: none; outline: 0; margin-top: 11px; }
.contact .form .row .textarea { width: 100%; height: 120px; padding-top: 10px; }
.contact .form .row .textarea textarea { color: #9c9c9c; width: 95%; height: 100px; outline: 0; border: 0; background: transparent; resize: none; }
.contact .form .row .text { float: left; width: 40%; text-align: left; padding-top: 24px; color: #000; font-size: 16px; }
.contact .form .row .submit { float: right; width: 110px; height: 40px; line-height: 40px; text-align: center; background-color: #4e88d3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #dadae0; cursor: pointer; margin-top: 10px; font-size: 16px; }
.contact .form .row.full .input { width: 100%; }
.row .err .errBubble { display: block; }
.errBubble { display: none; position: absolute; top: -3px; height: 45px; line-height: 45px; width: 227px; text-align: center; background: #56ddff; z-index: 20; }
.errBubble:after { right: 100%; top: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(238, 44, 105, 0); border-right-color: #56ddff; border-width: 10px; margin-top: -10px; }
.errBubbleLeft { left: -237px; right: auto; }
.errBubble { right: -237px; }
.errBubbleLeft:after { left: 100%; right: auto !important; border-right-color: transparent !important; border-left-color: #56ddff; }

/* PAGES */
.page-cover { height: 360px; background-image: url(../images/pages-cover.jpg);}
.page-cover.lowTitle { padding-top: 290px; }
.page-content { text-align: center; padding-top: 34px; }
.page-content p { padding-bottom: 30px; }

footer { width: 100%; height: 110px; text-align: center; margin-top: 40px; padding-top: 40px; background: rgb(255,255,255); color: #010101; letter-spacing: 4px; 
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
}

footer span { font-size: 12px; color: #010101; display: block; letter-spacing: 0; padding-top: 3px; }

.infoBox { padding: 10px; z-index: 99999999999999; position: relative; }