/*

       TO MAKE EDITS

       OPEN /components/header.cfm

       CHANGE styles.min.css TO styles.css

       EDIT THIS FILE

       ONCE YOU'RE DONE MAKING YOUR CHANGES

       COPY EVERYTHING IN HERE

       GO HERE > https://cssminifier.com/

       MINIFY YOUR COPIED CSS

       PASTE IT INTO styles.min.css

       THEN CHANGE styles.css BACK TO styles.min.css

*/

@import url('/stylesheets/fonts/fonts.css');
@import url('/stylesheets/datepicker/datepicker.css');
/*Site Colors for Resort Rentals aka HHIVacations // #05243c - links (dark blue) // #05243c - btn // #031928- btn hover*/
/* Basic Styles*/

.emergency-alert { background: #f5ce00; font-size: 17px; color: #a52a2a; font-weight: 700; text-align: center; }

::-webkit-input-placeholder { color: #fff !important; font: 100 12px/13px 'open sans', sans-serif; line-height: 20px;}
:-moz-placeholder { color: #fff; font: 800 15px "open sans", sans-serif; line-height: 20px;}
::-moz-placeholder { color: #fff; font: 800 15px "open sans", sans-serif; line-height: 20px;}
:-ms-input-placeholder { color: #fff; font: 800 15px "open sans", sans-serif; line-height: 20px;}

.prop-box .featured-complexes-images {position: relative; padding-bottom: 45%; z-index: 1;}
.prop-box .featured-complexes-images div {bottom: 0; right: 0; left: 0; top: 0; background-size: cover; position: absolute;}
a[href="https://www.seapines.com/"], a[href="https://www.seapines.com/"]:hover, a[href="https://www.seapines.com/"]:active, a[href="https://www.seapines.com/"]:focus {position: relative; background: #134a81; /* Old browsers */ background: -moz-linear-gradient(top,  #134a81 0%, #185fa4 42%, #185fa4 57%, #134a81 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  #134a81 0%,#185fa4 42%,#185fa4 57%,#134a81 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #134a81 0%,#185fa4 42%,#185fa4 57%,#134a81 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134a81', endColorstr='#134a81',GradientType=0 ); /* IE6-9 */ padding-left: 32px;}
a[href="https://www.seapines.com/"]:before {content: "";  background: url(/images/layout/logo-seapines.jpg);  height: 19px;  width: 19px;  position: absolute; top: 9px; left: 8px; z-index: 99;}
#refineForm ::-webkit-input-placeholder { color: #b7b7b7 !important; font: 900 12px/13px "montserratregular", sans-serif; line-height: 20px;}
#refineForm :-moz-placeholder { color: #b7b7b7; font: 900 12px/13px "montserratregular", sans-serif; line-height: 20px;}
#refineForm ::-moz-placeholder { color: #b7b7b7; font: 900 12px/13px "montserratregular", sans-serif; line-height: 20px;}
#refineForm :-ms-input-placeholder { color: #b7b7b7; font: 900 12px/13px "montserratregular", sans-serif; line-height: 20px;}

.floatRight {float: right !important; margin: 0 0 0 10px !important;}
.floatLeft {float: left !important; margin: 0 10px 0 0 !important;}

.panelRequest ::-webkit-input-placeholder{ color: #adadad !important; font: 200 16px/20px "montserratregular", sans-serif; line-height: 20px;}
.panelRequest :-moz-placeholder { color: #adadad; font: 200 16px/20px "montserratregular", sans-serif; line-height: 20px;}
.panelRequest ::-moz-placeholder { color: #adadad; font: 200 16px/20px "montserratregular", sans-serif; line-height: 20px;}
.panelRequest :-ms-input-placeholder { color: #adadad; font: 200 16px/20px "montserratregular", sans-serif; line-height: 20px;}

div#advanced-form ::-webkit-input-placeholder{ color: #adadad !important; font: 200 16px/20px "montserratregular", sans-serif; line-height: 20px;}
div#advanced-form :-moz-placeholder { color: #adadad; font: 200 16px/20px "montserratregular", sans-serif; line-height: 20px;}
div#advanced-form ::-moz-placeholder { color: #adadad; font: 200 16px/20px "montserratregular", sans-serif; line-height: 20px;}
div#advanced-form :-ms-input-placeholder { color: #adadad; font: 200 16px/20px "montserratregular", sans-serif; line-height: 20px;}

.bg-success, .bg-danger {background-color: #ebccd1 !important}
.fancybox-overlay, .modal {z-index: 99999;}
.interiorSection {padding: 0 15px;}
.interiorStyle, .interiorStyle span, .interiorStyle span strong {font-family: 'open_sansregular', sans-serif !important; color: #696969 !important;}
.interiorStyle span strong {font-family: 'open_sansbold', sans-serif !important; color: #696969 !important;}
.interiorSection img.hr {max-width: 100%;}
.realEstateContainer img.hr:nth-child(2) {margin-bottom: 25px;}
.rentalRange {display:none;}

div#advanced-form input#end-date {padding: 5px 0 3px 9px;}
.modal-dialog { width: 900px;}
.booking .modal-footer .btn:hover {color: #fff;}
div#t-reviews .cycle-slideshow {min-height: 400px !important;}
div#t-reviews .panel-body {padding-top: 0;}
div#t-reviews .h3 { font: 500 22px 'open_sansregular', sans-serif;}

a{color: #05243c;}
li, a { font-family: "open_sansregular", Helvetica, Arial, sans-serif;}
p {font: normal 16px/22px 'open_sansregular', sans-serif;}
h1, .h1 {font: 500 50px 'open_sansregular', sans-serif; color: #05243c; margin-bottom: 19px; text-align: center; padding: 0 13%; text-transform: uppercase; line-height: 50px;}
.interiorContainer h1, .interiorContainer .h1, .interiorContainer h2, .interiorContainer .h2 {text-align: left; padding: 0;}
h2, .h2 {font: 500 30px 'open_sansregular', sans-serif; color: #05243c; text-align: center; text-transform: uppercase;}
h1+h2 {color: #ea9b27;}
.expand h2 {color: #ea9b27;}
h3, .h3, .content.home .homeSection p.h3, .interiorSection p.h3 {font: 500 28px 'open_sansregular', sans-serif; color: #05243c; text-transform: uppercase;}
.modal h3:nth-child(3), .modal h3:nth-child(4), .modal h3:nth-child(5), .modal h3:nth-child(6) {font: 500 24px 'open_sansregular', sans-serif;}
h4, .h4, h4 a, .h4 a, .content.home .homeSection p.h4 {font: 500 18px 'open_sansbold', sans-serif; color: #05243c;}
.btn {padding: 10px 15px; background-color: #022749; font-family: "montserratregular", sans-serif; color: #fff; text-transform: uppercase;}
.homeContainer .btn { font-size: 16px;}
.btn:hover, .btn:focus, .btn.focus {color: #fff; text-decoration: underline; background: #022745;}
.modal-footer .btn:hover, .modal-footer .btn:focus {color: #022749;}
.modal-footer .btn:hover, .modal-footer .btn:focus {color: #fff;}

.content strong,
.content strong a,
.content b,
.content b a { font-family: 'open_sansbold', Helvetica, Arial, sans-serif; }

.hide-desktop {display: none;}

/* END Basic Styles*/

.btn.btn-orange { background: #ea9b27; }
.btn.btn-orange:hover { background: #F9B654; text-decoration: none; }
html {width: 100%; overflow-x: hidden;}
body {background: #0f233c url(/images/layout/bg.jpg) no-repeat; background-position: top center; font-family: "open_sansregular", Helvetica, Arial, sans-serif; overflow-x: hidden;}
body.mce-content-body {background: #fff; padding: 0;}
.container {background-color: #fff;}
.header {position: relative; text-transform: uppercase;}
.header .container {position: relative;}
.headerContainer {padding-top: 6px;}
.headerContainer .left-col:after, .headerContainer .right-col:after {content: ""; display: block; clear: both;}
.headerContainer .left-col {width: 25%; float: left;}
.headerContainer .dateTime {position: relative; margin-bottom: 20px; font: 800 18px/20px 'montserratregular', sans-serif; color: #05243c; letter-spacing: .5px;}
.headerContainer a.homeLink {display: inline-block; width: 20px; height: 20px; position: relative; top: 23px; background: url("/images/layout/icon-house.png") no-repeat; margin-right: 4px; background-size: 20px; }
.headerContainer .owner-login {position: relative; top: 20px;}
.headerContainer .logo {display: block; width: 50%; height: 81px; float: left; margin: 0 auto 10px; background: url("/images/layout/logo.png") no-repeat center center; background-size: contain; text-indent: -9999px;}
.headerContainer .berkshire-hathaway-logo {display: block; width: 50%; height: 160px; float: left; margin: 0 auto 10px; background: url("/images/layout/berkshire-hathaway-logo.png") no-repeat center center; background-size: contain; text-indent: -9999px;}
.headerContainer .berkshire-hathaway-disclaimer {display: block; width: 300px; max-width: 100%; margin: 0 auto;}
.headerContainer .right-col {width: 25%; float: right;}
.headerContainer .phone-numbers {margin-bottom: 10px;}
.headerContainer .phone {display: block; margin-bottom: 5px; text-align: right; font: 800 18px/20px 'montserratregular', sans-serif;color: #05243c;}
.headerContainer .social {float: left; position: relative;}
.headerContainer .social a {display: inline-block; width: 26px; height: 27px; position: relative; margin-bottom: 5px; text-indent: -9999px;}
.headerContainer .facebook {background: url("/images/layout/icon-fb2.jpg") no-repeat center center; background-size: 95%;}
.headerContainer .twitter {margin-right: 5px; background: url("/images/layout/icon-tw2.jpg") no-repeat center center;}
.headerContainer .linkedIn {background: url("/images/layout/icon-in2.jpg") no-repeat center center;}
.headerContainer form {width: 170px; float: right; position: relative; margin-left: 10px;}
.headerContainer .search {width: 100%; padding: 3px 12px; background: #fff; border: 1px solid #e1e1e1; border-radius: 0; text-align: left;}

.content.home {position: relative;}
.content.home .homeSection {padding: 18% 0 0 0;}
.row.homeSection ul:after {content: "";	display: block; clear: both;}
.row.homeSection li {width: 43%; float: left; list-style-type: disc; margin-right: 5%;}
.row.homeSection li, .interiorSection li, .content.int li {font-size: inherit; line-height: inherit; font: inherit; font-size: inherit; font-family: inherit; color: #696969; font: 100 16px/22px 'open_sansregular', sans-serif;}
.content.home .homeSection p, .description p {color: #696969; font: 100 16px/22px 'open_sansregular', sans-serif; text-align: center;}
.description p {color: #696969; /* font: 100 18px/22px 'open_sanslight', sans-serif !important; */ font: 100 14px/20px 'arial', sans-serif; text-align: left;}
.description span { color: #696969; /* font: 100 18px/22px 'open_sanslight', sans-serif !important; */ font: 100 18px/22px 'arial', sans-serif;}
.description span+a {display:block; font: 500 15px/22px 'arial', sans-serif; cursor: pointer; color: #e19a32;}
.interiorSection {/* font-family: 'open_sanslight', sans-serif; */ font-family: 'arial', sans-serif;}
.interiorSection p {color: #696969; /* font: 100 18px/22px 'open_sanslight', sans-serif; */ /*font: 100 18px/22px 'arial', sans-serif;*/ font: 100 16px/28px 'open_sansregular', sans-serif;}
.interiorSection p b, .interiorSection p strong {font-family: 'open_sansbold', arial, sans-serif;}
img.mastheadBottom {width: 100%; position: absolute; top: -20%; left: 0; max-width: 99%;}
.dateTime span:nth-child(2) {color: #ea9b27;}
.headerContainer p:first-child {text-align: right;}
.header a.phone:after {content: ""; display: block; clear: both;}
.navContainer ul.navigation:before {content: ""; clear: both; display: block;}
div#PropResults pre {background: none; border: none;}
.header input[type="submit"] {width: 16px; height: 19px; position: absolute; top: 6px; right: 10px; background: url("/images/layout/icon-mag-glass.jpg") no-repeat; border: none; -webkit-transition: transform 150ms; -moz-transition: transform 150ms; transition: transform 150ms;}
.interiorContentImg{float: left; margin-right: 18px;}
.callouts {float: right;}
.callouts img {display: block;}
.row.interiorSection div[class="col-xs-*"] div:first-child {float: right; display: inline-block;}

/*Overrides Bootstrap*/
.quick-search .bootstrap-select {width: 100% !important;}
.bootstrap-select.btn-group .dropdown-menu li a {cursor: pointer; text-align: left; float: none; right: auto;}
.quick-search .btn {padding: 6px 15px;}
.quick-search .btn:hover{text-decoration: none;}
.quick-search .btn-default {color: #333; background-color: rgba(255,255,255,.2); border-color: #ccc; color: #fff; border-radius: 0;}
.quick-search input[type="submit"] {width: 11%; -webkit-appearance: button; cursor: pointer; border-radius: 0; color: #fff; font: 600 14px/14px 'montserratregular', sans-serif; text-transform: uppercase; position: relative; top: 20px; padding: 10px 26px; padding: 10px 10px 10px 25px; background: #108409 url("/images/layout/icon-search-white.png") no-repeat left 9px center;}
.quick-search input[type="submit"]:hover {background-color: #0c6c07;}
.quick-search .bootstrap-select.btn-group .dropdown-toggle .caret {border: none; background: url(/images/layout/caret.png); height: 13px; width: 10px; background-size: 106%; top: 13px;}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {font: normal 12px/12px 'open_sansregular', sans-serif; position: relative; top: 4px;}
/*END Overrides Bootstrap*/

.bannerDeals {position: absolute; bottom: 135px; right: 57px; z-index: 2; width: 398px; background-color: rgba(0,0,0,0.7); border: 7px solid #fff;}
.bannerDeals .bannerDealsHeader {color: #fff; font: 100 20px/20px 'montserratregular', sans-serif; text-transform: uppercase; padding: 7px 10px 7px 25px; background: #ea9b27; letter-spacing: 1px;}
.bannerDeals div div:first-child span {float: right; font-weight: bold;}
.bannerDeals div div {color: #fff; padding: 0; font-weight: 200;}
.bannerDeals div div+div span.btn {border: 1px solid #fff; background-color: rgba(234,155,39,0.2); border-radius: 0; margin: 0; padding: 4px 26px; letter-spacing: 2px; float: right; margin: 1px 0 7px 0;}
.bannerDeals p {margin: 0 0 5px;}
.bannerDeals .cc { display: block; float: left; width: 180px; position: relative; top: 2px; padding: 0; color: ##fff; }
.bannerDeals div div, .bannerDeals div div p { text-align: center !important; }
.bannerDeals .more-btn { display: inline-block; margin: 10px 0 0; }
.bannerDeals .bd-text { float: left; padding: 4px 0; }
.bannerDeals .title { padding: 0; }
.bannerDeals .desc { padding: 0 10px; font-size: 22px; }
.bannerDeals .slideshow .cycle-sentinel {display: none;}

.bannerDealsMobile {display: none;}
span.cycle-pager-active{color: #e19a32;}
.banner #banner img {width: 100%;}
.interiorContainer .container.bannerContainer {padding-top: 14px;}
.interiorContainer .headerContainer .guestportallogo {width:80%;margin:0 auto;}
.complex a.btn {background: #022749; margin: 20px auto; text-align: center;}
.complexContainer .quick-search {display: none;}
.quick-search {position: absolute; bottom: 2px; z-index: 3; width: 96%; margin: 0 3%; margin: 0 19px; left: 2px; padding: 0%; box-sizing: border-box;}
.homeContainer .quick-search {bottom:0; width: 1101px; z-index: 6;}
.bootstrap-select.btn-group .dropdown-menu { z-index: 99999 ; } /*goes over nav*/
.header .navContainer {/* overflow-x:hidden; */  /* z-index: 999; */ } /* goes over .banner*/
.homeContainer .navContainer{z-index: auto;}
.interiorContainer .quick-search {bottom: 23px; left: 1px; width: 97%;}
.clear{display: block; clear: both;}
.header .navContainer {position: relative; background: #05243c;}
#mobileToggle {display: none; width: 100%; padding: 5px; position: fixed; top: 0; right: 0; left: 0; z-index: 99999 !important; background-color: #ea9b27; font-family: "montserrat", sans-serif; font-size: 15px; color: #fff; line-height: 2; text-transform: uppercase;}
#mobileToggle:link,
#mobileToggle:hover {text-decoration: none;}
.navContainer ul.navigation {display: table; margin: 0 auto; padding: 0; font-family: "montserratregular", sans-serif; text-transform: uppercase;}
.navContainer ul.navigation:after {content: ""; display: block; clear: both;}
.navContainer ul.navigation li {float: left; /* margin: 15px; */margin: 14px; position: relative;}
.navContainer ul.navigation li:first-child {margin-left: 0px; list-style: none;}
.navContainer ul.navigation li:first-child ul {width: 700px;}
.navContainer ul.navigation li:first-child ul li:first-child {margin-left: auto; max-width: 31%; width: 31%;}
.navContainer ul.navigation li:first-child ul li:nth-child(2) {max-width: 31%;}
.navContainer ul.navigation li:first-child ul li:nth-child(1) a+a {padding: 5px; margin-bottom: 0;}
.navContainer ul.navigation li:first-child ul li:nth-child(2) a+a {padding: 6px; margin-bottom: 0;}
.navContainer ul.navigation li:last-child {margin-right: 0;}
.navContainer ul.navigation ul li:first-child {margin-left: auto;}
.navContainer ul.navigation > li:before {content: '\00b7'; position: absolute; top: 0; left: -18px; color: #fff;}
.navContainer ul.navigation > li:first-child:before {content: none;}
.navContainer ul.navigation li a {padding: 0px; position: relative; font: 100 14px/16px 'montserratregular', sans-serif; color: #fff; -webkit-transition: color 350ms; -moz-transition: color 350ms; transition: color 350ms;}
.navContainer ul.navigation li i {display: none;}
.navContainer ul.navigation ul {visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; padding: 0; background-color: none; border-radius: 2px; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms; -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; transition-delay: 350ms;}
.navContainer ul.navigation li ul {z-index: 9;}
.navContainer ul.navigation li:hover ul {top: 38px; background-color: rgba(32,72,107,0.9); visibility: visible; opacity: 1; padding: 19px 30px;}
.navContainer ul.navigation li ul img {display: block; width: 100%; border: 4px solid #fff; margin-bottom: 6px; max-height: 122px;}
.navContainer ul.navigation li:nth-child(1) ul {width: 678px;}
.navContainer ul.navigation li:nth-child(1) ul {padding: 19px 14px 10px 30px;}
.navContainer ul.navigation li:nth-child(2) ul {width: 734px;}
.navContainer ul.navigation li:nth-child(2) ul img {height: auto;}
.navContainer ul.navigation li:nth-child(2) ul {padding: 19px 12px 19px 30px;}
.navContainer ul.navigation li:nth-child(5) ul {width: 942px; left: -504px;}
.navContainer ul.navigation li:nth-child(5) ul {padding: 19px 8px 19px 30px;}
.navContainer ul.navigation li ul:before {content: ""; display: block; width: 100%; height: 13px; background-color: transparent; position: absolute; top: -13px; left: 0px;}
.navContainer ul.navigation > li, .navContainer ul.navigation > li:hover {transition: all 1s ease;}
.navContainer ul.navigation > li.sub:hover:after {content: ""; position: absolute; background-color: rgba(32,72,107,0.7); width: 100%; height: 18px; z-index: 9;}
.navContainer ul.navigation > li:nth-child(6):hover:after {content: none;}
.navContainer ul.navigation li:nth-child(5) ul:before {left: 506px;}
.navContainer ul.navigation li:last-child ul:before {left: 107px;}
.navContainer ul.navigation ul li:before{content: none !important;}
.navContainer ul.navigation ul li {float: none; margin: 0; list-style: none; white-space: nowrap;}
.navContainer ul.navigation ul li:nth-child(3):before, .navContainer ul.navigation ul li:nth-child(4):before, .navContainer ul.navigation ul li:nth-child(5):before { content: "•"; position: absolute; top: 0; left: -10px; color: #fff;}
.navContainer ul.navigation ul li a {display: block; padding: 5px; font-size: 14px;}
.navContainer ul.navigation ul li:nth-child(7) a, .navContainer ul.navigation ul li:nth-child(9) a {padding-left: 9px;}
.navContainer ul.navigation li ul li {float: none; margin: 0; list-style: none; white-space: nowrap; float: left; display: inline-block; width: 100%; margin-right: 2%;}
.navContainer ul.navigation li ul li a {background-color: #f1a248; color: #fff; text-align: center; display: block; margin: 2px auto 13px auto; border-radius: 3px; list-style-type: none; white-space: normal;}
.navContainer ul.navigation li:nth-child(1) ul li, .navContainer ul.navigation li:nth-child(2) ul li {width: auto; /* width: 30%;  */width: 31%;}
.navContainer ul.navigation li:nth-child(2) ul li, .navContainer ul.navigation li:nth-child(5) ul li {max-width: 17%; min-width: 23%; width: 17%;}
.navContainer ul.navigation li:nth-child(2) ul li a {font-size: 14px;}
.navContainer ul.navigation li:last-child ul {position: absolute; right: 19px; left: -121px; width: 222px;}
.navContainer ul.navigation li ul li a.navImg {background-color: transparent; margin-bottom: 0;}
.quick-search:after {content: ""; display: block; clear: both;}
.quick-search form {width: 100%; height: 100%; padding: 8px; background-color: rgba(0,0,0,0.7);}
.quick-search form > span:after {content: ""; display: block; clear: both;}
.quick-search a { color: #fff; text-transform: uppercase; font: 100 13px/15px 'josefin_sansregular', sans-serif; text-decoration: underline; position: relative; top: 6px;}
.quick-search a:last-child {float: right; text-align: right; right: 15px;}
.quick-search  input#start-date, .quick-search input#end-date {padding: 11px 0 3px 9px; width: 48%; margin: 0;}
.quick-search input#start-date, .quick-search input#end-date {padding: 8px 0 3px 9px;}
.homeContainer .quick-search input#start-date, .homeContainer .quick-search input#end-date {padding: 8px 0 6px 9px;}
.quick-search input#start-date {margin-right: 1%; width: 49%;}
.quick-search div.promoCode, .quick-search div.selectDates, .quick-search div.group-select{float:left;width: 10%; margin-right: 1%;}
.quick-search div.group-select:nth-child(2) {width: 14%;}
.quick-search div.group-select:nth-child(5) {width: 7%;}
.quick-search .group-select+a { margin: 0 12px 0 4px;}
.quick-search .group-select+a+a {margin: 0 12px 0 4px;}
.quick-search div.selectDates input[type="text"] { cursor: pointer; background: rgba(255,255,255,.2) url("../images/layout/icon-calendar.png") no-repeat right 10px center;}
.quick-search div.promoCode input, .quick-search div.group-select input{width: 100%;}
.quick-search div.selectDates{width: 33%; margin-bottom: 10px;}
.quick-search div.selectDates input {width: 46%; margin-right: 3%;}
.quick-search div.group-select:nth-child(4), .quick-search div.group-select:nth-child(3) {width: 9%;}
.quick-search div.selectDates input+input {margin-right: 0;}
.quick-search label {display: block; color: #fff; font: 100 15px/15px 'josefin_sansregular', sans-serif; text-transform: uppercase;}
.quick-search label.checkbox-inline {display: inline-block;}
.quick-search input[type="checkbox"] {margin: 1px 0 0;}
.quick-search label.control-label[for="checkboxes"] {display: inline-block; margin-left: 10px;}
.quick-search .form-group {display: inline-block;width: 20%; position: relative;top: 7px;}
.quick-search input[type="text"] {color: #333; background-color: rgba(255,255,255,.2); border: 1px solid #ccc; color: #fff; border-radius: 0; box-shadow: none; margin-bottom: 10px; padding: 7px 2px 4px 9px;}
.homeContainer .quick-search input[type="text"] {padding: 7px 2px 7px 9px;}
.secondRow div.group-select:nth-child(2) {width: 22%;}
.secondRow div.group-select:nth-child(3) {width: 21%;}
.quick-search .secondRow:before {content: ""; display: block; clear: both;}
.secondRow div.group-select:first-child {/* width: 31%; */ width: 20%;}
.banner {position: relative; margin: 47px 0 0 0;}
.banner:before {content: ""; display: block; position: absolute; background: url(/images/layout/frame-left.png) 0px -6px no-repeat; height: 100%; height: 125%; width: 116px; z-index: 2; top: -53px; left: -75px; background-size: 104px 758px;}
.banner:after {content: ""; display: block; position: absolute; background: url(/images/layout/frame-right.png) 0px 0px no-repeat; height: 100%; height: 125%; width: 101px; z-index: 2; top: -59px; right: -72px; background-size: 101px 758px;}
.interiorContainer .banner:before {background: url(/images/layout/interior-banner-left.png) 0px -6px no-repeat; height: 134%; top: -61px; left: -43px;}
.interiorContainer .banner:after {background: url(/images/layout/interior-banner-right.png) 0px -6px no-repeat; top: -61px; right: -79px; height: 136%;}
.banner #banner {position: relative;z-index: 1;}
.banner #banner:before {content: ""; display: block; position: absolute; background: url(/images/layout/frame-top.png) 0 -6PX no-repeat; height: 81px; width: 95%; width: 1082px; z-index: 2; top: -53px; left: 29px; margin: 0 auto; background-size: 101%;}
.homeContainer .banner #banner:before {z-index: 999;}
.banner #banner:after {content: ""; display: block; position: absolute; background: url(/images/layout/frame-bottom.png) no-repeat; height: 116px; width: 97%; z-index: 2; bottom: -104px; background-size: 98%; left: 29px;}
.interiorContainer .banner #banner:before {background: url(/images/layout/interior-banner-top.png) 0 -6PX no-repeat; top: -61px; left: 24px; width: 96%;}
.interiorContainer .banner #banner:after {background: url(/images/layout/interior-banner-bottom.png) no-repeat; right: auto; bottom: -93px; left: 24px; width: 96%; height: 56px;}
.interiorContainer .banner #banner img {position: relative; top: -35px; width: 100%;} /* max-height: 223px; remove by BS per bobby*/
.clear {display: block; clear: both;}
.content.int.petFriendlyContent .row {padding: 0 15px;}
.content.int.petFriendlyContent div[class*="col-sm-"], .content.int.petFriendlyContent .container {padding-top:54px;}
.content.int.petFriendlyContent .booking.container {padding: 0 5px;}
.content.int.petFriendlyContent h2 {float: left; display: inline-block; width: 80%; color: #e19a32; padding-left: 40px; margin-top: 0;}
.content.int.petFriendlyContent h1 {display: none;}
.content.int.petFriendlyContent h2 {font: 100 37px/45px 'montserratregular', sans-serif}
.content.int.petFriendlyContent h2 b {font: 100 47px/45px 'montserratregular', sans-serif}
.content.int.petFriendlyContent h2 span {color: #05243c;}
.content.int.petFriendlyContent h2 span:first-child {font-weight: 900 !important;}
.content.int.petFriendlyContent .left {float: left; width: 70%;}
.content.int.petFriendlyContent .right {float: left; width: 29%;}
.content.int.petFriendlyContent img:first-child {float: left;}
.content.int.petFriendlyContent p.petFriendlyLogo {float: left;}
.content.int.petFriendlyContent .booking div[class*="col-sm-"] {padding-top: 9px;}

.new-listings { padding: 15px 30px 35px; color: #333;}
.new-listings a {display: table;}
.new-listings .listing-title {font-size: 32px; font-weight: bold;}
.new-listings .listing-img {float: left; width: 50%; margin-bottom: 10px;}
.new-listings .listing-img img {width: 100%; height: auto; -webkit-box-shadow: 3px 3px 5px 2px #ABABAB; box-shadow: 3px 3px 5px 2px #ABABAB; border: 2px solid #fff}
.new-listings .listing-info {float: left; width: 50%;}
.new-listings .listing-info ul {display: inline-block; vertical-align: top; margin: 0 !important; padding-left: 10px;}
.new-listings .listing-info ul li {list-style: none; display: block; width: 100%; color: #333;}
.new-listings .desc {clear: both; margin-bottom: 10px; font-style: italic;}
.new-listings .btn-view-prop {text-align: center}
.new-listings .btn { padding-top: 7px; padding-bottom: 7px; font-size: 13px; margin: auto;}
.new-listings .listings-overview {text-align: center;}
.new-listings .listings-overview .btn {margin: 30px auto 10px; font-size: 20px !important; background: #ea9b27; }
.new-listings hr {margin: 3px; padding: 3px}

a.clickHere {padding: 14px; background-color: #2d475b; color: #fff; text-align: center; display: block; width: 50%; margin: 17px auto; font: normal 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 3px; cursor: pointer;}
a.clickHere:hover {background-color: #e19a32;}
.prop-box {width: 270px;  padding: 5px; font-family: "montserratregular";  cursor: pointer;  vertical-align: top;}
.prop-box .desc {white-space: normal; height: 104px; overflow: hidden; margin: 0 0 10px;}
.prop-box .prop-pic {position: relative;}
.prop-box .prop-pic .view {display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(33, 49, 72, 0.8); cursor: pointer; z-index: 9;}
.prop-box .prop-pic .view a {display: inline-block; padding: 5px 8px; font-size: 10px; color: #fff; text-transform: uppercase;}
.prop-box .prop-pic div {height: 240px; overflow: hidden; background-color: #213148;}
.prop-box .prop-pic img {display: block; width: 100% !important; height: auto; min-height: 240px;}
.prop-box .prop-pic .view span {display: block; position: absolute; top: 40%; right: 8%; left: 8%; border: 2px solid #fff; color: #fff; text-align: center;}
.prop-box .prop-pic > span {display: none; position: absolute; bottom: 10px; left: -10px; background: #425670; padding: 5px 13px; font-size: 12px; color: #fff; text-transform: uppercase;}
.prop-box .prop-info h4 { margin-bottom: 2px;overflow:hidden;}
.prop-box .prop-info p {font: 100 11px/22px 'open_sansregular', sans-serif; color: #b4b4b4; text-overflow: ellipsis; white-space: normal;}
.prop-box .prop-info p+p {display: block; height: auto; color: #666666; font-size: 11px; margin-bottom: 0px;}
.prop-box .prop-info .prop-addy { white-space: nowrap; overflow: hidden; }
.prop-box .prop-info ul {margin-left: 0; padding-left: 0; white-space: normal;}
.prop-box .prop-info li:nth-child(2), .prop-box .prop-info li:nth-child(4) {margin-left: 0; padding-right: 1px; text-align: right; float: right;}
.prop-box .prop-info li { display: inline-block; list-style: none; font: 100 13px/22px 'open_sansregular', sans-serif; color: #777777;}
.homeContainer .videoContainer {position: relative;}
.homeContainer .video {position: absolute; top: -21px; min-width: 300px; max-width: 402px; margin: auto; left: 0; right: 0; margin-top: 54px; display: block; width: 360px; background: url(/images/layout/frame-video.png); background-size: cover;  height: 200px;}
.wistia_responsive_padding {margin:0 0 35px}
.wistia_responsive_wrapper {margin-top: 18px; left: -3px; position: relative;}
.featured.properties {overflow: hidden;}
.featured .btn {width: 100%; padding-top: 7px; padding-bottom: 7px; font-size: 13px;}
.prop-box:hover .view {display: block;}
.featured ul li {padding: 5px 5px 5px 35px; border-bottom: 1px solid #f0f3f6;}
.featured.complexes ul li { padding: 5px 5px 0 0; white-space: nowrap; width: 50%;overflow: hidden}
.featured.properties ul li.btrm {background: url("/images/layout/icon-bathroom.png") no-repeat left center;}
.featured.properties ul li.bdrm {background: url("/images/layout/icon-bedroom.png") no-repeat left center;}
.featured.properties .prop-box .prop-info li {display: block;}
.featured.properties .prop-box .prop-info li:nth-child(2) {margin: initial; padding: initial; text-align: initial; float: none; padding: 5px 5px 5px 35px;}
.featured a.btn {width: 100% !important;}
.footer .container:first-child {padding-top: 49px;}
.footer .quickLinks a {font: 100 18px/25px 'open_sanslight', sans-serif; color: #666666; display: block; text-align: center;}
p.copyright a {color: #fff;}
.container.quickLinks h2 {text-align: center; font-size: 20px; margin-bottom: 20px;}
.collapsebox .panel-heading a.collapsed {background: url("/images/layout/sub-arrow-down.png") no-repeat left 0px center;}
.collapsebox .panel-heading a {background: url("/images/layout/sub-arrow-up.png") no-repeat left 0px center;}
.collapsebox .panel-heading a {padding-left: 31px;}
.footer .quickLinks .row div {float: left; width: 20%; margin-top: 27px;}
.footer .quickLinks {padding-bottom: 35px;}
.container.footerCopyright {background-color: #e19a32;}
p.copyright {padding: 22px 0; color: #fff; font: 100 14px/20px 'open_sanssemibold', sans-serif;}
.resortContainer div.row div div.left img {width: 100%;}
.resortContainer .frame {position: relative;}
div.modal#resortmap img {max-width: 100%;}
div.modal#resortmap .btn:hover, div.modal#resortmap .btn:focus, div.modal#resortmap .btn.focus, .left .btn:hover, .left .btn:focus, .left .btn.focus {background: #022749;}
.resortContainer div.frame img:last-child { position: absolute; top: 11%; left: 7%; width: 82%; height: 76%; z-index: 1;}
.resortContainer .frame img:first-child {width: 100%;height: auto;  position: relative;  z-index: 999;}
div.left .btn-primary+ul {padding-left: 22px;}
.resortContainer div.row div div.left:nth-child(2) {width: 25%;}
.resortContainer div.row div div.left:nth-child(2) ul li {color: #022749; font-size: 14px;}
.resortContainer div.row div div.left:nth-child(3) {width: 55%; padding: 0 24px;}
.resortContainer div.row div div.left:nth-child(4) {width: 20%;}
div.left .btn-primary {width: 100%; margin: 10px 0;}
#accordion .panel-default > .panel-heading{background: #05243c !important; color: #fff;}
.popularSearchesContainer p {width: 33%; background: #05243c; display: inline-block; padding: 10px; border-radius: 4px; color: #fff;}
.popularSearchesContainer p a {color: #fff; cursor: pointer;}
.golfPackagesContainer h2 {text-align: left;}
.golfPackagesContainer img {float: left; margin: 0 15px 15px 0;}
#golfPackageNav {float: right; margin-left: 25px;}
#golfPackageNav a {padding: 14px; background-color: #2d475b; color: #fff; text-align: center; display: block; margin: 17px auto; font: normal 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 3px; cursor: pointer; width: 228px;}
form#golfvacationplannerform {margin-top: 30px;}
#videoModal .modal-dialog {width: 592px;}
#videoModal .modal-dialog iframe {width: 100%;}
.rentalManagementContainer .mainContent {display: inline-block; width: 67%;}
.rentalManagementContainer .mainContent img {max-width: 100%;}
.rentalManagementContainer .sideContent input { width: 100%;}
.rentalManagementContainer .sideContent a:last-child {color: #ea9b27; text-align: center; margin: 0 auto; display: block; font: 100 15px/16px 'montserratregular', sans-serif; text-transform: uppercase;}
.rentalManagementContainer .sideContent {display: inline-block; /* width: 30%; margin-left: 2%; */ width: 100%; vertical-align: top; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; padding: 17px;}
.rentalManagementContainer .sideContent h3 {margin-top: 0; font-size: 19px;}
.rentalManagementContainer .sideContent .form-horizontal .control-label {text-align: left;}
.complexesContainer img {max-height: 232px; width: 100%;}
.realEstateContainer .landingLink {position: relative; width: 47%; display: inline-block; margin: 36px 10px; text-align: center;}
.realEstateContainer .landingLink span {position: absolute; background: transparent; border: 3px solid #fff; margin: 0 auto;}
.realEstateContainer .landingLink div {position: relative; background: #e19b32; color: #fff; padding: 20px 50px; bottom: 0; width: 100%;}
.realEstateContainer .landingLink img {width: 100%;}
.contactContainer .left {display: inline-block; width: 44%;}
.contactContainer .right {display: inline-block; width: 44%; vertical-align: top;}
.contactContainer iframe {width: 100%; max-height: 269px;}
.contactContainer .form-horizontal .control-label {white-space: nowrap;}
.contactContainer .h3 {margin-top: 0;}
.content.int.rentalManagementContainer .managementServicesSection {display: inline-block; width: 32%; margin-right: 1%; margin-bottom: 52px; padding: 0 13px; vertical-align: top; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; padding: 0 17px 17px 17px;}
.content.int.rentalManagementContainer .managementServicesSection img {width: 100%; max-width: 336px; margin: 0 auto; text-align: center; display: block;}
.interiorContainer .content.int.rentalManagementContainer .managementServicesSection .h2 {font: 500 24px 'open_sansregular', sans-serif; }
.content.int.rentalManagementContainer .managementServicesSection ul li {color: #ea9b27;}
.content.int.rentalManagementContainer .managementServicesSection a.btn {width:100%;}
.thingsToDoContainer div, .vacationPackages div {display: inline-block; vertical-align: top; width: 30%; margin-bottom: 21px;}
.vacationPackages > div {display: inline-block; width: 49%;}
.thingsToDoContainer div div, .vacationPackages div div {display: inline-block; vertical-align: top; width: 65px; margin-bottom: 21px;}
.thingsToDoContainer div > p, .vacationPackages div > p {display: inline-block; margin-right: 12px; min-width: auto; width: 75%; padding-left: 11px; font-size: 15px;}
.thingsToDoContainer div img, .vacationPackages div img {margin-top: 7px; max-width: 100%;}
.specialsContainer img+.btn {width: 100% !important; margin-top: 10px;}
.specialsContainer h3 {margin-top: 0; color: #ea9b27;}
.specialsContainer h2 {color: #ea9b27;}
.specialsContainer .panel-body {min-height: 268px;}
.specialsContainer [class^=col]:nth-child(2n+1) { clear: both; }
.specialsContainer .panel {min-height:360px}
.siteSearchContainer .nav > li > a {background-color: #eee;}
.siteSearchContainer ul.nav.nav-tabs li > a {background: #eee;}
.siteSearchContainer ul.nav.nav-tabs li.active > a {background: #fff;}
.row.industryPartners img {max-width: 100%;}
.row.industryPartners img {max-width: 100%; max-height: 79px;}
.row.industryPartners div.logo img {max-height: none;}
/*.row.industryPartners div.logo img {margin-top: 52px;}*/
.row.industryPartners div.berkshire-hathaway-logo img {width: 250px; height: auto; max-height: none; margin: 0 auto;}
.row.industryPartners div.berkshire-hathaway-logo img.berkshire-hathaway-disclaimer {width: 100%; margin-top: 10px;}

.partners div {text-align: center; margin: 0 auto;}
.partners div img {margin: 0 auto;}
.partners div div {min-height: 84px;}
.partners div.flipkey img {margin-top: 16px;}
.weatherContainer {overflow: scroll;}

/*Hover Effect*/
.grid {position: relative; clear: both; margin: 0 auto; padding: 0; list-style: none; text-align: center;}
div.hoverBorder {background: #030c17; position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 320px; max-width: 480px; max-height: 360px; width: 48%; height: auto; background: #3085a3; text-align: center; cursor: pointer;}
.vacationPackagesContainer div.hoverBorder {float: none; display: inline-block; position: relative; margin: 10px 1%; min-width: 251px; max-width: 195px; max-height: 167px; width: 48%; margin-bottom: 43px;}
.vacationPackagesContainer .hoverBorder+p {display: inline-block; width: 22%; vertical-align: top;}
div.hoverBorder img {opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; cursor: pointer;}
div.hoverBorder span {padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
div.hoverBorder span, div.hoverBorder span > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
div.hoverBorder span:before {position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 2px solid #fff; box-shadow: 0 0 0 30px rgba(255,255,255,0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4,1.4,1); transform: scale3d(1.4,1.4,1);}
.vacationPackagesContainer div.hoverBorder span:before {top: 10px; right: 10px; bottom: 10px; left: 10px;}
div.hoverBorder h2, div.hoverBorder p {margin: 0;}
div.hoverBorder h2 {margin: 14% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; font-weight: 300; color: #fff; font-size: 46px; text-align: center;}
.vacationPackagesContainer div.hoverBorder h2 {margin: -20px 0 10px 0; font-size: 26px;}
div.hoverBorder p {padding: 1em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5); letter-spacing: 1px; font-size: 68.5%; color: #fff;}
div.hoverBorder span > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; cursor: pointer;}
div.hoverBorder span, div.hoverBorder span > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
div.hoverBorder:hover span::before,
div.hoverBorder:hover p {opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}
div.hoverBorder:hover span {background-color: rgba(5,36,60,0);}
div.hoverBorder:hover img {opacity: 0.4;}
/*END Hover Effect*/

/* Split View for Datepicker*/
td.splitViewCheckin a{background: transparent !important;}
td.splitViewCheckin{background: url("/hilton-head-rentals/images/checkout.jpg") no-repeat;background-size:100% 90% }
td.splitViewCheckout a{background: transparent !important;}
td.splitViewCheckout{background: url("/hilton-head-rentals/images/checkin.jpg") no-repeat;background-size:100% 90% }
/* Split View for Datepicker*/

div#bannerBooking img.bannerBooking-img-headerimage {display: none;}
.bdetails #propertySlideshow {z-index: auto !important;}
.bdetails #propertyControls {z-index: auto !important;}
.bdetails #propertyImages div {z-index: auto !important;}

.expand-btn {display: none;}
.owner-logins {display: none;}
.footer-social {display: none;}

.blank-box {height: 80px;}
.img-block-container:after {content: ""; display: block; clear: both;}
.img-block {float: left; width: 38%;}
.img-block.first {width: 18%;}
.img-block.last {width: 44%;}

.featured-real-estate {margin: 0 -15px 50px; padding: 10px 10px 20px; background: #0f233c;}
.featured-real-estate:after {content: ""; display: block; clear: both;}
.featured-real-estate h3 {clear: both; margin-top: 0; color: #fff;}
.featured-real-estate > a {display: block; width: 20%; float: left; padding: 10px; background: #4a596c /* rgba(255,255,255,0.25) */; border-right: 3px solid #0f233c; border-left: 3px solid #0f233c;}
.featured-real-estate > a:hover {text-decoration: none;}
.featured-real-estate .featured-pic {width: 100%; position: relative; padding-bottom: 65%; border: 2px solid #fff; border-radius: 2px;}
.featured-real-estate .featured-pic > div {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover !important; background-position: center center !important;}
.featured-real-estate h5 {font-size: 18px; color: #fff; text-align: center; text-transform: uppercase;}
.featured-real-estate > a > div {position: relative; color: #fff; text-align: right; overflow: hidden;}
.featured-real-estate > a > div:after {content: ""; display: block; clear: both;}
.featured-real-estate strong {float: left; position: relative; z-index: 1;}
.featured-real-estate strong:after {content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ."; display: inline-block; position: absolute; margin-left: 3px; font-size: 10px; white-space: nowrap;}
.featured-real-estate span {float: right; position: relative; z-index: 1; padding-left: 3px; background: #4a596c;}

.bannerContainer .bannerDeals { width: 300px; }
.bannerContainer .bannerDeals .bannerDealsHeader { font-size: 17px; line-height: 1; padding: 7px 0 5px; }
.bannerContainer .bannerDeals .cc { width: 150px; margin-bottom: 5px; }
.bannerContainer .bannerDeals .more-btn { display: block; margin: 0; width: 100%; clear: both; }
.bannerContainer .bannerDeals div div+div span.btn { padding: 4px 15px; font-size: 12px; margin: 0; display: block; float: none; border: none; border-top: 1px #fff solid; }
.bannerContainer .bannerDeals div div p { font-size: 12px; margin: 0; line-height: normal; }
.bannerContainer .bannerDeals .bd-text { width: 136px; }

/*cms resorts*/
.interiorSection p+a {margin-bottom: 21px;}
/*END cms resorts*/

@media only screen and (min-width: 1201px) {
	.interiorContainer .banner #banner img {min-height: 290px; max-height: 223px;} /* max-height: 290px; remove by BS per bobby - max height added back in by JS*/
  .interiorContainer .banner.bannerBookingLuxury #banner img {max-height: none;}
	.interiorContainer .banner #banner:after {bottom: -13px;}
	.interiorContainer .golfPackagesContainer .banner #banner:after {bottom: -1px;}/*for golf vacation planner page*/
	.interiorContainer .quick-search {bottom: 38px;}
	.interiorContainer .golfPackagesContainer .quick-search {bottom: 51px;}/*for golf vacation planner page*/
                     /*cms resorts*/.cms-resorts-option-1 > div > div:nth-of-type(3n+4) {clear: left;}/*END cms resorts*/
}
@media only screen and (max-width: 1200px) {
	.resortContainer .frame img:first-child {height: 184px;}
	.quick-search div.group-select:nth-child(2) {width: 11%;}
	.quick-search .secondRow div.group-select:nth-child(2) {width: 16%;}
	.header.homepage:before {width: 40%;}
	.headerContainer .left-col, .headerContainer .right-col {width: 22%;}
	.headerContainer .logo  {width: 56%; background-size: contain;}
	.headerContainer .phone {font-size: 16px;}
	.headerContainer .social {float: right; display: block;}
	.headerContainer .social a {width: 20px; height: 20px; background-size: 100%;}
	.headerContainer form {display: block; width: 100%; margin-left: 0; margin-bottom: 10px; float: none; clear: both;}
	.navContainer ul.navigation li {margin: 16px 9px 16px 10px;}
	.navContainer ul.navigation li a {font: 100 12px/16px 'montserratregular', sans-serif;}
	.navContainer ul.navigation > li:before {left: -13px;}
	.navContainer ul.navigation li:last-child ul {left: -156px;}
	.navContainer ul.navigation li:last-child ul:before {left: 133px;}
	.prop-box {width: 227px;}
	.quick-search {position: absolute; bottom: -18px; width: 92%; margin: 0 3%; left: 16px;}
	.interiorContainer .quick-search {left: 7px; width: 99%; margin: 0 auto;}
	.quick-search label {font: 100 12px/15px 'josefin_sansregular', sans-serif;}
	.quick-search button.btn.dropdown-toggle.btn-default {padding: 6px;}
	.quick-search div.selectDates {width: 23%;}
	.quick-search div.selectDates {/*width: 42%;*/ width: 33%;}
	.secondRow div.group-select:first-child {width: 20%;}
	.quick-search div.group-select:nth-child(3) {width: 9%;}
	.secondRow div.group-select:nth-child(3) {width: 21%;}
	.quick-search div.group-select:nth-child(5) {width: 9%;}
	.quick-search div.selectDates input {width: 47%;}
	img.mastheadBottom { width: 100%; position: absolute; top: -16%;}
	.quick-search div.group-select:nth-child(4) {width: 5%; width: 9%;}
	.quick-search .form-group {width: 15%;}
	.prop-box .prop-pic .view span {display: none;}
	.prop-box .prop-pic div {height: auto; max-height: 145px;}
	.prop-box .prop-pic img {min-height: auto;}
	.prop-box .desc {min-height: 133px;}
	.banner:before {top: -49px; width: 116px; background: url(/images/layout/frame-left2.png) 0px -6px no-repeat; left: -25px; height: 132%;}
	.banner:after {top: -55px; right: -52px; height: 132%; background: url(/images/layout/frame-right2.png) 0px 0px no-repeat; width: 102px;}
	.banner #banner:before {top: -49px; left: 57px; width: 881px; background: url(/images/layout/frame-top2.png) 0 -6PX no-repeat;}
	.banner #banner:after {bottom: -129px; right: auto; width: 877px; background: url(/images/layout/frame-bottom2.png) no-repeat; background-size: 95%; left: 57px;}
                     .interiorContainer .banner #banner img {top: -39px !important; max-width: 939px; max-height: 223px;}
                     .interiorContainer .container.bannerContainer {padding-top: 16px;}
	.quick-search {position: absolute; bottom: -18px; width: 99%; margin: 0 auto; left: 6px;}
	.homeContainer .quick-search {left: 50px; width: 90.25%; bottom: -21px;}
	.prop-box {min-height: 605px;}
	.complexesContainer img {max-height: 186px;}
	.homeContainer .videoContainer {position: relative; min-height: 55px;}
	.thingsToDoContainer div, .vacationPackages div {width: 47%;}
	.navContainer ul.navigation li:nth-child(5) ul {left: -590px;}
	.homeContainer .video {top: 2px; margin-top: 20px;}
                     .resortContainer .frame img:first-child {display:none;}
                     .resortContainer div.frame img:last-child {position: relative; height: auto;}
                     .prop-box .featured-complexes-images {padding-bottom: 66%;}
                     .blank-box {height: 30px;}
                     .split-me {width: 48%; margin: 0 0.5% !important;}
                     /*cms resorts*/.cms-resorts-option-1 > div > div:nth-of-type(2n+3) {clear: left;}/*END cms resorts*/
}

@media only screen and (max-width: 1199px) {
	.interiorContainer .banner #banner:before {background: url(/images/layout/interior-banner-top.png) 0 -2px no-repeat; top: -65px; left: 9px; width: 939px; background-size: 99%;}
	.interiorContainer .banner #banner:after {bottom: -10px; left: 9px; width: 958px; background-size: 97%;}
  .interiorContainer .banner:after {background: url(/images/layout/interior-banner-right.png) 0px -2px no-repeat; /* background-size: 98% !important; */ background-size: 97% !important; top: -65px; right: -57px; width: 59px; height: 144%;}
  .interiorContainer .banner:before {background: url(/images/layout/interior-banner-left.png) 0px -1px no-repeat; background-size: 100% !important; width: 52px; height: 155%; top: -64px; left: -43px;}
	.interiorContainer .quick-search {bottom: 42px;}
	/* Hover Effects */
	.vacationPackagesContainer .hoverBorder+p {width: 47%; text-align: left; margin-left: 3%;}
	/* END Hover Effects */
}

@media (max-width: 1024px) {
  .quick-search.real-estate { display: none; }
  .hide-desktop {display: block;}
  .hide-mobile {display: none !important;}
  .featured-real-estate > a {width: 33.33333%; margin-bottom: 6px;}
  .featured-real-estate > a:nth-last-child(2) {margin-left: 16%;}
  .featured-real-estate > a:nth-last-child(-n+2) {margin-bottom: 0;}
}

@media only screen and (max-width: 992px) {
	.header a.phone {text-align: left;}
	.header .dateTime {float: none; margin: 10px 0; text-align: center;}
	.headerContainer .left-col, .headerContainer .right-col {width: 100%; float: none; }
	.headerContainer a.homeLink, .headerContainer .owner-login {display: none;}
	.headerContainer .logo {width: 80%; height: 80px;}
	.headerContainer .phone-numbers {margin: 20px 0 10px; text-align: center;}
	.headerContainer .phone {display: inline-block; margin: 0 15px;}
	.headerContainer .social, .headerContainer form {display: none;}
	.navContainer ul.navigation:before {content: none;}
	.navContainer ul.navigation li a {padding: 0px 0 14px;}
	.resortContainer .left {display: block; float: none; width: 100% !important;}
	.resortContainer .frame {position: relative; float: left; margin-top: 30px; margin-bottom: 43px; width: 43%;}
	.resortContainer div.row div div.left:nth-child(3) {padding: 0;}
	.resortContainer .frame img:first-child { width: 124%;}
	.resortContainer .frame:first-child {margin-right: 11%;}
	.resortContainer .frame img:first-child {height: 127%;}
  .new-listings .btn {margin-bottom: 15px;}
	.footer .container.quickLinks h2 {font-size: 17px;}
	.footer .quickLinks a {font: 100 13px/19px 'open_sanslight', sans-serif;}
  .footer-social {display: block;}
  .footer-social .owner-logins {display: table; margin: 0 auto 25px;}
  .footer-social .owner-logins a.homeLink {display: inline-block; width: 20px; height: 20px; position: relative; top: 0; background: url("/images/layout/icon-house.png") no-repeat; margin-right: 4px; background-size: 20px; }
  .footer-social .owner-logins .owner-login {position: relative; top: -4px;}
  .footer-social .social {display: table; margin: 0 auto 25px; position: relative;}
  .footer-social .social a {display: inline-block; width: 26px; height: 27px; position: relative; margin-bottom: 5px; text-indent: -9999px;}
  .footer-social .facebook {background: url("/images/layout/icon-fb2.jpg") no-repeat center center; background-size: 95%;}
  .footer-social .twitter {margin-right: 5px; background: url("/images/layout/icon-tw2.jpg") no-repeat center center;}
  .footer-social .linkedIn {background: url("/images/layout/icon-in2.jpg") no-repeat center center;}
  body {padding-top: 40px;}
	.wrapper {position: relative; right: 0%; -webkit-transition: right 500ms; -moz-transition: right 500ms; transition: right 500ms; -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; transition-delay: 350ms;}
	#mobileToggle {position: fixed; top: 0;}
	.navContainer {width: 100%;}
	.navContainer .navigation {list-style: none; width: 82%; float: none; position: fixed; top: 41px; bottom: 0; left: 0; z-index: 0; overflow: hidden; background: #0f233c; visibility: hidden; opacity: 0; -webkit-transition: visibility 350ms, opacity 350ms; -moz-transition: visibility 350ms, opacity 350ms; transition: visibility 350ms, opacity 350ms;  -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
	body.active .wrapper {right: -82%; z-index: 2; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
	body.active .navContainer .navigation {display: block; top: 41px; left: 0; z-index: -1; visibility: visible; opacity: 1; overflow-y: auto; -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; transition-delay: 500ms;}
  .navContainer #mobileToggle {display: block;}
	.navContainer ul.navigation li {float: none; margin: 0; border-bottom: 1px solid #efefef;}
	.navContainer ul.navigation li a {display: block;}
	.navContainer ul.navigation li>a {padding: 12px 15px;}
  .navContainer ul.navigation > li:hover:after {display: none !important;}
	.navContainer ul.navigation li:hover ul {display: none !important; top: 100%;}
	.navContainer ul.navigation li.open > a,
	.navContainer ul.navigation li.open > i {color: #ffc107;}
  .navContainer ul.navigation li.open ul {display: block !important; width: 100% !important; left: 0 !important; padding: 10px; visibility: visible; opacity: 1; background: rgba(32,72,107,0.9);}
	.navContainer ul.navigation li i {display: block; padding: 13px 15px; position: absolute; top: 0; right: 0; color: #fff;}
	.navContainer ul.navigation li ul {display: none !important; position: relative; top: 100%; padding: 10px; border-radius: 0;}
	.navContainer ul.navigation li ul:before {display: none;}
  .navContainer ul.navigation li ul li {display: inline-block; vertical-align: top; max-width: none !important; width: 50% !important; float: none; margin: 0 -4px 0 0 !important; padding: 5px; border: none;}
  .navContainer ul.navigation li ul li a {margin: 0;}
  .navContainer ul.navigation li ul li a.navImg {position: relative; margin-bottom: 10px; padding: 0; border: 2px solid #fff;}
  .navContainer ul.navigation li ul li a.navImg img {max-height: none; width: 100%; margin: 0; border: none;}
	.prop-box {width: 358px;}
	h1, .h1 {font: 500 36px 'open_sansregular', sans-serif;}
	.quick-search div.group-select:nth-child(2) {width: 20%;}
	.quick-search div.group-select:nth-child(3) {width: 13%; margin-top: 0; margin-bottom: 10px;}
	.quick-search div.group-select:nth-child(4) {width: 14%; margin-top: 0; }
	.quick-search div.promoCode, .quick-search div.selectDates, .quick-search div.group-select {width: 22%;}
	.quick-search .group-select+a {left:3px; display: block;}
	.quick-search a { top: 9px;}
	.quick-search .group-select+a+a { top: 13px;}
	.quick-search .form-group {width: 16%;}
	.quick-search a:last-child { right: 27px;}
	.quick-search .radio-inline, .checkbox-inline { padding-left: 3px;}
	.quick-search div.group-select:nth-child(5) {width: 22%;}
	.quick-search .bootstrap-select .dropdown-menu a {width: auto !important;}
	.interiorContainer .quick-search {bottom: auto; left: 0; width: 97%; position: relative; margin-top: 27px; margin: 0; width: 100%; top: -12px; z-index: 9;}
	.interiorContainer .quick-search {top: -35px;}
	.bannerContainer {padding: 0;}
	.banner {margin: 0;}
	.banner:before {background-size: 61%; content: none;}
	.banner:after {background-size: 72%; top: -57px; content: none;}
	.banner #banner {position: relative; height: 189px; overflow: hidden;}
	.banner.remove-qs #banner, .interiorContainer .banner.remove-qs #banner, .banner.remove-qs #banner img, .interiorContainer .banner.remove-qs #banner img {width: 100% !important; height: auto; left: auto;}
	.banner #banner:before, .banner #banner:after {content: none;}
	.banner #banner img {position: absolute; top: 0 !important; bottom: 0;}
	.homeSection ul {width: 100%; margin: 27px 0;}
	.interiorContainer .banner:before, .interiorContainer .banner:after {content: none;}
	.interiorContainer .banner #banner img {max-width: none; max-height: none; height: 100%; top: 0 !important; bottom: 0;}
	.homeContainer .quick-search, .interiorContainer .quick-search {width: 100%; height: 100%; position: absolute; top: 0; bottom: auto; left: 0;}
	.interiorContainer .container.bannerContainer {padding-top: 0;}
	.content.home .homeSection {padding: 11% 0 0 0;}
	img.mastheadBottom {width: 100%; position: absolute; top: -8%;}
	.quick-search form {background: rgba(0,0,0,0.6);}
	.quick-search div.selectDates, .interiorContainer .quick-search div.selectDates {width: 57%;}
	.quick-search div.group-select:nth-child(2) {width: 27%; margin-top: 0;}
	.secondRow div.group-select:first-child {width: 21%; margin-top: 0;}
	.quick-search input[type="submit"] {width: 30%;}
	.quick-search .secondRow div.group-select:nth-child(3) {width: 28%;}
	.quick-search div.promoCode {width: 15%; margin-top: 0px;}
	.quick-search input[type="submit"] {width: 40%; margin-top: 0px;}
	.quick-search div.group-select:nth-child(5) {width: 19%; margin-top: 0px; margin-bottom: 12px;}
	.quick-search a:last-child {right: 7px; top: -80px; width: 101px; text-align: center;}
	.quick-search a:last-child {top: -44px;}
	.quick-search .secondRow div.group-select:nth-child(2) {width: 20%;}
	.quick-search div.group-select{margin-top: 0px;}
	.prop-box {min-height: auto;}
	.rentalManagementContainer .sideContent input[type="submit"] {margin-top: 4px;}
	.interiorContainer .quick-search div.selectDates {width: 57%;}
	.contactContainer .left {display: inline-block; width: 100%;}
	.contactContainer .right {display: inline-block; width: 100%; vertical-align: top;}
	.content.int.rentalManagementContainer .managementServicesSection {width: 48%;}
	.realEstateContainer .landingLink {width: 100%;}
	.header a.phone+span {display: inline-block;}
	.headerContainer p:first-child {display: inline-block;}
	.headerContainer .pull-right {float: none !important;}
	.header a.phone+span {left: auto;}
	.headerContainer .logo {text-align: center; margin: 0 auto; float: none;}
	a.logo img {text-align: center; margin: 0 auto;}
	.header .social {bottom: 6px;}
	.header .facebook {top: 17px; left: 3px; background-size: 90%;}
	.header .twitter {top: 19px; left: -2px; background-size: 87%;}
	.header .pull-right a.sm:nth-child(3) {width: 26px; background-size: 90%; top: 16px;}
	.header .pull-right a.sm:nth-child(4) {width: 42px;}
	.header .search {width: 140px;}
	.industryPartners div:nth-child(1) img {margin: 0 auto 30px auto;}
	.partners div div {min-height: 98px;}
	.partners div.flipkey img {max-width: 163px;}
	.vacationPackages div div, .vacationPackages div > p {width: 100%;}
	div.hoverBorder h2 {margin-top: 12%; font-size: 39px;}
	.homeContainer .featured.complexes {margin-top: 36px;}
  .wistia_responsive_padding {max-width: none;}
  .headerContainer .logo img {margin: 30px auto; width: 330px;}
  .prop-box .prop-pic div {max-height: none;}

  /*3-15-15 changes*/
  .bannerDeals {position: relative; top: 0;}
	.bannerDeals p span:first-child {margin-right: 5px;}
	.homeContainer .banner {margin-top: 0;}
	.bannerDeals p, .bannerDeals p span {display: inline-block; font-size: 18px !important;}
	.bannerDeals div+div span.btn {float: none; display: inline-block; width: auto; margin-left: 10px; background-color: #ea9b27;}
	.bannerDeals div {padding: 2px 4px;}
	.bannerDeals .bannerDealsHeader {padding: 7px;}
	.bannerDeals {display: none;}
	.bannerDealsMobile {display: block; width: 100%; position: relative; z-index: 10;}
  .bannerDealsMobile .btn {display: block; width: 100%; margin: 0; padding: 6px; background-color: rgba(234,155,39,1); border: 1px solid #fff; border-radius: 0; letter-spacing: 2px;}
  .bannerDealsMobile a:hover, .bannerDealsMobile .btn:hover {background-color: #0f233c; text-decoration: none;}
  .row.industryPartners div.logo img {width: 80%; margin: 0 auto 20px;}

  .marketing-program center p {clear: both;}
  .marketing-program img,
  .split-me {width: 48%; margin: 0 0.5% !important;}
  .img-block, .img-block.first, .img-block.last {width: 50%;}
  .img-block img {width: 100% !important;}
  .modal-dialog { width: auto !important;}
}

@media only screen and (max-width: 768px) {
  .expand-btn {display: table; margin: 0 auto; color: #ea9b27; font-weight: 700; text-transform: uppercase;}
  .expand-btn:hover, .expand-btn:active, .expand-btn:focus {text-decoration: none; color: #ea9b27;}
  .expand p ~ p, .expand ul {display: none;}
	.footer img:first-child {text-align: center; margin: 0 auto;}
	.featured.complexes, .featured.properties {overflow: hidden;}
	.quick-search .secondRow {position: initial;top: initial;}
	.quick-search .firstRow:after {display: block; clear: both; content: none;}
	.content.home .homeSection {padding: 4% 0 0 0;}
	.banner #banner img {width: 84%; top: 19px !important; margin: 0px 8%;}
	.banner:before, .banner:after, .banner #banner:before, .banner #banner:before {content: initial;}
	img.mastheadBottom, .header.homepage:before, .header.homepage:after {display: none;}
	.banner { margin: 0;}
	.banner #banner {height: 280px;}
	.banner #banner img {width: 100%; height: auto; top: 0 !important; margin: 0;}
	.container.bannerContainer { margin: 0;padding: 0;}
	.quick-search div.group-select:nth-child(2) { width: 30%;}
	.quick-search div.group-select:nth-child(3) {width: 20%; margin-top: 0px !important;}
	.quick-search div.group-select:nth-child(4) { width: 20%;}
	.quick-search div.promoCode, .quick-search div.selectDates, .quick-search div.group-select {width: 57%;}
	.quick-search div.selectDates { width: 68%;}
	.quick-search div.group-select:nth-child(3), .quick-search div.group-select:nth-child(4), .quick-search div.group-select:nth-child(5){margin-top: 0px;}
	.quick-search div.promoCode {width: 26%;}
	.quick-search div.group-select:nth-child(6) {width: 41%; margin-top: 0px !important;}
  .quick-search div.promoCode {margin-top: 10px;}
	.quick-search input[type="submit"] {top: auto; width: 99%; margin-top: 0; margin-bottom: 3px;}
	.secondRow div.group-select:first-child {width: 60%; margin-top: 6px;}
	.quick-search .form-group {top: 19px; width: 36%;}
	.quick-search div.group-select:nth-child(5):after {content: ""; clear: both; display: block;}
	.quick-search a:last-child {right: 11px; top: auto; text-align: left; width: auto; bottom: -21px;}
	.quick-search .group-select+a+a {top: 18px;}
	a.clickHere {width: 42%;}
	.quick-search .secondRow div.group-select:nth-child(2) {width: 48%; margin-top: 6px;}
	.quick-search .secondRow div.group-select:nth-child(3) {margin-top: 12px !important;}
	.secondRow div.group-select:first-child {width: 50%; margin-bottom: 0px;}
	.quick-search .secondRow div.group-select:nth-child(3) {width: 42%;}
	.quick-search div.group-select:nth-child(5) {width: 36%; margin-bottom: 10px;}
	.quick-search div.selectDates {width: 47%;}
	#golfPackageNav {float: none; margin-bottom: 16px;}
	.golfPackagesContainer img {margin: 11px 30px 15px 0;}
	div#golfPackageNav a {display: inline-block; width: 49%; vertical-align: top; font-size: 12px; margin: 3px 0; padding: 10px;}
	#videoModal .modal-dialog {width: 90%; margin: 0 auto;}
	#videoModal .modal-dialog iframe {width: 100%;}
	.complexesContainer img {width: 100%; max-height: none;}
	.homeContainer .quick-search {bottom: 0px;}
  .quick-search div.selectDates {100%;}
  .interiorContainer .quick-search div.selectDates {width: 47%;}
  .content.int.rentalManagementContainer .managementServicesSection {width: 98%;}
  .thingsToDoContainer div > p, .vacationPackages div > p { display: block;}
  .thingsToDoContainer div, .vacationPackages div  {margin-bottom: 12px;}
  .headerContainer a.phone:first-child {text-align: left; left: auto;}
  .header a.phone+span {left: auto; margin-left: 3px;}
  .headerContainer .pull-right {margin-right: 16px;}
  .industryPartners div {margin: 11px auto; text-align: center;}
  /*Hover Effect*/
  div.hoverBorder {min-width: auto;}
  div.hoverBorder h2 {margin: 10px 0 10px 0; font-size: 25px; text-align: center;}
  div.hoverBorder span:before {top: 11px; right: 11px; bottom: 11px; left: 11px;}
  div.hoverBorder p {padding: 0;}
  /*END Hover Effect*/
  .row.industryPartners div.logo img {margin-top: 6px; margin-bottom: 6px;}
  .footer .quickLinks .row div {margin-top: 0;}
  .headerContainer, .headerContainer .pull-right { text-align: center; width: 100%; }
  .header a.homeLink { position: relative; top: 3px; }
  .headerContainer p { width: 100%; text-align: center !important; }
  .headerContainer p a { display: inline-block !important; }
 	.header a.phone:first-child, .header a.phone {text-align: center; width: auto;}
  .owner-login { display: inline-block; }
  form#sitesearch { float: none; margin: 0; vertical-align: top;}
  .interiorSection img { max-width: 100%; }
  .fancybox-nav span { visibility: visible !important; }
  .bannerDeals div+div span.btn {margin-left: 0px; width: 100%;}
  .bannerDeals div {text-align: center;}
  .property-cont {position: relative;}
  .prop-box .prop-pic .view {display: none !important;}
  .property-cont .prop-info {padding: 105px 10px 10px 10px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0,0,0,0.5); color: #fff;}
  .property-cont .prop-info h4 {margin-top: 0; color: #fff; line-height: 1.25;}
  .property-cont .prop-info .amenities {margin-bottom: 0}
  .property-cont .prop-info li {padding: 0 !important; background: none !important; color: #fff;}
  .property-cont .prop-addy {display: none;}
  .property-cont .desc {display: none;}
  .industryPartners .partners {display: none;}
  .footer-social .social {margin-bottom: 0;}
  .footer .quickLinks .row div {display: inline-block; width: 33.33333%; float: none; margin-right: -5px; vertical-align: top;}
  .footer .quickLinks .row div:nth-child(4), .footer .quickLinks .row div:nth-child(5) {width: 50%;}
/*   .quick-search .secondRow {display: none !important;} */
  .blank-box {height: 0;}
}

@media only screen and (max-width: 736px) {
  .video-block {display: none;}
  a.clickHere {width: 75%;}
	.prop-box {width: 356px;}
	.prop-box .desc {min-height: 100px; height: auto;}
  .featured-real-estate > a {width: 50%;}
  .featured-real-estate > a:nth-last-child(2) {margin: 0;}
  .featured-real-estate > a:nth-last-child(-n+2) {margin-bottom: 6px;}
  .featured-real-estate > a:last-child {float: none; clear: both; margin: 6px auto 0;}
}

@media only screen and (max-width: 667px) {
	.prop-box {width: 319px; }
  .property-cont .prop-info {padding-top: 75px}

}

@media only screen and (max-width: 660px) {
	.quick-search .group-select+a {left: initial; top: 17px;}
	.quick-search .group-select+a+a {top: initial;left: 145px;}
	.quick-search .group-select+a {left: initial; top: initial; width: 23%; float: left;}
	.quick-search .group-select+a+a {top: initial; left: initial; width: 25%; float: left;}
}

/*Samsung Galaxy S4 Landscape*/
@media only screen and (width: 640px) {
	.prop-box {width: 305px; min-height: 539px;}
}

@media only screen and (max-width: 589px) {
	.resortContainer .frame {width: 84%; margin-left: 6%; margin-right: 10%; float: none;}
	.resortContainer .frame:first-child {margin-right: inherit;}
	.resortContainer .frame img:first-child {width: 121%;}
      .banner #banner {height: 365px;}
      .interiorContainer .banner #banner {height: 355px;}
	.quick-search { bottom: 5px;}
	.quick-search div.selectDates {width: 100%;}
	.quick-search div.group-select:nth-child(2) {width: 49%;}
	.quick-search div.group-select:nth-child(6), .quick-search div.promoCode, .quick-search input[type="submit"] {margin-top: 10px;}
	.quick-search div.group-select:nth-child(3), .quick-search div.group-select:nth-child(4) {width: 24%;}
	.quick-search div.group-select:nth-child(5), .quick-search div.group-select:nth-child(6), .quick-search div.promoCode, .quick-search input[type="submit"], .secondRow div.group-select:first-child, .quick-search .secondRow div.group-select:nth-child(2), .quick-search div.group-select:nth-child(3); .quick-search div.group-select:nth-child(4), .quick-search div.group-select:nth-child(5) {width: 49%;}
	.quick-search div.group-select:nth-child(5), .quick-search div.group-select:nth-child(6), .quick-search div.promoCode, .quick-search input[type="submit"], .secondRow .quick-search div.group-select:nth-child(3) {width: 49%;}
       .quick-search input[type="submit"] {width: 99%;}
	.quick-search .form-group {top: 21px; left: 0px;}
	.secondRow div.group-select:first-child {margin-top: 14px;}
	.row.homeSection ul {width: 100%; margin: 27px 0% 27px 0%;}
	.quick-search .secondRow:before, .quick-search:after {content: none;}
	.quick-search .secondRow div.group-select:nth-child(2) {width: 49%; margin-top: 14px;}
	.quick-search .secondRow {position: relative; display: block; float: none; clear: both;}
	.secondRow div.group-select:first-child {width: 49%;}
	.popularSearchesContainer p {width: 49%;}
	.rentalManagementContainer .mainContent, .rentalManagementContainer .sideContent {width: 100%; margin-left: 0;}
	.interiorContainer .quick-search div.selectDates {width: 100%;}
	.homeContainer .videoContainer {overflow: hidden; min-height: 249px;}
	.homeContainer .videoContainer+img {display: none;}
	.homeContainer .featured.complexes {margin-top: 0;}
	.thingsToDoContainer div, .vacationPackages div {width: 100%;}
	.header a.phone {font: 800 18px/20px 'montserratregular', sans-serif;}
	.header a.phone {font: 800 12px/16px 'montserratregular', sans-serif;}
	.header a.phone+span {left: auto; margin-left: 0px; font: 800 17px/20px 'montserratregular', sans-serif; margin-bottom: 5px;}
	.header a.phone {font: 800 17px/19px 'montserratregular', sans-serif;}
	form#sitesearch {float: none; width: 100%;}
	.headerContainer .pull-right {padding: 0 15px;}
	.header .search {width: 100%;}
	.header .container {padding: 0;}
	a.logo img {margin-bottom: 11px;}
	.industryPartners div.logo img {margin-top: 0;}
      .partners div.flipkey img {margin-top: 16px !important;  max-width: 100% !important;}
	.industryPartners div:nth-child(1) img {margin: 0 auto 0px auto;}
	/*Hover Effect*/
	div.hoverBorder {width: 100%; max-width: 480px; float: none; margin: 23px auto;}
	div.hoverBorder h2 {font-size: 45px;}
	.vacationPackagesContainer .hoverBorder+p {width: 100%;}
	.footer .container:first-child {padding-top: 20px;}
	/*END Hover Effects*/
	.featured .cycle-slideshow { margin: 0 auto; }
  .property-cont .prop-info {padding-top: 75px}
}

@media only screen and (max-width: 568px) {
  .headerContainer .berkshire-hathaway-logo {float: none; display: block;}
	.prop-box {width: 267px; }
  .property-cont .prop-info {padding-top: 45px}
  .footer .quickLinks .row div {width: 50%;}
  .footer .quickLinks .row div:nth-child(4) {width: 50%}
  .footer .quickLinks .row div:nth-child(5) {width: 100%;}
  .new-listings .listing-img, .new-listings .listing-info {width: 100%; float: none;}
  .new-listings .listing-info ul {padding-left: 0; margin-bottom: 10px !important;}
  /*cms resorts*/.cms-resorts-option-1 > div > div {width: 100%;}/*END cms resorts*/
}

@media only screen and (max-width: 555px) {
	.quick-search a:last-child {bottom: 14px;}
}

@media only screen and (max-width: 480px) {
  .navContainer ul.navigation li ul li {width: 100% !important;4}
  .navContainer ul.navigation li:nth-child(2) ul li, .navContainer ul.navigation li:nth-child(5) ul li {max-width: 100%; width: 100%;}
	.headerContainer .logo {height: 50px; margin-bottom: 0; margin-top: 10px;}
  .headerContainer .phone-numbers {margin-top: 10px;}
  .prop-map .gm-style .gm-style-iw {overflow: scroll !important;}
	.prop-map .gm-style-iw, .prop-map .gm-style-iw div{overflow: scroll !important;}
	.gm-style-iw, .gm-style-iw div{overflow: scroll !important;}
	#golfPackageNav {margin-left: 0;}
	#golfPackageNav a {width: 100%;}
  .banner #banner {height: 400px;}
  .interiorContainer .banner #banner {height: 390px;}
  .banner #banner img {width: 125%;}
	.quick-search .secondRow div.group-select:nth-child(3) {width: 99%;}
	.quick-search .form-group {top: 7px;}
	.quick-search a:last-child {top: 10px;}
	.header a.phone+span {font: 800 14px/20px 'montserratregular', sans-serif;}
  .header .pull-right a.sm:nth-child(4) {width: 34px;}
  .header .pull-right a.sm:nth-child(3) {width: 30px;}
  .header .facebook {background-size: 136%;}
  .header a.homeLink {margin-right: 0px;}
  .header .pull-right a.sm {left: -12px; width: 17px;}
  .header .pull-right a.sm.twitter {background-size: auto; width: 32px;}
	.header .pull-right a.sm.facebook {background-size: auto; width: 26px;}
	h1, .h1 {font: 500 20px 'open_sansregular', sans-serif;}
	h2, .h2 {font-size: 20px;}
	h3, .h3, .content.home .homeSection p.h3, .interiorSection p.h3 {font: 500 20px 'open_sansregular', sans-serif;}
	.row.homeSection li {width: 100%; margin-bottom: 4px;}
	div.hoverBorder h2 {font-size: 22px;}
  .quick-search .bootstrap-select.btn-group .dropdown-menu li {position: static;} /*JMS*/
  .quick-search .secondRow div.group-select:nth-child(2) .dropdown-menu.open {left: -100%; right: 0;}
  .prop-box {width: 225px;}
  .property-cont .prop-info {padding-top: 15px}
  .interiorSection img {margin-left: 0 !important; margin-right: 0 !important; float: none !important;}
  .marketing-program img {width: 100% !important;}
  .img-block {width: 100% !important;}
  .featured-real-estate > a {width: 100%;}
}

@media only screen and (max-width: 414px) {
  .headerContainer .logo {width: 100%;}
  .headerContainer .dateTime, .header a.phone {font-size: 14px;}
  .banner #banner img, .interiorContainer .banner #banner img {width: 250%; left: -75%;}
  a.clickHere {width: 100%;}
	.prop-box {width: 380px;}
  .property-cont .prop-info {padding-top: 115px}
  .footer .quickLinks .row div {width: 100% !important;}
}

@media only screen and (max-width: 400px) {
  .headerContainer .pull-right {margin-right: 15px;}
	.golfPackagesContainer img {float: none; width: 100%; margin: 10px 0 15px 0;}
  .floatRight, .floatLeft {width: 100% !important; margin: 10px 0 10px 0 !important;}
  .homeContainer .video {width: 300px;}
  .wistia_responsive_padding {max-width: 253px;}
}

@media only screen and (max-width: 375px) {
	.prop-box {width: 340px; }
  .property-cont .prop-info {padding-top: 90px}
}
/*Galaxy*/
@media only screen and (max-width: 360px) {
	.prop-box {width: 330px;}
}
@media only screen and (max-width: 320px) {
	.prop-box {width: 290px;}
  .property-cont .prop-info {padding-top: 55px}

}