/* CSS Document */
#mobile:not( .mm-menu ) {display: none;}
.EditMode .columns {-webkit-column-count: auto; -moz-column-count: auto; column-count:auto;}
.EditMode img.mask {display:none;}
.EditMode #hero .middle {display:block;}
.EditMode #heroText .middle {display:block;}
button:focus { outline:none !important; }
.stButton .stLarge:hover {background-position:0px !important;}
.box .EditableTextEdit {min-width:300px;}
* {box-sizing: border-box; background-repeat:no-repeat;}
.Error input[type=text] {color:red;}

.CookieConsent {text-align:left; width:100%; background-color:#002d5c; color:#fff; padding:10px 0px 10px 12px; font-family: 'Poly', serif;}
.CookieConsent a {font-family: "proxima-nova",sans-serif; color:#fff; text-decoration:underline;}
.CookieConsent .ConsentText {float:left; width:92%; display:inline-block; padding:5px 10px 5px 0;}
.CookieConsent .ConsentButtons {float:left; width:8%; padding:5px 10px 0 0 ; text-align:center;}
.CookieConsent input[type=submit] {width:20px; height:20px; background-image:url(/media/images/close-cookie.png); background-position:center center; cursor:pointer; color:#002d5c; background-color:#002d5c;}
@media only screen and (min-width: 1500px) {
.CookieConsent {text-align:center;}
.CookieConsent .ConsentText {float:none; width:auto;}
.CookieConsent .ConsentButtons {float:none; width:auto; padding:0px;}
}

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td, select {margin:0px; padding:0px; border:none;}
p {font-size:15px; line-height:1.4em;}
p, li, a, input, select, label {font-family: Proxima-nova, sans-serif; color:#0f6830; font-weight:normal;}
h1, h1 a {text-transform:uppercase; font-weight:300; font-family: Proxima-nova, sans-serif; line-height:1.3em; }
.white h1, .white h1 a {letter-spacing:6px;}
h1,h2,h3, h1 a, h2 a, h3 a {text-transform:uppercase; font-weight:300; font-family: Proxima-nova, sans-serif; line-height:1.3em; }
h4,h5,h6, h4 a, h5 a, h6 a {text-transform:uppercase; font-weight:300; font-family: Proxima-nova, sans-serif; line-height:1.3em; }
a img,:link img,:visited img { border:none; }
address {font-style:normal;}
.ErrorLabel {display:none;}
input {-webkit-appearance: none;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:40px; }
.videoWrapper iframe {position: absolute; top: 0;left: 0; width: 100%; height: 100%;}
.hidden {display:none;}

body {position: relative;}

#container {position: relative; max-width: 100%; margin: 0px auto; text-align: left; overflow:hidden;}
#container>div {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;}
#container>div.white {background-color:#fff;}
.wrapper {margin: 0 auto; width: 1400px; max-width: 100%;}
.content {float: left; width: 90%; max-width: 100%; margin:0 5%; position:relative;}

/*#GENERAL - STYLES#*/

.copy.center {text-align:center;}
.copy h1 {color:#0f6830; font-size:32px; margin-bottom:15px;}
.copy.white h1 {color:#fff; font-size:32px; margin-bottom:0px;}
.copy h2 {color:#0f6830; font-size:26px; margin-bottom:15px;}
.copy h1.homepage {color:#0f6830; font-size:26px; margin-bottom:15px;}
.copy h3 {color:#0f6830; font-size:22px; margin-bottom:15px;}
.copy h4 {color:#0f6830; font-size:18px; margin-bottom:15px;}
.copy h5 {font-family: Proxima-nova, sans-serif; color:#0f6830; font-weight:normal; font-size:18px; line-height:1.4em; text-transform:none; margin-bottom:15px;}
.copy.underline h1 {border-bottom:0px; background-image:url(/wp-content/themes/baron/assets/underline-white.png); background-position:bottom center; padding-bottom:30px; margin-bottom:30px; display:inline-block;}
.copy.underline h2 {border-bottom:5px solid #0f6830;  background-position:bottom center; padding-bottom:40px; margin-bottom:40px;}
.copy.underline h3 {border-bottom:5px solid #0f6830;  background-position:bottom center; padding-bottom:20px; margin-bottom:20px;}
.copy.center.underline h1.homepage {border-bottom:0px; background-image:url(/wp-content/themes/baron/assets/underline-green.png); background-position:bottom center; padding-bottom:40px; margin-bottom:40px;}
.copy.center.underline h1 {border-bottom:0px; background-image:url(/wp-content/themes/baron/assets/underline-white.png); background-position:bottom center; padding-bottom:30px; margin-bottom:30px; display:inline-block;}
.copy.center.underline h2 {border-bottom:0px; background-image:url(/wp-content/themes/baron/assets/underline-green.png); background-position:bottom center; padding-bottom:40px; margin-bottom:40px; background-size:244px 2px ;}
.copy.center.underline h3 {border-bottom:0px; background-image:url(/wp-content/themes/baron/assets/underline-green.png); background-position:bottom center; padding-bottom:20px; margin-bottom:20px;}
.copy.underline.white h2 {background-image:url(/wp-content/themes/baron/assets/underline-white.png); padding-bottom:40px; margin-bottom:40px;}
.copy.underline.center h2 {display:inline-block;}
.copy.underline.center h3 {display:inline-block;}
.copy p {margin-bottom:20px;}
.copy p a {text-decoration:underline;}
.copy p a:hover {color:#bed00b;}
.copy p:last-child {margin-bottom:0px;}
.copy p.tags a {text-decoration:underline;}
.copy ul {margin-left:20px; margin-bottom:15px;}
.copy ul li {list-style-type:disc; margin-bottom:5px; font-size:14px; line-height:1.3em;}
.copy .noBullets ul li {list-style-type:none;} 
.copy .noBullets ul ul {margin-left:0px;}
.copy ol {margin-left:20px;}
.copy ol li {list-style-type:decimal; margin-bottom:5px;font-size:14px; line-height:1.3em;}
.copy.white p, .copy.white h2, .copy.white h3, .copy.white h4, .copy.white h5, .copy.white h6 {color:#fff;}
.copy.white p a {color:#fff;}
.copy.white p a.button {display:inline-block; padding:20px 40px; background-color:transparent; border:1px solid #fff; color:#fff; text-decoration:none; margin-top:20px;}
.copy.white p a.button:hover {background-color:#fff; color:#0f6830;}
.copy p a.button {display:inline-block; padding:6px 35px; background-color:#bed00b; color:#ffffff;  text-decoration:none; margin-top:20px; cursor:pointer;}
.copy p a.button:hover {background-color:#0f6830; color:#fff;}
p.imgList a {display:inline-block; width:100%;}
p.imgList {font-size:0px;}
#hero .copy.underline h2 {font-weight:100; letter-spacing:3px; }


.copy img {max-width:100%; width:auto; height:auto !important;}
.copy.quarter img {}
.copy hr {width:100px; border-top:1px solid #0f6830; margin:30px 0 40px 0; display:inline-block;}
#hero .copy.underline h2 {font-size:32px; border-bottom:0px; background-image:url(/wp-content/themes/baron/assets/underline-white.png); background-position:bottom center; padding-bottom:30px; margin-bottom:30px; display:inline-block;}
#hero .copy.underline h2 a {color:#fff;}

@media only screen and (min-width: 480px) {
p.imgList a {display:inline-block; width:50%;}
  }
  
@media only screen and (min-width: 768px) {
.copy h1 {font-size:32px;}
.copy.white h1 {font-size:52px;}
#hero .copy.underline h2 {font-size:46px; line-height: 50px;}
.copy h2 {font-size:32px;}
.copy h1.homepage {font-size:32px;}
.copy h3 {font-size:28px;}
.copy h4 {font-size:22px;}
p.imgList a {display:inline-block;width:33.33%;}
  }
@media only screen and (min-width: 1024px) {
}

.margin {padding:60px 0;}
.wideLeft {width:100%; float:left; position:relative;}
.side {width:100%; float:right;}
.wide {width:100%; float:left;}
.left {width:100%; float:left; margin-bottom:40px;}
.right {width:100%; float:left;}
.quarter {width:100%; float:left; margin-bottom:40px;}
.quarter:nth-child(2n+1) {clear:left;}
.grey {background-color:#e3e7ef; }

@media only screen and (min-width: 768px) {
.quarter {width:50%; padding:0 5%;}
  }
@media only screen and (min-width: 1024px) {
.wide {width:70%; margin:0 15%;}
.wideLeft {width:65%;}
.side {width:25%; min-height:750px;}
.left {width:47.5%; float:left; margin-bottom:0px;}
.right {width:47.5%; float:right;}
.quarter {width:25%; padding:0 2%; margin-bottom:0px;}
.quarter:nth-child(2n+1) {clear:none;}
}

element.style {
}
#container>div {
    min-width: 320px;
    width: 100%;
    max-width: 100%;
    float: left;
    position: relative;
}
#container>div {
    min-width: 320px;
    width: 100%;
    max-width: 100%;
    float: left;
    position: relative;
}
@media only screen and (min-width: 795px){
.trustpilot-widget{}
 }
.trustpilot-widget{background: #bed00b; padding: 18px;}






/*#HEADER#*/
#header {background-color:#fff; height:60px;}
#header a.logo {background-image:url(/wp-content/themes/baron/assets/baron-logo.png); background-size:cover; display:block; float:left; width:198px; height:42px; margin-top:9px;}
#header .favourites {display:none; float:right; color:#b8b7b7; margin-top:22px; margin-right:20px;}
#header .favourites a {color:#b8b7b7; font-size:14px; padding: 0 10px; font-family: 'Rubik', sans-serif;}
#header .social {display:none;float:right;}
#header .social a {display:block; float:left; width:60px; height:60px; background-size:cover;}
#header .social a.facebook {background-image:url(/wp-content/themes/baron/assets/social-facebook.png);}
#header .social a.twitter {background-image:url(/wp-content/themes/baron/assets/social-twitter.png);}
#header .social a.instagram {background-image:url(/wp-content/themes/baron/assets/social-instagram.png);}
#header .social a.youtube {background-image:url(/wp-content/themes/baron/assets/social-youtube.png);}
#header .social a.pinterest {background-image:url(/wp-content/themes/baron/assets/social-pinterest.png);}
a#navButton {display:block; float:right; margin-top:10px; background-image:url(/wp-content/themes/baron/assets/hamburger.png); background-repeat:no-repeat; background-position:center center;  height:40px; width:40px;}
@media only screen and (min-width: 768px) {
#header a.wishlistLink {display:inline; margin:22px 30px 0 0;}
#header .favourites {display:block;}
  }
@media only screen and (min-width: 1024px) {
#header .social {display:block;}
a#navButton {display:none;}
}


/*#MENU#*/
#menu {background-color:#e3e7ef; height:60px; text-align:center; display:none;}
#menu ul#menu-mainnav {}
#menu ul#menu-mainnav>li {display:inline-block;}
#menu ul#menu-mainnav>li>a {cursor:pointer; font-size:14px; display:block; font-family: 'Rubik', sans-serif; text-transform:uppercase; height:60px; margin:0 10px; padding-top:22px; color:#48658a;}
#menu ul#menu-mainnav>li:hover>a, #menu ul#menu-mainnav>li.current-menu-item>a, #menu ul#menu-mainnav>li.current-menu-ancestor>a {border-bottom:5px solid #fff;}
#menu ul#menu-mainnav>li>ul {display:none; position:absolute; z-index:200;}
#menu ul#menu-mainnav>li.show>ul {display:block;}
#menu ul#menu-mainnav>li>ul>li {}
#menu ul#menu-mainnav>li>ul>li>a {background-color:#486189; text-align:left; display:block; font-size:14px; display:block; font-family: 'Rubik', sans-serif; text-transform:uppercase; padding:12px 12px; color:#fff;}
#menu ul#menu-mainnav>li>ul>li>a:hover {background-color:#dfdfdf; color:#000;}
@media only screen and (min-width: 1024px) {
#menu {display:block;}
#header.fixed {margin-bottom:40px;}
#header.fixed + #menu {position:fixed; z-index:251; background-color:#a8aaab; height:40px;}
#header.fixed + #menu ul#menu-mainnav>li>a {height:40px; padding-top:12px;}
#header.fixed + #menu ul#menu-mainnav>li>span {height:40px; padding-top:12px;}
#header.fixed + #menu a {color:#fff;}
#header.fixed + #menu span {color:#fff;}
#search.fixed {position:fixed; margin-top:40px; background-color:#bed00b;}
  
 
}

/*#NEWSLETTER#*/
#signUp {background-color:#f5f5f5;}
#signUp .copy {margin:20px 0; }
#newsletter {float:left; width:100%; background-color:#ebe9e8; padding:15px 0 0 0; border-top:1px solid #c6c7c9;}
#newsletter .spacer {float:left; width:100%; margin-bottom:15px;}
#newsletter .spacer span {display:none;}
#newsletter .spacerWide {float:left; width:100%; margin-bottom:15px;}
#newsletter .spacer .Error .CaptchaTable {border:1px solid red;}
#newsletter .CaptchaTable {position: relative; border: 0px; border-collapse: collapse; width: 100%;}
#newsletter .CaptchaTable td:last-child {position: absolute; top: 1px; right: 1px;}
#newsletter input[type=text] {width:100%; padding:10px; color:#9e9d9d; font-family: 'Rubik', sans-serif; font-size:14px;}
#newsletter input[type=submit] {background-color:#bed00b; color:#ffffff; font-family: 'Rubik', sans-serif; font-size:14px; padding:10px 0; text-align:center; width:100%;}

@media only screen and (min-width: 768px) { 
  }
@media only screen and (min-width: 1024px) { 
#newsletter .spacer {width:24%; margin-right:1%;}
#newsletter .spacerWide {width:24%; margin-right:1%;}
  }

/*#FOOTER#*/
#footer {background-image:url(/wp-content/themes/baron/assets/background-footer.jpg); background-size:cover; padding:25px 0 35px 0;}
#footer ul#menu-footernav {float:left;}
#footer ul#menu-footernav li {margin-bottom:5px;}
#footer ul#menu-footernav li a {color:#fff; font-family: 'Rubik', sans-serif; font-size:14px;}
#footer p.copyright {float:right; color:#fff; font-family: 'Rubik', sans-serif; font-size:14px; clear:both;}
#footer .social {float:right;}
#footer .social a {display:block; float:left; width:40px; height:40px; background-size:auto; background-position:center center;}
#footer .social a.facebook {background-image:url(/wp-content/themes/baron/assets/social-facebook-white.png);}
#footer .social a.twitter {background-image:url(/wp-content/themes/baron/assets/social-twitter-white.png);}
#footer .social a.instagram {background-image:url(/wp-content/themes/baron/assets/social-instagram-white.png);}
#footer .social a.youtube {background-image:url(/wp-content/themes/baron/assets/social-youtube-white.png);}
#footer .social a.pinterest {background-image:url(/wp-content/themes/baron/assets/social-pinterest-white.png);}
#footer #mobileNav {display:none;}


/*#HERO#*/
#heroText.blog {background-image:url(/wp-content/themes/baron/assets/header-blog.jpg);}
#heroText {padding:120px 0; background-size:cover;  background-position:center center; }
#heroText:before {content: ''; display: block; position:absolute; top:0; left:0; bottom:0; right:0; background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4));}
#heroText .middle {text-align:center; display: flex; align-items: center; justify-content: center; width:100%;}
#heroText p {font-size:18px;}
#heroText .copy {width:100%;}

.cycle-slideshow {width:100%; float:left;}
.message {height:400px; background-size:cover;  background-position:center center; width:100%; }
.message .content {height:400px; display:flex; width:100%; margin:0;}
.message .middle {text-align:center; display: flex; align-items: center; justify-content: center; width:100%;}
.message p {font-size:16px;}
.message .copy {width:100%; padding:30px 5%; background-color: rgba(00,00,00,0.5);}
#hero .cycle-pager {position:absolute; bottom:15px; z-index:200; width: 100%; text-align: center; display:block;}
#hero .cycle-pager span {margin: 0 5px; color: transparent; cursor: pointer; border-radius: 15px; height: 15px; width: 15px; display: inline-block; border:2px solid #fff;}
#hero .cycle-pager span.cycle-pager-active {background-color:#fff;}

@media only screen and (max-width: 1023px) { 
#hero .message .copy {position: absolute; bottom: 55px;}
#hero .copy.underline h2 {font-size:26px; margin-bottom:20px; padding-bottom:20px;}
  }

@media only screen and (min-width: 768px) { 
#heroText .copy {width:70%; margin:0 15%;}
.message {height:700px;}
.message p {font-size:18px;}
.message .content {height:700px; display:flex; }
.message .copy {width:100%; padding:30px 5%;}
#hero .cycle-pager {display:block;}

#hero .message .copy {position: absolute; bottom: 50px;}
  }
@media only screen and (min-width: 1024px) { 
#hero .copy p {display:block;}
  }


/*#BLOG#*/
#blog {float:left; width:100%;}
.blogPreview {border-bottom:1px solid #b8b8b8; margin-bottom:40px; padding-bottom:40px;}
.blogPreview .image {width:100%; height:300px; margin:20px 0; background-size:cover; background-position:center center;}
.blogPreview a.button {display:inline-block; background-color:#bed00b; color:#ffffff; font-family: 'Rubik', sans-serif; font-size:14px; padding:6px 35px; text-align:center;  margin-top:10px;}
.blogPreview a.button:hover {background-color:#0f6830; color:#fff;}
.blogPost .st-inline-share-buttons {margin-top:15px;}

#sideBlog {float:right; width:100%;}
#sideBlog .side {float:left; border-top:1px solid #b8b8b8; padding:20px 0; width:100%;}
#sideBlog .side h4 {color:#0f6830; font-size:21px; margin-bottom:20px; font-family: 'Poly', serif; text-transform:none;}
#sideBlog .side a {font-size:15px; display:inline-block; margin-bottom:7px;}
#sideBlog .side a:hover {color:#bed00b;}
#sideBlog .side:last-child {border-bottom:1px solid #b8b8b8;}

.blogPost {margin-bottom:60px;}
.blogPost .image {width:100%; height:500px; margin:20px 0; background-size:cover; background-position:center center; position:relative;}
.blogPost .copy img {width:100%;}
.copy h2.category {color:#bed00b;}
.blogPost a.button {display:inline-block; background-color:#bed00b; color:#ffffff; font-family: 'Rubik', sans-serif; font-size:14px; padding:6px 35px; text-align:center; margin-top:10px;}
.blogPost a.button:hover {background-color:#0f6830; color:#fff;}

@media only screen and (min-width: 768px) { 
#sideBlog .side {width:47.5%; border-bottom:1px solid #b8b8b8;}
#sideBlog .side:last-child {float:right;}
  }
@media only screen and (min-width: 1024px) { 
#blog {width:65%;}
#sideBlog {width:25%;}
#sideBlog .side {width:100%; border-bottom:none;}
  }

p.photoCredit {font-style:italic; color:#fff; width:100%; padding:3px 5px; background-color:rgba(00,00,00,0.6); position:absolute; bottom:0px; font-size:12px;}


/*#CONTACT PAGE#*/
#contact {float:left; width:100%;}
#contact .spacer {float:left; width:100%; margin-bottom:15px;}
#contact .spacerHalf {float:left; width:49%; margin-bottom:15px; margin-right:2%;}
#contact .spacerHalf:last-child {margin-right:0px;}
#contact .spacerThird {float:left; width:32%; margin-bottom:15px; margin-right:2%;}
#contact .spacerThird:last-child {margin-right:0px;}
#contact .spacer label {float:left; color: #9e9d9d; font-family: 'Rubik',sans-serif; font-size: 14px; margin-right:10px; margin-top:5px;}
#contact .spacer [type="radio"]:not(:checked) + label, #contact .spacer [type="radio"]:checked + label {margin-bottom:0px;}
#contact input[type=text] {width:100%; padding:10px; color:#9e9d9d; font-family: 'Rubik', sans-serif; font-size:13px; border:1px solid #c6c7c9;}
#contact select {width:100%; padding:10px; color:#9e9d9d; font-family: 'Rubik', sans-serif; font-size:13px; border:1px solid #c6c7c9;}
#contact textarea {width:100%; border:1px solid #c6c7c9; resize:none; font-family: 'Rubik', sans-serif; color:#9e9d9d;  font-size:13px; padding:10px;}
#contact input[type=submit] {cursor:pointer; background-color:#bed00b; color:#ffffff; font-family: 'Rubik', sans-serif; font-size:14px; padding:10px 50px; text-align:center;}
#contact .newsletter {float:left; width:100%; padding:0 0 15px 0; text-align:left;}
#contact .newsletter p {margin-bottom:20px;}
#contact .newsletter p a { text-decoration:underline;}
#contact [type="radio"]:checked, #contact [type="radio"]:not(:checked) {position: absolute; left: -9999px;}
#contact [type="radio"]:checked + label, #contact [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block;  margin-bottom:15px; font-size:14px;}
#contact [type="radio"]:checked + label:before, #contact [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #0f6830; border-radius: 100%; background: #fff;}
#contact [type="radio"]:checked + label:after, #contact [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #0f6830; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#contact [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
#contact [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
#contact .date-time-picker {position:relative;}
#contact .date-time-picker button {position:absolute; top:5px; right:5px; background-image: url(/wp-content/themes/baron/assets/icon-calendar.png); width: 30px; height: 30px; background-position: center center; background-color: #fff; border: 0px; cursor: pointer;}
#contact .date-time-picker button span {display:none;}
#contact.question {padding:40px; background-color:#f5f5f5;}
#contact.question .copy h3 {text-transform:none; margin-bottom:30px; font-size:22px;}
#contact .ErrorLabel {display:none;}
#contact .Error input[type=text] {border:1px solid red;}
#contact .Error select {border:1px solid red;}
#contact .Error [type="radio"]:not(:checked) + label:before {border-color:red;}

#contact .spacerHalf span {float:left; color: #9e9d9d; font-family: 'Rubik',sans-serif; font-size: 14px; margin-right:10px; margin-bottom:5px;}
#contact .spacerHalf .Error .CaptchaTable {border:1px solid red;}
#contact .CaptchaTable {position: relative; border: 0px; border-collapse: collapse; width: 100%;}
#contact .CaptchaTable td:last-child {position: absolute; top: 1px; right: 1px;}

@media only screen and (min-width: 1024px) {
#contact.wide {width:70%;}
  }

#map {width:100%; height:700px;}

/*#FAQ PAGE#*/
#faqs div.answer {display:none; margin-bottom:20px; width:100%;}
#faqs.copy h4 {cursor:pointer; display:block; width:100%;}
#faqs.copy h2:first-child {margin-top:0px;}
#faqs.copy h2 {margin-top:80px;}
#faqs.copy h4 {margin-top:20px; display:inline-block;}
#faqs .divider {border-top:1px solid  #0f6830; width:250px; margin:20px auto;}
.backToTop {cursor:pointer; float:left; margin-top:40px;}
.backToTop:hover img {-webkit-filter: brightness(80%); filter: brightness(80%);}
.backToTop img {float:left;}
.backToTop p {float:left; color:#a8aaab; font-size:14px; line-height:31px; margin-left:10px;}

/*#ABOUT PAGE#*/
#unique {background-image:url(/wp-content/themes/baron/assets/background-unique.jpg); background-size:cover; background-position:center center;}

.parallax-window {min-height: 400px; background: transparent;}
@media only screen and (min-width: 768px) {
.parallax-window {min-height: 500px;}
  }

@media only screen and (min-width: 1024px) {
.parallax-window {min-height: 600px;}
  }


/*#HOME PAGE#*/

#search {float:left; width:100%; margin-top:0px; position:relative; z-index:205;}
#search .filters {float:left; width:111.1111%; display:block; margin:0 0 0 -5.5555%; background-color:rgba(190,208,11,0.7); padding:15px 20px;}
#search h3 {text-transform:none; display:block; height:34px; margin-top:10px; margin-bottom:10px; line-height:34px; color:#fff; background-color:#bed00b; font-family: 'Rubik', sans-serif; padding:0 15px;font-size:14px; cursor:pointer; background-position:center right; background-image:url(/wp-content/themes/baron/assets/refine.png);}
#search .date-time-picker {float:left; width:100%; position:relative;}
#search .date-time-picker button {position:absolute; top:1px; right:5px; background-image: url(/wp-content/themes/baron/assets/icon-calendar.png); width: 25px; height: 25px; background-position: center center; background-color: #fff; border: 0px; cursor: pointer; }
#search .date-time-picker button span {display:none;}
#search input[type=text] {background-image: url(/wp-content/themes/baron/assets/icon-search.png); background-position: 7px center;}
#search .date-time-picker input[type=text] {background-image: url(/wp-content/themes/baron/assets/icon-date.png); background-position: 7px center;}
#search input[type=text] {float:left; width:100%; padding:10px 5px 10px 30px; color:#9e9d9d; font-family: 'Rubik', sans-serif; font-size:13px; border:1px solid #c6c7c9; margin-bottom:10px;}
#search select {float:left; width:100%; padding:10px 5px 10px 5px; text-indent:22px; color:#9e9d9d; font-family: 'Rubik', sans-serif; font-size:13px; border:1px solid #c6c7c9; margin-bottom:10px;}
#search select {background-image: url(/wp-content/themes/baron/assets/icon-location.png); background-position: 7px center;}
#search select#guestsField {background-image: url(/wp-content/themes/baron/assets/icon-people.png); background-position: 7px center;}
#search select#guestsChildren {background-image: url(/wp-content/themes/baron/assets/icon-people.png); background-position: 7px center;}
#search textarea {float:left; width:100%; border:1px solid #c6c7c9; resize:none; font-family: 'Rubik', sans-serif; color:#9e9d9d;  font-size:13px; padding:5px;}
#search input[type=submit] {display:block; cursor:pointer; background-color:#486189; color:#ffffff; font-family: 'Rubik', sans-serif; font-size:13px; padding:10px 0px; text-align:center; width:100%; float:left;}
#search input::placeholder {color:#9e9d9d;}

@media only screen and (min-width: 768px) {
#search {margin-top:-300px;}
#search h3 {display:none;}
#search .expand {display:none;}
#search .filters {display:block; margin:0; padding:20px 20px 10px 20px; width:100%; }
#search input[type=text] {width:30%; margin:0 1.6666% 10px 1.6666% ;}
#search .date-time-picker input[type=text] {width:100%;}
#search select {width:30%; margin:0 1.6666% 10px 1.6666%;}
#search input[type=submit]  {width:30%; margin:0 1.6666% 10px 1.6666%;}
#search .date-time-picker  {width:30%;margin:0 1.6666% 10px 1.6666%;}
#search .date-time-picker input[type=text] {width:100%; margin:0px;}
  }

@media only screen and (min-width: 1024px) {
#search {margin-top:-340px;}
#search .filters {display:block; margin:0; padding:20px 30px;}
#search input[type=text] {width:19.3333%; margin:0 0.3333% 0px 0.3333% ; clear:none;}
#search .date-time-picker input[type=text] {width:100%;}
#search select {width:19.3333%; margin:0 0.3333%;}
#search select#guestsField {width: 12.6666%; margin:0 .3333% 0 .3333%}
#search select#guestsChildren {width: 12.6666%; margin:0 .3333% 0 .3333%}
#search input[type=submit]  {width:12.6666%;  margin:0 0.3333% 0px 0.3333% ;}
#search .date-time-picker  {width:19.3333%;  margin:0 0.3333% 0px 0.3333% ;}
#search .date-time-picker input[type=text] {width:100%; margin:0px;}
  }

#featured .featuredProperties {margin-top:40px;}
#featured .featured {position:relative; float:left; width:100%; background-size:cover; background-position:center center; margin-bottom:40px; height: 240px; text-align:center;}
#featured .featured .copy {width:100%; position:absolute; bottom:0px; background-color:rgba(00,00,00,0.7); padding:20px; text-align:center;}
#featured .featured .copy p {color:#fff;}
#featured  .featured a {display:inline-block; padding:20px 40px; border:1px solid #fff; color:#fff; text-decoration:none; background-color:rgba(0,0,0,0.7); margin-top:60px;}
#featured  .featured a:hover {background-color:#fff; color:#0f6830;}

@media only screen and (min-width: 768px) {
#featured .featured {margin-left:5%; width:47.5%;}
#featured .featured:nth-child(2n+1) {margin-left:0; clear:left;}
  }

@media only screen and (min-width: 1024px) {
#featured .featuredWide {margin-left:15%; width:70%; height:290px; }
#featured .featuredWide:nth-child(2n+1)  {margin-left:15%;}
#featured .featuredWide a {margin-top:90px;}
  }

#nutshell {background-image:url(/wp-content/themes/baron/assets/background-nutshell.jpg); background-size:cover; background-position:center center;}
#blogFeed .blogFeed {width:100%; float:left; margin-top:60px;}
#blogFeed .image {height:330px; background-size:cover; background-position:center center; margin-bottom:30px;}
#blogFeed .image .middle {height:330px; text-align:center; display: flex; align-items: center; justify-content: center;}
#blogFeed .image a.button {display:inline-block; padding:20px 40px; border:1px solid #fff; color:#fff; text-decoration:none; background-color:rgba(0,0,0,0.5);}
#blogFeed .image a.button:hover {background-color:#fff; color:#0f6830;}

@media only screen and (min-width: 768px) {
#blogFeed .blogFeed {width:47.5%;}
#blogFeed .blogFeed:first-child { margin-right:5%;}
}

#testimonials {background-image:url(/wp-content/themes/baron/assets/background-testimonials.jpg); background-size:cover; background-position:center center;}
#testimonials .testimonial { width:100%; }
#testimonials .testimonial.copy p {font-size:18px;white-space:normal;}  
#testimonials .cycle-slideshow {width:100%;}
#testimonials .pagers {display:none; position:absolute; width:100%;}
#testimonials .pagers #prevTestimonial {cursor:pointer; position:absolute; left:0px; width:26px; height:50px; background-image:url(/wp-content/themes/baron/assets/chevron-left.png); background-size:cover; background-position:center center;}
#testimonials .pagers #nextTestimonial {cursor:pointer; position:absolute; right:0px; width:26px; height:50px; background-image:url(/wp-content/themes/baron/assets/chevron-right.png); background-size:cover; background-position:center center;}

@media only screen and (min-width: 768px) {
#testimonials .pagers {display:block;}
#testimonials  .cycle-slideshow {width:80%; margin:0 10%;}
  }

#finder {background-color:#f5f5f5;}
#finder .quarter {background-size:cover; background-position:center center; padding:40px 0; border:1px solid #fff;}
.finder1 {background-image:url(/wp-content/themes/baron/assets/finder1.jpg);}
.finder2 {background-image:url(/wp-content/themes/baron/assets/finder2.jpg);}
.finder3 {background-image:url(/wp-content/themes/baron/assets/finder3.jpg);}
.finder4 {background-image:url(/wp-content/themes/baron/assets/finder4.jpg);}
#finder .quarter a {display:inline-block; padding:20px 10px; width:70%; border:1px solid #fff; color:#fff; text-decoration:none; background-color:rgba(0,0,0,0.5);}
#finder .quarter a:hover {background-color:#fff; color:#0f6830;}


#featured {background-color:#f5f5f5;}

#offers {}
#offers .offer {float:left; width:100%; margin-top:40px;}
#offers .offer:nth-child(2n) .copy {background-color:#bed00b;}
#offers .offer .image {float:left; width:100%; height:150px; background-size:cover; background-position:center center;}
#offers .offer .copy {float:left; width:100%; background-color:#a8aaab; padding:30px;}
#offers .offer .copy h3 {text-transform:none;}

@media only screen and (min-width: 768px) {
#offers .offer {display:flex;}
#offers .offer .image {width:50%; height:auto;}
#offers .offer .copy {width:50%;}
#offers .offer:nth-child(2n) {flex-direction:row-reverse;}
  }

/*#THINGS TO DO IN GOZO PAGE#*/
#taste {background-image:url(/wp-content/themes/baron/assets/background-taste.jpg); background-size:cover; background-position:center center;}
#activities .activity {float:left; width:100%; margin-bottom:80px;}
#activities .activity .image {width:100%; padding-top:66.66%; background-position:center center; background-size:cover; position:relative; margin-bottom:20px;}
#activities .activity .copy h4 {border-bottom:1px solid #0f6830; margin-bottom:15px; padding-bottom:20px;}
#activities .activity .copy a {display:inline-block; background-color:#bed00b; color:#ffffff; font-family: 'Rubik', sans-serif; font-size:14px; padding:6px 35px; text-align:center;}
#activities .activity .copy a:hover {background-color:#0f6830;}

@media only screen and (min-width: 768px) {
#activities .activity {width:47.5%; margin-left:5%;}
#activities .activity:nth-child(2n+1)  {margin-left:0px; clear:left;}
  }
@media only screen and (min-width: 1024px) {
#activities .activity {width:30%; margin-left:5%;}
#activities .activity:nth-child(2n+1) {margin-left:5%; clear:none;}
#activities .activity:nth-child(3n+1) {margin-left:0px; clear:left;}
   } 

#activityList {float:left; width:100%; margin-top:60px;}
#activityList .activity {float:left; width:100%; margin-bottom:60px; }
#activityList .activity .image {float:left; width:100%; height:230px; background-position:center center; background-size:cover; position:relative; margin-bottom:20px;}
#activityList .activity .copy h4 {border-bottom:1px solid #0f6830; margin-bottom:20px; padding-bottom:20px;}
#activityList .activity .copy .right {position:relative;}
#activityList .activity .copy .right p {margin-bottom:10px;}
#activityList .activity .copy p.phone {background-image:url(/wp-content/themes/baron/assets/icon-phone.png); background-position:left center; padding-left:25px;}
#activityList .activity .copy p.email {background-image:url(/wp-content/themes/baron/assets/icon-email.png); background-position:left center; padding-left:25px;}
#activityList .activity .copy p.web {background-image:url(/wp-content/themes/baron/assets/icon-web.png); background-position:left center; padding-left:25px;}
#activityList .activity .copy a {position:absolute; bottom:0px; left:0px; margin-top:0px; display:inline-block; background-color:#bed00b; color:#ffffff; font-family: 'Rubik', sans-serif; font-size:14px; padding:6px 35px; text-align:center;}
#activityList .activity .copy a:hover {background-color:#0f6830;}

@media only screen and (min-width: 768px) {
#activityList .activity .image {width: 30%;}
#activityList .activity .copy {float:right; width:65%;}
#activityList .activity .copy .wide {width:100%;}
 
#activityList .activity .copy a {}
  }
@media only screen and (min-width: 1024px) {
#activityList {width:70%; margin-left:15%;}
#activityList .activity .image {width: 35%;}
#activityList .activity .copy {width:60%;}
#activityList .activity .copy a {position:relative; bottom:auto; right:auto;}
   } 


#events {background-image:url(/wp-content/themes/baron/assets/local-events.jpg); background-size:cover; background-position:center center;}



/*#PROPERTY LISTING#*/
.specialOffer { color: #bed00b; display: block;}
.propertySpecialOffer { display: block; font-size: 80%; font-weight: normal; margin-top: 5px; }
#propertyList {background-color:#fff;}
.propertyInfo {float:left; width:100%; position:relative;}
#listings {float:left; width:100%;}
#listings .copy h3 {margin-bottom:80px;}
.results {float:right;}
.propertyInfo .review {margin-bottom:20px;}

a.clearWishlist {cursor:pointer;}
.previewActions a.removeWishlist {cursor:pointer; background-color:#eb5858; margin-bottom:15px;}
.previewActions a.removeWishlist:hover {background-color:#eb5858;}
.previewActions a.wishlist {cursor:pointer; background-image:url(/wp-content/themes/baron/assets/icon-heart.png); background-position:13px 8px; margin-bottom:15px;}
.previewActions a.wishlist.added {background-color: #0f6830; background-image:none; cursor:default; padding:6px 30px;}
.previewActions a {width:100%; float:right; display:inline-block; background-color:#bed00b; color:#ffffff; margin-left:15px; font-family: 'Rubik', sans-serif; font-size:14px; padding:6px 35px; text-align:center; }
.previewActions a:hover {background-color:#0f6830; color:#fff;}
.previewActionsButtons {float:left; width:100%;}
@media only screen and (min-width: 768px) {
.previewActions a.wishlist {padding:6px 20px 6px 35px;}
  }

.listView .previewList {float:left; width:100%; margin-bottom:40px; border-bottom:1px solid #b8b8b8;}
.listView .previewList .image {float:left; width:100%; position:relative; text-align:center; margin-bottom:20px;}
.listView .previewList .image img {width:100%;}
.listView .previewList .image a {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:20px 0; width:60%; border:1px solid #fff; color:#fff; text-decoration:none; background-color:rgba(0,0,0,0.5);}
.listView .previewList .image a:hover {background-color:#fff; color:#0f6830;}
.listView .previewList .copy {float:right; width:100%;}
.listView .previewList .copy .icons {float:left; width:100%; margin-bottom:20px; margin-top:-10px;}
.listView .previewList .copy .icons .feature {float:left; border-right:1px solid #a9aaab; text-align:center; margin-right:15px; padding-right:15px; margin-top:10px; height:75px;}
.listView .previewList .copy .icons .feature p {line-height:1.2em; padding-top:5px; font-size:13px; font-weight:bold;}
.listView .previewList .copy p.price {font-size:22px;}
.listView .previewList .previewActions {float:left; width:100%; margin:20px 0;}
.listView .previewList .previewActions p {font-size:22px; float:left; display:none;}
.listView .previewList .review {float:left; margin-top:20px;}
.listView .previewList .review p {font-size:15px; float:none; display:block !important;}
.listView .previewList .stars {position:absolute; top:0px; float:left; display:block; height:29px; background-color:#bed00b;}
.listView .previewList .starHolder img {position:relative; z-index:2;}
.listView .previewList .starHolder {position:relative; display:inline-block; width:108px; height:29px ;background-image:url(/wp-content/themes/baron/assets/stars.png); background-size:cover; background-position:center center;}

@media only screen and (min-width: 768px) {
.listView .previewList .image {width:30%; margin-bottom:0px;}
.listView .previewList .copy {width:65%;}
.listView .previewList .copy p.price {display:none;}
.listView .previewList .review {float:right; margin-top:0px;}
.listView .previewList .previewActionsButtons {float:right; }
.listView .previewList .previewActions p {display:inline-block;}
.listView .previewList .previewActions a {width:auto;}
.listView .previewList .previewActions a:last-child  {margin-top:0px;}  
  }
@media only screen and (min-width: 1024px) {
   } 

.gridView .previewList {float:left; width:100%; margin-bottom:40px; border-bottom:1px solid #b8b8b8;}
.gridView .previewList .image {float:left; width:100%; position:relative; text-align:center; }
.gridView .previewList .image img {width:100%; display: block;}
.gridView .previewList .image a {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:20px 0; width:60%; border:1px solid #fff; color:#fff; text-decoration:none; background-color:rgba(0,0,0,0.5);}
.gridView .previewList .image a:hover {background-color:#fff; color:#0f6830;}
.gridView .previewList .copy {float:left; width:100%; position:relative; padding-top:20px;}
.gridView .previewList .copy h4 {background-color:rgba(0,0,0,0.7); color:#fff; padding:10px; font-size:18px; position: absolute; width: 100%; bottom: 100%; margin-bottom:0px;}
.gridView .previewList .copy .icons {float:left; width:100%; margin-bottom:20px; margin-top:-10px;}
.gridView .previewList .copy .icons .feature {float:left; border-right:1px solid #a9aaab; text-align:center; margin-right:15px; padding-right:15px; margin-top:10px; height:75px;}
.gridView .previewList .copy .icons .feature p {line-height:1.2em; padding-top:5px; font-size:13px; font-weight:bold;}
.gridView .previewList .copy>p {display:none;}
.gridView .previewList .review {float:left; margin-top:20px;}
.gridView .previewList .review p {font-size:15px !important; float:none; display:block !important;}
.gridView .previewList .previewActions {float:left; width:100%; margin:0 0 20px 0;}
.gridView .previewList .previewActions a {width:100%;}
.gridView .previewList .previewActions p {font-size:22px; float:left; width:100%; display:block; margin-bottom:15px;}
.gridView .previewList .stars {position:absolute; top:0px; float:left; display:block; height:29px; background-color:#bed00b;}
.gridView .previewList .starHolder img {position:relative; z-index:2;}
.gridView .previewList .starHolder {position:relative; display:inline-block; width:108px; height:29px ;background-image:url(/wp-content/themes/baron/assets/stars.png); background-size:cover; background-position:center center;}

@media only screen and (min-width: 480px) {
.gridView .previewList {float:left; width:47.5%}
.gridView .previewList:nth-child(2n+1) {clear:both; margin-right:5%;}
  }
@media only screen and (min-width: 768px) {
.gridView .previewList .previewActions a {width:auto; float:right;}
.gridView .previewList .previewActions a:last-child  {margin-top:0px; margin-left:0px;}  
  }
@media only screen and (min-width: 1024px) {
   } 

.similarView .previewList {float:left; width:100%; margin-bottom:40px; }
.similarView .previewList .image {float:left; width:100%; position:relative; text-align:center; margin-bottom:20px;}
.similarView .previewList .image img {width:100%;}
.similarView .previewList .image a {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:20px 0; width:60%; border:1px solid #fff; color:#fff; text-decoration:none; background-color:rgba(0,0,0,0.5);}
.similarView .previewList .image a:hover {background-color:#fff; color:#0f6830;}
.similarView .previewList .copy {float:right; width:100%;}
.similarView .previewList .copy .icons {float:left; width:100%; margin-bottom:20px;}
.similarView .previewList .copy .icons .feature {float:left; border-right:1px solid #a9aaab; text-align:center; margin-right:15px; padding-right:15px; height:75px;}
.similarView .previewList .copy .icons .feature p {line-height:1.2em; padding-top:5px; font-size:13px; font-weight:bold;}
.similarView .previewList .copy p.price {display:none;}
.gridView .previewList .previewActionsButtons {float:left;}
.similarView .previewList .previewActions {float:left; width:100%; margin:20px 0; display:none;}
.similarView .previewList .previewActions p {font-size:22px; float:left; display:none;}
.similarView .previewList .review {float:left;}
.similarView .previewList .stars {position:absolute; top:0px; float:left; display:block; height:29px; background-color:#bed00b;}
.similarView .previewList .starHolder img {position:relative; z-index:2;}
.similarView .previewList .starHolder {position:relative; display:inline-block; width:108px; height:29px ;background-image:url(/wp-content/themes/baron/assets/stars.png); background-size:cover; background-position:center center;}

@media only screen and (min-width: 640px) {
.similarView .previewList .image {width:30%; margin-bottom:0px;}
.similarView .previewList .copy {width:65%;}
.similarView .previewList .copy p.price {display:none;}
  }
@media only screen and (min-width: 1024px) {
   } 

.view {display:block; float:left; margin-bottom:50px;}
.view a {display:block; width:29px; padding-top:40px; float:left; margin-right:20px;}
.view a#listView {background-image:url(/wp-content/themes/baron/assets/icon-list.png); background-position:top center;}
.view a#listView:hover, .view a#listView.active {background-image:url(/wp-content/themes/baron/assets/icon-list-active.png);}
.view a#gridView {background-image:url(/wp-content/themes/baron/assets/icon-grid.png); background-position:top center;}
.view a#gridView:hover, .view a#gridView.active  {background-image:url(/wp-content/themes/baron/assets/icon-grid-active.png);}
.view a#mapView {display:none; background-image:url(/wp-content/themes/baron/assets/icon-map.png); background-position:top center;}
.view a#mapView:hover, .view a#mapView.active  {background-image:url(/wp-content/themes/baron/assets/icon-map-active.png);}

@media only screen and (min-width: 768px) {
.view a#mapView {display:block;}
  }
@media only screen and (min-width: 1024px) {
   } 

.propertyFilter {background-color:#f5f5f5; width:100%; padding:15px; float:left; margin-bottom:20px;}
.propertyFilter .expand { width:40px; height:40px; background-image:url(/wp-content/themes/baron/assets/refine.png); background-size:cover; background-position:center center; position:Absolute; top:10px; right:10px; cursor:pointer;}
.propertyFilter .filters {display:none; margin-top:15px;}
.propertyFilter h3 {color:#0f6830; font-size:22px; margin-bottom:0px; text-transform:none;}
.propertyFilter p {color:#a8aaab; font-size:13px; margin:20px 0 5px 0; text-transform:none;}
.propertyFilter p.children {margin-top:0px; font-size:12px;}
.propertyFilter p.filtering {cursor:pointer;border: 1px solid #c6c7c9; border-radius: 5px; color: e4e6e7; padding: 5px 10px; background-color: #e4e4e4;}
.propertyFilter p.filtering:hover {color:#fff; background-color:#c6c7c9;}
.propertyFilter .checkbox {display:none;}
.propertyFilter label {color:#a8aaab; font-size:13px; margin:0px 0 5px 0; text-transform:none; display:block;}
#bookingWrapper.propertyFilter p {margin-top:0px;}
#bookingWrapper.propertyFilter .filters {display:block;}
#bookingWrapper.propertyFilter .expand {display:none;}
.propertyFilter .date-time-picker {position:relative;}
.propertyFilter .date-time-picker button {position:absolute; top:1px; right:5px; background-image: url(/wp-content/themes/baron/assets/icon-calendar.png); width: 25px; height: 25px; background-position: center center; background-color: #fff; border: 0px; cursor: pointer;}
.propertyFilter .date-time-picker button span {display:none;}
.propertyFilter input[type=text] {width:100%; padding:5px; color:#9e9d9d; font-family: 'Rubik', sans-serif; font-size:13px; border:1px solid #c6c7c9; margin-bottom:10px;}
.propertyFilter select {width:100%; padding:5px; color:#9e9d9d; font-family: 'Rubik', sans-serif; font-size:13px; border:1px solid #c6c7c9; margin-bottom:10px;}
.propertyFilter textarea {width:100%; border:1px solid #c6c7c9; resize:none; font-family: 'Rubik', sans-serif; color:#9e9d9d;  font-size:13px; padding:5px;}
.propertyFilter input[type=submit] {display:block; cursor:pointer; background-color:#bed00b; color:#ffffff; font-family: 'Rubik', sans-serif; font-size:13px; padding:5px 0px; text-align:center; width:47.5%; float:left;}
.propertyFilter a.clearFilters {display:block; background-color:#a9aaab; color:#fff; font-family: 'Rubik', sans-serif; font-size:13px; padding:5px 0px; width:47.5%; float:right; text-align:Center;}
.propertyFilter .spacer {width:100%; margin-bottom:5px; float:left;}
.propertyFilter .spacer p {font-family: 'Rubik', sans-serif; font-size:13px;}
.propertyFilter hr {float:left; width:100%; border-top:1px solid #a8aaab; margin:20px 0; height:1px;}
.propertyFilter p.processed {float:left; width:100%; font-size:12px; margin:2px 0 0 0;}
.propertyFilter a.inline {display:block; background-color:#0f6830; color:#fff; font-family: 'Rubik', sans-serif; font-size:13px; padding:5px 0px; width:100%; float:left; text-align:center;}
.propertyFilter #bookingMessages {}
.propertyFilter #bookingMessages #bookingInfo {font-family: 'Rubik', sans-serif; font-size:20px; font-weight:bold; color:#0f6830; margin:10px 0; display:block;}
.propertyFilter #bookingMessages #bookingError {font-family: 'Rubik', sans-serif; font-size:13px; color:red; margin:10px 0; display:block;}
.propertyFilter ol.checkbox li {width:100%; float:left; display:block;}

input[type=checkbox] {position: absolute; opacity: 0;}
input[type=checkbox] + label {position: relative; cursor: pointer; padding: 0; font-size:13px; color:#a8aaab; margin-top:5px; display:block; width:100%; float:left; }
input[type=checkbox] + label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 14px;  height: 14px; background: #fff; border:1px solid #a8aaab; border-radius:10px;  }
input[type=checkbox] + label:after { content: ''; position: absolute; background: #fff; width:10px; height:10px; top:3px; left:3px; border-radius:10px;}
input[type=checkbox]:hover + label:before {background: #fff;}
input[type=checkbox]:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);}
input[type=checkbox]:checked + label:before {background: #fff;}
input[type=checkbox]:disabled + label { color: #b8b8b8; cursor: auto;}
input[type=checkbox]:disabled + label:before {box-shadow: none; background: #ddd; border-radius:10px; }
input[type=checkbox]:checked + label:after { content: ''; position: absolute; background: #bed019; width:10px; height:10px; top:3px; left:3px; border-radius:10px;}
}



@media only screen and (min-width: 768px) {
.propertyFilter ol.checkbox li {width:50%;}
  }
@media only screen and (min-width: 1024px) {
.propertyFilter h3 {margin-bottom:15px;}
.propertyFilter { padding:30px;}
.propertyFilter.fixed {position:fixed; top:60px; }
.propertyFilter .expand {display:none;}
.propertyFilter .filters {display:block;}
.propertyFilter ol.checkbox li {width:100%;}
   } 

#pager {float:left; width:100%; text-align:center;}
#pager .pagerWrapper {display:inline-block;}
#pager .previousPage {display:inline-block; float:left; width:30px; height:30px; background-image:url(/wp-content/themes/baron/assets/pager-left.png); background-size:cover; background-position:center center;}
#pager .previousPage:hover {filter: brightness(50%);}
#pager .nextPage {display:inline-block; float:left; width:30px; height:30px; background-image:url(/wp-content/themes/baron/assets/pager-right.png); background-size:cover; background-position:center center;}
#pager .nextPage:hover {filter: brightness(50%);}
#pager a.page {display:inline-block; width:30px; height:30px; float:left; text-align:center; line-height:30px; font-family: 'Rubik', sans-serif; font-size:13px; color:#bed00b; }
#pager span {display:inline-block; width:30px; height:30px; float:left; text-align:center; line-height:30px; font-family: 'Rubik', sans-serif; font-size:13px; background-color:#bed00b; color:#fff;}
#pager a.page:hover {background-color:#bed00b; color:#ffffff;}


.propertyTop .icons {float:left; width:100%; margin-bottom:20px; margin-top:-10px;}
.propertyTop .icons .feature {float:left; border-right:1px solid #a9aaab; text-align:center; margin-right:15px; padding-right:15px; height:75px; margin-top:10px;}
.propertyTop .icons .feature p {font-weight:bold;}
.propertyTop .icons .review {margin-top:10px; float:left;}
.propertyTop.copy h1 {color:#0f6830; font-size:26px; margin-bottom:15px; letter-spacing:0px;}
.stars {position:absolute; top:0px; float:left; display:block; height:29px; background-color:#bed00b;}
.starHolder img {position:relative; z-index:2;}
.starHolder {position:relative; display:inline-block; width:108px; height:29px ;background-image:url(/wp-content/themes/baron/assets/stars.png); background-size:cover; background-position:center center;}

#propertyMap {width:100%; height:720px;  margin-bottom:40px;}

.iw_image {width:100%; height:100px; background-size:cover; background-position:center center;}

.ui-dialog {padding:20px 0 0 20px;}
.ui-dialog-content {background-color:#fff; border:2px solid #fff;}
.ui-dialog-content .image {width:100%; height:150px; background-size:cover; background-position:center center;}
.ui-dialog-content .copy {background-color:#f3f3f3; padding:5px;}
.ui-dialog-content .image a {display:block; width:100%; height:150px;}
.ui-dialog-titlebar {display:none;}

.listView #propertyMap {display:none;}
.gridView #propertyMap {display:none;}
.mapView .properties {display:none;}


.cycleSlideshow, .cycle-slideshow, #slideshow-1, #slideshow-2 {width:100%; float:left;}

#slideshow-1 .cycleSlideshow .slideImage {width:100%; margin-bottom:10px; background-size:cover; background-position:center center; padding-top:66%;}
#slideshow-1 .cycleSlideshow .slideImage a {width: 100%; display: inline-block; height: 100%; top: 0px; position: absolute;}
#slideshow-2 .cycleSlideshow .slideThumb { background-size:cover; background-position:center center; padding-top:120px; cursor:pointer; border-right:10px solid #fff;}
#slideshow-2 .slideshow-2-container {position:relative; float:left; width:100%;}
.thumbPager {width: 100%; height: 100%; top: 0px; z-index:50;}
.thumbPager .cycle-prev {position:absolute; width:30px; background-color:rgba(0,0,0,0.5); background-image:url(/wp-content/themes/baron/assets/chevron-left-small.png); background-position:center center; display:block; height:100%; top:0px; left:0px; z-index:151;}
.thumbPager .cycle-prev:hover {background-color:rgba(0,0,0,0.7);}
.thumbPager .cycle-next {position:absolute; width:40px; background-color:rgba(0,0,0,0.5); background-image:url(/wp-content/themes/baron/assets/chevron-right-small.png); background-position:center center; display:block; height:100%; right:0px; top:0px; z-index:151;}
.thumbPager .cycle-next:hover {background-color:rgba(0,0,0,0.7);}
.slidePager {width: 100%; height: 100%; top: 0px; z-index:50;}
.slidePager .cycle-prev {position:absolute; width:60px; height:60px; -webkit-border-radius: 30px; border-radius: 30px; background-color:rgba(0,0,0,0.5); background-image:url(/wp-content/themes/baron/assets/chevron-left-small.png); background-position:center center; display:block; top:50%; left:20px; z-index:151; margin-top:-25px;}
.slidePager .cycle-prev:hover {background-color:rgba(0,0,0,0.7);}
.slidePager .cycle-next {position:absolute; width:60px; height:60px; -webkit-border-radius: 30px; border-radius: 30px; background-color:rgba(0,0,0,0.5); background-image:url(/wp-content/themes/baron/assets/chevron-right-small.png); background-position:center center; display:block; top:50%; right:20px; z-index:151; margin-top:-25px;}
.slidePager .cycle-next:hover {background-color:rgba(0,0,0,0.7);}

.listingTabs {width:100%; float:left; margin-top:40px; display:block; border-bottom:1px solid #a8aaab; margin-bottom:60px; padding-bottom:60px;}
.listingTabs .ajax__tab_header {width:100%; float:left; margin-bottom:40px;}
.listingTabs .ajax__tab_header>span {display:block; float:left; width:100%; margin-bottom:10px;}
.listingTabs .ajax__tab_header span .ajax__tab_outer {float:left; width:100%;}
.listingTabs .ajax__tab_header span .ajax__tab_inner {float:left; width:100%;}
.listingTabs .ajax__tab_header a {display:block; width:100%; border:1px solid #a8aaab; padding:5px 0; text-align:center; font-family: 'Rubik',sans-serif; color:#a8aaab; font-size:13px;}
.listingTabs .ajax__tab_header .ajax__tab_active a, .listingTabs .ajax__tab_header a:hover  {background-color:#bed00b; color:#fff;}
.listingTabs .ajax__tab_body {float:left; width:100%;}

#share span.virtualTour {float:left; display:block; position:relative; width:100%; }
#share span.virtualTour a {display:block; padding:6px 0 6px 20px; text-align:center; font-family: 'Rubik',sans-serif; color:#a8aaab; background-color:#f1f1f1; width:100%;  font-size:13px; background-image:url(/wp-content/themes/baron/assets/icon-virtual.png); background-position:15% center;}
#share span.virtualTour a:hover {background-color:#bed00b; color:#fff; background-image:url(/wp-content/themes/baron/assets/icon-virtual-white.png);}

@media only screen and (min-width: 768px) {
#share span.virtualTour {width:34%; }
#share span.virtualTour a {border-right:0px;}
.listingTabs .ajax__tab_header>span {width:20%; margin-bottom:0px; border-right:10px solid #fff;}
.listingTabs .ajax__tab_header a {padding:20px 0;}
.propertyTop.copy h1 {font-size: 32px;}
  }
@media only screen and (min-width: 1024px) {
#share span.virtualTour a {border-right:10px solid #fff;}
.thumbPager .cycle-next {border-right:10px solid #fff;}
#slideshow-1 .cycleSlideshow .slideImage {border-right:10px solid #fff;}
#slideshow-2 .cycleSlideshow .slideThumb { }
   } 


#share {float:left; width:100%; margin-top:10px;}
#share a {width:100%;display:block; float:left; text-align:center;  background-color:#bed00b; color:#ffffff; padding:6px 35px; font-size:13px;}
#share a.removeWishlist {cursor:pointer; background-color:#eb5858; margin-bottom:15px;}
#share a.removeWishlist:hover {background-color:#eb5858;}
#share a.wishlist {cursor:pointer; background-image:url(/wp-content/themes/baron/assets/icon-heart.png); background-position:13px 8px; margin-bottom:10px;}
#share a.share {cursor:pointer; background-color:#0f6830; background-image:url(/wp-content/themes/baron/assets/share.png); background-position:13px 8px; margin-bottom:10px;}
#share a.wishlist.added {background-color: #0f6830; background-image:none; cursor:default; padding:6px 30px;}
#share a:hover {background-color:#0f6830; color:#fff;}
#share a.share:hover  {background-color:#bed00b; color:#fff;}

@media only screen and (min-width: 768px) {
#share a {width:33%; border-right:10px solid #fff;}
#share a.wishlist {margin-right:0px;}
#share a.wishlist {padding:6px 20px 6px 35px;}
  }
@media only screen and (min-width: 1024px) {
  }


/*#IN HOUSE EXTRAS#*/
.extra {float:left; width:100%; margin-bottom:30px;}
.extra .image {width:100%; background-size:cover; background-position:center center; height:200px; margin-bottom:30px;}
.extra .copy h4 {padding-bottom:30px; margin-bottom:30px; border-bottom: 3px solid #0f6830; display:block;}
.extraWrapper {display:flex; flex-wrap:wrap; float:left; width:100%; margin-top:60px;}

@media only screen and (min-width: 768px) {
.extra .image {border-right:1px solid #f5f5f5;}
.extra .copy {padding-right:30px;}
.extra {width:50%; margin-bottom:40px; }
  }
@media only screen and (min-width: 1024px) {
.extra {width:25%; margin-bottom:50px;}
   } 




/*#GETTING TO GOZO#*/
.image.transferRates {position:relative; float:left; width:100%; margin-bottom:40px; background-image:url(/wp-content/themes/baron/assets/option-transfer.jpg); background-position:center center; height:300px; background-size:cover;}
.image.carRates {position:relative; float:left; width:100%; margin-bottom:40px; background-image:url(/wp-content/themes/baron/assets/option-drive.jpg); background-position:center center; height:300px; background-size:cover;}
.image.transferRates a {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:20px 40px; border:1px solid #fff; color:#fff; text-align:center; text-decoration:none; background-color:rgba(0,0,0,0.5);}
.image.transferRates a:hover {background-color:#fff; color:#0f6830;}
.image.carRates a {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:20px 40px; border:1px solid #fff; color:#fff; text-align:center; text-decoration:none; background-color:rgba(0,0,0,0.5);}
.image.carRates a:hover {background-color:#fff; color:#0f6830;}



/*#LOCAL EVENTS#*/
.event {float:left; width:100%; margin-bottom:40px;}
.event .image {width:100%; background-size:cover; background-position:center center; height:200px; margin-bottom:30px;}
.event .copy h4 {padding-bottom:30px; margin-bottom:30px; border-bottom: 1px solid #0f6830; display:block;}
.eventWrapper {display:flex; flex-wrap:wrap; float:left; width:100%; margin-top:60px;}
.event .copy a {display:inline-block; background-color:#bed00b; color:#ffffff; font-family: 'Rubik', sans-serif; font-size:14px; padding:6px 35px; text-align:center;}
.event .copy a:hover {background-color:rgba(0,0,0,0.5);}

@media only screen and (min-width: 768px) {
.event {width:47.5%; margin-bottom:60px; margin-left:5%;}
.event:nth-child(2n+1) {clear:left; margin-left:0;}
  }
@media only screen and (min-width: 1024px) {
.event {width:30%; margin-bottom:80px; margin-left:5%;}
.event:nth-child(2n+1) {clear:none; margin-left:5%;}
.event:nth-child(3n+1) {margin-left:0%; clear:left;}
.eventWrapper {width:70%; margin-left:15%;}
   } 
.event p.credit {text-align:right; margin-top:-25px; font-weight:italic; font-size:12px;}





/*#PROPERTY MAP INFOBOX#*/
.infobox {background: none repeat scroll 0 0 #fff;  position: absolute;}
.infobox .content {margin:0px;float:left; width:100%; position:relative; border:1px solid #fff;}
.infobox .content a {position:absolute; display:block; width:100%; height:165px;}
.infobox .image {background-size:cover; background-position:center center; width:100%; height:165px;}
.infobox .image p {position:absolute; top:0px; left:0px; background-color:#bed00b; color:#fff; padding:5px;}
.infobox .copy {color:#fff; background-color:rgba(0,0,0,0.7); position:absolute; bottom:0px; width:100%; padding:5px; font-size:14px; text-transform:uppercase;}
.infobox:before, .infobox:after {border-color: transparent transparent transparent #fff;  border-style: solid;  border-width: 0;  bottom: -1px;  content: "";  display: block;  height: 0;  left: -1px;  position: absolute;  width: 0;  z-index:2}
.infobox:after {border-color: transparent transparent transparent #FFFFFF; border-width:0px; z-index:1}
.infobox .close {background: none repeat scroll 0 0 #fff;cursor: pointer;position:absolute;top:0px; right:0px;font-size: 17px;height: 25px;line-height: 22px;right: -25px;text-align: center;top: 0;width: 25px;}

.infoboxSmall {background: none repeat scroll 0 0 #bed00b;  position: absolute; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }
.infoboxSmall .content {margin:0px; float:left; width:100%; position:relative; border:1px solid #fff; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }
.infoboxSmall .content a {font-size: 16px; padding:5px; display:block; color:#fff; font-weight:bold;}
.infoboxSmall:before, .infoboxSmall:after {border-color: transparent transparent transparent #fff;  border-style: solid;  border-width: 0;  bottom: -1px;  content: "";  display: block;  height: 0;  left: -1px;  position: absolute;  width: 0;  z-index:2}
.infoboxSmall:after {border-color: transparent transparent transparent #FFFFFF; border-width:0px; z-index:1}
.infoboxSmall .close {background: none repeat scroll 0 0 #0f6830;cursor: pointer;position:absolute;top:0px; right:0px; color:#fff; font-size: 18px;height: 32px;line-height: 29px;right: -25px;text-align: center;top: 0;width: 25px; -webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0; border:1px solid #fff;}


/*#SPECIAL OFFERS#*/

.propertyOffers {float:left; margin:20px 0 40px 0;}
.propertyOffers h4 {color:#0f6830; font-size:23px; margin-bottom:10px; text-transform:none;}
.propertyOffers p a {color:#a8aaab; margin-bottom:5px; float:left; display:block;}

img.soMask {display:none; position:absolute; top:122px; right:0px; z-index:200;}

@media only screen and (min-width: 480px) {
  img.soMask {display:block;}
  }

@media only screen and (min-width: 768px) {
  img.soMask {top:151px;}
  }

@media only screen and (min-width: 1024px) {
img.soMask {right:10px;}  
  }


/*#CLUSTER PROPERTIES#*/

#clusters {margin-top:80px; border-top:1px solid #a8aaab; padding-top:40px;}
.cluster {float:left; width:100%; border-bottom:1px solid #a8aaab; padding-bottom:40px; margin-bottom:40px;}
.cluster .image {float:left; height:230px; width:100%; background-size:cover; background-position:center center; margin-bottom:20px;}
.cluster .image a {display:block; height:230px; width:100%;}
.clusterIcons {float:left; width:100%; margin-bottom:20px; font-family: 'Rubik', sans-serif; color:#0f6830; font-weight:bold;}
.clusterIcons .clusterSleep {text-align:center; width:22px; padding-top:40px; margin-right:15px; float:left; background-image:url(/wp-content/themes/baron/assets/icon-sleeps.png); background-position:top center;}
.clusterIcons .clusterHouses {text-align:center; width:55px;  padding-top:40px; float:left; border-left :1px solid #a8aaab;  background-image:url(/wp-content/themes/baron/assets/icon-cluster.png); background-position:top center;}
.cluster .copy {float:left; width:100%;}
.cluster .copy a {font-size:14px; float:left; width:38%; margin-right:2%; background-color:#bed00b; color:#fff; padding:5px 5px; margin-bottom:2%;}
.cluster .copy a:hover {background-color:#0f6830;}
.cluster .copy a:nth-child(even) {clear:left;}
.cluster .copy a.enquiryButton {float:right; background-color:#0f6830; text-align:center; width:20%; margin:0px 0 0 0;}
.cluster .copy a.enquiryButton:hover {background-color:#bed00b;}
.cluster .copy h3 {font-size:21px;}
.cluster .copy h4 {font-size:13px;}


@media only screen and (min-width: 768px) {
.cluster .image {height:230px; width:35%; margin-bottom:0px;}
 .cluster .copy {float:right; width:62%;}
}

.clusterForm {background-color: #f5f5f5; width: 100%; padding: 30px; float: left; margin-bottom:40px;}
.clusterForm h3 {color: #0f6830; font-size: 22px; margin-bottom: 20px; text-transform: none;}
.clusterForm input[type=text] {width: 100%; padding: 5px; color: #9e9d9d; font-family: 'Rubik',sans-serif; font-size: 13px; border: 1px solid #c6c7c9; margin-bottom: 10px;}
.clusterForm textarea {resize:none; width: 100%; padding: 5px; color: #9e9d9d; font-family: 'Rubik',sans-serif; font-size: 13px; border: 1px solid #c6c7c9; margin-bottom: 10px;}
.clusterForm input[type=submit] {display: block; cursor: pointer; background-color: #bed00b; color: #fff; font-family: 'Rubik',sans-serif; font-size: 13px;  padding: 5px 0; text-align: center; width: 47.5%; float: left;}

/*#LOADING SPINNER#*/
#spinner-overlay {
    position: absolute;
    z-index: 9999;
    background-color: #000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}


    
/*#COVID19#*/

#covid19 {background-color:#4B658A; padding:20px 20px; text-align:center;}

#header.header2 {height:110px;}
#avantio-ref {font-family: "Open Sans", sans-serif, "arial", "SF Pro Text"; position:absolute; top:50px; left:5px;}
#avantio-ref label {color:transparent;}
#avantio-ref p {margin-top:20px; position:relative; font-size:14px;}
#avantio-ref p::after {display:block; content:'name:'; position:absolute; left:55px; top:0px;}
#avantio-ref #sombrap {float:left; margin-left:31px; margin-top: -14px;}
#avantio-ref div#contenidop2 #formBusquedaAlquileresNombre input {border-radius:-0px;}
#avantio-ref div#contenidop2 #formBusquedaAlquileresNombre #buscar {color:transparent; width:40px; background-size:18px 18px; margin-top:-2px; margin-left:-6px; border-radius:0px; background-image:url(/wp-content/themes/baron/assets/icon-search-white.png); background-position:center center;}
#avantio-ref #FRMNombre {width:140px;}

@media only screen and (min-width: 1160px) {
#header.header2 {height:60px;}
#avantio-ref {left:230px; top:0px;}
  }


#avantioSearchPanel {display:none;}
#avantioSearch {width:100%; z-index:1000; background-color:#f5f5f5; padding-top:20px; position:relative; border:0px;}
#avantio-form #sombrap #tabla_form {background-color:#fff;}
#avantio-form #sombrap #tabla_form .form_item input {font-size:16px;}
#avantio-form #sombrap #tabla_form .form_item select {font-size:16px;}

@media only screen and (max-width: 628px) {
#avantio-form #sombrap #tabla_form>*+*:not(#contenido_buscar) {border-left:0px;}
}

@media only screen and (min-width: 795px) {
 #avantioSearch  {margin-top:-360px; background-color:transparent; padding-top:0px;}
  }







