@charset "utf-8";
/* CSS Document */
@font-face {font-family: mainFont; src: url(../fonts/OpenSans-Regular.ttf);}


* {margin:0; padding:0; font-family:mainFont, Arial, Helvetica, sans-serif;}
.content {max-width:100%; width:100%; display:block; margin:0 auto;}
#main .content {background:rgba(255,255,255,1); padding: 1vw 1.5vw !important; width: auto;}
#main a, #main a:visited {color:#212121}

body {background: #ACD1F2}
.fa, .fab, .fal, .far, .fas, i {font-family: Font Awesome\ 5 Free, FontAwesome}

.cl {display:block; clear:both}
.nl {display:block;}
.ta_c, .ta_c * {text-align: center !important;}

.h10 { height:10px}
.mw90 {max-width:86% !important; margin: 0 auto; display: block !important;}
.pt1w {padding-top: 1vw}

.h6w { height:6px; background:rgba(255,255,255,.9)}
.h10w {height:10px; background:rgba(255,255,255,.9)}
.h12w {height:12px; background:rgba(255,255,255,.9)}
.h15w {height:15px; background:rgba(255,255,255,.9)}

.h6y { height:6px; background:rgba(250,225,0,.9)}
.h10y {height:10px; background:rgba(250,225,0,.9)}
.h12y {height:12px; background:rgba(250,225,0,.9)}
.h15y {height:15px; background:rgba(250,225,0,.9)}

h1,h2,h3 {color:#56713c !important; text-transform: capitalize; font-family: "Hachi Maru Pop", cursive; font-weight: 400; font-style: normal; text-shadow:1px 1px 1px rgb(0 0 0)}
h1 {font-size:42px; font-weight: bold; letter-spacing:1px; display: inline-block;}
h2 {font-size:36px; font-family: inherit; text-transform: none; margin-bottom: 15px; }
h3:not(.ui-accordion-header) {font-size:24px;}

h2 i {color:#56713c !important; opacity: .7 !important; display: inline-block; margin-right: 10px; font-size: 45px;}

p {padding:0; margin:0 0 15px; line-height:1.48em; color:#333; font-size: 18px}
ul {list-style-position: inside}

a, a:visited {color:#56713c !important}

ul.highlight {list-style: none; display: block; width: 100%; list-style-position: inside; list-style-type: square; margin: 0 0 20px;}
ul.highlight li {margin: 1px 3px; padding-bottom: 2px; padding-left: 8px; font-style: italic}

#quotebutton {float:right; clear:both; display:inline-block; padding: 10px 29px 4px; font-weight: normal; font-size: 20px; text-decoration: none;}
#quotebuttonBottom {display:block; width:512px; max-width:96%; margin:10px auto 6px; text-align:center; padding: 10px 29px 4px; font-weight: normal; font-size: 20px; text-decoration: none;}
#quotebutton:hover, #quotebuttonBottom:hover {font-weight:bold}

.myml:before {content: attr(data-dmn) "\0040" attr(data-sr); unicode-bidi: bidi-override; direction: rtl}
h2.w3 {display:inline-block; width:33%; text-align:center; font-size:24px}

#toTheTop {position: fixed; bottom: 10px; right: 36px; text-align: center; z-index: 720; padding: 15px; background: #56713c; border: 4px solid #FFF; transform: translate(50%, 0); border-radius: 10px; cursor: pointer; opacity: .5}
#toTheTop i{font-size: 32px; color: #FFF; height: 32px; width: 32px;}




#container {width:100%; background: url("../images/logoBG.png") repeat; background-position: center}

#container{background: #FFF !important}

#header {display:block; width:100%; padding:0; background:none; position: fixed !important; top:0 !important; z-index: 960}

.subPage #info-strap {padding: 10px 4vw !important; width: auto}



#topline {display:none; width:100%; padding:8px 0 3px; position: relative;}
#topline .content {float:none; display:block; max-width:100% !important}

#topline ul {width:auto; margin:0 4px 0 0; padding:0; float: right}
#topline ul li {list-style: none; width:auto; float:left; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; margin: 0 0 0 8px; white-space: nowrap; display: inline-block; vertical-align: top !important}

#topline ul li a, #topline ul li a *, #header #contactbar a, #header #contactbar a * {color:#FFF; font-size: 14px; text-transform: uppercase; line-height: 2em;}
#topline ul li#toplinebook a {font-size: 18px}
#topline ul li a, #header #contactbar a {color:#FFF; background: #56713c; font-weight: bold; text-decoration: none; opacity: .8; padding: 4px 8px 6px; border-radius: 6px;}
#topline ul li a:hover, #header #contactbar a:hover {opacity: 1}
#topline ul li a i, #header #contactbar a i {display: inline-block; margin: 0 4px 0 0}
a span:not(.label).labelMobile {display: none}


#header .content {position: relative}

#headerLine {display: block; width:100%;}

#headerLine #headerBlockLeft {width:35%}
#headerLine #headerBlockRight {width:35%; float: right !important}
#headerLine .headerBlock {display: inline-block !important; float: left }

#headerLine .headerBlock .menu {display: block; width: calc(100% - 20px); margin: 0 10px;}
#headerLine .headerBlock .menu ul.nav, #mainMenu {list-style: none; display: flex; justify-content: center; height: 90px; align-items: center;}
#headerLine .headerBlock .menu ul.nav li {display:inline-block; width:calc(33% - 10px); padding: 0 5px; }
#headerLine .headerBlock .menu #mainMenu li {margin: 0 2px !important}

#headerLine .headerBlock .menu ul.nav li a, #mainMenu a {color: #bcc1bb; display: inline-block; font-size: 11px; font-weight: 100; line-height: 1em; padding: 0 5px; text-align: left; text-transform: uppercase; -moz-transition: background-color .3s ease,color .3s ease; -o-transition: background-color .3s ease,color .3s ease; -webkit-transition: background-color .3s ease,color .3s ease; transition: background-color .3s ease,color .3s ease; text-decoration: none;
}
#headerLine .headerBlock .menu ul.nav li a:hover {color:#990000}
#headerLine #headerBlockRight .menu ul.nav li a {text-align: right !important}



#header #logo {width:50%; z-index: 7; display:inline-block; position: absolute}
#header #logo a {display:block; padding:15px 0 12px 0; width:100%;}
#header #logo a img.icon {height:auto; width:100%; display:block}
#container.subPage #header a img.icon {max-height: 100px !important; width: 220px !important; margin: 5px 0 0;}

#header #logo a img#logoLogo {display: block}
#header #logo a img#logoSlim {display: none;}

#pageCms #header #logo a img#logoLogo {display: none}
#pageCms #header #logo a img#logoSlim {display: block; width:auto !important; height: 80px !important; margin: 0;}

#header #contactbar {width:calc(100% - 300px); padding:12px 10px 12px; float: right !important; text-align: right}

#header #logoLogo {background: no-repeat; background-image: url(../images/logoHeader.png); background-size: contain;}
#header.smallheader #logoLogo {background-image: url(../images/logoHeader.png);}

#header:hover.smallheader #logoLogo {background-image: url(../images/logoHeader.png);}


#header.subPage {background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 26%, rgba(255,255,255,.5) 57%, rgba(255,255,255,0) 100%) !important; }
#header.subPage #logo, #header.smallheader #logo {position: relative;}
#header.subPage #logo a {padding: 7px 0 0}

#header.smallheader {background: rgb(172 209 242 / 75%) !important}
#header.smallheader:hover {background: #ACD1F2 !important}

#header.smallheader #contactbar * {color:#FFF !important; vertical-align: middle}

#header.smallheader #contactbar p#headtext, #header.subPage #contactbar p#headtext {display: none !important}

#header.smallheader #topline {display:none !important}

#header.smallheader #logo {display:inline-block; margin:10px 0 10px 20px; width:250px}
#header.smallheader #logo a img#logoLogo {display: none !important}
#header.smallheader #logo a img#logoSlim {display: block !important}

#header.subPage #contactbar {padding:22px 0 !important}

#header.smallheader #contactbar {padding:20px 10px 20px !important; display: inline-block !important; position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
#header.smallheader #contactbar, #header.smallheader:hover #contactbar {color:#FFF !important; }
#header.smallheader #contactbar p#headtext * {font-size: 32px}
#header.smallheader #contactbar .morphext {line-height: 1.4em}
#header.smallheader #contactbar p#headtext, #header.subPage #contactbar p#headtext {color: #FFF; margin-top: 0px; display: block; font-weight: normal; padding: 4px 12px; text-transform: uppercase; border-radius: 12px;}



#header #contactbar a {padding:7px; margin: 5px 5px 5px 0}


#header.smallheader #logo a {padding:.5vh 0 !important}
#header.smallheader #logo a img {height:auto !important; width: 100% !important; max-width: 240px !important}


#header .facebookLink {display:inline-block; float:right; height:auto; width:132px; margin-top:16px; opacity:.6}
#header .facebookLink:hover {opacity:1}
#header .facebookLink img {display:block; width:100%; height:auto}


#photoPanel {display:block; position:relative; overflow:hidden; background: center center / cover no-repeat scroll; min-height:120px; width:100%; height: 100%; left:0; bottom: 0;}
#pageHome #photoPanel {height:75vh;}


#photoPanel #bannerPhoto, #photoPanel #bannerPhotoSwap {width:100%; height:60vh; margin:0; z-index:1; background-repeat: no-repeat; background-position: center; background-size: cover;}
#photoPanel #bannerPhotoSwap {display: none}

#pageCms #photoPanel #bannerPhoto, #pageCms #photoPanel #bannerPhotoSwap {height:40vh !important}


#photoPanel:hover #bannerPhoto {display: none !important}
#photoPanel:hover #bannerPhotoSwap {display: block !important}


#photoPanel #glassPanel {position:absolute; top:0; height:100%; width:100%; z-index:2}
body#pageHome #photoPanel:hover #glassPanel {background:rgba(60,4,68,.1)}

#glassPanel {background-color: rgba(0,0,0,0.1); position: absolute; height: 100%; width: 100%; z-index: 0; max-width: none; display: block; top: 0px; left: 0px; background-image: url(../images/glass.png); opacity: 0.8;
}

#photoPanel:hover #messagePanel {background:rgba(255,255,255,.75); border:1px solid #345c45;}
#photoPanel:hover #messagePanel * {color:#616161; text-shadow: none !important}



#messagePanel {display: block; position: absolute; top: 50%; left: 50%; width:auto; transform: translate(-50%,-50%); z-index: 720; text-align: center; padding: 35px 5% 20px; background:rgba(255,255,255,.5) !important; overflow: hidden; border-radius: 12px}
#messagePanel * {display:block; color:#616161;}

#messagePanel h1, #messagePanel p {text-shadow: 0 0 12px #FFF, 0 0 12px #FFF !important;}

#messagePanel p {margin: 12px 32px; font-weight: normal; font-size: 24px}
#messagePanel:hover {background:rgba(255,255,255,.8) !important; border:0 !important}

#messageButtons {margin: 22px 0}
#messageButtons a {display: inline; width:auto; white-space: nowrap; text-align: center; font-weight: normal; text-decoration: none; background: rgba(0, 110, 169, .85); color:#FFF !important; padding: 6px 20px 8px 20px; margin: 0 8px; border-radius:9px; font-family: Oswald, Arial; text-transform: uppercase; font-size: 22px;}



#messagePanel h1 {font-size: 42px !important; font-weight: 800; line-height: 1.1em; letter-spacing: 0; text-shadow: 2px 1px 0 #1d1d1d, -1px 1px 0 #1d1d1d, -2px -1px 0 #1d1d1d, 2px -1px 0 #1d1d1d;}
#messagePanel h1 span {color: #545454 !important; display: inline-block !important}

#messagePanel p.subheading {font-size: 32px; text-transform: uppercase; font-family: Oswald, Arial; letter-spacing: 1px; margin: 12px 32px}
#messagePanel p {display: block}
#messagePanel p * {display: inline}
#messagePanel p#messageFootnotes {color:#212121}


#photoPanel:hover #glassPanel {background:rgba(255, 255, 255, .1)}












#properties {display: block; }
#properties li {float:left}
#properties li a {display: block}
#properties li a span {}

.skdslider {width:100%; position: relative; display: block; height:100%; max-height:100%;}

.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li { display: none;}
.skdslider ul.slides li img {width: 100%; height:100%; border:0; background-position: center; background-size: cover; animation: bannerMove 10s ease infinite; -ms-animation: bannerMove 10s ease; -webkit-animation: bannerMove 10s ease; -0-animation: bannerMove 10s ease; -moz-animation: bannerMove 10s ease;}

@-webkit-keyframes bannerMove {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;

    transform: scale(1.0);
    -ms-transform: scale(1.0); /* IE 9 */
    -webkit-transform: scale(1.0); /* Safari and Chrome */
    -o-transform: scale(1.0); /* Opera */
    -moz-transform: scale(1.0); /* Firefox */
  }
  100% {
    transform: scale(1.4);
    -ms-transform: scale(1.4); /* IE 9 */
    -webkit-transform: scale(1.4); /* Safari and Chrome */
    -o-transform: scale(1.4); /* Opera */
    -moz-transform: scale(1.4); /* Firefox */
  }
}


.skdslider ul.slide-navs {bottom: 20px; left: 50%; position: absolute; list-style-type: none; margin: 0; padding: 0;}
.skdslider ul.slide-navs li {float: left; background: url("../images/slider/slide-bg.png") no-repeat scroll 0 0 transparent; height:12px; width:12px; margin-right:4px; cursor:pointer;}
.skdslider ul.slide-navs li.current-slide {background: url("../images/slider/slide-bg-active.png") no-repeat scroll 0 0 transparent;}

.skdslider a i {color:#f1ca56; font-size:48px;}

.skdslider .slide-desc {right: 0; position: absolute; top: 50%; width: auto; display: inline-block; transform: translate(0px, -50%)}
.skdslider .slide-inner {}
.skdslider .slide-inner a {display: block; background: rgb(61 61 61 / 80%); padding: 64px 18px; text-decoration: none; border-radius: 18px 0 0 18px; border: 2px solid #56713c; border-width: 4px 0 4px 4px; animation: buttonFader 6s infinite;}
.skdslider .slide-inner a * {display: block; margin: 0 auto; text-align: center; color:#56713c; text-shadow: 1px 1px 2px rgb(128 80 60), 1px 1px 2px rgb(128 80 60)}
.skdslider .slide-inner a i {color:#56713c; font-size: 56px}
.skdslider .slide-inner a span {font-size: 22px; text-transform: uppercase; margin: 10px auto 0; display:block !important}

@keyframes buttonFader {
  100% {background-color: rgb(255 255 255 / 75%);}
  75% {background-color: rgb(61 61 61 / 100%);}
  50% {background-color: rgb(61 61 61 / 50%);}
  0% {background-color: rgb(255 255 255 / 50%);}
}


.skdslider .slide-inner h2, .skdslider .slide-inner h3 {color: #56713c !important; font-size: 36px !important; margin-bottom: 10px; margin-top: 10px; text-align: left; font-weight: bold; text-transform: none;}
.skdslider .slide-inner h3 {font-size: 22px !important; color: #80503c !important; opacity: .8;}

.skdslider .slide-inner p {color: #80503c; font-size: 22px; line-height: 1.6em;}




.skdslider .slide-inner > p a.linkMore:hover {text-decoration:underline;}

.skdslider .slide-inner > p a.linkMore, .skdslider .slide-inner > p a.linkMore * {font-family: 'Handlee', cursive !important; color:#FFF !important}


.skdslider a.prev {background: url("../images/slider/left.png") no-repeat scroll 0 0 transparent; width:35px; height:35px; display:block; cursor:pointer; position:absolute; top:50%; left:2%; margin-top:-17px;}
.skdslider a.next {background: url("../images/slider/right.png") no-repeat scroll 0 0 transparent; width:35px; height:35px; display:block; cursor:pointer; position:absolute; top:50%; right:2%; margin-top:-17px;}
.skdslider a.prev:hover {}
.skdslider a.next:hover {}

.skdslider a.play {background: url("../images/slider/play.png") no-repeat scroll center center transparent; width:35px; height:35px; display:none; cursor:pointer; position:absolute; top:50%; left:48%; margin-top:-17px;}

.skdslider a.pause {background: url("../images/slider/pause.png") no-repeat scroll center center transparent; width:35px; height:35px; display:none; cursor:pointer; position:absolute; top:50%; left:48%; margin-top:-17px;}

/*Some Responsive CSS */
@media screen and (max-width:767px) {
	.skdslider .slide-inner > h2 {font-size: 20px; margin-bottom: 5px; margin-top: 5px;}	
	.skdslider .slide-inner > p {font-size: 14px; line-height: 15px; margin-top: 5px; }
	.skdslider .slide-inner > p a.more {font-size:14px}
}



#pageHome #nav ul li img {height:96px}
#pageHome #nav ul li * {font-size:22px}
#pageHome #nav ul li.icon {width: 20%;}
#pageHome #nav ul li.link {width: 275px}
#pageHome #nav ul > .link ~ .link {padding:3px 0}

/*#nav ul li.icon:hover {background: rgba(60,4,68,.1)} */

#info-strap {display:block; width:100%;}

#nav {display:block; width:100%; background:#006EA9 !important}
#nav .content {padding: 4px 0 0}
#pageHome #nav .content {padding: 8px 0}
#nav ul {width:100%; margin:0; padding:0; max-width:100%; display:block}
#nav ul li {list-style-type:none; float:left; margin:0; padding:10px 0 0; text-align:center}
#nav ul li * {display:block; padding:2px 0; color:#3C0444; font-family:'Handlee', cursive !important; font-size:20px; line-height:1.1em; text-decoration:none; text-transform:uppercase}
#nav ul li *:hover {font-weight:bold; color:#000}


#headlineOne {background: #006EA9; display: block; padding: 15px 0; text-align: center}
#headlineOne h1 {font-size: 42px; text-align: center; display: block; color:#FFF; text-transform: uppercase; line-height: 1.36em; font-family: Oswald, Handlee, Arial !important;}

#mainHeadline {width:90%; display: block; margin: 20px auto}
#mainHeadline, #mainHeadline * {text-align: center; color:#616161; font-size: 24px; line-height: 1.48em; font-family: 'Open Sans', sans-serif !important;}

#nav ul li#openclose {display: none;}
#openclose a {width: 24px; height: 28px; position: relative; margin: 0 auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}

#openclose a span {display: block; position: absolute; height: 2px; width: 100%; background: #3c0444; border-radius: 6px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

#openclose a span:nth-child(1){top: 0px}
#openclose a span:nth-child(2){top: 9px}
#openclose a span:nth-child(3){top: 18px}

#openclose a.open {opacity:.6}
#openclose a.open span {background:#FAE100 !important}
#openclose a.open span:nth-child(1) {top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
#openclose a.open span:nth-child(2){opacity: 0; left: -60px}
#openclose a.open span:nth-child(3) {top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg)}





#nav ul li img {height:86px; display:block; margin:0 auto}
#pageHome #nav ul li img {height:64px}

#nav ul li.icon {width:20%; margin-top:4px}
#pageHome #nav ul li.icon {margin-top:12px; }
#nav ul li.icon span {padding:10px 0 14px; font-size:18px}
#pageHome #nav ul li.icon span {font-size:22px; padding:12px 0 6px}

#nav ul li.link {display:inline; padding:14px 0 0; width:234px}
#pageHome #nav ul li.link {padding:10px 0 0}
#nav ul li.link a {font-size:14px !important; display:block; line-height:1.1em; text-align:right}




#nav:hover ul li {opacity:.5}
#nav:hover ul li:hover {opacity:1 !important}

#nav ul li.swap {display:none;}
body.aa *.swap.aa {display:inline-block !important}
body.cc *.swap.cc {display:inline-block !important}
body.mm *.swap.mm {display:inline-block !important}



#main {display:block; width:100%; overflow: hidden !important}

#main .content {padding:24px 0; background: rgb(65 89 14 / 0%); color: #000000; border-top: 4px solid #FFF;}
#main .content .contentInner, #highlights {max-width: 1427px; width:auto; margin: 0 auto; padding: 15px;}
#main .content #contactus {padding-top: 10px !important; background: #8d9b6e; width: 80%; border-radius:10px}

#main .content #contactus p {color:#FFF}
#main .content #contactus h2 {color:#FFF}
#main .content #contactus i {color:inherit !important}


#pagehome #main .content {padding-top:12px}

#info-strap {display:block; width:100%; padding: 0;}
#info-strap #straptop {display: block; padding:2px 0; text-align: center; position: relative}
#info-strap #straptop *:not(.modal) {text-align: center}
#info-strap #straptop h1 {color: #FFF !important; position: absolute; top: -100px; width: 100%; left: 0; right: 0; text-shadow: 1px 1px 2px #56713c, 1px 1px 2px #56713c; text-transform: uppercase;}
#info-strap #straptop p:not(#mainHeadline), #info-strap #straptop p:not(#mainHeadline) * {font-size: 16px}
#info-strap #straptop .ag_notes {color:#FFF; text-align: center}
#info-strap #strapbot {background: #FFF}

ul.listicons:hover li.icon {display: inline-block}
ul.listicons:hover li.icon img {filter: grayscale(100%) !important}
ul.listicons li.icon:hover img {filter: none !important}

#info-strap ul.listicons li.icon span {padding:10px 0 14px; text-transform: uppercase;}

#info-strap ul.listicons li {width:33.3%; float: left; padding: 0 0 32px; margin: 24px 0}
#info-strap ul.listicons li * {display: block; margin: 0 auto; text-decoration: none !important}

#info-strap ul.listicons li img {max-width:124px; }
#info-strap ul.listicons li span {text-align: center; font-size: 28px; line-height: 1.36em; font-weight: bold; font-family: Oswald; color:#C40000}
#info-strap ul.listicons li p {text-align: justify; font-size: 16px; line-height: 1.5em; color:#252525; width: 90%; margin: 0 auto; display: block; clear: both; font-style: italic}


#info-strap ul.listicons li.icon {width:33%; display: inline-block; overflow: hidden !important}
#info-strap ul.listicons li.icon.bullet {width: 36% !important; padding: 10px 6.9% !important; margin: 0 auto !important; float: none !important; vertical-align: top; overflow: hidden !important}


#info-strap ul.listicons li.icon.bullet span {width:calc(100% - 86px) !important; }
#info-strap ul.listicons li.icon.bullet img {width:54px !important; margin-right: 20px }
#info-strap ul.listicons li.icon.bullet p {width:auto; padding: 3px 0 0 12%; clear: none; }
#info-strap #strapbot ul.listicons li.bullet img, #info-strap ul.listicons li.bullet span {display: inline-block; float: left; padding: 0 10px 0 0; text-align: left}
#info-strap #strapbot ul.listicons li.bullet span {padding: 0 !important; color:#006EA9}


#info-strap ul.listicons li.icon.bullet:nth-child(even) {width: 36% !important; padding: 10px 3% 10px 10.9% !important;}
#info-strap ul.listicons li.icon.bullet:nth-child(even) img {float: right !important; margin: 0 0 0 20px}
#info-strap ul.listicons li.icon.bullet:nth-child(even) p {padding: 3px 12% 0 0}
#info-strap ul.listicons li.icon.bullet:nth-child(even) * {text-align: right !important}

#info-strap ul.listicons li.icon.bullet:nth-child(odd) {width: 36% !important; padding: 10px 6.9% 10px 3% !important;}



ul#properties {width:100%; margin: 0; padding: 0; list-style: none}
ul#properties li {float: left; width:25%}
@keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } }
ul#properties li { animation: fade 1.5s ease-in forwards; }
ul#properties li a {background: rgba(255,255,255,.25); position: relative; overflow: hidden !important}
ul#properties li a img {width: 100%; height: 180px; background-size: cover; background-position: center}
ul#properties li .block span.title {font-size: 20px !important}
ul#properties li .block span.sleeps {font-size: 14px !important}


#pagesGrid {z-index: 720; margin: 0 auto;
    width: 90%;}
#pagesGrid .cell {background: #bcc1bb; text-align: center; display: inline-block; width:calc(33% - 29px); margin:4px; padding:10px; position: relative; overflow: hidden !important; vertical-align: top}
#pagesGrid .cell .image {float: left; width: 60%; position: relative; overflow: hidden}
#pagesGrid .cell .image img {height:auto; width:100%; z-index: 180}
#pagesGrid .cell .image div {height: 80%; width: 94%; padding: 5% 0; background: rgb(188 193 187 / 50%); display: none; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 360; color: #345c45; text-align: center; font-size: 22px; line-height: 1.36em; transition: all 1s; position: absolute; vertical-align: middle;}
#pagesGrid .cell .image div p {position: absolute; top: 50%; transform: translate(-50%, -50%); font-size: 18px !important; font-family: 'Piazzolla', serif !important; text-transform: uppercase; font-weight: bold; color: #345c45; background: rgb(188 193 187 / 80%); left: 50%; line-height: 1.5em; padding: 10px 20px; white-space: nowrap;}
#pagesGrid .cell .image div i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 42px !important; font-weight: bold; color: #345c45; background: rgb(188 193 187 / 80%); line-height: 1.5em; padding: 10px 20px;}

#pagesGrid .cell:hover .image div {display:block !important;}



#pagesGrid .cell .block {float:right; text-align: center; padding: 10px 0; width: calc(40% - 0px); color: #FFF; background: rgb(52 92 69 / 89%); font-weight: normal; font-size: 26px; z-index: 720 !important;  }
#pagesGrid .cell2 {width:calc(50% - 32px);}
#pagesGrid .cell2 .block {padding: 10px; width: calc(40% - 20px) !important;}
#pagesGrid .cell2 .block span.title {font-size: 32px !important;}
#pagesGrid .cell2 .block div.frame {padding: 15px 5px; border: 1px solid #bcc1bb;}


#pagesGrid .cell .block i {font-size: 32px !important; color: #bcc1bb; margin-bottom: 8px; }
#pagesGrid .cell .block span, .owl-carousel .item .block span {display: block;}
#pagesGrid .cell .block span.title, .owl-carousel .item .block span.title {font-size: 30px !important; letter-spacing: 0; margin: 2px 10px 5px; font-weight: bold; line-height: 1.1em; color:#56713c; text-shadow: 1px 1px 2px rgb(128 80 60)}
#pagesGrid .cell .block span.sleeps, .owl-carousel .item .block span.sleeps {font-size: 14px !important; color: #616161; margin: 4px auto 6px; }
#pagesGrid .cell .block p {color: #FFF; font-family: 'Open Sans', sans-serif !important; margin: 0 4px;}

#pagesGrid .cell img {position: relative; top:0; left: 0; right: 0; text-align: center; z-index: 180; background-size: cover; background-position:center; height: 100%; width:300px}

#pagesGrid .cell .block span {color:#FFF !important}


#pagesGrid:hover .cell .block, .owl-carousel:hover .item .block {opacity: .25; filter:brightness(.75); z-index: 720 }
#pagesGrid .cell:hover .block, .owl-carousel .item:hover .block {opacity: 1; filter: none !important; z-index: 720; border-color:#345c45}
#pagesGrid:hover .cell img {filter: grayscale(50) brightness(.5); transform:scale(1); transition: all 1s; z-index: 360 }
#pagesGrid .cell:hover img {filter: none !important; transition: all 2s; z-index: 360; transform: scale(1.2);}

.owl-carousel {z-index: 720}
.owl-carousel .owl-item {background: rgba(255,255,255,.8); background-size: contain; text-align: center;}
.owl-carousel .item {background: rgba(255,255,255,.75); background-size: cover; text-align: center; height: 280px; position: relative; overflow: hidden !important}
.owl-carousel .item .block, ul#properties li .block {position: absolute; text-align: center; padding: 1.5% 3%; width: 75%; border:1px solid rgba(255, 255, 255, .5); color: #FFF; background: rgba(22,22,22,.86); font-weight: normal; font-size: 26px; z-index: 720 !important; left: 50% !important; top: 50%; transform: translate(-50%, -50%); margin:0 !important}
.owl-carousel .item img, ul#properties li .block img {position: relative; top:0; left: 0; right: 0; text-align: center; z-index: 180; background-size: cover; background-position:center; height: 100%}
.owl-carousel:hover .item img {filter: grayscale(50) brightness(.5); transform:scale(1); transition: all 1s; z-index: 360 }
.owl-carousel .item:hover img {filter: none !important; transform:scale(1.25); transition: all 2s; z-index: 360}


#pageCms #pagesGrid .cell {height:150px !important}

body [id^=pjWrapper] {background: #ACD1F2 !important}
#pjWrapperAppScheduler_1 h1, #pjWrapperAppScheduler_1 h2, #pjWrapperAppScheduler_1 h3 {text-shadow: none !important}

#pjWrapperAppScheduler_1 h3 {margin: 0; font-size: 18px; background: #56713c; color: #FFF !important; padding: 7px; text-transform: uppercase;}
#pjWrapperAppScheduler_1 #addMoreTimeslots{font-size: 14px !important; margin-top: 8px;}

#pjWrapperAppScheduler_1 #isCheckout.container-fluid {max-width: 1170px; margin: 0 auto; width: 100%; display: block}

#isCheckout .pjAsCheckout h3.pjAsSectionTotal {text-align: right !important; width: 47%; padding-right: 3%;}
#isCheckout .pjAsCheckout h3.pjAsSectionPrice {text-align: left !important; width: 45%; padding-left: 3%;}

#isCheckout .pjAsCheckout h3 {display:none !important}
#isCheckout .pjAsCheckout h3:nth-child(-n+3){display: inline-block !important}

#pjWrapperAppScheduler_1 .container-fluid {padding: 0px; max-width: 1500px; width: 98% !important;}

#pjWrapperAppScheduler_1 *:not(.glyphicon):not(i), #pjWrapperAppScheduler_1 h2, #pjWrapperAppScheduler_1 a.btn {font-family: mainFont !important;}

#pjWrapperAppScheduler_1 .pjAsContainer .pjAsHead {padding: 10px;}

#pjWrapperAppScheduler_1 h2, h2.pjAsListElementTitle {color: #56713c !important; font-weight: 100; font-size: 18px !important; text-shadow: none !important}

#pjWrapperAppScheduler_1 .pjAsSelectedDateWrapper .pjAsSelectedDate strong, #pjWrapperAppScheduler_1 .pjAsListElementTitle, #pjWrapperAppScheduler_1 .pjAsChosenServices .pjAsServiceTitle, #pjWrapperAppScheduler_1 .pjAsServiceMeta dd {color:#56713c !important}
#pjWrapperAppScheduler_1 .pjAsHeadTitle, .pj-calendar-ym {color:#616161 !important}

#pjWrapperAppScheduler_1 .pjAsServiceMeta dt {width:50% !important; text-align: right !important;}
#pjWrapperAppScheduler_1 .pjAsServiceMeta dd {text-align:left !important; font-weight: bold;}



#pjWrapperAppScheduler_1 .pjAsBtnPrimary:before {font-family: "Font Awesome 5 Free"; content: "\f1b0"; display: inline-block; padding: 1px 8px 0 0; vertical-align: middle; font-weight: 900; font-size: 24px;}

#pjWrapperAppScheduler_1 .pjAsTableTimes .pjAsTimeBooked a, #pjWrapperAppScheduler_1 .pjAsTableTimes .pjAsTimeUnavailable a {color:rgb(255 255 255 / 32%) !important; background: #d07364 !important}
#pjWrapperAppScheduler_1 .pjAsTableTimes .pjAsTimeAvailable a {background: #56713c !important; color: #FFFFFF !important}

div.pj-calendar-day:not(.pj-calendar-day-disabled):not(.pj-calendar-day-past) p {color: #FFF !important; background: rgb(65 89 14 / 60%) !important;}
.pj-calendar-day-past p, .pj-calendar-day-inactive p {opacity: .5;}


#pjWrapperAppScheduler_1 .pj-calendar-day-selected p{}

#pjWrapperAppScheduler_1 .pj-calendar-day-selected p:before, 
.pj-calendar-day p:hover:before, 
#pjWrapperAppScheduler_1 .pjAsTime.pjAsTimeAvailable.pjAsTimeSelected .asSlotBlock.asSlotAvailable:before, 
#pjWrapperAppScheduler_1 .pjAsTime.pjAsTimeAvailable.pjAsTimeSelected .asSlotBlock.asSlotAvailable:after {font-family: "Font Awesome 5 Free"; content: "\f1b0"; display: block; padding: 0; vertical-align: middle; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: .5; font-size: 32px;}

#pjWrapperAppScheduler_1 .pjAsTime a {padding: 10px 0 !important;}
#pjWrapperAppScheduler_1 .pjAsTime.pjAsTimeAvailable.pjAsTimeSelected .asSlotBlock.asSlotAvailable {padding: 10px 0;}
#pjWrapperAppScheduler_1 .pjAsTime.pjAsTimeAvailable.pjAsTimeSelected .asSlotBlock.asSlotAvailable:before {font-size:24px; left:20px}
#pjWrapperAppScheduler_1 .pjAsTime.pjAsTimeAvailable.pjAsTimeSelected .asSlotBlock.asSlotAvailable:after {font-size:24px; left:calc(100% - 24px)}

.pj-calendar-day-disabled p:hover:before, .pj-calendar-day-past p:hover:before {display:none !important}

#pjWrapperAppScheduler_1 li.pjAsService .pjAsServiceMeta li:last-child {display:none !important}

#pjWrapperAppScheduler_1 .pjAsTime.pjAsTimeAvailable.pjAsTimeSelected .asSlotBlock.asSlotAvailable {position: relative !important}
#pjWrapperAppScheduler_1 .pjAsTime.pjAsTimeAvailable.pjAsTimeSelected .asSlotBlock.asSlotAvailable:after {padding:0 0 0 8px !important}




li.pjAsService .col-lg-3 {width:20%}
li.pjAsService .col-lg-9 {width:80%}
#pjWrapperAppScheduler_1 .pjAsTableTimes .table td {width:20% !important}



#pjWrapperAppScheduler_1 .btn-primary.pjAsCalendarLinkMonth {background: #56713c !important; border-color:#56713c !important;}
#pjWrapperAppScheduler_1 .btn-primary.pjAsCalendarLinkMonth .glyphicon {line-height: 2em}

#pjWrapperAppScheduler_1 .pjAsBtnPrimary, .modal-content .btn {background: #56713c !important; border-color:#56713c !important; color: #FFF !important;}
#pjWrapperAppScheduler_1 .pjAsBtnSecondary {color: #FFF !important;}

#pjWrapperAppScheduler_1 .pj-calendar-actions .btn-primary, #pjWrapperAppScheduler_1 .pj-calendar-day-selected p, #pjWrapperAppScheduler_1 .pjAsTableTimes .pjAsTimeSelected a {background:#56713c !important}
#pjWrapperAppScheduler_1 .pjAsTableTimes .pjAsTimeSelected a {}

#pjWrapperAppScheduler_1 .form-horizontal.asEmployeeInfo .pjAsAddToCartForm div.form-group:first-child {display:none !important}

#pjWrapperAppScheduler_1 .form-horizontal.asEmployeeInfo .pjAsAddToCartForm div.form-group:nth-child(2) label {display: block; width: 100%;}
#pjWrapperAppScheduler_1 .form-horizontal.asEmployeeInfo .pjAsAddToCartForm div.form-group:nth-child(2) div {display: block !important; width: 100% !important;}

#pjWrapperAppScheduler_1 .form-horizontal.asEmployeeInfo div.form-group:nth-child(4) div {width: calc(100% - 15px); margin: 0 auto;}


.pjAsChosenService a.pjAsEmployeeAppointment {display:none !important}

.modal-dialog {width: 80vw !important;}

.modal-body h1 {position: relative !important; top:0 !important; color:#56713c !important; line-height: 1.36em}
.modal-body ol {margin:15px}
.modal-body *:not(h1):not(h2):not(h3) {color:#616161; font-size: 18px;}
.modal-body h1, .modal-body h2, .modal-body h3 {color:#616161;}
.modal-body * {text-align:left !important}



#bodyBody {width: calc(100% - 100px); margin: 0 auto; display: block;}
#bodyBody ul {width: 80%; margin: 0 auto; list-style-position: outside;}
#bodyBody ul li {text-align: left !important; line-height: 1.5em}


#WhyChooseUs {width:50% !important; margin-top:30px !important}

#main #galleryBlock {width:100%; max-height:auto; max-height:574px; margin:2px 0 20px}

.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; max-width:1024px; padding: 0; margin: 0 auto; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; }


#examples {display:block; margin-bottom:6px}
.example {margin:4px 3px; float:left; width:250px; background:rgba(0,173,236,.3); text-decoration:none !important}
.example img {display:block; width:100%; max-width: 285px; margin:10px auto}
.example span {display:block; margin:8px 2px; text-align:center; color:#000;}
.example:hover {background:rgba(0,0,0,1);}
.example:hover * {color:#FFFFFF}

#serviceTypes {display:block;}
#serviceTypes li {float:left; width:19%; font-size:14px; list-style-position: inside;}


div.block {display: inline-block}
div.block.block_full {display: block}
div.block.block_lr {width:calc(50% - ( ( 3% ) * 0.5 ) ); float: left; text-align: justify}

div.block.block_left {margin-right: 3% !important}
div.block.block_right {}
div.alignr * {text-align: center}


#cFormHeader * {text-align: center !important;}
#cFormHeader p:first-of-type {font-weight: bold !important}
#cFormHeader h2 {font-size: 44px; text-align: center; line-height: 1.36em}

#contactUs {}
#contactUs p {text-align: center}

.contactContact {display: inline-block; vertical-align: top; margin: 0 auto; padding: 0}

#fieldBlock {width: 460px; position: relative; background: #FFF; height: 460px; border: 6px solid #80503c; border-radius: 30px; display: none !important}
#fieldBlock .fieldHedge {position:absolute; width:456px}
#fieldBlock svg {width:100%; visibility:hidden; /* overflow:visible */ }

#contactBlock {width: 96%; margin: 0 auto; display: block;}


#contactBlock input, #contactBlock select, #contactBlock textarea {color:#000 !important; font-size:14px; border:1px solid #ddd; width:92%; padding:5px; display:block; margin:2px auto 3px; background:rgba(0,0,0,0.1)}
#contactBlock div div select {width:97%}
#contactBlock div div input.formbutton {border:none; background: rgba(36, 72, 255, 0.8); color: #006EA9 !important; display: block; font-weight: bold; padding: 10px; font-size: 18px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; width: 96%; margin: 11px auto 0; opacity:1}
#contactBlock div div input.formbutton:hover {opacity:.7}



#contactBlock p {color:#080808}
#contactBlock input,
#contactBlock select, 
#contactBlock select *, 
#contactBlock textarea,
#contactBlock input:focus,
#contactBlock select:focus, 
#contactBlock select:focus *, 
#contactBlock textarea:focus {background:rgba(255, 255, 255, .85) !important; color:#000 !important}

#contactBlock label {display:none !important; color:#000; line-height:1.1em; font-size:14px; padding: 0 4px 4px 4px; white-space: nowrap; position: absolute; background: #FFF; left: 18px; top: -9px;}
#contactBlock label.specify {text-align:right !important; width:29%; margin-right:1%}
#contactBlock label span {color:#006EA9}
#contactBlock span.help {color:#eeeeee !important; font-size:12px; line-height:1.36em; display:block; margin:4px 0 6px; text-align: center}

#contactBlock {margin-bottom:6px;}

#contactBlock #contactMap {width:calc(49% - 0px); min-height: 300px; padding-right: 15px; border:none !important; display:inline-block; vertical-align: top; border-radius: 10px; overflow: hidden;}
#contactBlock #contactMap iframe {height:100%; width:100%; border: none !important}

#contactBlock #contactForm {width:calc(50% - 10px); display:inline-block;}
#contactBlock #contactForm .row {width:calc(100% - 16px); margin:10px 0; position: relative !important}

#contactBlock #contactForm .row *.txt, #contactBlock #contactForm .row textarea {display:block; font-size:18px; line-height:1.36em; color:#000 !important; border:3px solid #56713c; border-radius:7px; padding:12px; margin:2px 0 0 10px; width:96%}


#contactBlock #contactForm .row input.txt {width: 97% !important}
#contactBlock #contactForm .row textarea {width:96% !important; height: 118px}

#contactBlock #contactForm .row.col1 {width:calc(49% - 1px) !important; margin-right: 1%}
#contactBlock #contactForm .row.col2 {width:calc(50% - 4px) !important; }
#contactBlock #contactForm .row.col1, #contactBlock #contactForm .row.col2 {display: inline-block !important; vertical-align: top;}

#contactBlock #contactForm .row.col0 input.txt {width: 96% !important}
#contactBlock #contactForm .row.col1 input, 
#contactBlock #contactForm .row.col2 input {width:calc(92% - 14px) !important}



#contactBlock #contactForm .row_spacer {display:none; margin:0; height:1px; background:#FFFFFF; clear:both;}
#contactBlock #contactForm .row.row_submit {width:100%; display:block; clear:both; height:36px;}
#contactBlock #contactForm .row.row_submit input#frmSubmit {border: 2px solid #56713c; background: #56713c !important; color: #FFF !important; font-size: 24px; font-weight: bold; padding: 6px 0 8px; width: 76%; margin: 6px auto; display: block; border-radius: 12px; transition: all 1s; opacity: .85; text-transform: uppercase;}
#contactBlock #contactForm .row.row_submit input#frmSubmit:hover {opacity: 1; cursor: pointer}

#contactBlock #contactForm:hover .row {opacity:.75}
#contactBlock #contactForm .row:hover {opacity:1}
#contactBlock #contactForm .row:hover .txt {border-color:#345c45 !important}


#contactForm div.formInfo {margin:3px 4px; padding:5px 10px 6px 6px; display:block; border-radius:4px;}
div.infoMessageBox {display:block; margin:4px 12px; padding:6px; background:none;}
div.infoMessageBox p{margin:0; padding:0; font-size:12px; color:#FFFFFF; text-shadow:none;}
div.infoMessageBox p .ui-icon-info { border-radius:10px;}

div.errorMessageBox {display:block; background:rgba(196, 0, 0, .5); border-color:#DC4031;}


#contactBlock .errorMessageBox .errorMessage, #contactBlock .errorMessageBox .errorMessage * {font-family:Oswald, mainFont, Arial, Helvetica, sans-serif; text-transform: uppercase}
#contactBlock .errorMessageBox .errorMessage {color:#000000 !important;}
#contactBlock .errorMessageBox .errorMessage * {color:#000000 !important; text-shadow:none;}


#contactForm div :focus {font-weight: bold;}
#contactForm .error {color:#FFF; opacity:1 !important; }
#contactForm label > input[class="error"], #contactForm label > *[class="error"] {color: #C40000 !important;}
#contactForm *.error {border-color:#C40000 !important}
#contactForm div .error:focus {color:#FFF; opacity:1 !important}
.valid {color:#FFF !important; background:none !important;}

#contactBlock p#emailThankYou {padding:1% 3% 1%; width:60%; text-align:center; display:block; margin:0 auto !important; color:#FFF}


#pageHome .content p.floatR {float:right; width:44%; text-align: justify; margin: 0 1% 0 0;}
.acmslides {display: inline-block; list-style: outside none none; margin: 0 0 20px 1%; overflow: hidden; padding: 0; position: relative; width: 50%; border:4px solid #2C0439
}
.acmslides li {backface-visibility: hidden; display: none; left: 0; position: absolute; top: 0; width: 100%; }
.acmslides li:first-child {display: block; float: left; position: relative;}
.acmslides img {display: block; margin:0 auto; height: auto; width: 99%; transition: all 2s; border:3px solid #FFF}
.acmslides:hover img {transform:scale(1.2)}


#gmap_canvas {display:inline-block; height:427px; width:767px; margin-bottom:6px}

#main .content h1 {text-align:center}

#snippets {overflow: hidden; position: relative; width: 100%}
#snippets #slides {list-style: none; width: 100%; margin: 0; padding: 0; position: relative}
#snippets #slides li {width: 100%; float: left; text-align: center; position: relative; }
#snippets .btn-bar {display: none}
.quote-phrase, .quote-author {display: block; vertical-align: middle; padding: 5px 20px; text-align:center !important}
.quote-phrase {width:90% !important; height: auto; font-size: 22px; line-height:1.48em; color: rgb(250, 225, 0) !important; font-style: italic}
.quote-marks {font-size: 36px; padding: 0 3px 3px; color:#FFF !important}
.quote-author {font-style: normal; font-size: 18px; line-height:1.2em; display:block; color: #FFF !important; text-transform:uppercase; font-weight: 300;}
.quoteContainer, .authorContainer {display: table; width: 100%}


#footer {background-color: rgb(46 54 72 / 8%); background: center center no-repeat; background-size: 100%}
#basebase * {color: #56713c; font-size: 18px;}
#basebase *:not(i) {text-decoration: none;}
#basebase a {display: block}
#basebase i {margin-right: 14px !important}

#basebase div {display: inline-block; vertical-align: top}
#basebase ul {list-style: none;}
#basebase ul li {display: inline-block; line-height: 2.5em; width: calc(33% - 1px); text-align: center;}
#basebase ul li * {font-size: 18px; text-transform: uppercase;}
#basebase ul li i {font-size: 28px !important; max-width:40px; width:40px; text-align: right;}

#basebase {background: #FFF !important; padding:20px 0 15px; border-top:solid 4px #bcc1bb !important}
#basebase .content {background:none !important; width:99%; max-width: 1360px; margin: 0 auto; display: block; color:#000000}

#basebase #address {display:block; text-align: center; margin: 0 auto 25px;}
#basebase #address * {display: inline-block; text-transform: none;}
#basebase #address a i {font-size: 48px; margin: 8px;}
#basebase #address a span {font-size: 17px}

#basebase #address a.iconSocial {}
#basebase #address a#theAddress {}
#basebase #address a#w3w {display: block; margin-top:15px}


#basebase #footerLogo {width:40%; display:none !important}
#basebase #footerLogo img {display: block; margin: 0 auto; max-width: 400px; width:90%; min-width: 200px;}

#basebase #footerPages {width: auto; display: block;}
#basebase #footerSocials {width:30%; vertical-align: none}
#basebase #footerSocials * {text-transform: none !important; line-height: 2em;}

#basebase #footerInfo * {color:#FFF; font-size: 22px; margin: 0; font-family: Merienda, Arial !important; text-transform: uppercase;}

 
#base {background: rgb(255 255 255 / 77%); padding: 8px 0; text-align: center}
#base * {color: #616161; font-size: 12px; line-height: 2.4em; font-weight: normal; margin: 0;}
#base #copy, #base #copy * {line-height: 1.36em}

#base #baseLinks {display: block; margin: 0 auto; text-align: center; padding: 0; line-height: 1em}
#base #baseLinks li, #base #baseLinks li a {padding: 0 10px; display: inline-block; color:#212121; font-size: 14px; text-transform: uppercase}





/*nav{margin: 0 auto; background: #FFF; overflow: hidden; display: block; left:0; right: 0; width:100%; max-width: 1427px; z-index: 999} */
section{margin: 0 auto 100px auto; overflow: hidden; display: block;}
section .container i, #pageCms h2 i {display: inline-block !important; color: rgba(97, 97, 97, 0.8); font-size: 32px; margin-right: 10px;}
section .container h2 {display: inline-block !important}
/*
nav .container {background: #FFF; margin: 0 auto;}
nav .container:before, nav.container:after{display: table; content: "";}
*/


#singler{margin: 0; padding: 20px 0 10px; list-style: none; overflow: hidden; width: auto; display: inline-block}
#singler li{display: inline-block; margin: 0 6px 10px 0;}
#singler a:link,
#singler a:visited,
#singler a:active,
#singler a:focus,
#singler a:hover, 
nav a.btn {background: rgb(187 193 187 / 35%); border-radius: 5px; color: #345c45 !important; float: left; padding: 7px 10px 5px 10px; text-decoration: none;}
nav a.btn {display: inline-block; vertical-align: top; margin-top: 19px; float: none !important; padding: 6px 10px !important }

#singler a:hover,
#singler a.active, nav a.btn:hover {background: rgb(188 193 187 / 75%); color: #345c45 !important;}

nav li a {font-size: 16px}
nav li a i, nav a i {font-size: 18px; margin-right: 6px;}
nav li a span, nav a.nav-extra span, #map_fields #map_from a#submit span {padding: 2px 0 3px; text-transform: uppercase; font-size: 14px; line-height: 1.1em; display: inline-block;}
nav a.nav-extra {display: none;}

#mainBlock h2 {font-size: 36px; display: block; margin: 10px 0 4px 0; }

#photos {}
#photos a {border:0; width: calc(97.2% / 7); display: inline-block; margin:.2%; overflow: hidden; position: relative}
#photos a img {border:0; width: 100%; height: auto; z-index: 180}
#photos a i {z-index: 360; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color:rgb(255 255 255 / 91%); display:none !important; transition: linear all 1s; font-size: 36px;}
#photos a:hover img {filter: blur(2px)}
#photos a:hover i {display:block !important;}

#highlights, #ticklist {margin: 0 0 20px; padding: 0; list-style: none; width:100% !important}
#highlights {margin: 30px auto 0 !important; opacity: .8; text-align: center;}
#highlights li, #ticklist li {margin: 0; padding: 0; line-height: 1.75em; display: inline-block; color:#345c45}
#highlights li i, #ticklist li i {margin: 0 15px 0 10px !important; display: inline-block; color:#616161; font-size: 24px}
#highlights li:hover i, #ticklist li:hover i {margin: 0 20px 0 5px !important}
#highlights li {width:auto; margin-right: 2%; font-size: 20px; line-height: 1em; text-align: center; font-weight: bold}
#ticklist li {width:33.3%; font-size:16px; line-height: 1.5em; color:#616161; }
#ticklist li i {color:#345c45}


section#description ul:not(#ticklist) {margin: 10px; width: calc(100% - 20px);}
section#description ul:not(#ticklist) li {font-size: 18px; line-height: 1.5em; color: #616161;}
section#description p, section#description p * {font-ze:16px}


.abWrapper .abHeading p {display: block !important; font-size: 14px; text-align: justify; margin: 5px 0 0}

.hover_bkgr_fricc{background:rgba(0,0,0,.4); cursor:pointer; display:none; height:100%; position:fixed; text-align:center; top:0; width:100%; z-index:10000;
}
.hover_bkgr_fricc .helper{display:inline-block; height:100%; vertical-align:middle;
}
.hover_bkgr_fricc > div {background-color: #fff; box-shadow: 10px 10px 60px #555; display: inline-block; height: auto; min-height: 100px; vertical-align: middle; width: 86%; max-width: 1100px; position: relative; border-radius: 8px; padding: 15px 5%;
}
.popupCloseButton {background-color: #fff; border: 3px solid #999; border-radius: 50px; cursor: pointer; display: inline-block; font-family: arial; font-weight: bold; position: absolute; top: -20px; right: -20px; font-size: 25px; line-height: 30px; width: 30px; height: 30px; text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {cursor: pointer; font-size: 20px; margin: 20px; display: inline-block; font-weight: bold;
}

ul#popupProps {width:100%; margin: 0; padding: 0; list-style: none}
ul#popupProps li {float: left; width: calc(50% - 10px); margin: 5px;}
@keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } }
ul#popupProps li { animation: fade 1.5s ease-in forwards; }
ul#popupProps li a {background: rgba(255,255,255,.25); position: relative; overflow: hidden !important; display: block}
ul#popupProps li a img {width: 100%; height: 220px; background-size: cover; background-position: center}
ul#popupProps li .block, 

.owl-carousel .item .block, ul#properties li .block {position: absolute; display: inline-block; text-align: center; padding: 2% 1%; width: 85%; border: 1px solid rgba(255, 255, 255, .5); color: #FFF; background: rgb(187 193 187 / 85%) !important; font-weight: normal; font-size: 24px; z-index: 720 !important; left: 50%; top:50%; margin: 0; transform: translate(-50%, -50%);
}

.owl-carousel .item .block {font-size: 16px !important; display:block; color:#616161}
.owl-carousel .item .block span.title {font-size: 32px !important; text-transform: none;}

#pagesList {display:block !important; margin: 0 auto; }
#pagesList a {width:calc(24.8% - 1px); display: inline-block; position: relative; border-radius: 10px;}
#pagesList a .block {position: absolute; display: inline-block; text-align: center; padding: 4% 1%; width: 85%; border: 1px solid rgba(255, 255, 255, 1); color: #FFF; background: rgb(86 113 60 / 60%) !important; font-weight: normal; font-size: 24px; z-index: 720 !important; left: 50%; top:50%; margin: 0; transform: translate(-50%, -50%); border-radius: 10px;
}

#pagesList a .block {font-size: 16px !important; display:block; color:#FFF}
#pagesList a .block span.title {font-size: 22px !important; line-height: 1.2em; font-family: 'Open Sans', serif !important; text-transform: none; display: block; color: #FFF; text-shadow: 1px 1px 2px rgb(128 80 60); text-transform: uppercase; font-weight: 900;}
#pagesList a img {display: block; width: 100%; background-size: 100%; background-repeat: no-repeat;}

#pagesList a .block .showIcon {position: relative; padding: 12px; width: 36px; background: #56713c;  text-align: center; height: 35px; margin: 0 auto 10px; border-radius: 100px;}
#pagesList a .block .showIcon i {font-size: 36px; position: absolute; display: block; margin: 0 auto; color: #FFF; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#pagesList a .block .showCaption {display:none !important}

ul#popupProps li .block span {color:#616161 !important}

#abWrapper_1 td.abCalendarMonth {color:#6d9433}
#abWrapper_1 .abForm {font-size: 14px !important}

.abWrapper .abHeading {text-align:center !important}
.abWrapper .abExtraWrapper .abExtraHeading {font-size: 12px !important}
.abWrapper .abExtraWrapper .abExtraName label span {display:block}
.abWrapper .abExtraWrapper .abExtraName label span.name {}
.abWrapper .abExtraWrapper .abExtraName label span.price {text-align: right}

.abWrapper .abExtraWrapper .abExtraQty {text-align: center;}
.abWrapper .abExtraWrapper .abExtraQty * {float: none !important}