@charset "utf-8";
area.showTip { cursor:pointer; display:block; opacity:1; background:#000; border:red; }
/* bootstrap fluid fix */
body { overflow-x:hidden; }
/*----------intial declartaion of css----------*/
* { padding: 0; margin: 0; }
ul, ol { list-style: none; }
#content ul { list-style:url(/images/listing-sep.png); }
#content ol { list-style:decimal; }
body { font-family: "museo-sans", sans-serif; }
/*--------sticky footer or vertical footer------------*/
body, html { height: 100%; }
h1, h2, h3, h4, h5, h6 { margin-top: 0 }
a { outline: none !important; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; color: #f99d2b }
a:hover, a:focus { color: #96ca50; text-decoration: none; }
a:focus { outline: none; outline-offset: 0; }
img { max-width: 100% }
span { font-size: 18px; line-height: 20px; color: #000; font-weight: 400 }
p { color: #333333; font-size: 16px; line-height: 20px; margin-bottom: 10px; font-weight: 300 }
#content { min-height:300px; }
/*-----------header section styles goes here---------------*/
header { width: 100%; position: absolute; z-index: 999 }
.main-header { width: 100%; text-align: center; padding: 30px 0; }
.main-header .row { display: table; width: 100%; height: 100% }
.main-header [class*="col-"] { display: table-cell; vertical-align: middle; height: 100%; float: none }
.logo a img { width: 100% }
.main-header .header-contact { width: 100% }
.main-header .header-contact span { display: inline-block; vertical-align: middle; margin-right: 15px }
.main-header .header-contact span:last-child { margin-right: 0 }
.main-header .header-contact span i { background: rgba(0,0,0,0.40); width: 55px; height: 55px; border: 3px solid #96ca50; border-radius: 50%; display: inline-block; font-size: 32px; color: #fff; line-height: 50px; }
.main-header .header-contact a { color: #fff; display: block; font-size: 34px; line-height: 1; font-family: "brandon-grotesque", sans-serif; font-weight: 400; letter-spacing: 3px; }
.main-header .header-contact a:hover { color: #96ca50 }
.main-header .social { width: 100%; text-align: left }
.main-header .social ul { width: 100%; }
.main-header .social ul li { display: inline-block; margin-right: 20px; text-align: center }
.main-header .social ul li:last-child { margin-right: 0; }
.main-header .social ul li a { background: rgba(0,0,0,0.40); width: 55px; height: 55px; border: 3px solid #96ca50; border-radius: 50%; display: inline-block }
.main-header .social ul li a:hover { background: rgba(0,0,0,0.80); }
.main-header .social ul li a i { font-size: 28px; color: #fff; line-height: 48px; }
/*Default menu styles*/
nav { width: 100%; text-align: center }
.menu-icon { display: none; width: 50px; height: 38px; padding:0 5px; position: absolute; right:10px; top:-3px; cursor: pointer; }
.menu-icon .menu-box span { width: 100%; height: 4px; margin-bottom: 6px; background: #fff; display: block; border-radius: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.menu-icon.active span:nth-child(1) { transform: rotate(45deg) translateY(8px) translateX(8px); -webkit-transform: rotate(45deg) translateY(8px) translateX(8px); }
.menu-icon.active span:nth-child(2) { opacity: 0; }
.menu-icon.active span:nth-child(3) { transform: rotate(-45deg) translateY(-7px) translateX(6px); -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px); }
.enumenu_ul .caret { color: #fff; margin-left: 7px; }
.enumenu_ul { padding: 0px; list-style: none; }
.enumenu_ul > li { display: inline-block; vertical-align: middle; position: relative; z-index: 999 }
.enumenu_ul li a { font-size: 18px; color: #fff; padding: 8px 15px; font-family: "brandon-grotesque", sans-serif; letter-spacing: 2px; text-transform: uppercase; border: 3px solid transparent; display: inline-block; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
/*.enumenu_ul li a { font-size: 18px; color: #fff; padding: 8px 30px 8px 15px; font-family: "brandon-grotesque", sans-serif; letter-spacing: 2px; text-transform: uppercase; border: 3px solid transparent; display: inline-block; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } */
.enumenu_ul > li:hover > a, .enumenu_ul > li.active > a { background: rgba(0,0,0,0.40); border: 3px solid #96ca50; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; color: #96ca50 }
.enumenu_ul > li ul { display: none }
.enumenu_ul ul li { width: 100%; margin: 0; list-style: none; position: relative; }
.enumenu_ul.desk ul { top: 0; z-index: -1; list-style: none; left: 0px; background: rgba(0,0,0,0.70); position: absolute; min-width: 100%; border: 3px solid #96ca50; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 40px 0 0; }
.enumenu_ul li.sb-menu-li a { border-bottom: 3px solid transparent; background-color: transparent; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
.enumenu_ul li.sb-menu-li:last-of-type a { border-right:0; border-radius: 10px 0 0 0; -webkit-border-radius:10px 0 0 0; }
.enumenu_ul li.sb-menu-li.active > a { border-bottom: 3px solid #96ca50; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
.enumenu_ul li.sb-menu-li.active.hover > a { border-bottom: 3px solid transparent; background-color: transparent; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
/*Sub menu styles*/
.menu.submenu-ul-level1 li a { background: rgba(31,26,107,0.8); color: #fff; padding-left: 90px; }
.enumenu_ul.desk li:hover > ul { display: block; opacity: 1; }
.enumenu_ul.desk .sb-menu .sb-menu { left: 100%; top: 0; padding-top: 0 }
.enumenu_ul.desk ul li { padding: 0 12px; }
.enumenu_ul.desk ul li a { display: block; color: #fff; font-size: 14px; text-align: left; padding: 5px 0; letter-spacing: 1px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; }
.enumenu_ul.desk ul li:hover > a { color: #96ca50 }
.enumenu_ul .arrow { position: absolute; right: 20px; top: 9px; }
.enumenu_ul .arrow:before { position: absolute; cursor: pointer; z-index: 999; content: "\f067"; font-size: 16px; color: #fff; font-family: 'FontAwesome'; }
.enumenu_ul .arrow.up:before { position: absolute; cursor: pointer; z-index: 999; content: "\f068"; font-size: 16px; color: #fff; font-family: 'FontAwesome'; }
.enumenu_ul li a span { border-color: #f99d2a transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; vertical-align: middle; width: 0;display:inline-block}
/*.enumenu_ul li a span { border-color: #f99d2a transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; position: absolute; vertical-align: middle; width: 0; right: 18px; top: 50%; margin-top: -2px; } */
.enumenu_ul.desk li.last .sb-menu { left: auto; right: 100% }
.enumenu_ul.desk .sb-menu .sb-menu li a { padding: 2px 0; }
/*-----------header section styles ends here---------------*/

/*-----------Banner section styles goes here---------------*/
.banner { background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat; z-index: 9; position: relative }
.banner:after { background: rgba(0,0,0,0.40); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1 }
.banner .container { height: 100%; }
.banner .banner-wrapper { display: table; width: 100%; height: 100%; text-align: center }
.banner .banner-wrapper .banner-fade { display: table-cell; vertical-align: middle; height: 100%; width: 100% }
.banner h1, .banner h2 { font-size: 63px; font-weight: 300; color: rgba(255,255,255,0.50); font-family: "brandon-grotesque", sans-serif; letter-spacing: 6px; line-height: 70px; text-transform: none; margin: 0 }
.banner h1 strong, .banner h2 strong { font-weight: 700; display: block; font-size: 63px; color: rgba(255,255,255,0.50); font-family: "brandon-grotesque", sans-serif; display: inline-block; width: 100% }
.banner .view-btn { position: absolute; bottom: 40px; left: 0; right: 0;z-index:999 }
.banner .view-btn a { background: rgba(150,202,80,0.60) url(/images/our-properties-arrow.svg) no-repeat 94% center; padding: 26px 132px 26px 45px; font-size: 48px; letter-spacing: 5px; color: #fff; text-transform: uppercase; display: inline-block; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; font-weight: 300 }
.banner .view-btn a:hover { background-color: rgba(150,202,80,1) }
.banner .down-arrow { position: absolute; bottom: -25px; left: 0; right: 0; }
.banner .down-arrow a { color: rgba(255,255,255,0.6); font-size: 54px; }


.banner-text-mob{display:none}
/*-----------Banner section styles ends here---------------*/

/*-----------About crash pads section styles goes here---------------*/
.about-crash-pads { background: #33312e; padding: 30px 0 25px; text-align: center }
.about-crash-pads p { font-size: 20px; line-height: 30px; color: #fff; font-weight: 300; margin-bottom: 35px; }
.about-crash-pads h4 { color: #96ca50; font-size: 30px; font-weight: 300; line-height: 36px; font-family: "museo-sans", sans-serif; }
.about-crash-pads h1 { font-size:46px; font-weight: 300; color: #fff; font-family: "brandon-grotesque", sans-serif; line-height:1; text-transform: none; margin:20px 0; }
/*-----------About crash pads section styles ends here---------------*/

/*-----------footer section styles goes here---------------*/
.footer { padding: 28px 0 30px; background: #33312e; }
.footer ul { margin: 0 }
.footer ul li { display: inline-block; color: #fff; font-size: 14px; line-height: 18px; font-weight: 300; margin-right: 5px; padding-right: 8px; border-right: 1px solid #fff; line-height: 14px; vertical-align: middle }
.footer ul li:last-child { margin-right: 0; padding-right: 0; border: none }
.footer ul li a, .footer p a { color: #fff; font-size: 14px; font-weight: 300 }
.footer ul li a:hover, .footer p a:hover { color: #96ca50 }
.footer p { margin: 0; color: #fff; font-size: 14px; text-align: right; font-weight: 300;}
/*-----------footer section styles ends here---------------*/

.preload { display: none }
/*-----------Inner banner section styles goes here---------------*/
.mid-section { padding: 40px 0; }
.inner-banner { background-size: cover; background-position:center; width: 100%; min-height: 339px; background-repeat: no-repeat; z-index: 9; position: relative; }
.inner-banner:after { background: rgba(0,0,0,0.40); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1 }
/*-----------Inner banner section styles ends here---------------*/

/*-----------Left wrapper section styles goes here---------------*/
.left-wrapper { margin-bottom: 25px; }
.left-wrapper h2 { margin-left: 20px; font-weight: 400 }
.left-wrapper ul { width: 100%; margin: 0; border-left: 8px solid #96ca4f; }
.left-wrapper ul li { border-top: 2px solid #dadada; }
.left-wrapper > ul > li:last-child { border-bottom: 2px solid #dadada; }
.left-wrapper ul li a { padding: 5px 0 4px 15px; font-size: 18px; color: #33312e; font-weight: 400; text-transform: uppercase; display: inline-block; font-family: "brandon-grotesque", sans-serif; line-height: 24px; }
.left-wrapper ul li a:hover, .left-wrapper ul li a.active { color: #f99d2a }
.left-wrapper ul li ul { margin-left: -8px; border-color: #f99d2a }
.left-wrapper ul li ul li { border: none }
.left-wrapper ul li ul li a { padding: 2px 0 2px 50px; color: #f99d2a; font-size: 16px; }
.left-wrapper ul li ul li a:hover { color: #c0761a }
.left-wrapper ul li.active > a { color: #f99d2a }
/*-----------Left wrapper section styles ends here---------------*/

/*-----------Individual pad banner section styles goes here---------------*/
.individual-pad-banner { min-height: 944px; background-color:#222; background-repeat: no-repeat; background-position:center center; background-size: cover; position: relative; z-index: 9 }
.individual-pad-banner:after { background: rgba(0,0,0,0.40); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1 }
.individual-pad-banner-wrapper { position: absolute; bottom: 30px; left: 0; right: 0; width: 100%; text-align: center }
.pad-section { width: 100%; margin-bottom: 15px; }
.pad-section .middle-pad { display: inline-block; margin-right: 0px; text-transform:uppercase; }
.pad-section span.right, .pad-section span.left { background: #f99d2b; padding: 5px 5px; vertical-align: middle; text-align: center; font-size: 14px; color: #fff; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; text-transform: uppercase; display: inline-block; line-height: 18px; font-family: "brandon-grotesque", sans-serif; letter-spacing: 1.2px; min-width: 150px; max-width:168px; }
.pad-section span.left { margin-right: -4px; position: relative }
.pad-section span.left:after { content: ""; position: absolute; left: -14px; top: 50%; margin-top: -23px; background: url(/images/left-sep.png) no-repeat left center; width: 14px; height: 46px; }
.pad-section span.right { margin-left: -4px; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; position: relative }
.pad-section span.right:after { content: ""; position: absolute; right: -14px; top: 50%; margin-top: -23px; background: url(/images/right-sep.png) no-repeat left center; width: 14px; height: 46px; }
.pad-section span { background: rgba(150,202,80,0.80); vertical-align: middle; padding: 34px 57px; font-size: 48px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; color: #fff; display: inline-block; font-family: "brandon-grotesque", sans-serif; letter-spacing: 2px; }
/*-----------Individual pad banner section styles ends here---------------*/

/*-----------Category section styles goes here---------------*/
.category { display: inline-block; margin-bottom: 15px; }
.category ul { background: rgba(150,202,80,0.80); padding: 14px 0; -webkit-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px; margin: 0 }
.category ul li { display: inline-block; border-right: 2px solid #aeeeaf; font-size: 30px; text-transform: uppercase; color: #fff; vertical-align: middle; line-height: 36px; padding: 10px 20px; font-family: "brandon-grotesque", sans-serif; }
.category ul li:last-child { border: none }
.category ul li span { font-size: 46px; font-family: "brandon-grotesque", sans-serif; color: #fff; letter-spacing: 3px; }
.category ul li p { font-size: 21px; font-family: "brandon-grotesque", sans-serif; color: #fff; margin: 5px 0 0 0; letter-spacing: 3px; }
.category ul li.singleprice, .category ul li.singleprice p { font-size: 18px; line-height: 1.1; }
.category ul li.singleprice { margin-top:10px; }
/*-----------Category section styles ends here---------------*/

/*-----------Social share section styles goes here---------------*/
.social-share { display: block }
.social-share span { color: #fff; font-family: "brandon-grotesque", sans-serif; font-size: 14px; font-weight: 300; margin: 0; vertical-align: middle; display: inline-block }
.main-heading { text-align: center; padding: 20px 0 17px; background: #96ca50; }
/*-----------Social share section styles ends here---------------*/

/*-----------usp section styles goes here---------------*/
.usp-section .main-heading { background:#f99d2b; padding-left:20px; padding-right:20px; }
.usp-section .main-heading h2, .usp-section .main-heading h3, .usp-section .main-heading p { color:#fff; }
.usp-section .main-heading h2, .usp-section .main-heading h3 { font-size:30px;color:#fff;text-transform:uppercase;font-family: "brandon-grotesque",sans-serif;font-weight:400;letter-spacing:4px;margin:0 }
.usp-section .main-heading h3 { font-size:22px; }
.usp-section .main-heading p { font-size:18px; color:#222; }
/*-----------usp section styles ends here---------------*/

/*-----------floor plan section styles goes here---------------*/
.floor-plan-section .floor-plan-wrapper { padding: 20px 0 0; text-align: center }
.floor-plan-section .floor-plan-wrapper img { width:100%; margin:0 0 20px 0; max-width:900px; }
.floor-plan-section .main-heading { background: #96CA4F }
.floor-plan-section h2 { position: absolute; top: 0; width: 100%; left: 0 }
.plan-img { display: inline-block; vertical-align: middle; margin-top: 45px; }
.floor-plan-section [class*="col-"] { display: table-cell; vertical-align: middle; height: 100%; float: none }
.floor-plan-section ul { background: #f99d2b; padding: 14px 0 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
.floor-plan-section ul li { margin-left: 25px; display: inline-block; margin-bottom: 2px; min-width: 17%; vertical-align: top }
.floor-plan-section ul li small { font-size: 12px; color: #fff; text-transform: uppercase; letter-spacing: 1px; display: inline-block; vertical-align: middle; line-height: 12px; font-weight: 300 }
.floor-plan-section ul li span { margin-right: 10px; }
.floor-plan-section ul li span img { max-width: 34px; max-height: 34px; }
/*-----------floor plan section styles ends here---------------*/

/*-----------Photo gallery section styles goes here---------------*/
.photo-gallery-section { width: 100% }
.photo-gallery-section .container-fluid { padding-left: 10px; padding-right: 10px; position: relative }
.photo-gallery-section ul { margin: 10px -5px }
.photo-gallery-section ul li { width: 33.3333%; float: left; padding-left: 5px; padding-right: 5px; }
.photo-gallery-section ul li img { width: 100%; display: inline-block }
.prev, .next { position: absolute; top: 50%; margin-top: -23px; }
.prev a, .next a { background: url(/images/control-sprite.png) no-repeat left top; width: 31px; height: 50px; display: inline-block; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
.prev a:hover { background-position: left -100px }
.next a { background-position: right top }
.next a:hover { background-position: right -100px }
.prev { left: 25px; }
.next { right: 25px; }
/*-----------Photo gallery section styles ends here---------------*/

/*-----------Description features section styles goes here---------------*/
.description-features-heading { background: #f99d2b; min-height: 76px; }
.description-features-section { width: 100%; margin-top: -76px; padding: 20px 0 45px; }
.description-features-section .heading-title { min-height: 80px; text-align: center }
.description-features-section p { font-size: 18px; color: #000; line-height: 24px; font-weight: 500; margin-bottom: 5px; }
.description-features-section ul { width: 100% }
.description-features-section ul li { font-size: 18px; color: #000; line-height: 24px; font-weight: 500; margin-bottom: 5px; position: relative; padding-left: 25px; }
.description-features-section ul li:after { /*content: "\f015";*/ content:""; position: absolute; left: 0; top: 5px; color: #f99d2b; /*font-family: 'FontAwesome';*/ font-size: 13px; background:url(/images/listing-sep.png); width:12px; height:12px; }
/*-----------Description features section styles ends here---------------*/

/*-----------Map section styles goes here---------------*/
.map { width: 100%; margin:0 auto; }
.map iframe { border: 1px solid #bfbfbf; height: 394px; width: 100%; display: block }
/*-----------Map section styles ends here---------------*/
.inner-nav { margin-top: 20px; }
.banner .down-arrow { -webkit-animation: scrolldown 1.1s infinite ease-out; -moz-animation: scrolldown 1.1s infinite ease-out; -o-animation: scrolldown 1.1s infinite ease-out; -ms-animation: scrolldown 1.1s infinite ease-out; animation: scrolldown 1.1s infinite ease-out; -webkit-animation-delay: 7s; -moz-animation-delay: 7s; -o-animation-delay: 7s; -ms-animation-delay: 7s; animation-delay: 7s; -webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; animation-fill-mode:backwards; margin: 0 auto;
}
 @keyframes scrolldown {
0% {
 opacity: 0;
 transform: translateY(-1em);
}
100% {
 opacity: 1;
 transform: none;
}
}
@keyframes scrolldown {
0% {
 opacity: 0;
 transform: translateY(-1em);
 -moz-transform: translateY(-1em);
 -ms-transform: translateY(-1em);
 -webkit-transform: translateY(-1em);
}
100% {
 opacity: 1;
 transform: none;
 -moz-transform: none;
 -ms-transform: none;
 -webkit-transform: none;
}
}

/* embedded video aspect ratio adjustment */
.videoWrapper, .videoWrapper4by3, .videoWrapper3by1, .videoWrapper1by1 { position:relative; height:0; margin:0 0 20px; border:0; }
.videoWrapper { padding-bottom:56.25%; }
.videoWrapper4by3 { padding-bottom:75%; }
.videoWrapper3by1 { padding-bottom:33.33%; }
.videoWrapper1by1 { padding-bottom:100%; }
.videoWrapper iframe, .videoWrapper4by3 iframe, .videoWrapper3by1 iframe, .videoWrapper1by1 iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/* tooltip for image map */
div#tipDiv { font-family:"brandon-grotesque", sans-serif; font-size:16px; font-weight:400; color:#96ca4f; line-height:1.1; color:#000; background-color:#fff; border:3px solid #96CA4F; box-shadow:0 5px 10px rgba(0,0,0,0.40); }
div#tipDiv div.topBar { background-color:#96CA4F; min-height:25px; /* for bg color if no caption (close.gif is 14px) */ text-align:center; padding:10px 0 10px; }
/* for ie < 7 */
* html div#tipDiv div.topBar { height:14px; /* ie will expand if needed  */ }
div#tipDiv span.caption { color:#fff; font-size:30px; line-height:1.1; text-transform:uppercase; letter-spacing:2px; font-weight:400; }
div#tipDiv div.XtipContent {  }
div#tipDiv p { margin:0 0 .7em 0; }
/* used in dw_Tooltip.wrapImageOverText */
div#tipDiv div.txt { text-align:center; margin:4px 0; }
div#tipDiv { margin:0 15px; width:60%; }
div#tipDiv .XtipContent { text-align:center; padding:0; }
div#tipDiv .XtipContent img { width:100%; }
@media (min-width:480px) { div#tipDiv { margin:0; width:40%; } }
@media (min-width:768px) { div#tipDiv .XtipContent img { width:500px; height:auto; } div#tipDiv { margin:0; width:auto; } }
@media (min-width:992px) { div#tipDiv .XtipContent img { height:460px; width:auto; } }
@media (min-width:1200px) { div#tipDiv .XtipContent img { height:600px; } }

/* footerlogos and propertylogos */
.propertylogos { text-align:center; }
.footerlogos { border-top:3px solid #33312E; padding:10px 0; text-align:center; }
.footerlogos a img, #content .propertylogos a img { width:auto; margin:5px; transition:all 0.2s ease-in-out; max-height:62px; max-width:177px; padding:0; border:none; border-radius:0; box-shadow:none; outline:none; }
.propertylogos a img { max-height:62px; max-width:177px; }
.footerlogos a:hover img, .propertylogos a:hover img { opacity:0.6; }
@media (min-width:768px) { .footerlogos a img { max-height:80px; max-width:250px; } #content .propertylogos a img { max-height:68px; max-width:195px; } }
@media (min-width:992px) { .footerlogos a img { max-height:62px; max-width:177px; } #content .propertylogos a img { max-height:70px; max-width:205px; } }
@media (min-width:1200px) { .footerlogos a img { max-height:80px; max-width:200px; } }

/*amenitieslist
@media (min-width:992px) { ul.amenitieslist { -webkit-column-count:2; -moz-column-count:2; column-count:2; } }*/

/*map*/
#map { width:100%; height:400px; border-top:3px solid #33312E; }

/* property search */
.docsearchbox { margin:20px 0 10px; }
.docsearchbox .form-row select { width:100%; padding:4px 6px; border:1px solid #222; border-radius:9px; font-size:120%; vertical-align:baseline; }

/* list and single views property bits */
a .listitemtype { border:3px solid #DADADA; transition:all 0.5s ease-in-out; }
a .listitemtype:hover { border:3px solid #F99D2B; transition:all 0.2s ease-in-out; }
#content a .propertylist-text p.propertylist-price, #content a .propertylist-text p.propertylist-beds, #content a .propertylist-text p span { color:#96ca4f; }
#content a .propertylist-text p { color:#fff; text-transform:uppercase; font-size:14px; margin:0; }
a .listitemtype .propertylist-text { background:rgba(51,49,46,0.60); position:absolute; bottom:0; width:100%; text-align:center; padding:15px 0 0; transition:all 0.5s ease-in-out; }
a .listitemtype:hover .propertylist-text { background:rgba(51,49,46,0.75); padding:15px 0 15px; transition:all 0.2s ease-in-out; }
#content .propertylist-text h3 { color:#F99D2B; font-weight:400; line-height:1; }
#content a .propertylist-text p span, #content .propertylist-text h3 { font-size:24px; }
#content a .propertylist-text p i { font-style: normal; }
@media (max-width:768px) { #content a .propertylist-text p i { display:none; } }
p.propertylist-price, p.propertylist-address, p.propertylist-beds { display:inline-block; height:55px; }
p.propertylist-price { width:22%; } p.propertylist-address { width:48%; padding:0 5px; } p.propertylist-beds { width:22%; }
@media (min-width:768px) {
#content a .propertylist-text p { font-size:13px; } #content a .propertylist-text p.propertylist-price { font-size:12px; }
p.propertylist-price { width:100px; } p.propertylist-address { width:170px; padding:0 30px 0 0; } p.propertylist-beds { width:50px; padding-right:0; }
#content .listitemtype h3 { margin:0 0 5px 15px; }
}
@media (min-width:992px) {
#content a .propertylist-text p { font-size:13px; }
p.propertylist-price { width:65px; } p.propertylist-address { width:140px; padding:0; } p.propertylist-beds { width:65px; }
#content .listitemtype h3 { margin:0 0 5px; }
}
@media (min-width:1200px) {
#content a .propertylist-text p { font-size:14px; } #content a .propertylist-text p.propertylist-price { font-size:12px; }
p.propertylist-price { width:100px; } p.propertylist-address { width:180px; padding:0 20px 0 0; } p.propertylist-beds { width:70px; padding-right:10px; }
#content .listitemtype h3 { margin:0 0 5px 10px; }
}

/*-----------ongrid tabs---------------*/
.propertylist-status { background: #f99d2b; padding: 5px 0; vertical-align: middle; text-align: center; font-size: 14px; color: #fff; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; text-transform: uppercase; display: inline-block; line-height: 18px; font-family: "brandon-grotesque", sans-serif; letter-spacing: 1.2px; min-width: 130px; max-width:130px; float:right; margin-top:10px; position:absolute; right:4px; }
.propertylist-status { margin-right: -4px; position: relative }
.propertylist-status:after { content: ""; position: absolute; left: -14px; top: 50%; margin-top: -23px; background: url(/images/left-sep.png) no-repeat left center; width: 14px; height: 46px; }
.propertylist-status-let { min-width: 80px; max-width:80px; }
.propertylist-status-bedroom { background:#97CA51; }
.propertylist-status-bedroom:after { background: url(/images/left-sepgreen.png) no-repeat left center; }
/*-----------ongrid tabs ends here---------------*/

/* list and single views */
.associatedlist { margin:20px 0 0; }
.calendarwrap { background:#80A5B2; padding:20px 20px 10px; margin-bottom:30px; }
.listitem { margin:15px 0 20px; }
.listitem h3, .listitem p { margin:0; }
#content .listitem h3 a, #content .listitemtype h3 a { text-decoration:none; }
.listwrapper .col-sm-6 { margin-left:-15px; margin-right:-15px; }
#content .listwrapper img { border:none; box-shadow:none; padding:0; }
.listitemtype { margin:10px 0 20px; }
@media \0screen { .listitemtype { min-height:340px; height:340px; overflow:hidden; margin:10px 0; } }
.listitemimagewrapper { position:relative; background-size:cover; background-position:center center; padding-bottom:80%; height:0; }
.listitemimagewrapper h4 { position:absolute; background:rgba(0,0,0,0.40); display:block; width:100%; bottom:0; left:0; margin:0; padding:8px 15px 12px; color:#fff; }
.listitemimagewrappervideo { padding-bottom:55.5%; }
.listitemtype h2 { margin:10px 0 0; line-height:1.2; }
#content .listitemtype p.listsummary { margin:8px 0 0; font-size:14px; }
#content .listitemtype p.csbutton { float:right; margin:0 0 5px 10px; text-align:right; }
#content .listitemtypevideo p.csbutton { float:none; }
#content .listitemtype p.csbutton a { margin:0; }
.listitemsimple { margin:10px 0 30px; }
#content .listitemsimple h3 a { text-decoration:none; }
#content .listitemsimple h3, #content .listitemsimple p { margin:0; }
#content p.listitemdate { margin:0; font-size:14px; }
#content .listitemsimple p { line-height:1.4; }
#content .listitemsimple p.csbutton { margin:0; }
.singleitemcontent { margin:0 0 20px; }
.singleitemcontent .videoWrapper { margin-top:5px; }
.singleitemcontent h3 { margin-top:12px; }
#content .singleitemcontent img.right { width:100%; }
.socialmediafloat { float:none; margin-top:0; }
#content .socialmediafloat img { border:none; box-shadow:none; float:none; margin:0 5px 2px 0; padding:0; box-shadow:0; width:auto; }
.listoverimagedate { color:#BCDCE7; font-size:16px; font-weight:normal; }
@media (min-width:768px) { .listwrapper .col-sm-6 { margin-left:0; margin-right:0; }
.listwrapper .col-sm-6:nth-of-type(2n+1) { padding-left:0; clear:both; }
.listwrapper .col-sm-6:nth-of-type(2n+2) { padding-right:0; }
#content .singleitemcontent img.right { width:50%; }
.socialmediafloat { float:right; margin-top:0; }
.socialmediafloatraised { margin-top:-40px; }
#content .socialmediafloat img { float:right; margin:0 0 0 5px; } }
@media (min-width:992px) { .listwrapper .col-sm-6:nth-of-type(2n+1) { clear:none; }
.listwrapper .col-sm-6:nth-of-type(2n+2) { padding-right:10px; }
.listwrapper .col-md-4:nth-of-type(3n+1) { padding-left:0; padding-right:14px; clear:both; }
.listwrapper .col-md-4:nth-of-type(3n+2) { padding-left:7px; padding-right:7px; }
.listwrapper .col-md-4:nth-of-type(3n+3) { padding-left:14px; padding-right:0; } }

/* custom gallery styles */
.inline_gallery { margin:10px 0 10px; }
.gallerycontentwrap { margin:0; border:0; }
.inline_gallery h2, .inline_gallery p { margin:0; color:#fff; }
.slickimage { margin:0 5px; border:0; }

.formpopupbody { background:#F9F9F9; max-height:570px; }

.footercontactblock { background:#33312E; }
.footercontact { background:url(/images/footercontact.png) top left no-repeat; padding-left:30px; }
.footercontactnumbers { margin:30px 0 0; }
.footercontactaddress { padding-left:30px; background:url(/images/footercontactleft.png) top left no-repeat; margin:0 0 40px; padding-top:6px; }
.footercontact h3 { line-height:1.6; font-size: 26px; font-weight: 700; letter-spacing: normal; }
.footercontact p { line-height:1.4; margin:0 0 8px; color:#fff; }
.footercontact a { color:#fff; }
.footercontact a:hover { color:#96ca50; }
@media (min-width:768px) {
.footercontactnumbers { margin:30px 0 30px; }
.footercontactaddress { text-align:right; padding-left:0; padding-top:0; padding-right:30px; background:url(/images/footercontactleft.png) top right no-repeat; padding-top:6px; margin:30px 0 30px; }
}

.olark-launch-button.olark-text-button .olark-button-text span {
    color:#fff!important;
}
body .uwy .uai, body .uwy .ulsti {
    width:36px!important;
    height:36px!important;
}
body .uwy.userway_p7 .userway_buttons_wrapper {
    top: 10px!important;
    left: 10px!important;
}

/* Civic overrides */
#ccc-close{display:none!important}
#ccc-button-holder{max-width:300px}
#ccc-icon svg { fill:#96C851; }
#ccc .ccc-notify-button.ccc-accept-button{flex-wrap:wrap!important}
#ccc .ccc-content--dark .ccc-notify-button.ccc-accept-button{background:#0d7410!important}
#ccc .ccc-content--light .ccc-notify-button.ccc-accept-button{background:#b0d3b1!important}
#ccc .ccc-notify-button.ccc-reject-button{padding:4px 8px!important;font-size:0.8em!important;flex-wrap:wrap!important}
#ccc .ccc-content--dark .ccc-notify-button.ccc-reject-button {border-color:#ffffffb3!important}
#ccc .ccc-content--light .ccc-notify-button.ccc-reject-button {border-color:#00000080!important}
#ccc .ccc-content--dark .ccc-notify-button.ccc-reject-button span{color:#ffffffb3!important}
#ccc .ccc-content--light .ccc-notify-button.ccc-reject-button span{color:#000000a3!important}