@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300&display=swap');

body {font-family: 'Lato', sans-serif;font-size: 17px;font-weight: 300;margin: 0;background: #f4e8c4;font-family: 'Lato';}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {background: #fff; padding: 0 10px; border: none; min-height: 45px; border-radius: 5px; box-shadow: 0 0 5px rgb(0 0 0 / 10%); color: #000; }
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    background: #fff !important;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position-x: calc(100% - 10px) !important;
    background-position-y: 50% !important;
}
select option {font-weight:300}
a {color:#11a987;}
* {outline: none !important;}
.btn {color: #fff; text-transform: uppercase; font-weight: 600; font-size: 13px; letter-spacing: 2px; line-height: 48px; height: 49px; padding: 0 25px; border-radius: 23px; border: none; }
.btn:hover {}
.btn.white {background: #fff; color: #000; }
.btn.white:hover {background:#11a987; color:#fff;}


.section {}
.section .separator-top {max-width: 100%; width: 100%; margin: -90px 0 0 0; opacity: 1; height: 70px; object-fit: cover; object-position: top; } .section .separator-bottom {width: 100%; transform: rotate(180deg); margin: 0 0 -90px 0; object-fit: cover; height: 70px; object-position: top center; }
.section.gray {background: #232323;z-index: 10;position: relative;}
.section.green {background: #11a987;/* background: #000; */z-index: 100;position: relative;margin: -10px 0;}
.section .content {max-width: 1000px;margin: 0 auto;color: #fff;padding: 40px 20px;}
.section .content > h2 {font-family: Amatic SC;text-align: center;font-size: 80px;font-weight: 600;color: #000;margin: 0 0 30px 0;}
.section .content .hidden-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}
.section .content .hidden-content.open {
    max-height: 100%;
}
.section .content .hidden-content .content {
    padding: 0 !important;
}
.section.green .content > h2, .section.gray .content > h2  {color:#fff;}
.section.video {background: #000; }
.section.video video {width: 100%;height: 720px;object-fit: cover;}
.section.video .overlay {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    top: 0;
    background: #5cc3ff;
    z-index: 10;
    height: 720px;
    mix-blend-mode: overlay;
}



.section.map {}
.section.map iframe {filter: saturate(0) contrast(1.2); }


.section.green .content .map-wrap {
    text-align: center;
    margin: 0 0 60px 0;
}
.section.green .content .intro {
    text-align: center;
    margin: 0 0 30px 0;
}
.section.green .content .intro h4 {
    font-weight: 800;
    margin: 0 0 5px 0;
}
.section.green .content .intro p {}
.section.green .content .intro p a {
    color: #fff;
    text-decoration: underline;
}
.section.green .content .map-wrap img.map {
    max-width: 480px;
}
.section.gall {padding: 50px 0 0 0; }

.form-fields {padding: 0; list-style: none; margin: 0 -5px; display: flex; flex-wrap: wrap; }
.form-fields li {padding: 0 5px; margin: 0 0 20px 0; flex: 0 1 100%; }
.form-fields li.left-half {flex: 0 1 50%; }
.form-fields li.right-half {flex: 0 1 50%; }
.form-fields li input {height: 50px; border-radius: 25px; font-weight: 300; padding: 0 20px; width: 100%; }
.form-fields li select {height: 50px; width: 100%; border-radius: 25px; border: none; padding: 0 20px; font-weight: 300; }
.form-fields li textarea {width: 100%;border-radius: 25px;padding: 20px;height: 140px;font-family: "Lato";font-weight: 300;}
.form-fields li > span {}
.form-fields li > span .wpcf7-acceptance {}
.form-fields li > span .wpcf7-acceptance .wpcf7-list-item {margin: 0; }
.form-fields li > span .wpcf7-acceptance .wpcf7-list-item label {}
.form-fields li > span .wpcf7-acceptance .wpcf7-list-item label input {width: auto; height: auto; display: none; }
.form-fields li > span .wpcf7-acceptance .wpcf7-list-item label span {padding: 0 0 0 27px; position: relative; }
.form-fields li > span .wpcf7-acceptance .wpcf7-list-item label span a {color:#fff; text-decoration:underline;}
.form-fields li > span .wpcf7-acceptance .wpcf7-list-item label span::before {content: "";width: 20px;height: 20px;display: inline-block;background: #fff;border-radius: 5px;position: absolute;left: 0;top: 0;}
.form-fields li > span .wpcf7-acceptance .wpcf7-list-item label input:checked + span::before {background: #000; }
.form-fields li > span .wpcf7-acceptance .wpcf7-list-item label input:checked + span::after {content: "\f00c";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: 5px;top: 4px;font-size: 10px;}
.form-submit {text-align: center; padding: 20px 0 0 0; }
.form-submit input {color: #fff; text-transform: uppercase; font-weight: 600; font-size: 16px; letter-spacing: 2px; line-height: 56px; height: 56px; padding: 0px 40px; border-radius: 28px; border: none; background: #000; }
.form-submit .ajax-loader {}

.site-header {background: none;padding: 50px 20px;text-align: center;position: absolute;left: 0;right: 0;top: 0;z-index: 100;}
.site-header::before {content:"";position: absolute;background: rgb(0,0,0);background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);left: 0;right: 0;height: 110%;z-index: 9;top: 0;}
.site-header > * {position:relative; z-index:9;}
.site-header .logo {display: inline-block; }
.site-header .logo img {max-width: 300px; }
.site-header .main-navigation {text-align: center;margin: 50px 0 0 0;}
.site-header .main-navigation .menu {text-align: center;padding: 0;list-style: none;font-size: 13px;font-weight: 400;}
.site-header .main-navigation .menu li {margin: 0 20px;display: inline-block;}
.site-header .main-navigation .menu li a {color: #fff;text-transform: uppercase;letter-spacing: 2px;text-decoration: none;}

.footer {margin: -280px 0 0 0; }
.footer > img {max-width: 100%; width: 100%; }
.footer .bottom {background: #000; }
.footer .bottom .content {max-width: 1000px; margin: 0 auto; display: flex; align-items: center; padding: 50px 20px; flex-wrap: wrap; position: relative; }
.footer .bottom .logo {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); }
.footer .bottom .logo img {max-width: 170px; }
.footer .bottom .menu {padding: 0; margin: 0 0 6px auto; text-align: right; flex: 0 1 100%; }
.footer .bottom .menu li {display: inline-block; margin: 0 0 0 20px; }
.footer .bottom .menu li a {color: #fff; text-decoration: none; }
.footer .bottom .menu li a:hover {text-decoration:line-through}
.footer .bottom .copy {color: #fff; font-size: 13px; margin: 0 0 0 auto; opacity: 0.7; }

.gallery {display: flex; flex-wrap: wrap; justify-content: center; }
.gallery .gallery-item {flex: 0 1 16.66%; margin: 0; padding: 3px; }
.gallery .gallery-item .gallery-icon {}
.gallery .gallery-item .gallery-icon a {display: block; }
.gallery .gallery-item .gallery-icon a img {max-width: 100%; height: auto; }


.rules {font-size: 18px; }
.rules ol {padding: 0; margin: 0 0 20px 0; list-style: none; }
.rules ol > li {margin: 0 0 15px 0; position: relative; padding: 0 0 0 60px; }
.rules ol > li::before {content:"";background: #11a987;display: inline-block;width: 50px;height: 50px;text-align: center;border-radius: 50%;position: absolute;top: -10px;left: 0;line-height: 50px;font-weight: 600;font-size: 20px;}
.rules ol > li:nth-child(1)::before {content:"1"}
.rules ol > li:nth-child(2)::before {content:"2"}
.rules ol > li:nth-child(3)::before {content:"3"}
.rules ol > li:nth-child(4)::before {content:"4"}
.rules ol > li:nth-child(5)::before {content:"5"}
.rules ol > li:nth-child(6)::before {content:"6"}
.rules ol li ul {padding: 0; list-style-position: inside; }
.rules ol li ul li {}



/*#page .bookly-form {} 
#page .bookly-form .bookly-progress-tracker {
    overflow: visible !important;
    display: flex;
    justify-content: space-evenly;
}
#page .bookly-form .bookly-progress-tracker::before {content:"" !important;height: 1px;width: 100%;background: #fff;display: block;position: absolute;left: 0;right: 0;}
#page .bookly-form .bookly-progress-tracker > div {
    color: #fff !important;
    padding: 20px 0 0px 0;
    position: relative;
    font-weight: 300;
    overflow: visible;
    text-align: center;
}
#page .bookly-form .bookly-progress-tracker > div::before {content:"";width: 15px;height: 15px;display: block;position: absolute;background: #fff;border-radius: 50%;left: 50%;top: -12px;transform: translateX(-50%);border: solid 5px #11a987;box-sizing: content-box;}
#page .bookly-form .bookly-progress-tracker > div.active::before {box-shadow: 0 0 0 1px #fff, 0 0 0 9px #11a987;}
#page .bookly-form .bookly-progress-tracker > div.active:only-child::before {}
#page .bookly-form .bookly-progress-tracker > div .step {
    height: 2px !important;
    display: none;
}
#page .bookly-form .bookly-progress-tracker > div.active {
    color: #fff !important;
    font-weight: 600;
}
#page .bookly-form .bookly-progress-tracker > div.active .step {}
#page .bookly-form .bookly-service-step {}
#page .bookly-form .bookly-service-step .bookly-box.bookly-bold {
    display: none;
}
#page .bookly-form .bookly-service-step .bookly-mobile-step-1 {}
#page .bookly-form .bookly-service-step .bookly-mobile-step-1 .bookly-js-chain {}
#page .bookly-form .bookly-service-step .bookly-mobile-step-1 .bookly-js-chain .bookly-box {}
#page .bookly-form .bookly-service-step .bookly-mobile-step-1 .bookly-js-chain .bookly-box .bookly-form-group {}
#page .bookly-form .bookly-service-step .bookly-mobile-step-1 .bookly-js-chain .bookly-box .bookly-form-group label {
    color: #fff !important;
    display: none;
}
#page .bookly-form .bookly-service-step .bookly-mobile-step-1 .bookly-js-chain .bookly-box .bookly-form-group div {
    text-align: center;
}
#page .bookly-form .bookly-service-step .bookly-mobile-step-1 .bookly-js-chain .bookly-box .bookly-form-group div select {
    height: 50px !important;
    border-radius: 25px !important;
    font-weight: 300;
    font-size: 18px !important;
    padding: 0 20px !important;
    border: none !important;
    max-width: 410px;
}
#page .bookly-form .bookly-service-step .bookly-mobile-step-2 {}
#page .bookly-form .bookly-service-step .bookly-mobile-step-2 .bookly-box {
    text-align: center;
    margin: 0;
}
#page .bookly-form .bookly-nav-steps {
    border: none !important;
    margin: 40px 0 0 0 !important;
    padding: 0 !important;
    text-align: center;
}
#page .bookly-form .bookly-nav-steps button {
    height: 50px !important;
    border-radius: 25px !important;
    font-size: 13px !important;
    letter-spacing: 3px;
    padding: 0 30px !important;
    float: none !important;
    display: inline-block;
    margin: 0;
}
#page .bookly-form .bookly-nav-steps button span {font-size:inherit !important;}
#page .bookly-form .bookly-nav-steps .bookly-right {
    float: none !important;
    display: inline-block;
}

.powered-by-bookly {display:none}*/



#page .wbk-outer-container {background: none !important; border: none !important; margin: 0 auto !important; padding: 0 !important; max-width: 700px; }
#page .wbk-outer-container .wbk-inner-container {padding: 0 !important; background: none !important; color: #fff !important; border: none !important; }
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row {}
#page .wbk-outer-container .wbk-separator, #page .wbk-outer-container .wbk-day-separator, #page  .wbk-form-separator {margin: 20px 0 !important; border-top: solid 3px rgba(255,255,255,0.2) !important; }
#page .wbk-outer-container .wbk-day-separator {margin: 20px 0 !important; border-top: solid 3px rgba(255,255,255,0.2) !important; display: none !important; }
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 {position: relative; }
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 #wbk_service_list_holder {}
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 label {margin: 0 !important; color: #fff !important; margin: 0 0 4px 0 !important; padding: 0  0 0 20px !important; font-weight: 700 !important; display: none !important; }
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 #wbk_service_list_holder select {border-radius: 25px !important; font-weight: 300 !important; font-size: 18px !important; padding: 0 20px !important; border: none !important; }
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 input {border-radius: 25px !important;font-weight: 300 !important;font-size: 16px !important;padding: 0 20px !important;border: none !important;z-index: 100;position: relative;box-shadow: none;}
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 .wbk-day-title {/* text-align: center !important; */font-size: 18px !important;color: #fff !important;display: none;}
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 .wbk-timeslot-list {}
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 .wbk-timeslot-list .wbk-col-4-6-12 {width: auto; }
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 .wbk-timeslot-list .wbk-col-4-6-12 .wbk-slot-inner {margin: 0 !important; background: none !important; border: none !important; }
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 .wbk-timeslot-list .wbk-col-4-6-12 .wbk-slot-inner .wbk-slot-time {display: none; }
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 .wbk-timeslot-list .wbk-col-4-6-12 .wbk-slot-inner input {background: #000 !important; padding: 8px 20px !important; text-transform: uppercase; font-size: 13px !important; letter-spacing: 2px !important; font-weight: 600 !important; }
#page .wbk-outer-container .wbk-inner-container .wbk-frontend-row .wbk-col-12-12 .wbk-timeslot-list .wbk-col-4-6-12 .wbk-slot-inner input[type=button] {
    margin: 20px 0 0 0 !important;
    z-index: 10;
}
#page .wbk-outer-container .wbk-details-sub-title {color: #fff !important; font-weight: 300 !important; line-height: 1.3 !important; font-size: 16px !important; text-align: center !important; }

#page #wbk-booking-form-container {}
#page #wbk-booking-form-container label {color: #fff !important; font-size: 14px !important; }
#page #wbk-booking-form-container input {border: none !important; border-radius: 25px !important; font-size: 18px !important; font-weight: 300 !important; padding: 0 20px !important; }
#page #wbk-booking-form-container textarea {border: none !important; border-radius: 25px !important; padding: 20px !important; font-weight: 300 !important; font-size: 18px !important; height: 120px !important; }
#page #wbk-booking-form-container input[type=button] {background: #000 !important; color: #fff !important; text-transform: uppercase !important; font-size: 13px !important; letter-spacing: 2px !important; font-weight: 600 !important; margin: 20px 0 0 0  !important; width: auto !important; min-width: 130px; }
#page .picker {position: relative; z-index: 99; }
#page .picker .picker__holder {width: 100%; max-width: 100%; border: none; box-shadow: none; border-radius: 0 0 20px 20px; overflow: hidden; box-shadow: 0 0 14px rgba(0,0,0,0.2); top: -20px; padding: 30px 0 0 0; }
#page .picker .picker__holder .picker__frame {padding: 0; border: none; }
#page .picker .picker__holder .picker__frame .picker__wrap {}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box {}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header {}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__month {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    vertical-align: top;
    font-size: 16px;
}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__year {
    font-style: normal;
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: 300;
}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev {
    margin: -4px 0 0 0;
}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev:hover {
    background: none !important;
}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev::before {
    border: none;
    content: "\e912";
    font-family: "icomoon";
    font-weight: 600;
    color: #000;
    width: auto;
    height: auto;
    display: block;
    margin: 0;
    font-size: 18px;
}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next {
    background: none !important;
    margin: -4px 0 0 0 !important;
}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next:hover {}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next::before {
    border: none;
    content: "\e911";
    font-family: "icomoon";
    font-weight: 600;
    color: #000;
    width: auto;
    height: auto;
    display: block;
    margin: 0;
    font-size: 18px;
}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table {margin: 40px 0 10px 0; }
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table thead {}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table thead tr {}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table thead tr th {text-transform: uppercase; letter-spacing: 3px; font-size: 10px !important; color: #000; font-weight: 800; }
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table tbody tr {}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table tbody tr td {
    padding: 3px 0!important;
}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table tbody tr td .picker__day  {padding: 0; width: auto; display: inline-block; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; border: none; }

#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table tbody tr td .picker__day.picker__day--disabled  {font-weight: 300 !important; }

#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table tbody tr td .picker__day.picker__day--highlighted  {border-radius: 50%;background: none!important;color: #000 !important;border: none;}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table tbody tr td .picker__day.picker__day--selected  {border-radius: 50%;background: #11a987 !important;color: #fff !important;border: none;}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table tbody tr td .picker__day:hover {background: #aaa !important;color: #fff !important;}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table tbody tr td .picker__day.picker__day--today {
    background: none !important;
    color: #000 !important;
    box-shadow: 0 0 0 1px #11a987 inset !important;
}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__table tbody tr td .picker__day--today:before  {content: none!important;}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__footer {display: none;}
#page .picker .picker__holder .picker__frame .picker__wrap .picker__box .picker__footer button {}