.clearfix:after,
.holder:after,
#header:after,
.offer-section .notification:after,
.media .holder:after,
.map .holder:after,
.book-section .heading:after,
.radio-columns:after,
.information-form .information-section:after {
content: " ";
display: block;
clear: both;
}
.full-width {
padding-left: 9999px;
padding-right: 9999px;
margin-left: -9999px;
margin-right: -9999px;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
color: #6b7681;
background: #fff;
font: 23px/27px Arial, Helvetica, sans-serif;
min-width: 1024px;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
}
* {
max-height: 1000000px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block;
}
img {
border-style: none;
}
a {
-webkit-transition: all .3s linear;
transition: all .3s linear;
text-decoration: none;
color: #666;
}
@font-face {
font-family: "lobster";
src: url("../fonts/lobster.eot");
src: url("../fonts/lobster.eot?#iefix") format("embedded-opentype"), url("../fonts/lobster.woff2") format("woff2"), url("../fonts/lobster.ttf") format("truetype"), url("../fonts/lobster.svg#lobster") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "kapak";
src: url("../fonts/kapak.eot");
src: url("../fonts/kapak.eot?#iefix") format("embedded-opentype"), url("../fonts/kapak.woff2") format("woff2"), url("../fonts/kapak.ttf") format("truetype"), url("../fonts/kapak.svg#kapak") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "geared-slab";
src: url("../fonts/gearedslab-extrabold.eot");
src: url("../fonts/gearedslab-extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/gearedslab-extrabold.woff2") format("woff2"), url("../fonts/gearedslab-extrabold.ttf") format("truetype"), url("../fonts/gearedslab-extrabold.svg#geared-slab") format("svg");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "geared_slab";
src: url("../fonts/gearedslab-bold.eot");
src: url("../fonts/gearedslab-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gearedslab-bold.woff2") format("woff2"), url("../fonts/gearedslab-bold.ttf") format("truetype"), url("../fonts/gearedslab-bold.svg#geared-slabbold") format("svg");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "uni-sans";
src: url("../fonts/uni-sans-heavy.eot");
src: url("../fonts/uni-sans-heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/uni-sans-heavy.woff2") format("woff2"), url("../fonts/uni-sans-heavy.ttf") format("truetype"), url("../fonts/uni-sans-heavy.svg#uni-sans") format("svg");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "big-noodle-titling-oblique";
src: url("../fonts/big-noodle-titling-oblique.eot");
src: url("../fonts/big-noodle-titling-oblique.eot?#iefix") format("embedded-opentype"), url("../fonts/big-noodle-titling-oblique.woff2") format("woff2"), url("../fonts/big-noodle-titling-oblique.ttf") format("truetype"), url("../fonts/big-noodle-titling-oblique.svg#big-noodle-titling-oblique") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "big-noodle-titling";
src: url("../fonts/big-noodle-titling.eot");
src: url("../fonts/big-noodle-titling.eot?#iefix") format("embedded-opentype"), url("../fonts/big-noodle-titling.woff2") format("woff2"), url("../fonts/big-noodle-titling.ttf") format("truetype"), url("../fonts/big-noodle-titling.svg#big-noodle-titling") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "american-captain";
src: url("../fonts/american-captain.eot");
src: url("../fonts/american-captain.eot?#iefix") format("embedded-opentype"), url("../fonts/american-captain.woff2") format("woff2"), url("../fonts/american-captain.ttf") format("truetype"), url("../fonts/american-captain.svg#american-captain") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "lobster-new";
src: url("../fonts/lobster-1.4.eot");
src: url("../fonts/lobster-1.4.eot?#iefix") format("embedded-opentype"), url("../fonts/lobster-1.4.woff2") format("woff2"), url("../fonts/lobster-1.4.ttf") format("truetype"), url("../fonts/lobster-1.4.svg#lobster-1.4") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "MyriadPro";
src: url("../fonts/MyriadPro.eot");
src: url("../fonts/MyriadPro.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro.woff2") format("woff2"), url("../fonts/MyriadPro.ttf") format("truetype"), url("../fonts/MyriadPro.svg#MyriadPro") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "icomoon";
src: url("../fonts/icomoon.eot?-cijbif");
src: url("../fonts/icomoon.eot?#iefix-cijbif") format("embedded-opentype"), url("../fonts/icomoon.woff?-cijbif") format("woff"), url("../fonts/icomoon.ttf?-cijbif") format("truetype"), url("../fonts/icomoon.svg?-cijbif#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-star:before {
content: "\e601";
}
.icon-arrow-right:before {
content: "\e600";
}
.icon-arrow-top:before {
content: "\e602";
}
.icon-calendar:before {
content: "\e603";
}
.icon-close:before {
content: "\e60e";
}
.icon-vimeo:before {
content: "\e60b";
}
.icon-skype:before {
content: "\e606";
}
.icon-facebook:before {
content: "\e605";
}
.icon-twitter:before {
content: "\e604";
}
input,
textarea,
select {
font: 100% Arial, Helvetica, sans-serif;
color: #000;
padding: 4px 18px;
vertical-align: middle;
}
form,
fieldset {
margin: 0;
padding: 0;
border-style: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
input[type="submit"]:hover,
button:hover {
cursor: pointer;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
margin: 0;
padding: 4px 7px;
border: 1px solid #999;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
border-color: #4d4d4d;
outline: none;
}
input[type="text"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
input[type="url"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
color: transparent;
}
input[type="text"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
input[type="url"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
input[type="search"]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color: transparent;
}
input[type="text"]:focus:-moz-placeholder,
input[type="tel"]:focus:-moz-placeholder,
input[type="email"]:focus:-moz-placeholder,
input[type="url"]:focus:-moz-placeholder,
input[type="password"]:focus:-moz-placeholder,
input[type="search"]:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
color: transparent;
}
input[type="text"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
color: transparent;
}
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #8e959c !important;
}
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
textarea::-moz-placeholder {
color: #8e959c !important;
opacity: 1;
}
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
textarea:-moz-placeholder {
color: #8e959c !important;
}
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #8e959c !important;
}
input[type=text],
input[type=password],
input[type=file],
input[type=submit],
input[type=search],
input[type=email],
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
textarea {
overflow: auto;
resize: vertical;
vertical-align: top;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2em;
margin: 0 0 1.2em;
}
p {
margin: 0 0 1.2em;
}
q {
quotes: none;
}
q:before,
q:after {
content: "";
content: none;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
vertical-align: top;
}
.bg-img {
position: relative;
}
.bg-img img {
width: 100%;
height: auto;
}
#wrapper {
position: relative;
overflow: hidden;
}
#wrapper:after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: url(../images/ovarlay.png) 0 0;
opacity: .8;
}
#wrapper.booking-style:after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: url(../images/ovarlay2.png) 0 0;
opacity: .5;
}
.holder {
max-width: 1370px;
margin: 0 auto;
padding: 0 15px;
position: relative;
}
#header {
background-color: #4f413a;
font: 26px/30px "big-noodle-titling", Arial, Helvetica, sans-serif;
position: fixed;
z-index: 4;
right: 0;
left: 0;
}
#header:after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
z-index: 2;
background: url(../images/header-ovarlay.png);
}
#header .holder {
padding: 20px 15px 16px;
width: 1370px;
}
#header .holder.booking-style #nav ul li:after {
content: "";
position: absolute;
z-index: 4;
top: 46%;
right: -16px;
width: 8px;
height: 3px;
background-color: #ffd;
}
#header .holder.booking-style #nav ul:last-child li:after {
right: auto;
left: 4px;
}
#header.fixed .logo {
width: 220px;
height: auto;
}
#header.fixed .logo img {
width: 220px;
height: auto;
display: none;
}
#header.fixed .logo img.hover {
display: block;
}
#header.fixed .logo:before {
display: none;
}
#nav {
padding: 0 10px;
}
#nav ul {
margin: 0;
padding: 0;
list-style: none;
width: 50%;
}
#nav ul:first-child {
float: left;
text-align: right;
padding: 0 126px 0 0;
}
#nav ul:first-child li {
padding: 0 0 0 30px;
}
#nav ul:last-child {
float: right;
text-align: left;
padding: 0 0 0 116px;
}
#nav ul:last-child li {
padding: 0 0 0 17px;
}
#nav ul li {
display: inline-block;
vertical-align: top;
position: relative;
}
#nav ul li img {
vertical-align:middle !important;
}
#nav ul li.active a {
color: #a4e8d8;
}
#nav ul a {
color: #f4edc5;
position: relative;
z-index: 4;
}
#nav ul a:hover,
#nav ul a.anchor-active {
color: #a4e8d8;
}
.logo {
transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
-webkit-transform: translate(-50%);
width: 225px;
height: 225px;
position: absolute;
z-index: 3;
top: 0;
left: 50%;
}
.logo:before {
border-radius: 50%;
-webkit-transition: all .3s linear;
transition: all .3s linear;
content: "";
position: absolute;
top: 7px;
right: 0;
left: 25px;
width: 175px;
height: 175px;
background-color: #544740;
z-index: -1;
background: #544740 url(../images/header-ovarlay.png) 100% 0;
}
.logo a {
display: block;
height: 100%;
position: relative;
z-index: 2;
}
.logo img {
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.logo img.hover {
display: none;
}
.booking-form {
width: 387px;
margin: 0 auto;
padding: 413px 0 0;
}
.booking-form input[type="text"] {
border-radius: 3px;
border: 1px solid #e7ebef;
height: 72px;
padding: 5px 29px;
position: relative;
z-index: 1;
width: 100%;
background: #fff;
font: 25px/28px Arial, Helvetica, sans-serif;
color: #8e959c;
}
.booking-form input[type="text"]:focus {
outline: none;
}
.booking-form .form-holder {
position: relative;
margin: 0 0 37px;
background-color: #fff;
}
.booking-form .ui-datepicker-trigger {
border-radius: 50%;
position: absolute;
z-index: 2;
top: 21px;
right: 22px;
width: 30px;
height: 30px;
background-color: #d6dbde;
border: 0;
font-size: 0;
line-height: 0;
}
.booking-form .ui-datepicker-trigger:focus {
outline: none;
}
.booking-form .ui-datepicker-trigger:before {
content: "";
position: absolute;
z-index: 3;
top: 7px;
right: 9px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 10px;
border-color: transparent transparent transparent #fff;
}
.booking-form .datepicker-input {
position: relative;
}
.booking-form button[type="submit"] {
-webkit-transition: all .3s linear;
transition: all .3s linear;
border-radius: 3px;
background-color: #586675;
background-color: #586675;
text-align: center;
font-size: 26px;
line-height: 30px;
font-weight: bold;
color: #fff;
border: solid #38618c;
border-width: 0 0 4px;
display: block;
width: 100%;
height: 72px;
position: relative;
z-index: 2;
margin: -8px 0 0;
}
.booking-form button[type="submit"]:hover {
background-color: #38618c;
}
.booking-form button[type="submit"]:focus {
outline: none;
}
.jcf-select {
display: inline-block;
vertical-align: top;
position: relative;
border: 1px solid #e7ebef;
background: #fff;
width: 100%;
height: 72px;
width: 100%;
position: relative;
z-index: 2;
color: #8e959c;
}
.jcf-select.jcf-drop-active {
background-color: #566473;
color: #fff;
border: 1px solid #566473;
}
.jcf-select.jcf-drop-active .jcf-select-opener {
background-color: #566473;
border-left: 1px solid #566473;
}
.jcf-select.jcf-drop-active .jcf-select-opener:after {
border-color: #fff transparent transparent transparent;
}
.jcf-select select {
z-index: 1;
left: 0;
top: 0;
}
.jcf-select .jcf-select-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: default;
display: block;
font-size: 25px;
line-height: 72px;
margin: 0 80px 0 29px;
}
.jcf-select .jcf-select-opener {
position: absolute;
text-align: center;
bottom: 0;
right: 0;
top: 0;
width: 70px;
background-color: #eff3f6;
border-left: 1px solid #eaeef1;
cursor: pointer;
}
.jcf-select .jcf-select-opener:after {
content: "";
position: absolute;
top: 32px;
right: 27px;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 9.5px 0 9.5px;
border-color: #a7a9ab transparent transparent transparent;
}
body > .jcf-select-drop {
position: absolute;
margin: -1px 0 0;
z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
position: absolute;
margin-top: 0;
z-index: 9999;
top: 100%;
left: -1px;
right: -1px;
}
.jcf-select .jcf-drop-flipped {
bottom: 100%;
top: auto;
}
.jcf-list-box {
overflow: hidden;
display: inline-block;
border: 1px solid #b8c3c9;
min-width: 200px;
margin: 0 15px;
}
.jcf-list {
display: inline-block;
vertical-align: top;
position: relative;
background: #fff;
line-height: 14px;
font-size: 12px;
width: 100%;
}
.jcf-list .jcf-list-content {
vertical-align: top;
display: inline-block;
overflow: auto;
width: 100% !important;
max-height: 285px !important;
}
.jcf-list ul {
list-style: none;
padding: 0;
margin: 0;
}
.jcf-list ul li {
overflow: hidden;
display: block;
}
.jcf-list .jcf-overflow {
overflow: auto;
}
.jcf-list .jcf-option {
white-space: nowrap;
overflow: hidden;
cursor: default;
display: block;
padding: 5px 9px;
height: 1%;
background-color: #fff;
color: #8e959c;
border-bottom: 1px solid #e9edf0;
padding: 18px 29px;
font-size: 25px;
line-height: 32px;
}
.jcf-list .jcf-option:first-child {
border-top: 1px solid #e9edf0;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
background: #eb6d10;
color: #fff;
}
.jcf-list .jcf-optgroup-caption {
white-space: nowrap;
font-weight: bold;
display: block;
padding: 5px 9px;
cursor: default;
color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
padding-left: 30px;
}
.jcf-scrollable-wrapper {
box-sizing: content-box;
position: relative;
}
.jcf-scrollbar-vertical {
position: absolute;
cursor: default;
width: 14px;
bottom: 0;
right: 10px;
top: 0;
height: auto !important;
overflow: hidden;
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
width: 14px;
height: 12px;
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
border-radius: 4px;
background: #8b95a0;
height: 1px;
width: 14px;
}
.jcf-scrollbar-slider {
border-radius: 4px;
background: rgba(218, 223, 228, .35);
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
visibility: hidden;
}
.ui-datepicker {
border-radius: 3px;
width: 388px;
background-color: #fff;
overflow: hidden;
}
.ui-datepicker-calendar {
margin: 0 0 7px;
}
.ui-datepicker-header {
background-color: #e56a0f;
color: #fff;
padding: 23px 29px 25px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
font-size: 0;
line-height: 0;
cursor: pointer;
}
.ui-datepicker-prev:before,
.ui-datepicker-next:before {
content: "\e600";
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 23px;
line-height: 31px;
color: #fff;
}
.ui-datepicker-prev {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
float: left;
}
.ui-datepicker-next {
float: right;
}
.ui-datepicker-title {
text-align: center;
font-size: 26px;
line-height: 30px;
font-weight: bold;
}
.ui-datepicker-calendar {
width: 100%;
}
.ui-datepicker-calendar thead {
background-color: #566473;
color: #fff;
font-size: 18px;
line-height: 22px;
}
.ui-datepicker-calendar thead th {
font-weight: normal;
padding: 19px 3px;
}
.ui-datepicker-calendar thead th:first-child {
padding: 19px 3px 19px 12px;
}
.ui-datepicker-calendar thead th:last-child {
padding: 19px 12px 19px 3px;
}
.ui-datepicker-calendar tbody td {
text-align: center;
padding: 13px 2px;
font-size: 21px;
line-height: 24px;
}
.ui-datepicker-calendar tbody td.ui-datepicker-week-end a {
color: #f47728;
}
.ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
color: #fff;
position: relative;
}
.ui-datepicker-calendar tbody td.ui-datepicker-current-day a:after {
border-radius: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
content: "";
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -20px 0 0;
background-color: #f47526;
}
.ui-datepicker-calendar tbody td.ui-datepicker-other-month {
color: #bfc6cd;
}
.ui-datepicker-calendar tbody td a {
color: #8e959c;
}
.top-section {
position: relative;
z-index: 1;
background-color: #f3ecc1;
}
.top-section .section-holder {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.top-section .text-board {
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
font: 50px/60px "lobster", Arial, Helvetica, sans-serif;
color: #f3ecc1;
position: absolute;
z-index: 2;
top: 49%;
right: 3.9%;
}
.top-section .text-board mark {
background: none;
padding: 0;
font: 67px/72px "big-noodle-titling-oblique", Arial, Helvetica, sans-serif;
display: block;
color: #f3ecc1;
margin: -7px 0 0;
}
.top-section .text-board .first-part {
display: inline-block;
vertical-align: top;
padding: 0 0 0 26px;
letter-spacing: -2px;
}
.offer-section {
background-color: #bae7d9;
position: relative;
min-height: 1483px;
}
.offer-section .holder {
position: relative;
}
.offer-section .holder {
max-width: 1263px;
margin: 0 auto;
padding: 74px 15px 0;
}
.offer-section .heading {
padding: 0 0 97px;
text-align: center;
}
.offer-section .notification {
border-radius: 3px;
background-color: #e44c41;
font-size: 20px;
line-height: 22px;
color: #fff;
margin: 0 0 30px;
font-weight: bold;
}
.offer-section .notification .note-holder {
padding: 0 176px 17px 0;
position: relative;
z-index: 2;
}
.offer-section .notification .note-holder p {
float: left;
width: 100%;
margin: 0;
}
.offer-section .notification .btn {
float: right;
min-width: 160px;
}
.offer-section .notification .btn a {
padding: 11px 5px;
}
.offer-section .notification .frame {
overflow: hidden;
display: block;
padding: 33px 39px 24px 47px;
}
.offer-section .two-columns {
margin: 0 -22.5px;
text-align: center;
font-size: 21px;
line-height: 25px;
}
.offer-section .two-columns .col {
padding: 0 22.5px;
float: left;
width: 50%;
}
.offer-section .two-columns .col-holder {
border-radius: 3px;
border: 1px solid #e04d42;
background-color: rgba(255, 255, 255, .5);
position: relative;
z-index: 2;
}
.offer-section .two-columns .text-holder {
position: relative;
padding: 25px 25px 73px;
}
.offer-section .two-columns .text-holder .text {
position: relative;
z-index: 2;
}
.offer-section .two-columns .text-holder strong {
font-size: 25px;
line-height: 28px;
font-weight: bold;
color: #475564;
display: block;
margin: 0 0 10px;
}
.offer-section .two-columns .btn {
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
background-color: #e44c41;
left: 50%;
position: absolute;
z-index: 2;
bottom: 29px;
min-width: 140px;
min-height: 41px;
border-color: #d2362b;
}
.offer-section .two-columns .btn:hover {
background-color: #d2362b;
}
.offer-section .two-columns .btn a {
display: block;
height: 100%;
color: #fff;
min-height: 41px;
padding: 12px 2px 8px;
position: relative;
z-index: 3;
}
.offer-section .strong {
font-weight:bold;
margin:10px 0 7px 0;
color:#D7483D;
}
.offer-section p a {
text-decoration:underline;
color:#56A372;
}
.offer-section p a:hover {
text-decoration:none;
color:#D7483D;
}
.heading {
text-align: center;
}
.heading h1 {
color: #d7483d;
font: 120px/130px "lobster-new", Arial, Helvetica, sans-serif;
text-shadow: -4px -4px #f4eec6, 4px -4px #f4eec7, 4px 4px #f4eec7, -4px 4px #f4eec7, 5px 9px #053328;
position: relative;
z-index: 2;
display: inline-block;
vertical-align: top;
margin: 0;
}
.heading h1:after {
content: "";
position: absolute;
bottom: -35px;
left: 46px;
background: url(../images/bg-underline.png);
width: 308px;
height: 39px;
}
.heading h1 span {
transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
display: block;
font: 42px/56px "big-noodle-titling-oblique", Arial, Helvetica, sans-serif;
color: #554741;
text-shadow: none;
letter-spacing: -1px;
margin: 0 0 -41px -221px;
}
.heading h1 strong {
transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);
font-weight: normal;
display: block;
letter-spacing: -3px;
padding: 0 0 0 39px;
}
.heading2 {
text-align: center;
}
.heading2 h1 {
color: #d7483d;
font: 70px/80px "lobster-new", Arial, Helvetica, sans-serif;
text-shadow: -4px -4px #f4eec6, 4px -4px #f4eec7, 4px 4px #f4eec7, -4px 4px #f4eec7, 5px 9px #053328;
position: relative;
z-index: 2;
display: inline-block;
vertical-align: top;
margin: 0;
}
.heading2 h1:after {
content: "";
position: absolute;
bottom: -32px;
left: 21px;
background: url(../images/bg-underline.png);
width: 308px;
height: 39px;
}
.heading2 h1 span {
transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
display: block;
font: 40px/56px "big-noodle-titling-oblique", Arial, Helvetica, sans-serif;
color: #554741;
text-shadow: none;
letter-spacing: -1px;
margin: -105px 0 -12px;
}
.heading2 h1 strong {
transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);
font-weight: normal;
display: block;
letter-spacing: -3px;
padding: 0 0 0 3px;
}
.heading3 {
text-align: center;
}
.heading3 h1 {
color: #d7483d;
font: 80px/90px "lobster-new", Arial, Helvetica, sans-serif;
text-shadow: -4px -4px #f4eec6, 4px -4px #f4eec7, 4px 4px #f4eec7, -4px 4px #f4eec7, 5px 9px #053328;
position: relative;
z-index: 2;
display: inline-block;
vertical-align: top;
margin: 0;
}
.heading3 h1:after {
content: "";
position: absolute;
bottom: -21px;
left: 0px;
background: url(../images/bg-underline.png);
width: 308px;
height: 39px;
}
.heading3 h1 span {
transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
display: block;
font: 42px/56px "big-noodle-titling-oblique", Arial, Helvetica, sans-serif;
color: #554741;
text-shadow: none;
letter-spacing: -1px;
margin: 0 0 -41px -221px;
}
.heading3 h1 strong {
transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);
font-weight: normal;
display: block;
letter-spacing: -3px;
padding: 0 0 0 39px;
}
.btn {
-webkit-transition: all .3s linear;
transition: all .3s linear;
border-radius: 5px;
background-color: #eff3f6;
font-weight: bold;
text-align: center;
min-height: 46px;
border-bottom: 2px solid #d5dbe0;
color: #68727d;
text-transform: capitalize;
font: bold 19px/21px Arial, Helvetica, sans-serif;
}
.btn:hover {
background-color: #d5dbe0;
}
.btn a {
position: relative;
z-index: 2;
display: block;
}
button[type="submit"]:focus {
outline: none;
}
.buggies {
background-color: #4b3f3a;
min-height: 811px;
}
.buggies .holder {
min-height: 708px;
padding: 31px 15px 0;
}
.buggies .heading {
text-align: center;
padding: 0 0 80px;
}
.buggies .heading h1 {
color: #56a372;
text-shadow: -3px -3px #f4eec6, 3px -3px #f4eec7, 3px 3px #f4eec7, -3px 3px #f4eec7, 5px 8px #053328;
}
.buggies .heading h1:after {
display: none;
}
.buggies .heading h1 span {
transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
color: #f6edc2;
margin: 0 0 -37px -274px;
}
.buggies .list-buggies {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
color: #f6ecc0;
font-size: 15px;
line-height: 18px;
letter-spacing: -4px;
text-align: center;
position: absolute;
bottom: 0;
z-index: 2;
padding: 0 36px;
}
.buggies .list-buggies .icon-holder {
border-radius: 50%;
font-size: 0;
line-height: 0;
width: 114px;
height: 114px;
background-color: #fff;
display: inline-block;
vertical-align: top;
position: relative;
margin: 0 0 22px;
text-align: center;
overflow: hidden;
box-sizing: content-box;
}
.buggies .list-buggies .icon-holder:before {
border-radius: 50%;
content: "";
position: absolute;
z-index: 3;
top: 0;
right: 0;
left: 0;
bottom: 0;
border: 9px solid #f5ecc1;
}
.bgimg {
padding: 0 0 0 250px;
}
.buggies .list-buggies .icon-holder:after {
content: "";
position: absolute;
z-index: 4;
top: 2px;
right: 1px;
left: 2px;
bottom: 1px;
background: url(../images/border-circle.svg) no-repeat;
background-size: 110px 110px;
width: 116px;
height: 116px;
}
.buggies .list-buggies .icon-holder img {
height: 100%;
width: auto;
margin: 0 -9999px;
}
.buggies .list-buggies li {
width: 16.6%;
/*float: left;*/
display:inline-block;
vertical-align:top;
font-size: 15px;
line-height: 18px;
letter-spacing: 0;
padding: 0 10px;
}
.buggies .list-buggies li .text-holder {
padding: 0 10px;
}
.buggies .list-buggies li strong {
font: 38px/46px "big-noodle-titling", Arial, Helvetica, sans-serif;
letter-spacing: 1px;
display: block;
margin: 0 0 -2px;
}
.media {
position: relative;
background-color: #f6ecc0;
}
.media .holder {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 2;
width: 1082px;
padding: 80px 15px 0;
}
.vertical-cycle-gallery {
position: relative;
z-index: 2;
float: right;
}
.vertical-cycle-gallery .mask {
position: relative;
overflow: hidden;
width: 227px;
}
.vertical-cycle-gallery .mask .slideset {
width: 99999px;
float: left;
}
.vertical-cycle-gallery .mask .slide {
width: 226px;
float: left;
}
.vertical-cycle-gallery .mask .slide.active {
z-index: 1;
}
.vertical-cycle-gallery .mask .slide ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.vertical-cycle-gallery .mask .slide ul li {
max-width: 220px;
height: 157px;
padding: 0 0 7px;
margin: 0 0 29px;
}
.vertical-cycle-gallery .mask .slide ul li:last-child {
margin: 0;
}
.vertical-cycle-gallery .mask .slide ul .img-holder {
max-width: 220px;
height: 150px;
border: 1px solid #50423b;
background-color: #e8d8b9;
box-shadow: 7px 7px 0 0 #e2bd95;
display: block;
text-align: center;
overflow: hidden;
position: relative;
}
.vertical-cycle-gallery .mask .slide ul .img-holder:after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
box-shadow: inset 0 0 0 7px #ab725a, inset 0 0 0 9px #f6ecc0;
}
.vertical-cycle-gallery .mask .slide ul .img-holder img {
height: 100%;
width: auto;
margin: 0 -9999px;
}
.vertical-cycle-gallery .pagination {
padding: 0 0 20px;
}
.vertical-cycle-gallery .pagination ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.vertical-cycle-gallery .pagination ul li {
display: inline-block;
vertical-align: top;
margin: 0 6px;
}
.vertical-cycle-gallery .pagination ul li.active a {
background-color: #506170;
}
.vertical-cycle-gallery .pagination ul li a {
border-radius: 50%;
width: 29px;
height: 29px;
display: block;
text-indent: -9999px;
overflow: hidden;
border:2px solid #506170;
}
.vertical-cycle-gallery .pagination ul li a:hover {
background-color: #d06d20;
}
.map {
position: relative;
background-color: #495e6f;
}
.map .holder {
max-width: 1213px;
margin: 0 auto;
position: relative;
z-index: 2;
padding: 30px 15px 0;
}
.map .holder h2 {
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
font: 48px/54px "lobster", Arial, Helvetica, sans-serif;
color: #f3ecc1;
float: right;
padding: 0 88px 0 0;
margin: -3px 0 0;
letter-spacing: -1px;
}
.map .holder h2 span {
margin: 0 0 -22px;
display: block;
}
.map .holder h2 mark {
background: none;
padding: 0;
font: 128px/140px "big-noodle-titling-oblique", Arial, Helvetica, sans-serif;
color: #a2ccc5;
display: block;
margin: 0 0 0 5px;
}
.map .holder .text-aloha-dune-buggy {
display: block;
position: relative;
float: left;
background: url(../images/text-aloha-dune-buggy1.svg);
background-size: 370px 151px;
width: 370px;
height: 151px;
text-indent: -9999px;
overflow: hidden;
margin: 13px 0 0 2px;
}
.faq {
position: relative;
font-size: 18px;
line-height: 28px;
color: #6b7681;
overflow: hidden;
background-color: #4b3f3a;
}
.faq .bg-img {
position: absolute;
top: 0;
right: -100px;
left: -100px;
height: 100%;
}
.faq .bg-img img {
width: 100%;
height: auto;
}
.faq .faq-container {
max-width: 1153px;
padding: 91px 2px 0 126px;
margin: 0 auto 86px;
z-index: 2;
position: relative;
}
.faq .faq-container:after {
transform: rotate(3.2deg);
-moz-transform: rotate(3.2deg);
-ms-transform: rotate(3.2deg);
-o-transform: rotate(3.2deg);
-webkit-transform: rotate(3.2deg);
content: "";
position: absolute;
z-index: -1;
bottom: -23px;
left: 162px;
width: 77%;
height: 200px;
background-color: #fff;
border: 3px solid #50423b;
display: block;
}
.faq .faq-frame {
transform: rotate(1deg);
-moz-transform: rotate(1deg);
-ms-transform: rotate(1deg);
-o-transform: rotate(1deg);
-webkit-transform: rotate(1deg);
background-color: #fff;
border: 3px solid #50423b;
}
.faq .faq-holder {
transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
padding: 41px 104px 54px 71px;
overflow: hidden;
}
.faq .heading {
overflow: hidden;
padding: 0 0 59px 23px;
}
.faq .heading h1 {
transform: rotate(-2.5deg);
-moz-transform: rotate(-2.5deg);
-ms-transform: rotate(-2.5deg);
-o-transform: rotate(-2.5deg);
-webkit-transform: rotate(-2.5deg);
max-width: 600px;
float: left;
text-align: left;
text-shadow: -4px -4px #fff, 4px -4px #fff, 4px 4px #fff, -4px 4px #fff, 5px 9px #053328;
}
.faq .heading h1 span {
font: 54px/65px "lobster", Arial, Helvetica, sans-serif;
color: #514540;
text-transform: capitalize;
letter-spacing: -1px;
margin: 0 0 -10px;
}
.faq .heading h1 mark {
transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
text-transform: uppercase;
font-size: 75px;
line-height: 85px;
font: 75px/85px "big-noodle-titling-oblique", Arial, Helvetica, sans-serif;
color: #4e9e6c;
background: none;
padding: 0;
display: block;
letter-spacing: -1px;
}
.faq .heading h1:after {
display: none;
}
.faq .heading .btn {
float: right;
background-color: #ed835b;
text-align: center;
color: #fff;
text-transform: capitalize;
border-color: #ab4e2a;
padding: 20px 6px 12px;
min-width: 232px;
min-height: 63px;
margin: 30px 9px 0;
font-size: 22px;
line-height: 28px;
}
.faq .list-items {
padding: 0 0 34px;
overflow: hidden;
}
.faq .block {
border-radius: 3px;
overflow: hidden;
border: 1px solid #52a070;
background-color: #eff3f6;
padding: 19px 31px 18px;
margin: 0 0 20px;
}
.faq .block:last-child {
margin: 0;
}
.faq .block .title {
font-size: 22px;
line-height: 30px;
font-weight: bold;
color: #53a170;
display: block;
padding: 0 0 8px;
}
.faq .block a {
color: #53a170;
text-decoration: underline;
font-weight: bold;
float: right;
}
.faq .block p {
margin: 0 0 10px;
}
.faq .block .text-holder {
overflow: hidden;
margin: 0 0 -11px;
}
.faq .paging {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
width: 670px;
margin: 0 auto;
font-size: 22px;
line-height: 66px;
font-weight: bold;
color: #71777c;
}
.faq .paging li {
height: 66px;
width: 66px;
float: left;
text-align: center;
background-color: #eff3f6;
margin: 0 1px 0 0;
}
.faq .paging li strong {
background-color: #55a272;
color: #fff;
display: block;
height: 100%;
font-weight: normal;
}
.faq .paging li a {
background-color: #eff3f6;
color: #71777c;
height: 100%;
width: 100%;
display: block;
}
.faq .paging li a:hover {
background-color: #55a272;
color: #fff;
}
.faq .paging li.prev,
.faq .paging li.next {
-webkit-transition: all .3s linear;
transition: all .3s linear;
font-size: 0;
line-height: 0;
cursor: pointer;
}
.faq .paging li.prev:before,
.faq .paging li.next:before {
content: "\e600";
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 66px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 25px;
color: #909ba5;
}
.faq .paging li.prev:hover,
.faq .paging li.next:hover {
background-color: #a4adb7;
}
.faq .paging li.prev:hover:before,
.faq .paging li.next:hover:before {
color: #eff3f6;
}
.faq .paging li.prev {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.reviews {
position: relative;
background-color: #f3ecc1;
}
.reviews .holder {
position: absolute;
top: 12px;
right: 0;
left: 0;
width:100%;
height: 100%;
padding: 166px 0 0;
}
.reviews .heading h1 {
font-size: 105px;
line-height: 120px;
}
.reviews .heading h1 span {
transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
margin: 0 0 -37px;
}
.reviews .heading h1 strong {
padding: 0;
}
.reviews .heading h1:before {
content: "";
position: absolute;
top: -167px;
left: -49px;
background: url(../images/rays.svg) no-repeat;
background-size: 370px 228px ;
width: 370px;
height: 228px;
}
.reviews .heading3 h1 {
font-size: 86px;
line-height: 101px;
}
.reviews .heading3 h1 span {
transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
margin: 0 0 -24px;
}
.reviews .heading3 h1 strong {
padding: 0;
}
.reviews .heading3 h1:before {
content: "";
position: absolute;
top: -128px;
left: -74px;
background: url(../images/rays.svg) no-repeat;
background-size: 370px 228px ;
width: 370px;
height: 228px;
}
.reviews .gallery-frame {
position: relative;
top: -2%;
left: 52.5%;
z-index: 2;
background: url(../images/mes-body.svg) no-repeat;
background-size: 548px 233px;
width: 548px;
height: 233px;
}
.reviews .gallery-frame:after {
content: "";
position: absolute;
bottom: -34px;
left: 66px;
background: url(../images/mes-arrow.svg) no-repeat;
background-size: 90px 83px;
width: 90px;
height: 83px;
}
.reviews .horizontal-cycle-gallery {
width: 504px;
overflow: hidden;
}
.reviews .horizontal-cycle-gallery .mask {
position: relative;
overflow: hidden;
width: 547px;
}
.reviews .horizontal-cycle-gallery .mask .slideset {
width: 99999px;
float: left;
}
.reviews .horizontal-cycle-gallery .mask .slide {
width: 547px;
float: left;
}
.reviews .horizontal-cycle-gallery .mask .slide.active {
z-index: 1;
}
.reviews .horizontal-cycle-gallery .pagination {
padding: 38px 0 0;
}
.reviews .horizontal-cycle-gallery .pagination ul {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
.reviews .horizontal-cycle-gallery .pagination ul li {
display: inline-block;
vertical-align: top;
margin: 0 6px;
}
.reviews .horizontal-cycle-gallery .pagination ul li.active a {
background-color: #d84f44;
}
.reviews .horizontal-cycle-gallery .pagination ul li a {
border-radius: 50%;
width: 29px;
height: 29px;
display: block;
background-color: #a2cbc2;
text-indent: -9999px;
overflow: hidden;
font-size: 0;
line-height: 0;
}
.reviews .horizontal-cycle-gallery .pagination ul li a:hover {
background-color: #d84f44;
}
.reviews .horizontal-cycle-gallery blockquote {
font-size: 23px;
line-height: 27px;
color: #6b7681;
padding: 53px 50px 0 20px;
text-align: center;
margin: 0;
}
.reviews .horizontal-cycle-gallery blockquote q {
transform: rotate(-3.5deg);
-moz-transform: rotate(-3.5deg);
-ms-transform: rotate(-3.5deg);
-o-transform: rotate(-3.5deg);
-webkit-transform: rotate(-3.5deg);
display: block;
}
.reviews .horizontal-cycle-gallery blockquote cite {
float: right;
font-style: normal;
font-size: 25px;
line-height: 28px;
color: #d06d22;
padding: 0 28px 0 0;
}
.book-section {
position: relative;
background-color: #777472;
}
.book-section .holder {
position: absolute;
z-index: 2;
top: 0;
right: 0;
left: 0;
width: 1359px;
margin: 0 auto;
padding: 100px 15px 0;
}
.book-section .heading {
text-align: left;
width: 100%;
}
.book-section h1 {
color: #519f6e;
font: 225px/249px "lobster-new", Arial, Helvetica, sans-serif;
text-shadow: -4px -4px #f4eec6, 4px -4px #f4eec7, 4px 4px #f4eec7, -4px 4px #f4eec7, 5px 9px #053328;
position: relative;
z-index: 2;
margin: 0;
float: left;
}
.book-section h1:after {
content: "";
position: absolute;
bottom: 18px;
right: 0px;
left: auto;
background: url(../images/bg-underline.png);
width: 200px;
height:25px;
}
.book-section h1 span {
transform: rotate(-5.8deg);
-moz-transform: rotate(-5.8deg);
-ms-transform: rotate(-5.8deg);
-o-transform: rotate(-5.8deg);
-webkit-transform: rotate(-5.8deg);
font: 65px/88px "big-noodle-titling-oblique", Arial, Helvetica, sans-serif;
letter-spacing: -2px;
margin: 0 0 -54px;
}
.book-section h1 strong {
transform: rotate(-5.8deg);
-moz-transform: rotate(-5.8deg);
-ms-transform: rotate(-5.8deg);
-o-transform: rotate(-5.8deg);
-webkit-transform: rotate(-5.8deg);
letter-spacing: -3px;
padding: 0 0 0 26px;
letter-spacing: 17px;
}
.book-section .btn {
border-radius: 5px;
min-width: 300px;
border-color: #d13429;
background-color: #e44c41;
color: #fff;
text-transform: capitalize;
font-size: 26px;
line-height: 33px;
min-height: 70px;
display: inline-block;
padding: 20px 10px;
border-width: 4px;
position:absolute;
top:150px;
right:60px;
}
.book-section .btn:hover {
background-color: #d13429;
}
#footer {
background-color: #777472;
font-size: 16px;
line-height: 26px;
color: #b4e0d2;
position: relative;
padding: 26px 0 0;
}
#footer .holder {
max-width: 1068px;
margin: 0 auto;
padding: 0 15px 71px;
position: relative;
z-index: 2;
}
#footer h3 {
font: 33px/37px "american-captain", Arial, Helvetica, sans-serif;
color: #f6ecc0;
margin: 0 0 10px;
text-transform: uppercase;
}
#footer .columns {
position: relative;
overflow: hidden;
}
#footer .columns .col {
float: left;
width: 30%;
padding: 0 0 0 50px;
}
#footer .columns .col:first-child {
padding: 0 35px 0 0;
}
#footer .columns .col:last-child {
padding: 0 0 0 70px;
}
#footer .columns .col.center {
text-align: center;
padding: 0 50px 0 30px;
width: 40%;
}
#footer .columns .col.center h3 {
margin: 0 0 25px;
}
#footer .columns .col ul {
margin: 0;
padding: 0;
list-style: none;
}
#footer .columns .col ul li {
border-radius: 50%;
display: inline-block;
vertical-align: top;
width: 77px;
height: 77px;
border: 7px solid #f6edc2;
font-size: 0;
line-height: 0;
margin: 0 7px 13px;
overflow: hidden;
text-align: center;
}
#footer .columns .col ul li img {
height: 100%;
width: auto;
margin: 0 -9999px;
}
#footer .back-to-top {
position: absolute;
z-index: 2;
bottom: 58px;
right: 58px;
width: 60px;
height: 60px;
background-color: #f4e8bb;
color: #e5554a;
font-size: 0;
line-height: 0;
text-align: center;
}
#footer .back-to-top:before {
font-size: 24px;
line-height: 60px;
display: inline-block;
vertical-align: top;
}
.jcf-checkbox {
border-radius: 50%;
vertical-align: middle;
display: inline-block;
position: relative;
cursor: pointer;
background: rgba(171, 200, 191, .7);
border: 18px solid #ffffda;
height: 206px;
width: 206px;
margin: 0 0 28px;
}
.jcf-checkbox:after {
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
content: "";
background: url(../images/img_b_6.svg) no-repeat;
background-size: 94px 102px;
width: 94px;
height: 102px;
position: absolute;
top: 50%;
left: 50%;
margin: -5px 0 0 -48px;
}
.jcf-checkbox span {
-webkit-transition: all .3s linear;
transition: all .3s linear;
opacity: 0;
visibility: hidden;
position: absolute;
background: url(../images/icon-check.svg) no-repeat;
background-size: 85px 81px;
width: 85px;
height: 81px;
top: -55px;
left: 48px;
}
.jcf-checkbox input[type="checkbox"] {
position: absolute;
width: 100%;
height: 100%;
border: 0;
margin: 0;
left: 0;
top: 0;
}
.jcf-checkbox.jcf-checked span {
opacity: 1;
visibility: visible;
}
:root .jcf-checkbox span {
margin: -4px 0 0 -5px;
}
.jcf-radio {
border-radius: 50%;
vertical-align: middle;
display: inline-block;
position: relative;
cursor: pointer;
background: #9fcac0;
border: 12px solid #f5ecc0;
height: 142px;
width: 142px;
}
.jcf-radio:after {
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
content: "";
background: url(../images/img_b_4.svg);
background-size: 70px 70px;
width: 70px;
height: 35px;
left:50%;
position: absolute;
top: 39%;
margin: 0 0 0 -35px;
}
.jcf-radio span {
-webkit-transition: all .3s linear;
transition: all .3s linear;
opacity: 0;
visibility: hidden;
position: absolute;
background: url(../images/icon-check.svg);
background-size: 85px 81px;
width: 85px;
height: 81px;
top: -72px;
left: 22px;
}
.jcf-radio input[type="radio"] {
position: absolute;
height: 100%;
width: 100%;
border: 0;
margin: 0;
left: 0;
top: 0;
}
.jcf-radio.jcf-checked span {
opacity: 1;
visibility: visible;
}
.booking-container {
padding: 20px 0 0;
background-color: #596675;
}
.booking-container .heading {
background-color: #bde8db;
min-height: 350px;
border-bottom: 1px solid #899d90;
overflow: hidden;
position: relative;
}
.booking-container .heading:after {
content: "";
position: absolute;
top: 100px;
}
.booking-container .heading.information {
position: relative;
padding: 63px 0 80px;
}
.booking-container .heading.information .main-title {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 2;
margin: 0 0 97px;
}
.booking-container .heading.information .main-title:after,
.booking-container .heading.information .main-title:before {
content: "\e601";
position: absolute;
top: 47%;
left: -65px;
color: #f6ecc0;
font-size: 47px;
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.booking-container .heading.information .main-title:after {
left: auto;
right: -65px;
}
.booking-container .heading.information .main-title h1 {
font: 99px/120px "american-captain", Arial, Helvetica, sans-serif;
color: #f6ecc0;
text-shadow: none;
display: inline-block;
vertical-align: top;
}
.booking-container .heading.information .heading-top-area {
position: relative;
z-index: 2;
margin: 0 0 65px;
}
.booking-container .heading.information .heading-top-area:after {
content: "";
position: absolute;
top: 17%;
left: -27%;
right: -26%;
background: url(../images/img_b_bg-route.svg) no-repeat;
background-size: 100% 100%;
height: 100%;
}
.booking-container .heading.information .heading-top-area .holder {
margin: 0 auto;
padding: 0;
border: 0;
}
.booking-container .heading.information .heading-top-area .img-sign {
position: absolute;
z-index: 3;
right: 29px;
top: 17px;
}
.booking-container .heading.information .heading-top-area h1 {
position: absolute;
top: 62px;
right: 0;
left: 0;
}
.booking-container .heading.information .heading-top-area .columns {
overflow: hidden;
text-align: center;
}
.booking-container .heading.information .heading-top-area .columns .col {
display: inline-block;
vertical-align: top;
width: 250px;
text-align: center;
}
.booking-container .heading.information .heading-top-area .columns .img-holder {
border-radius: 50%;
width: 136px;
height: 136px;
display: inline-block;
vertical-align: top;
border: 1px solid #f6eec4;
box-shadow: 0 0 0 11px #574c45, inset 0 0 0 3px #574c45;
position: relative;
margin: 0 0 25px;
}
.booking-container .heading.information .heading-top-area .columns .img-holder:after {
content: "";
background: url(../images/border-circle2.svg);
background-size: 149px 149px;
width: 149px;
height: 149px;
position: absolute;
top: -7px;
left: -7px;
}
.booking-container .heading.information .heading-top-area .columns .img-holder img {
width: 100%;
height: auto;
position: relative;
z-index: -1;
}
.booking-container .heading.information .heading-top-area .top-text {
font: 28px/30px "big-noodle-titling", Arial, Helvetica, sans-serif;
color: #584c45;
display: block;
height: 45px !important;
}
.booking-container .heading.information .heading-top-area .bottom-area {
color: #ffffd2;
font: 26px/28px "big-noodle-titling", Arial, Helvetica, sans-serif;
letter-spacing: 2px;
}
.booking-container .heading.information .heading-top-area .bottom-area p {
margin: 0;
}
.booking-container .heading.information .price-holder {
width: 505px;
margin: 0 auto;
position: relative;
z-index: 2;
font-size: 14px;
line-height: 17px;
color: #f6ecc0;
}
.booking-container .heading.information .price-holder .border {
display: block;
width: 100%;
background-color: #ffffda;
height: 2px;
position: relative;
font-size: 0;
line-height: 0;
}
.booking-container .heading.information .price-holder .border:after,
.booking-container .heading.information .price-holder .border:before {
content: "";
position: absolute;
top: -3px;
left: -9px;
background: url(../images/arrow-left.png);
background-size: 100% 100%;
width: 9px;
height: 8px;
}
.booking-container .heading.information .price-holder .border:before {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
right: -9px;
left: auto;
}
.booking-container .heading.information .price-holder .text {
text-align: justify;
width: 376px;
margin: 0 auto;
padding: 0 0 16px;
font-family: "MyriadPro", Arial, Helvetica, sans-serif;
}
.booking-container .heading.information .price-holder .text p {
margin: 0;
}
.booking-container .heading.information .price-holder .heading {
min-height: 1px;
background: none;
border: 0;
width: 410px;
margin: 0 auto;
overflow: hidden;
padding: 0 0 12px;
}
.booking-container .heading.information .price-holder .heading .title {
font: 99px/104px "american-captain", Arial, Helvetica, sans-serif;
color: #57b179;
margin: 0;
text-transform: uppercase;
display: block;
margin: 0 0 -13px;
}
.booking-container .heading.information .price-holder .heading .value {
float: right;
font: 34px/40px "american-captain", Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.booking-container .heading .holder {
max-width: 1249px;
margin: 10px auto 0;
padding: 176px 15px 0;
position: relative;
border-top: 1px solid #637282;
}
.booking-container .heading h1 {
font: 135px/135px "american-captain", Arial, Helvetica, sans-serif;
color: #637282;
text-shadow: -4px -4px #f4eec6, 4px -4px #f4eec7, 4px 4px #f4eec7, -4px 4px #f4eec7, 5px 9px #053328;
}
.booking-container .heading h1 strong {
transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
letter-spacing: -3px;
padding: 0;
display: inline-block;
vertical-align: middle;
}
.booking-container .heading h1:after {
display: none;
}
.booking-container .heading h1 .lines {
transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
display: inline-block;
vertical-align: middle;
position: relative;
width: 45px;
height: 5px;
background-color: #637282;
margin: -22px 0 0 51px;
}
.booking-container .heading h1 .lines:after,
.booking-container .heading h1 .lines:before {
content: "";
position: absolute;
top: 16px;
right: 0;
left: 0;
height: 5px;
background-color: #637282;
}
.booking-container .heading h1 .lines:before {
top: 32px;
}
.booking-container .heading h1 .lines:first-child {
background-color: #637282;
margin: -22px 51px 0 0;
}
.booking-container .heading h1 .lines:first-child:after,
.booking-container .heading h1 .lines:first-child:before {
background-color: #637282;
}
.book-form {
position: relative;
z-index: 2;
padding: 40px 0 0;
width: 100%;
}
.book-form .first-step {
min-height: 726px;
}
.book-form .holder {
max-width: 1096px;
margin: 0 auto;
padding: 20px 0 0 0;
}
.book-form .section-heading {
text-align: center;
font: 129px/148px "big-noodle-titling", Arial, Helvetica, sans-serif;
color: #f5ecc0;
position: relative;
margin: 0 0 62px;
}
.book-form .section-heading .bg-divider {
position: absolute;
top: 50%;
background-color: #f3ecc1;
height: 4px;
display: block;
font-size: 0;
line-height: 0;
right: 0;
left: 0;
margin: -3px 0 0;
}
.book-form .section-heading .bg-divider:after,
.book-form .section-heading .bg-divider:before {
content: "";
position: absolute;
top: -7px;
left: -20px;
background: url(../images/arrow-left.png);
width: 20px;
height: 18px;
}
.book-form .section-heading .bg-divider:before {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
right: -20px;
left: auto;
}
.book-form .section-heading strong {
border-radius: 50%;
display: inline-block;
vertical-align: middle;
height: 174px;
width: 174px;
background-color: #4fa06e;
border: 15px solid #f5ecc0;
position: relative;
}
.book-form .section-heading strong:after {
content: "";
position: absolute;
z-index: 4;
top: -9px;
right: -9px;
background: url(../images/border-circle.svg) no-repeat;
background-size: 163px 163px;
width: 163px;
height: 163px;
}
.book-form h2 {
font: 135px/103px "american-captain", Arial, Helvetica, sans-serif;
color: #f6ecc0;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
margin: 0 0 50px;
}
.book-form .headsup {
padding:10px 0;
max-width:840px;
margin:0 auto;
}
.book-form .headsup h2 {
font:24px/25px Arial,Helvetica,sans-serif !important;
font-weight:bold;
text-transform:none !important;
color:#BCE3D7;
margin:0 0 20px 0;
}
.book-form .headsup p {
font-size:15px;
color:#f4edc5;
text-align:center;
}
.book-form h2 mark {
background: none;
color: #f6ecc0;
text-transform: capitalize;
padding: 0;
font: 52px/56px "lobster-new", Arial, Helvetica, sans-serif;
display: block;
}
.book-form .first-step {
position: relative;
margin: 0 0 20px;
}
.book-form .bg-img {
position: absolute;
top: 175px;
right: 0;
left: 0;
}
.book-form .bg-img img {
width: 100%;
height: auto;
}
.book-form .second-step {
position: relative;
padding: 0 0 119px;
}
.book-form .second-step .section-heading strong {
background-color: #e44c42;
}
.book-form .second-step .img-holder {
text-align: center;
}
.book-form .second-step .img-holder {
padding: 171px 0 57px;
}
.book-form .second-step .bg-img {
bottom: 342px;
z-index:-1;
}
.book-form .third-step {
position: relative;
padding: 0 0 99px;
}
.book-form .third-step .section-heading strong {
background-color: #ca9378;
}
.book-form .third-step .bg-img {
top: 181px;
bottom: auto;
}
.form-footer {
background-color: #ffffd4;
text-align: center;
padding: 45px 0;
}
.form-footer .holder {
position: relative;
z-index: 2;
}
.form-footer .btn {
border-radius: 7px;
min-width: 693px;
display: inline-block;
vertical-align: middle;
background-color: #ff574a;
border: solid #ea3a2e;
border-width: 0 0 4px;
color: #fff;
font-size: 50px;
line-height: 64px;
height: 146px;
}
.form-footer .btn:hover {
background-color: #ea3a2e;
}
.form-footer .lines {
display: inline-block;
vertical-align: middle;
position: relative;
width: 45px;
height: 5px;
background-color: #708193;
margin: -43px 0 0 31px;
}
.form-footer .lines:after,
.form-footer .lines:before {
content: "";
position: absolute;
top: 16px;
right: 0;
left: 0;
height: 5px;
background-color: #708193;
}
.form-footer .lines:before {
top: 32px;
}
.form-footer .lines:first-child {
margin: -43px 31px 0 0;
}
.green-area {
background:none !important;
overflow: hidden;
width: 980px;
margin: 0 auto;
padding: 0;
}
.green-area .frame {
border: 1px dashed #5bb57d;
padding: 17px 45px 45px;
position: relative;
z-index: 2;
}
.green-area .form-heading {
font: 46px/60px "lobster-new", Arial, Helvetica, sans-serif;
color: #f6ecc0;
padding: 0 0 13px;
position: relative;
}
.green-area .form-heading strong {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 1;
padding: 0 4px 0 0;
}
.green-area .form-heading strong:after {
content: "";
position: absolute;
left: 100%;
top: 36px;
background-color: #f3ecc1;
height: 2px;
position: absolute;
z-index: 0;
width: 330px;
}
.green-area .form-heading mark {
background: none;
display: block;
text-align: left;
padding: 0;
color: #f6ecc0;
font: 19px/22px "big-noodle-titling", Arial, Helvetica, sans-serif;
margin: -10px 0 0 2px;
position: relative;
z-index: 2;
letter-spacing: 1px;
}
.green-area .form-holder {
overflow: hidden;
border-bottom: 2px solid #f3ecc1;
position: relative;
padding: 0 0 44px;
}
.green-area .form-holder:after {
content: "";
position: absolute;
bottom: 9px;
background-color: #f3ecc1;
height: 2px;
right: 0;
left: 0;
}
.green-area .form-holder .input-holder {
width: 64.9%;
padding: 0 19px 0 0;
float: left;
position: relative;
}
.green-area .form-holder .input-holder .ui-datepicker-trigger {
position: absolute;
right: 34px;
top: 9px;
font-size: 0;
line-height: 0;
background: none;
border: 0;
}
.green-area .form-holder .input-holder .ui-datepicker-trigger:focus {
outline: none;
}
.green-area .form-holder .input-holder .ui-datepicker-trigger:before {
content: "\e603";
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 26px;
color: #677687;
}
.green-area .form-holder .select-holder {
float: left;
width: 35.1%;
}
.green-area .form-holder .select-holder .jcf-select {
background-color: #f3ecc1;
font: 25px/30px "big-noodle-titling", Arial, Helvetica, sans-serif;
color: #667586;
height: 48px;
border-color: #f3ecc1;
}
.green-area .form-holder .select-holder .jcf-select .jcf-select-opener {
width: 39px;
background: none;
border: 0;
}
.green-area .form-holder .select-holder .jcf-select .jcf-select-opener:after {
border-width: 15px 7px 0 7px;
border-color: #677687 transparent transparent transparent;
top: 15px;
right: 17px;
}
.green-area .form-holder .select-holder .jcf-select .jcf-select-text {
line-height: 47px;
margin: 0 41px 0 17px;
}
.green-area .form-holder .select-holder .jcf-select.jcf-drop-active {
border-color: #566473;
}
.green-area input[type="text"],
.green-area input[type="email"],
.green-area input[type="number"] {
background-color: #f3ecc1;
font: 25px/30px "big-noodle-titling", Arial, Helvetica, sans-serif;
color: #667586;
width: 100%;
height: 48px;
display: block;
padding: 0 51px 1px 18px;
border: 1px solid #f3ecc1;
}
.green-area input[type="text"]::-webkit-input-placeholder,
.green-area input[type="email"]::-webkit-input-placeholder,
.green-area input[type="number"]::-webkit-input-placeholder {
color: #667586 !important;
}
.green-area input[type="text"]::-moz-placeholder,
.green-area input[type="email"]::-moz-placeholder,
.green-area input[type="number"]::-moz-placeholder {
color: #667586 !important;
}
.green-area input[type="text"]:-moz-placeholder,
.green-area input[type="email"]:-moz-placeholder,
.green-area input[type="number"]:-moz-placeholder {
color: #667586 !important;
}
.green-area input[type="text"]:-ms-input-placeholder,
.green-area input[type="email"]:-ms-input-placeholder,
.green-area input[type="number"]:-ms-input-placeholder {
color: #667586 !important;
}
.jcf-select-form-book-style .jcf-list {
border: solid #566473;
border-width: 0 1px 1px;
}
.jcf-select-form-book-style .jcf-list .jcf-option {
font: 25px/30px "big-noodle-titling", Arial, Helvetica, sans-serif;
background: #f3ecc1;
border: solid #566473;
border-width: 1px 0 0;
padding: 7px 17px;
color: #667586;
}
.jcf-select-drop.jcf-select-form-book-style .jcf-hover {
background: #4fa06e;
color: #fff;
}
.radio-columns {
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.radio-columns .col {
display: inline-block;
vertical-align: bottom;
position: relative;
text-align: center;
min-width: 246px;
}
.radio-columns .col.full-day .jcf-radio:after {
height: 70px;
top: 51%;
}
.radio-columns .top-text {
font: 29px/32px "american-captain", Arial, Helvetica, sans-serif;
color: #f6ecc0;
display: block;
text-align: center;
letter-spacing: -1px;
margin: 0 0 -5px;
}
.radio-columns .bottom-text {
font: 37px/42px "big-noodle-titling", Arial, Helvetica, sans-serif;
color: #f6ecc0;
display: block;
margin: -24px 0 0;
height: 74px !important;
}
.chk-columns {
display: table;
width: 1078px;
color: #f6ecc0;
padding: 11px 0 0;
}
.chk-columns .col {
display: table-cell;
vertical-align: top;
text-align: center;
font-size: 14px;
line-height: 17px;
}
.chk-columns .col:nth-child(even) .jcf-checkbox {
background-color:rgba(157, 113, 92, .7);
}
.chk-columns .col:nth-child(2) .jcf-checkbox:after {
background: url(../images/img_b_7.svg) no-repeat;
background-size: 121px 102px;
width: 121px;
height: 102px;
margin: 0 0 0 -62px;
}
.chk-columns .col:nth-child(3) .jcf-checkbox:after {
background: url(../images/img_b_8.svg) no-repeat;
background-size: 81px 111px;
width: 81px;
height: 111px;
margin: 0 0 0 -42px;
}
.chk-columns .col:nth-child(4) .jcf-checkbox:after {
background: url(../images/img_b_9.svg) no-repeat;
background-size: 96px 137px;
width: 96px;
height: 137px;
margin: 0 0 0 -51px;
}
.chk-columns .col h3 {
font: 54px/64px "american-captain", Arial, Helvetica, sans-serif;
margin: 0 0 -15px;
}
.chk-columns .col em {
font: 24px/28px "lobster-new", Arial, Helvetica, sans-serif;
display: block;
padding: 0 0 14px;
}
.chk-columns .col .text {
width: 162px;
margin: 0 auto;
text-align: justify;
font-family: "MyriadPro", Arial, Helvetica, sans-serif;
}
.information-form {
text-align: center;
padding: 105px 0 0;
}
.information-form h2 {
transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
-webkit-transform: rotate(-12deg);
text-align: center;
font: 101px/140px "lobster-new", Arial, Helvetica, sans-serif;
position: relative;
z-index: 2;
color: #ffffdb;
display: inline-block;
vertical-align: top;
font-style: italic;
margin: 0 0 4px;
position: relative;
z-index: 3;
}
.information-form h2:after {
transform: rotate(12deg);
-moz-transform: rotate(12deg);
-ms-transform: rotate(12deg);
-o-transform: rotate(12deg);
-webkit-transform: rotate(12deg);
content: "";
position: absolute;
bottom: -98px;
left: 142px;
background: url(../images/bg-underline2.svg) no-repeat;
background-size: 527px 116px;
width: 653px;
height: 155px;
}
.information-form .frame {
padding: 13px 46px 10px;
}
.information-form .area-frame {
border: solid #ffffdc;
border-width: 2px 0;
padding: 9px 0;
}
.information-form .area-holder {
border: solid #ffffdc;
border-width: 2px 0;
padding: 37px 0 14px;
}
.information-form .bg-img {
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.information-form .information-section {
position: relative;
padding: 0 0 166px;
}
.information-form .green-area {
text-align: left;
}
.information-form label {
font: 19px/23px "big-noodle-titling", Arial, Helvetica, sans-serif;
color: #f6ecc0;
letter-spacing: 1px;
padding: 0 0 0 2px;
display: inline-block;
vertical-align: top;
}
.information-form .row {
width: 100%;
overflow: hidden;
padding: 0 0 35px;
}
.information-form .two-columns {
margin: 0 -10px;
overflow: hidden;
}
.information-form .two-columns .col {
padding: 0 10px;
float: left;
}
.information-form .two-columns .col.width-50 {
width: 50%;
float: left;
}
.information-form .two-columns .col.width-30 {
width: 31.6%;
}
.information-form .two-columns .col.width-70 {
width: 68.4%;
}
.information-form input[type="text"],
.information-form input[type="email"] {
height: 46px;
padding: 4px 18px;
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(../images/fancybox/fancybox.png);
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
box-sizing: content-box;
background: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
box-sizing: content-box;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0 solid #fff;
box-sizing: content-box;
background: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-close {
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
border: 2px solid transparent;
position: absolute;
cursor: pointer;
top: -20px;
right: -20px;
color: #f1eac0;
font-size: 42px;
z-index: 9999;
display: inline-block !important;
vertical-align: top;
line-height: 53px;
}
#fancybox-close:hover {
border-color: #f1eac0;
}
#fancybox-close:after {
content: "\e60e";
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.popup-holder {
position: relative;
overflow: hidden;
height: 0;
}
/*inner*/
.contact-container {
position: relative;
padding: 220px 0 0;
background: #b5e1d3;
}
.contact-container .bg-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.contact-container .bg-img img {
width: 100%;
height: auto;
}
.contact-container .heading {
background: #da564c;
padding: 24px 0 10px;
margin: 0 0 20px;
position: relative;
}
.contact-container .heading h1 {
font-size: 166px;
line-height: 170px;
font-family: "american-captain", Arial, Helvetica, sans-serif;
color: rgba(246, 236, 192, .9);
text-shadow: none;
display: inline-block;
vertical-align: middle;
}
.contact-container .heading h1 strong {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
display: inline-block;
letter-spacing: 0;
}
.contact-container .heading h1:after {
display: none;
}
.contact-container .heading h1 .lines {
display: inline-block;
vertical-align: middle;
position: relative;
width: 45px;
height: 5px;
background-color: #f3ecc1;
margin: 18px 0 0 38px;
}
.contact-container .heading h1 .lines:before {
content: "";
position: absolute;
top: 16px;
right: 0;
left: 0;
height: 5px;
background-color: #f3ecc1;
}
.contact-container .heading h1 .lines:after {
content: "";
position: absolute;
top: -16px;
right: 0;
left: 0;
height: 5px;
background-color: #f3ecc1;
}
.contact-container .heading h2 {
color: #b9e2d5;
font: 42px/44px "big-noodle-titling", Arial, Helvetica, sans-serif;
margin: 0;
letter-spacing: 0;
}
.contact-container .heading h3 {
font-size: 120px;
line-height: 125px;
font-family: "american-captain", Arial, Helvetica, sans-serif;
color: rgba(246, 236, 192, .9);
text-shadow: none;
display: inline-block;
vertical-align: middle;
margin:0 0 10px 0;
padding:0;
}
.contact-container .heading h3 strong {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
display: inline-block;
letter-spacing: 0;
}
.contact-container .heading h3:after {
display: none;
}
.contact-container .heading h3 .lines {
display: inline-block;
vertical-align: middle;
position: relative;
width: 45px;
height: 5px;
background-color: #f3ecc1;
margin: 18px 0 0 38px;
}
.contact-container .heading h3 .lines:before {
content: "";
position: absolute;
top: 16px;
right: 0;
left: 0;
height: 5px;
background-color: #f3ecc1;
}
.contact-container .heading h3 .lines:after {
content: "";
position: absolute;
top: -16px;
right: 0;
left: 0;
height: 5px;
background-color: #f3ecc1;
}
.contact-container .heading h4 {
color: #b9e2d5;
font: 34px/36px "big-noodle-titling", Arial, Helvetica, sans-serif;
margin: 0;
letter-spacing: 0;
padding:0 0 10px 0;
}
.contact-bottom {
position: relative;
margin:-50px 0 0 0;
}
.contact-bottom .frame {
position: absolute;
left: 0;
right: 0;
bottom: 46px;
}
.social-network {
margin: 0;
padding: 0;
list-style: none;
position: relative;
overflow: hidden;
max-width: 1004px;
margin: 0 auto;
z-index: 10;
}
.social-network li {
float: left;
padding: 0 16px 0 0;
}
.social-network li a {
display: block;
width: 66px;
height: 66px;
background: #4e443e;
border-radius: 3px;
text-align: center;
color: #f3edc3;
padding: 18px 0 0;
line-height: 30px;
}
.social-network li a:hover {
color: #bae3d6;
}
.questions-forms {
position: relative;
max-width: 820px;
margin: 0 auto;
overflow: hidden;
padding: 0 0 40px;
z-index: 1;
}
.questions-forms .row-holder {
overflow: hidden;
margin: 0 -21px;
padding: 0 0 28px;
}
.questions-forms .row {
float: left;
width: 50%;
padding: 0 21px;
}
.questions-forms .input-holder {
position: relative;
}
.questions-forms .input-holder.name:after {
content: "";
background: url(../images/icon-1.svg) no-repeat;
width: 18px;
height: 46px;
background-size: 18px 46px;
position: absolute;
top: 50%;
margin: -23px 0 0;
right: 26px;
}
.questions-forms .input-holder.email:after {
content: "";
background: url(../images/icon-email.svg) no-repeat;
width: 41px;
height: 41px;
background-size: 41px 41px;
position: absolute;
top: 50%;
margin: -20px 0 0;
right: 17px;
}
.questions-forms .input-holder.number:after {
content: "";
background: url(../images/icon-phone.svg) no-repeat;
width: 36px;
height: 36px;
background-size: 36px 36px;
position: absolute;
top: 50%;
margin: -18px 0 0;
right: 20px;
}
.questions-forms label {
color: #596877;
font: 37px/38px "big-noodle-titling", Arial, Helvetica, sans-serif;
display: block;
padding: 0 0 20px 18px;
}
.questions-forms input[type="email"],
.questions-forms input[type="text"] {
height: 73px;
width: 100%;
border: 1px solid #e8ecf0;
border-radius: 4px;
padding: 10px 60px 10px 30px;
font: 25px/28px Arial, Helvetica, sans-serif;
color: #8e959c;
background: rgba(255, 255, 255, .8);
}
.questions-forms input[type="submit"] {
border: 0;
background: #586675;
border-bottom: 6px solid #38618c;
border-radius: 3px;
font: bold 26px/28px Arial, Helvetica, sans-serif;
color: #fff;
padding: 18px 10px;
min-width: 385px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.questions-forms input[type="submit"]:hover {
background: #38618c;
}
.questions-forms .textarea-holder {
overflow: hidden;
width: 100%;
position: relative;
margin: 0 0 26px;
}
.questions-forms .textarea-holder:after {
content: "";
background: url(../images/icon-message.svg) no-repeat;
width: 63px;
height: 57px;
background-size: 63px 57px;
position: absolute;
top: 28px;
right: 18px;
}
.questions-forms .textarea-holder textarea {
width: 100%;
border: 1px solid #e8ecf0;
border-radius: 4px;
resize: none;
height: 180px;
padding: 10px 85px 10px 30px;
background: rgba(255, 255, 255, .8);
}
.page-container {
position: relative;
}
.page-container .heading {
position: absolute;
top: 220px;
left: 0;
right: 0;
}
.page-container .heading h1 {
font-size: 194px;
line-height: 200px;
font-family: "american-captain", Arial, Helvetica, sans-serif;
display: inline-block;
vertical-align: middle;
}
.page-container .heading h1 strong {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
display: inline-block;
}
.page-container .heading h1:after {
display: none;
}
.page-container .heading h1 .lines {
display: inline-block;
vertical-align: middle;
position: relative;
width: 45px;
height: 5px;
background-color: #59917f;
margin: -22px 0 0 51px;
}
.page-container .heading h1 .lines:before {
content: "";
position: absolute;
top: 16px;
right: 0;
left: 0;
height: 5px;
background-color: #59917f;
}
.page-container .heading h1 .lines:after {
content: "";
position: absolute;
top: -16px;
right: 0;
left: 0;
height: 5px;
background-color: #59917f;
}
.page-container .heading h2 {
color: #5e6c7b;
font: 64px/68px "lobster", Arial, Helvetica, sans-serif;
margin: 0;
}
.page-container .heading h3 {
color: #f6edc5;
font: 52px/56px "big-noodle-titling", Arial, Helvetica, sans-serif;
text-shadow: -2px -2px #5e6c7b, 2px -2px #5e6c7b, 2px 2px #5e6c7b, -2px 2px #5e6c7b;
}
@media screen and (max-width: 1400px) {
#nav {
padding: 0;
}
#nav ul:first-child {
padding: 0 90px 0 0;
}
#nav ul:first-child li {
padding: 0 0 0 10px;
}
#nav ul:last-child {
padding: 0 0 0 85px;
}
#nav ul:last-child li {
padding: 0 0 0 10px;
}
.bgimg{padding:0;}
.logo {
width: 250px;
height: auto;
}
.logo img {
width: 100%;
height: auto;
}
.logo:before {
top: -7px;
right: 4px;
left: 34px;
width: 183px;
height: 183px;
}
.booking-form {
padding: 330px 0 0;
}
#header {
font-size: 27px;
line-height: 34px;
}
#header.fixed .logo {
top: 7px;
}
#header .holder {
width: 1024px;
padding: 20px 10px 16px;
}
#header .holder.booking-style #nav ul li:after {
right: -12px;
top: 45%;
}
#header .holder.booking-style #nav ul:last-child li:after {
left: 0;
}
.top-section {
max-height: 1187px;
}
.top-section .bg-img {
max-height: 1187px;
width: 100%;
}
.top-section .bg-img img {
width: 100%;
height: auto;
}
.offer-section {
min-height: 1px;
}
.buggies .list-buggies {
padding: 0 20px;
position: static;
}
.buggies .list-buggies li {
width: 33.3%;
padding: 0 8px 15px;
}
.media {
min-height: 970px;
}
.media .bg-img {
height: 970px;
text-align: center;
margin: 0 0 0 -50px;
}
.media .bg-img img {
height: 100%;
width: auto;
}
.faq .faq-container {
padding: 71px 40px 0;
}
.faq .faq-holder {
padding: 38px 30px 54px 30px;
}
.faq .bg-img {
height: 100%;
text-align: center;
position: absolute;
top: 0;
right: 0;
left: 0;
}
.reviews {
height: 1431px;
}
.reviews .bg-img {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 1431px;
text-align: center;
}
.reviews .bg-img img {
margin: 0 -9999px;
height: 100%;
width: auto;
}
.book-section .holder {
padding: 70px 15px 0;
width:auto;
max-width:1359px;
}
.book-section h1 {
font: 170px/195px "lobster-new", Arial, Helvetica, sans-serif;
}
.book-section h1 span {
font: 60px/92px "big-noodle-titling-oblique", Arial, Helvetica, sans-serif;
}
#footer {
padding: 33px 0 50px;
}
#footer .holder {
padding: 0 15px;
}
#footer .back-to-top {
bottom: 15px;
right: 15px;
}
.book-form .holder {
max-width: 1024px;
}
.book-form .section-heading .bg-divider {
left: 20px;
right: 20px;
}
.chk-columns {
max-width: 1024px;
width: 100%;
}
.booking-container .heading.information .heading-top-area .img-sign {
right: 0;
top: -116px;
}
.booking-container .heading.information .heading-top-area h1 {
z-index: 4;
}
.ui-datepicker {
width: 305px;
}
.ui-datepicker-title {
font-size: 22px;
line-height: 26px;
}
.ui-datepicker-prev:before,
.ui-datepicker-next:before {
font-size: 17px;
line-height: 27px;
}
.ui-datepicker-header {
padding: 18px 29px 18px;
}
.ui-datepicker-calendar thead {
font-size: 16px;
line-height: 18px;
}
.ui-datepicker-calendar tbody td {
padding: 9px 2px;
font-size: 18px;
line-height: 22px;
}
.footer .copyright {
color:#F6ECC0 !important;
padding:20px 0 0 0;
text-align:center !important;
}
#CDSSCROLLINGRAVE.narrow {
margin:0 auto !important;
width:330px !important;
}
#CDSSCROLLINGRAVE {
background-color:#F6ECC0 !important;
}