*{margin:0;padding:0;outline:none!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-stroke:0}

html,body{width:100%;height:100%}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;min-width:320px}
body{background:#fff;color:#002c3f;margin:0;padding:0;font-family:'Muli';font-weight:300;font-size:16px;line-height:normal;min-width:320px;width:100%;height:100%}

pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;z-index:50000;text-align:left}

::-webkit-selection{background:#0096d7;color:#fff;text-shadow:none}
::-moz-selection{background:#0096d7;color:#fff;text-shadow:none}
::selection{background:#0096d7;color:#fff;text-shadow:none}

::-webkit-input-placeholder{color:#626c71!important;opacity:1;font-weight:300;font-family:'Muli';font-size:16px}
:-moz-placeholder{color:#626c71!important;opacity:1;font-weight:300;font-family:'Muli';font-size:16px}
::-moz-placeholder{color:#626c71!important;opacity:1;font-weight:300;font-family:'Muli';font-size:16px}
:-ms-input-placeholder{color:#626c71!important;opacity:1;font-weight:300;font-family:'Muli';font-size:16px}

video::-webkit-media-controls{display:none!important}
video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}

sub,sup{font-size:66.6667%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}

hr{margin:30px 0;height:1px;background:rgba(0,0,0,.3)}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center,.center{text-align:center}

.no-padding{padding:0!important}
.no-margin{margin:0!important}

ul,ol{margin:0 40px 25px}
ul li,ol li{line-height:175%;margin:0 0 5px}

b,strong{font-family:'Muli';font-weight:700}

input[type=checkbox]{-webkit-appearance:checkbox}


/* form stuff */
form{position:relative}
.input{position:relative;display:inline-block;width:100%;vertical-align:top;margin:0 0 20px 0}


/* newsletter */
#mc-embedded-subscribe-form .input .inputbox{position:relative;display:block;float:right;padding:15px 0;width:100%;border:none;border-radius:0;background:transparent;color:#fff;font-weight:400;-webkit-appearance:none}
#mc-embedded-subscribe-form .input .inputbox:focus{outline:none}

#mc-embedded-subscribe-form .input .label{position:absolute;display:inline-block;float:right;padding:15px 0 10px;width:100%;color:rgba(255,255,255,.1);font-weight:700;font-size:25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;pointer-events:none}
#mc-embedded-subscribe-form .input .label::after{content:'';position:absolute;width:100%;height:3px;background:rgba(255,255,255,.5);left:0;top:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:-webkit-transform 0.2s,background-color 0.2s;transition:transform 0.2s,background-color 0.2s}

#mc-embedded-subscribe-form .input .label-content{position:relative;display:inline-block;padding:0;width:auto;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform 0.2s,color 0.2s;transition:transform 0.2s,color 0.2s}

#mc-embedded-subscribe-form .input .inputbox:focus + .input .label::after,#mc-embedded-subscribe-form .input-filled .label::after{background:#0096d7}
#mc-embedded-subscribe-form .input .inputbox:focus + .input .label-content,#mc-embedded-subscribe-form .input-filled .label-content{color:#0096d7;-webkit-transform:translate3d(0,55px,0) scale3d(.655,.655,1);transform:translate3d(0,55px,0) scale3d(.655,.655,1)}

#mc-embedded-subscribe-form .submit.button{position:absolute;float:right;right:0;top:0;line-height:25px;z-index:500}
#mc-embedded-subscribe-form .submit.button button{position:relative;background:none;border:none;line-height:0;padding:21px 0}

#mc-embedded-subscribe-form .input label.error{position:relative;display:inline-block;margin:0 0 0 10px;color:rgba(255,255,255,.3);font-weight:400;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform 0.2s,color 0.2s;transition:transform 0.2s,color 0.2s}

#mc-embedded-subscribe-form .input .inputbox:focus + .input label.error,#mc-embedded-subscribe-form .input-filled label.error{-webkit-transform:translate3d(0,50px,0) scale3d(.655,.655,1);transform:translate3d(0,50px,0) scale3d(.655,.655,1);left:-45px;top:3px;color:rgba(255,255,255,.5)}

#mc-embedded-subscribe-form .input label.error{display:none!important}
#mc-embedded-subscribe-form .input .inputbox + .input .label-error::after,#mc-embedded-subscribe-form .label-error::after,#mc-embedded-subscribe-form .input .inputbox:focus + .input .label-error::after,#mc-embedded-subscribe-form .input-filled .label-error::after,#mc-embedded-subscribe-form .input .label-error::after{background:#d10000}
#mc-embedded-subscribe-form .input .inputbox + .input .label-error .label-content,#mc-embedded-subscribe-form .label-error .label-content,#mc-embedded-subscribe-form .input .inputbox:focus + .input .label-error .label-content,#mc-embedded-subscribe-form .input-filled .label-error .label-content{color:#d10000}


/* contact form */
#contact-form .row{margin:0 -15px}
#contact-form .row .col-md-6{padding:0 15px}
#contact-form .row .col-md-12{padding:0 15px}

#contact-form .input{position:relative;margin:0 0 30px}

#contact-form .input .inputbox{position:relative;display:block;float:right;padding:17px 0;width:100%;border:none;border-radius:0;background:transparent;font-weight:400;-webkit-appearance:none;color:#002c3f;height:53px}
#contact-form .input .inputbox:focus{outline:none}

#contact-form .input .label{position:absolute;display:inline-block;float:right;padding:15px 0 10px;width:100%;color:rgba(0,44,63,.5);font-weight:400;font-size:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;pointer-events:none;bottom:0}
#contact-form .input .label::after{content:'';position:absolute;width:100%;height:3px;background:rgba(0,44,63,.75);left:0;top:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:-webkit-transform 0.2s,background-color 0.2s;transition:transform 0.2s,background-color 0.2s}

#contact-form .input .label-content{position:relative;display:inline-block;padding:0;width:auto;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform 0.2s,color 0.2s;transition:transform 0.2s,color 0.2s}

#contact-form .input .inputbox:focus + .input .label::after,#contact-form .input-filled .label::after{background:#0096d7}
#contact-form .input .inputbox:focus + .input .label-content,#contact-form .input-filled .label-content{color:#0096d7;-webkit-transform:translate3d(0,42px,0) scale3d(.655,.655,1);transform:translate3d(0,42px,0) scale3d(.655,.655,1)}

#contact-form .input label.error{display:none!important}
/*#contact-form .input .inputbox:focus + .input label.error,#contact-form .input-filled label.error{-webkit-transform:translate3d(0,37px,0) scale3d(.655,.655,1);transform:translate3d(0,37px,0) scale3d(.655,.655,1);left:-40px;top:5px;color:rgba(0,44,63,.5)}*/

#contact-form .input .inputbox + .input .label-error::after,#contact-form .label-error::after,#contact-form .input .inputbox:focus + .input .label-error::after,#contact-form .input-filled .label-error::after,#contact-form .input .label-error::after{background:#d10000}
#contact-form .input .inputbox + .input .label-error .label-content,#contact-form .label-error .label-content,#contact-form .input .inputbox:focus + .input .label-error .label-content,#contact-form .input-filled .label-error .label-content{color:#d10000}

#contact-form .input select.inputbox{border-bottom:solid 3px #40616f;padding:11px 0 0;height:52px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#002c3f 50%),linear-gradient(135deg,#002c3f 50%,transparent 50%);background-position:calc(100% - 20px) calc(1.4em + 2px),calc(100% - 15px) calc(1.4em + 2px),calc(100% - 2.5em) 0.5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;font-size:20px}
#contact-form .input select.inputbox:focus{background-image:linear-gradient(45deg,#0096d7 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#0096d7 50%);background-position:calc(100% - 15px) 1.4em,calc(100% - 20px) 1.4em,calc(100% - 2.5em) 0.5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:#0096d7;outline:0}
#contact-form .input select.inputbox:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}

#contact-form .input select.inputbox.label-error{color:#d10000;border-bottom:solid 3px #d10000;background-image:linear-gradient(45deg,transparent 50%,#d10000 50%),linear-gradient(135deg,#d10000 50%,transparent 50%)}
#contact-form .input select.inputbox.label-error:focus{background-image:linear-gradient(45deg,#d10000 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#d10000 50%);border-color:#d10000}

#contact-form .input textarea.inputbox{height:130px}

#contact-form .find-other{margin:15px 0 0 0}
#contact-form .btn{margin:0}

#contact-form .checkbox{margin:15px 0}
#contact-form .checkbox label{margin:0 0 0 10px}
#contact-form .checkbox label.error{position:absolute;left:120px}
#contact-form .checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"],.radio input[type="radio"],.radio-inline input[type="radio"]{margin-left:0}

#contact-form .checkbox input[type="checkbox"],#contact-form .checkbox-inline input[type="checkbox"],#contact-form .radio input[type="radio"],#contact-form .radio-inline input[type="radio"]{display:none}
#contact-form .checkbox input[type=checkbox] + label::before{content:'\f096';position:absolute;top:0;margin-left:-30px;font-family:'Fontawesome';font-size:135%;display:inline-block;letter-spacing:.75em}
#contact-form .checkbox input[type=checkbox]:checked + label::before{content:'\f046';color:#002c3f}
select{-moz-appearance:menulist;-ms-appearance:menulist;-os-appearance:menulist;-webkit-appearance:menulist}
#contact-form .checkbox .checkbox-error{color:#d10000}


/* booking form */
#booking-form-full .row{margin:0 -15px}
#booking-form-full .row .col-md-6{padding:0 15px}
#booking-form-full .row .col-md-12{padding:0 15px}

#booking-form-full .input{position:relative;margin:0 0 30px}

#booking-form-full .input .inputbox{position:relative;display:block;float:right;padding:17px 0;width:100%;border:none;border-radius:0;background:transparent;font-weight:400;-webkit-appearance:none;color:#002c3f;height:53px}
#booking-form-full .input .inputbox:focus{outline:none}

#booking-form-full .input .label{position:absolute;display:inline-block;float:right;padding:15px 0 10px;width:100%;color:rgba(0,44,63,.5);font-weight:400;font-size:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;pointer-events:none;bottom:0}
#booking-form-full .input .label::after{content:'';position:absolute;width:100%;height:3px;background:rgba(0,44,63,.75);left:0;top:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:-webkit-transform 0.2s,background-color 0.2s;transition:transform 0.2s,background-color 0.2s}

#booking-form-full .input .label-content{position:relative;display:inline-block;padding:0;width:auto;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform 0.2s,color 0.2s;transition:transform 0.2s,color 0.2s}

#booking-form-full .input .inputbox:focus + .input .label::after,#booking-form-full .input-filled .label::after{background:#0096d7}
#booking-form-full .input .inputbox:focus + .input .label-content,#booking-form-full .input-filled .label-content{color:#0096d7;-webkit-transform:translate3d(0,42px,0) scale3d(.655,.655,1);transform:translate3d(0,42px,0) scale3d(.655,.655,1)}

#booking-form-full .input label.error{display:none!important}
/*#booking-form-full .input .inputbox:focus + .input label.error,#booking-form-full .input-filled label.error{-webkit-transform:translate3d(0,37px,0) scale3d(.655,.655,1);transform:translate3d(0,37px,0) scale3d(.655,.655,1);left:-40px;top:5px;color:rgba(0,44,63,.5)}*/

#booking-form-full .input .inputbox + .input .label-error::after,#booking-form-full .label-error::after,#booking-form-full .input .inputbox:focus + .input .label-error::after,#booking-form-full .input-filled .label-error::after,#booking-form-full .input .label-error::after{background:#d10000}
#booking-form-full .input .inputbox + .input .label-error .label-content,#booking-form-full .label-error .label-content,#booking-form-full .input .inputbox:focus + .input .label-error .label-content,#booking-form-full .input-filled .label-error .label-content{color:#d10000}

#booking-form-full .input select.inputbox{border-bottom:solid 3px #40616f;padding:11px 0 0;height:52px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#002c3f 50%),linear-gradient(135deg,#002c3f 50%,transparent 50%);background-position:calc(100% - 20px) calc(1.4em + 2px),calc(100% - 15px) calc(1.4em + 2px),calc(100% - 2.5em) 0.5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;font-size:20px}
#booking-form-full .input select.inputbox:focus{background-image:linear-gradient(45deg,#0096d7 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#0096d7 50%);background-position:calc(100% - 15px) 1.4em,calc(100% - 20px) 1.4em,calc(100% - 2.5em) 0.5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:#0096d7;outline:0}
#booking-form-full .input select.inputbox:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}

#booking-form-full .input select.inputbox.label-error{color:#d10000;border-bottom:solid 3px #d10000;background-image:linear-gradient(45deg,transparent 50%,#d10000 50%),linear-gradient(135deg,#d10000 50%,transparent 50%)}
#booking-form-full .input select.inputbox.label-error:focus{background-image:linear-gradient(45deg,#d10000 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#d10000 50%);border-color:#d10000}

#booking-form-full .input textarea.inputbox{height:130px}

#booking-form-full .find-other{margin:15px 0 0 0}
#booking-form-full .btn{margin:0}

#booking-form-full .checkbox{margin:15px 0}
#booking-form-full .checkbox label{margin:0 0 0 10px}
#booking-form-full .checkbox label.error{position:absolute;left:120px}
#booking-form-full .checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"],.radio input[type="radio"],.radio-inline input[type="radio"]{margin-left:0}

#booking-form-full .checkbox input[type="checkbox"],#booking-form-full .checkbox-inline input[type="checkbox"],#booking-form-full .radio input[type="radio"],#booking-form-full .radio-inline input[type="radio"]{display:none}
#booking-form-full .checkbox input[type=checkbox] + label::before{content:'\f096';position:absolute;top:0;margin-left:-30px;font-family:'Fontawesome';font-size:135%;display:inline-block;letter-spacing:.75em}
#booking-form-full .checkbox input[type=checkbox]:checked + label::before{content:'\f046';color:#002c3f}
select{-moz-appearance:menulist;-ms-appearance:menulist;-os-appearance:menulist;-webkit-appearance:menulist}
#booking-form-full .checkbox .checkbox-error{color:#d10000}

#booking-form-full .insurance-warning{display:none}
#booking-form-full .insurance-warning p{font-size:16px!important;font-weight:300!important}


/* nice select */
.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:none;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:'Muli';font-size:50px;font-weight:400;outline:none;padding-left:0;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;color:#0096d7}
.nice-select::after{border-bottom:2px solid #0096d7;border-right:2px solid #0096d7;content:'';display:block;height:8px;width:8px;pointer-events:none;position:absolute;right:0;top:40px;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}

.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);margin:0;width:auto;z-index:500}
.nice-select .list{width:100%;background-color:#fff;box-sizing:border-box;margin-top:4px;opacity:0;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);-ms-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all 0.2s cubic-bezier(0.5,0,0,1.25),opacity 0.15s ease-out;transition:all 0.2s cubic-bezier(0.5,0,0,1.25),opacity 0.15s ease-out;z-index:9}
.nice-select .list:hover .option:not(:hover){background-color:transparent!important}
.nice-select .option{width:100%;cursor:pointer;font-size:18px;font-weight:400;list-style:none;outline:none;padding:5px 15px;text-align:left;-webkit-transition:all 0.2s;transition:all 0.2s}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f5f5f5}
.nice-select .option.selected{font-weight:600}

.no-csspointerevents .nice-select .list{display:none}
.no-csspointerevents .nice-select.open .list{display:block}

.nice-select.small{font-size:14px;font-weight:600;text-transform:uppercase;color:#002c3f;padding-right:20px}
.nice-select.small::after{border-bottom:1px solid #002c3f;border-right:1px solid #002c3f;height:5px;width:5px;top:6px}
.nice-select.small .option{font-size:12px;padding:5px 10px}


.btn{position:relative;font-family:'Muli';font-size:14px;font-weight:600;text-transform:uppercase;display:inline-block;padding:0;margin:0;border:none;background:#40b0e1 url(../images/fccc-overlay-element.svg) -70px -115px no-repeat;background-size:225px;color:#fff;overflow:hidden;vertical-align:middle;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition:background 0.5s;transition:background 0.5s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1);border-radius:0}
.btn:focus{outline:none}
.btn > span{vertical-align:middle;display:block}
.btn > span{color:#fff;padding:15px 30px;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;transition:transform 0.3s,opacity 0.3s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
.btn:hover{background:#0096d7 url(../images/fccc-overlay-element.svg) 80px -115px no-repeat;background-size:225px}

.btn.arrow > span{padding:15px 30px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.btn.arrow > span svg{width:23px;height:10px;margin:0 0 0 15px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.btn.arrow > span svg .st0{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.btn.arrow:hover > span svg .st0{fill:#fff}

.btn.inverted{background:#fff;color:#0096d7}

.btn.inverted.arrow > span{padding:15px 30px 15px 0;color:#0096d7}
.btn.inverted.arrow > span svg{width:23px;height:10px;margin:0 0 0 15px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.btn.inverted.arrow > span svg .st0{fill:#0096d7;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.btn.inverted.arrow:hover > span svg .st0{fill:#002c3f}
.btn.inverted:hover > span{opacity:1;-webkit-transform:none;transform:none;color:#002c3f}

.btn.outline{background:none;border:solid 1px #fff}

.btn.outline::after{content:'';position:absolute;float:left;left:-100%;top:0;width:100%;height:100%;background:#fff;display:inline-block;z-index:-1;-webkit-transition:all ease 0.2s;transition:all ease 0.2s;-webkit-transition-timing-function:cubic-bezier(0.2,1,1,1);transition-timing-function:cubic-bezier(0.2,1,1,1)}
.btn.outline:hover::after{left:0}

.btn.outline:hover,.btn.outline:hover span{color:#0096d7}


.vertical-align{position:relative;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-flex-direction:center;-moz-flex-direction:center;-ms-flex-direction:center;flex-direction:row}

.video-container{position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden;margin:0 0 30px}
.video-container video,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 15px;border-radius:5px}
.table-container::-webkit-scrollbar{-webkit-appearance:none;width:16px;height:16px}
.table-container::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid #fff;background:rgba(0,0,0,.3)}

.table-container table{width:100%;margin:0;padding:0;border-collapse:separate!important;border-radius:5px;overflow:hidden}
.table-container table thead tr{background:#009bff}
.table-container table thead tr th{vertical-align:middle;font-size:16px;text-align:left}
.table-container table thead tr th,.table-container table thead tr td,.table-container table tbody tr td{padding:10px 15px;vertical-align:top;line-height:normal}
.table-container table thead tr th,.table-container table thead tr td{color:#fff;font-weight:700;padding:10px 15px;text-align:left!important}
.table-container table tbody tr td .btn{margin:0 auto}
.table-container table tbody tr td{font-size:16px;text-align:left!important}
.table-container table tbody tr:nth-child(even){background:#fff}
.table-container table tbody tr:nth-child(odd){background:#eff0f1}

.table-container table p{margin:0!important}
.table-container table img{width:100%;height:auto}
.table-container table tbody tr td.image{min-width:80px;padding:0}

.table-container table tbody tr.bg-grey{background:#eff0f1}
.table-container table tbody tr.bg-white{background:#fff}
.table-container table tbody tr td.lga-1{background:#eef8ff}
.table-container table tbody tr td.lga-2{background:#bbe4ff}
.table-container table.special tbody td{border-bottom:solid 1px #eff0f1}

h1,h2,h3,h4,h5,h6{color:#002c3f;font-family:'Muli';font-weight:300;margin:0;text-transform:uppercase}
h1,h2{font-size:47px;line-height:59px;margin:0;display:inline-block}
h3{font-size:28px;font-weight:800}
h4{font-size:14px;font-weight:600}

p{line-height:175%;margin:0 0 15px}

.ie-only{display:none}
.is-ie .ie-only{display:block}

img.responsive{width:100%;height:auto}

.container-fluid{margin:0;padding:0}
.container-fluid.fixed{position:relative;margin:0 auto;max-width:1920px}

.container-fluid.fixed.inner{max-width:calc(16.66666666% + 1060px)}

.container-fluid .row{margin:0;padding:0}
.container-fluid .row [class*="col"]{margin:0;padding:0}

a{color:#0096d7;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
a:active,a:hover,a:focus{outline:none;text-decoration:none;color:#002c3f;cursor:pointer}

.small{font-size:13px}

section{width:100%;max-width:100%/*;height:100vh*/;display:table;margin:0;padding:0;background:#fff}


/* pagination */
.holder-pagination{display:block}
.holder-pagination ul{width:100%;font-size:100%;margin:0 0 45px;padding:0;list-style:none;text-align:center;display:block}
.holder-pagination ul li{display:inline-block}
.holder-pagination ul li > a,.holder-pagination ul li > span{font-size:14px;font-weight:800;text-transform:uppercase;margin:0 30px}
.holder-pagination ul li > span{color:#002c3f}

.holder-pagination ul li.pagination-prev > a,.holder-pagination ul li.pagination-prev > span{position:relative;text-indent:-9999em;display:block}
.holder-pagination ul li.pagination-next > a,.holder-pagination ul li.pagination-next > span{position:relative;text-indent:-9999em;display:block}

.holder-pagination ul li.pagination-prev > a::before,.holder-pagination ul li.pagination-prev > span::before{content:'';display:block;position:absolute;left:0;top:5px;width:23px;height:10px;background:#0096d7;-webkit-mask-image:url(../images/icon-arrow-left.svg);mask-image:url(../images/icon-arrow-left.svg);z-index:1;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;margin:0}

.holder-pagination ul li.pagination-next > a::before,.holder-pagination ul li.pagination-next > span::before{content:'';display:block;position:absolute;right:0;top:5px;width:23px;height:10px;background:#0096d7;-webkit-mask-image:url(../images/icon-arrow-right.svg);mask-image:url(../images/icon-arrow-right.svg);z-index:1;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}

.holder-pagination ul li.pagination-prev > span.disabled::before,.holder-pagination ul li.pagination-next > span.disabled::before{background:#b3b3b3}
.holder-pagination ul li.pagination-prev > a:hover::before,.holder-pagination ul li.pagination-next > a:hover::before{background:#002c3f}



/* menu */
#menu{position:fixed;padding:0;margin:0;background:#fff;height:106px;overflow:hidden;top:0;left:0;right:0;z-index:5000;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,.25);box-shadow:0 0 30px 0 rgba(0,0,0,.25)}
#menu::after{clear:both}

#menu .logo{position:relative;display:inline-block;z-index:4500;padding:20px 0 20px 40px}
#menu .logo a{position:relative;width:auto;height:100%;display:block}
#menu .logo a img{width:381px;height:66px}

#menu .menu-holder{display:inline-block;float:right;right:0;z-index:5000;background:#fff}

#menu .menu-holder .toggle{float:right;right:0;color:#fff;z-index:100;background:#002c3f;display:inline-block;padding:45px 40px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
#menu .menu-holder .toggle:hover{cursor:pointer;color:rgba(255,255,255,.75)}
#menu .menu-holder .toggle .c-hamburger{font-family:'Muli';font-size:16px;line-height:14px;font-weight:600;text-transform:uppercase;display:block;margin:0;box-shadow:none;border-radius:none;border:none;cursor:pointer;background:#002c3f;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
#menu .menu-holder .toggle:hover .c-hamburger{color:rgba(255,255,255,.5)}
#menu .menu-holder .toggle .c-hamburger i{font-size:16px;line-height:16px;margin:0 0 0 5px}

#menu .menu-holder .season-switch{float:right;font-family:'Muli';font-size:14px;line-height:16px;font-weight:600;text-transform:uppercase;color:#fff;z-index:100;background:#0096d7;display:inline-block;padding:45px 40px}
#menu .menu-holder .season-switch:hover{color:rgba(255,255,255,.5)}

#menu .menu-holder .top-menu{float:right;font-family:'Muli';font-size:14px;line-height:16px;font-weight:600;text-transform:uppercase;color:#002c3f;z-index:100;display:inline-block;padding:45px 20px 42px 40px}
#menu .menu-holder .top-menu ul{margin:0;padding:0;list-style:none}
#menu .menu-holder .top-menu ul li{display:inline-block;margin:0 20px 0 0}
#menu .menu-holder .top-menu ul li i{margin:0 5px 0 0}

#menu .menu-holder .top-menu ul li > a{color:#000}
#menu .menu-holder .top-menu ul li > a:hover{color:#0096d7}

section.menu{position:fixed;top:0;background:#002c3f;height:100%;overflow:hidden;visibility:hidden;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:9999}
section.menu.active{visibility:visible;opacity:1}

section.menu .menu-content{width:100%;height:100vh;text-align:left;color:#fff;padding:60px 180px;z-index:5000}

section.menu .menu-content ul{position:relative;width:100%;margin:0;padding:0;list-style:none}

section.menu .menu-content ul > li a{font-family:'Muli';font-size:36px;font-weight:800;text-transform:uppercase;color:#fff;padding:5px 0;margin:0 0 10px;display:block;white-space:normal}
section.menu .menu-content ul > li:hover > a,section.menu .menu-content ul > li.open > a{color:#0096d7}

section.menu .menu-content ul > li.parent > a{position:relative;display:block;overflow:hidden;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
section.menu .menu-content ul > li.parent > a::before{content:'';position:absolute;float:left;left:-55px;top:18px;display:inline-block;width:25px;height:2px;background:#0096d7;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

section.menu .menu-content ul > li.parent.open > a{padding-left:40px}
section.menu .menu-content ul > li.parent.open > a::before{left:0}

section.menu .menu-content ul > li.a-menu-close{position:fixed;top:39px;right:40px;font-size:14px;z-index:500}
section.menu .menu-content ul > li.a-menu-close a{font-size:14px;font-weight:600}
section.menu .menu-content ul > li.a-menu-close a i{font-size:16px;line-height:16px;margin:0 0 0 5px}

section.menu .menu-content ul > li.a-link-101 a{font-size:18px;font-weight:300}

section.menu .menu-content ul > li ul{position:absolute;float:right;right:0;left:50%;top:0;visibility:hidden;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:50%;z-index:250}

section.menu .menu-content ul > li ul > li a{font-weight:300;text-transform:none}
section.menu .menu-content ul > li.open ul{opacity:1;visibility:visible}

section.menu .menu-content ul > li ul > li.menu-title > span{font-size:18px;text-transform:uppercase;font-weight:300;padding:5px 0;display:inline-block;width:auto}

section.menu .menu-content ul > li ul > li ul{position:relative;float:none;left:0}
section.menu .menu-content ul > li ul > li ul > li.menu-title{display:none}
section.menu .menu-content ul > li ul > li ul > li{line-height:28px}
section.menu .menu-content ul > li ul > li ul > li a{font-size:28px;line-height:28px;margin:0}

section.menu .menu-content ul > li.a-link-116 ul > li{width:50%;float:left;display:none}
section.menu .menu-content ul > li.a-link-116 ul > li.menu-title{width:100%;float:none;display:block}
section.menu .menu-content ul > li.a-link-116 ul > li ul{width:100%;margin:0 0 45px}
section.menu .menu-content ul > li.a-link-116 ul > li ul > li{float:none;width:100%;display:block}
section.menu .menu-content ul > li.a-link-116 ul > li ul > li.menu-title{display:none}

section.menu .menu-content ul > li.a-link-116.open ul > li{display:inline-block}


section.menu .menu-content ul > li.active > a{color:#0096d7}
/*section.menu .menu-content ul > li.parent.active > a::before{content:'';position:absolute;float:left;left:0;top:28px;display:inline-block;width:25px;height:2px;background:#0096d7;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
section.menu .menu-content ul > li.parent.active ul{opacity:1;visibility:visible}
section.menu .menu-content ul > li.a-link-116.active ul > li{display:inline-block}*/


#menu.relative{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
#menu.relative .menu-holder .toggle{background:#fff}
#menu.relative .menu-holder .toggle .c-hamburger{background:#fff;color:#002c3f}




/* title block reveal elements */
.title-block{display:inline-block;margin:0 0 30px}
.title-block .block-revealer__element{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}
.title-block .block-revealer__content{opacity:0}



/* article */
section.content .article{padding:30px 0 60px 0}
section.content .article img{max-width:100%;height:auto}
section.content .article .btn{margin:30px 0 0 0}

section.content .article h2{font-size:20px;line-height:normal;font-weight:800;letter-spacing:normal;margin:15px 0 5px;padding:0;display:block}

section.content .article p:first-of-type{font-size:20px;line-height:150%;font-weight:700}
section.content .article .col-md-6 p:first-of-type{font-size:16px;font-weight:300}
section.content .article p .image{float:right;display:inline-block;margin:0 0 30px 30px}

section.content .article .col-md-3 h2:first-of-type{margin-top:0}
section.content .article .col-md-3 p:first-of-type{font-size:16px;font-weight:300;line-height:175%}

section.content .article ul.mobile-menu{margin:0 30px 0 0;padding:0;list-style:none}
section.content .article ul.mobile-menu li{position:relative;margin:0 0 15px;padding:0;list-style:none}
section.content .article ul.mobile-menu li.a-menu-close{display:none}
section.content .article ul.mobile-menu li > a{font-size:18px;font-weight:800;text-transform:uppercase;padding:0;color:#002c3f}
section.content .article ul.mobile-menu li > a:hover{color:#0096d7}

section.content .article ul.mobile-menu li.active > a{position:relative;display:block;overflow:hidden;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#0096d7;padding:0 0 0 45px}
section.content .article ul.mobile-menu li.active > a::before{content:'';position:absolute;float:left;left:0;top:12px;display:inline-block;width:25px;height:2px;background:#0096d7;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}


section.content .article.special h2{margin:0 0 15px}
section.content .article.special .icons{margin:0 0 15px}
section.content .article.special .icons i{margin:0 5px 0 0}
section.content .article.special .icons span{margin:0 15px 0 0}



/* slideshow */
section.slideshow{position:relative;height:auto;display:block;z-index:1;background:#002c3f;margin-top:106px}
section.slideshow .block-revealer__element{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}
section.slideshow .block-revealer__content{opacity:0}
section.slideshow .swiper-container{height:auto!important}
section.slideshow .swiper-wrapper,section.slideshow .swiper-slide{position:relative;width:100%;height:auto!important;z-index:250}
section.slideshow .swiper-slide .container-fluid,section.slideshow .swiper-slide .container-fluid .row,section.slideshow .swiper-slide .container-fluid .row .col-md-11{height:100%}
section.slideshow .swiper-slide .slideshow-image{position:absolute;height:100%;width:100%;z-index:1000}

section.slideshow .swiper-slide img.slider{position:relative;width:100%;height:auto;opacity:.95}

/*section.slideshow .swiper-slide .video-container{margin:0;padding:0;height:100%}
section.slideshow .swiper-slide .video-container video{width:100%;height:auto;top:-53px}*/

/*section.slideshow .swiper-slide .video-container{position:fixed;top:-106px;right:0;bottom:0;left:0;z-index:-99}
section.slideshow .swiper-slide .video-container .video,section.slideshow .swiper-slide .video-container .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}*/

section.slideshow .swiper-slide .video-container{position:fixed;top:-106px;right:0;bottom:0;left:0;z-index:-99;background:url(../images/bg-video.jpg) 0 0 no-repeat;background-size:cover}
section.slideshow .swiper-slide .video-container .video{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}
section.slideshow .swiper-slide .video-container .video.loaded{opacity:1}
section.slideshow .swiper-slide .video-container .video .ytplayer-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}

@media all and (max-width:500px){
    section.slideshow .is-mobile{display:block}
    section.slideshow .is-mobile{display:block}
    section.slideshow .is-desktop{display:none}
}
@media all and (min-width:501px){
    section.slideshow .is-mobile{display:none}
    section.slideshow .is-desktop{display:block}
}

section.slideshow .swiper-buttons{position:absolute;bottom:255px;right:35px;z-index:500;display:block;width:auto;color:#fff}
section.slideshow .swiper-buttons .button{background:none;display:inline-block;font-size:24px;padding:10px 5px;cursor:pointer}
section.slideshow .swiper-buttons .button:hover{opacity:.5}

section.slideshow .swiper-slide::after{content:'';position:fixed;float:right;right:0;bottom:0;display:inline-block;z-index:500;width:732px;height:950px;background:url(../images/fccc-overlay-hero.svg) 0 0 no-repeat;background-size:cover}

section.slideshow .text{top:0;bottom:0;height:100%;width:60%;z-index:750;padding:0}

section.slideshow .text .block{position:relative;width:100%}
section.slideshow .text .block h2{font-family:'Muli';font-size:85px;font-weight:800;line-height:100%;letter-spacing:-1px;text-transform:uppercase;color:#fff;text-shadow:0 0 30px rgba(0,0,0,.75);margin:0;display:block}
section.slideshow .text .block h2 a{color:#fff}
section.slideshow .text .block .btn{margin:60px 0 0 0}

section.slideshow .scrollto{position:absolute;width:25px;right:0;left:0;bottom:80px;margin:0 auto;z-index:1250}
section.slideshow .scrollto:hover{cursor:pointer}

section.slideshow svg circle{
    -webkit-animation:updown 1.5s infinite;
    -moz-animation:updown 1.5s infinite;
    -o-animation:updown 1.5s infinite;
    animation:updown 1.5s infinite
}



/* pagepix */
section.pagepix{position:relative;height:auto;display:block;z-index:1;background:#002c3f;margin-top:106px}
section.pagepix .block-revealer__element{position:absolute;top:0;left:0;width:100%;height:100%;max-height:500px;pointer-events:none;opacity:0}
section.pagepix .block-revealer__content{opacity:0}
section.pagepix .swiper-container{height:auto!important}
section.pagepix .swiper-wrapper,section.pagepix .swiper-slide{position:relative;width:100%;height:auto!important;max-height:500px;z-index:250}
section.pagepix .swiper-slide .container-fluid,section.pagepix .swiper-slide .container-fluid .row,section.pagepix .swiper-slide .container-fluid .row .col-md-11{height:100%}
section.pagepix .swiper-slide .pagepix-image{position:absolute;height:100%;width:100%;z-index:1000}

section.pagepix .swiper-slide img.slider{position:relative;width:100%;height:auto;opacity:.95}

@media all and (max-width:500px){
    section.pagepix .swiper-slide .is-mobile{display:block}
    section.pagepix .swiper-slide .is-desktop{display:none}
}
@media all and (min-width:501px){
    section.pagepix .swiper-slide .is-mobile{display:none}
    section.pagepix .swiper-slide .is-desktop{display:block}
}

section.pagepix .swiper-buttons{position:absolute;bottom:255px;right:35px;z-index:500;display:block;width:auto;color:#fff}
section.pagepix .swiper-buttons .button{background:none;display:inline-block;font-size:24px;padding:10px 5px;cursor:pointer}
section.pagepix .swiper-buttons .button:hover{opacity:.5}

section.pagepix .swiper-slide::after{content:'';position:fixed;float:left;left:0;bottom:0;display:inline-block;z-index:500;width:600px;height:800px;background:url(../images/fccc-overlay-pagepix.svg) top right no-repeat;background-size:cover}

section.pagepix .text{top:0;bottom:0;height:100%;width:60%;z-index:750;padding:0}

section.pagepix .text .block{position:relative;width:auto}
section.pagepix .text .block h3{font-size:14px;font-weight:600;text-transform:uppercase;color:#fff;margin:0 0 5px}
section.pagepix .text .block h1{font-size:50px;font-weight:800;line-height:100%;letter-spacing:-1px;text-transform:uppercase;color:#fff;margin:0;text-shadow:0 0 30px rgba(0,0,0,.75)}

section.pagepix .scrollto{position:absolute;width:25px;right:0;left:0;bottom:80px;margin:0 auto;z-index:1250}
section.pagepix .scrollto:hover{cursor:pointer}

section.pagepix .icons{margin:15px 0 0;color:#fff}
section.pagepix .icons i{margin:0 5px 0 0}
section.pagepix .icons span{margin:0 15px 0 0}


section.pagepix svg circle{
    -webkit-animation:updown 1.5s infinite;
    -moz-animation:updown 1.5s infinite;
    -o-animation:updown 1.5s infinite;
    animation:updown 1.5s infinite
}

@-webkit-keyframes updown{
    0%{-webkit-transform:translate(0,-4px);transform:translate(0,-4px);opacity:1}
    50%{-webkit-transform:translate(0,3px);transform:translate(0,3px);opacity:0}
    100%{-webkit-transform:translate(0,-4px);transform:translate(0,-4px);opacity:1}
}
@-moz-keyframes updown{
    0%{-moz-transform:translate(0,-4px);transform:translate(0,-4px);opacity:1}
    50%{-moz-transform:translate(0,3px);transform:translate(0,3px);opacity:0}
    100%{-moz-transform:translate(0,-4px);transform:translate(0,-4px);opacity:1}
}
@-o-keyframes updown{
    0%{-o-transform:translate(0,-4px);transform:translate(0,-4px);opacity:1}
    50%{-o-transform:translate(0,3px);transform:translate(0,3px);opacity:0}
    100%{-o-transform:translate(0,-4px);transform:translate(0,-4px);opacity:1}
}
@keyframes updown{
    0%{-webkit-transform:translate(0,-4px);transform:translate(0,-4px);opacity:1}
    50%{-webkit-transform:translate(0,3px);transform:translate(0,3px);opacity:0}
    100%{-webkit-transform:translate(0,-4px);transform:translate(0,-4px);opacity:1}
}



/* introduction */
section.content{z-index:500}



/* booking search form */
section.content .booking{position:relative;background:#fff;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,.25);box-shadow:0 0 30px 0 rgba(0,0,0,.25);top:-45px;color:#b3b3b3;font-size:14px;width:100%;max-width:1268px;height:134px;margin:0 auto;z-index:5000}
section.content .booking .item{position:relative;float:left;padding:17px 60px;margin:15px 0;display:inline-block;border-right:solid 1px #e1e1e1;height:105px}
section.content .booking .item.children{border-right:none}
section.content .booking .item h3{color:#b3b3b3;font-size:14px;font-weight:600}
section.content .booking .item .datepicker{display:none!important}

section.content .booking .item.check-in,section.content .booking .item.check-out{cursor:pointer}

section.content .booking .check{float:right;right:0;background:#002c3f;color:#fff;padding:33px 30px;height:134px}
section.content .booking .check input{color:#fff;font-size:14px;padding:0;margin:0 0 20px;background:#002c3f;border:none;text-align:center;text-transform:uppercase;display:block;width:100%}

section.content .booking .check ::-webkit-input-placeholder{color:#fff!important;font-size:14px;text-transform:uppercase;text-align:center}
section.content .booking .check :-moz-placeholder{color:#fff!important;font-size:14px;text-transform:uppercase;text-align:center}
section.content .booking .check ::-moz-placeholder{color:#fff!important;font-size:14px;text-transform:uppercase;text-align:center}
section.content .booking .check :-ms-input-placeholder{color:#fff!important;font-size:14px;text-transform:uppercase;text-align:center}

section.content .booking .item .day{font-size:50px;line-height:60px;color:#0096d7;display:inline-block}
section.content .booking .item .month{font-size:24px;color:#0096d7;display:inline-block}
section.content .booking .item .down-arrow{font-size:18px;color:#0096d7;text-align:right;margin:0 0 0 15px;display:inline-block}

section.content .booking .item .inputbox{position:relative;font-size:50px;line-height:60px;color:#0096d7;border:none;width:80px;padding:0;display:inline-block}
section.content .booking .item .icons{position:absolute;float:right;right:50px;font-size:18px;bottom:14px;color:#0096d7;display:inline-block}
section.content .booking .item .icons .fa{display:block;cursor:pointer;padding:5px}

section.content .booking .item.children .icons{right:80px}


/* booking */
section.content.booking-full{position:relative;height:100%;width:100%;background:-moz-linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);background:-webkit-linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);background:linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);filter:progid:dXImageTransform.Microsoft.gradient(startColorstr='#5db9e8',endColorstr='#0581a6',GradientType=1);color:#fff}

.container-fluid.fixed.inner.booking-full{max-width:100%}

section.content.booking-full .overlay{position:relative;padding:0;height:100%;background:url(../images/fccc-overlay-element.svg) 0 bottom no-repeat;background-size:200%;z-index:2}
section.content.booking-full::before{content:'';position:absolute;left:0;top:0;bottom:0;height:100%;width:40%;background:#0087cd;z-index:1;display:block}

section.content.booking-full .container-fluid{position:relative;height:100%}
section.content.booking-full .container-fluid .row{position:relative;height:100%}
section.content.booking-full .container-fluid .row .col-md-12{position:relative;height:100%;text-align:center}
section.content.booking-full .container-fluid .row .col-md-12 .booking-holder{width:100%}

section.content.booking-full h4{color:#fff}
section.content.booking-full h2{text-align:center;margin:0 0 30px;color:#fff}
section.content.booking-full .booking{top:0;margin-bottom:0!important}


section.content .booking-list .swiper-container img{width:100%;height:auto}

section.content .booking-list .row.apartment-holder{margin:0 -15px 30px;padding:0 0 30px;border-bottom:solid 1px #e1e1e1}
section.content .booking-list .row.apartment-holder:last-child{border-bottom:none}
section.content .booking-list .row.apartment-holder [class*="col"]{padding:0 15px}

section.content .booking-list .row.apartment-holder h3{font-size:18px;font-weight:800;margin:0 0 15px 0}
section.content .booking-list .row.apartment-holder button{margin:0}

section.content .booking-list .row.apartment-holder .col-md-6 h3{display:inline-block}
section.content .booking-list .row.apartment-holder .col-md-6 h3 .icons{display:inline-block;font-size:14px;font-weight:300;margin:0 0 0 15px}
section.content .booking-list .row.apartment-holder .col-md-6 h3 .icons i{font-size:16px;margin:0 5px 0 0}
section.content .booking-list .row.apartment-holder .col-md-6 h3 .icons span{margin:0 15px 0 0}

section.content .booking-list .row.apartment-holder .dates-holder{margin:0}
section.content .booking-list .row.apartment-holder .dates-holder [class*="col"]{padding:0}
section.content .booking-list .row.apartment-holder .dates-holder .col-md-1{padding:0;margin:0;background:#f7f7f7;color:#b3b3b3;text-transform:uppercase;text-align:center}
section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .date{padding:15px 5px 10px;font-size:10px;font-weight:700}
section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .date .day{font-size:24px}
section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .rate{padding:0;font-size:12px}
section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .price{padding:0 5px 5px;font-size:18px;font-weight:700}
section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .available{font-size:18px;padding:6px 5px 15px}
section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .available i{margin:7px 0;display:block}
section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .available .call{font-size:12px;line-height:normal;margin:0}

@media all and (min-width:640px){
section.content .booking-list .row.apartment-holder .dates-holder.flex-holder{display:flex;flex-wrap:nowrap;white-space:nowrap;overflow:auto;}
section.content .booking-list .row.apartment-holder .dates-holder.flex-holder [class*="col"]{min-width:95px;}
}

@media all and (min-width:768px){
section.content .booking-list .row.apartment-holder .dates-holder.flex-holder [class*="col"]{min-width:105px;}
}

section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 > div{border-left:solid 2px #fff}
section.content .booking-list .row.apartment-holder .dates-holder .col-md-1:first-of-type > div{border-left:none}

section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.active{background:#0096d7;color:#fff}


section.content .booking-list .row.apartment-holder.unavailable .apartment-description{display:none}
section.content .booking-list .row.apartment-holder.unavailable .apartment-details{display:none}
section.content .booking-list .row.apartment-holder.unavailable .apartment-button{display:none}
section.content .booking-list .row.apartment-holder.unavailable .book-now h3{display:none}
section.content .booking-list .row.apartment-holder.unavailable h3{line-height:50px;margin:0}

section.content .booking-list .row.apartment-holder.enquiry .apartment-details{display:none}
section.content .booking-list .row.apartment-holder.enquiry .book-now h3{display:none}


/* accommodation search */
section.content .accommodation h3{font-size:20px;font-weight:700;text-transform:none}
section.content .accommodation-search{z-index:2500}
section.content .accommodation-search::after{content:'';display:block;width:100%;clear:both}
section.content .accommodation-search .input{margin:20px 60px 0 0;width:auto}

section.content .accommodation-full .accommodation-search{margin:0 0 60px}


/* accommodation list */
section.content .accommodation-full .accommodation-list{position:relative;color:#fff;overflow:hidden;width:100%;height:100%;background:-moz-linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%) no-repeat 0 90px;background:-webkit-linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%) no-repeat 0 90px;background:linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%) no-repeat 0 90px;filter:progid:dXImageTransform.Microsoft.gradient(startColorstr='#5db9e8',endColorstr='#0581a6',GradientType=1)}

section.content .accommodation-full .accommodation-list .row{margin:0 -15px}
section.content .accommodation-full .accommodation-list .row .col-md-4{padding:0 15px}

section.content .accommodation-full .accommodation-list h4{color:#fff;margin:0 0 5px}
section.content .accommodation-full .accommodation-list h3{color:#fff;font-size:18px;font-weight:800;margin:0 0 15px;min-height:40px}
section.content .accommodation-full .accommodation-list h3 a{color:#fff}
section.content .accommodation-full .accommodation-list h3 a:hover{color:#002c3f}

section.content .accommodation-full .accommodation-list .image{width:100%;height:100%;display:block;overflow:hidden;margin:0 0 30px}
section.content .accommodation-full .accommodation-list .image a{margin:0}
section.content .accommodation-full .accommodation-list .image img{width:100%;height:auto;margin:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
section.content .accommodation-full .accommodation-list .image:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}

section.content .accommodation-full .accommodation-list p{margin:0 0 60px}

section.content .accommodation-full .accommodation-list .icons{margin:0 0 30px}
section.content .accommodation-full .accommodation-list .icons i{margin:0 5px 0 0}
section.content .accommodation-full .accommodation-list .icons span{margin:0 15px 0 0}



/* accommodation gallery */
section.content .gallery .swiper-container{z-index:100;padding:0 0 60px}
section.content .gallery .swiper-container .swiper-wrapper{background:#0096d7}
section.content .gallery .swiper-buttons{position:absolute;bottom:0;left:0;right:0;z-index:500;display:block;width:auto}
section.content .gallery .swiper-buttons .button{background:none;display:inline-block;font-size:24px;cursor:pointer}
section.content .gallery .swiper-buttons .button-prev{padding:15px 15px 15px 0}
section.content .gallery .swiper-buttons .button-next{padding:15px 0 15px 15px}
section.content .gallery .swiper-buttons .button:hover{opacity:.5}



/* featured */
section.content .featured{margin:60px 0}
section.content .featured h4{margin:30px 0 15px}
section.content .featured h3{margin:0 0 30px;text-transform:none}
section.content .featured h3 a{color:#002c3f}
section.content .featured h3 a:hover{color:#0096d7}
section.content .featured .icons{margin:30px 0}
section.content .featured .icons span{margin:0 15px 0 0}
section.content .featured .icons span i{margin:0 5px 0 0}

section.content .featured .icons span i.fa-toilet{}

section.content .featured .btn{margin:15px 0 0 0}

section.content{position:relative;display:block;z-index:1}
section.content .images .swiper-container{height:auto!important;padding-bottom:60px}
section.content .images .swiper-wrapper,section.content .images .swiper-slide{width:800px!important;z-index:250}
section.content .images .swiper-slide img{width:100%;height:auto}

section.content .images .swiper-buttons{position:absolute;bottom:0;left:620px;z-index:500;display:block;width:auto;color:#fff;background:#0096d7}
section.content .images .swiper-buttons .button{background:none;display:inline-block;font-size:24px;cursor:pointer}
section.content .images .swiper-buttons .button-prev{padding:35px 15px 40px 50px}
section.content .images .swiper-buttons .button-next{padding:35px 50px 40px 15px}
section.content .images .swiper-buttons .button:hover{opacity:.5}

@media all and (min-width:1921px){
    section.content .images .swiper-wrapper,section.content .images .swiper-slide{width:100%!important}
    
    section.content .images .swiper-buttons{left:auto;right:0}
}




/* specials */
section.content .specials{position:relative;background:-moz-linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);background:-webkit-linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);background:linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);filter:progid:dXImageTransform.Microsoft.gradient(startColorstr='#5db9e8',endColorstr='#0581a6',GradientType=1);color:#fff;overflow:hidden}
section.content .specials .overlay{position:relative;padding:60px 0 120px;background:url(../images/fccc-overlay-element.svg) -20% bottom no-repeat;background-size:85%;z-index:2}

section.content .specials::before{content:'';position:absolute;left:0;top:0;bottom:0;height:100%;width:40%;background:#0087cd;z-index:1;display:block}

section.content .specials h2{color:#fff}

section.content .banners{height:490px}
section.content .banners .swiper-container{width:40%;height:490px!important;overflow:visible}

section.content .banners .swiper-wrapper{width:100%!important;z-index:250}

section.content .banners .swiper-slide{width:100%!important;max-width:530px!important}
section.content .banners .swiper-slide.swiper-slide-active{width:100%!important;max-width:800px!important;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}

section.content .banners .swiper-slide a.img{-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.15);box-shadow:0 0 15px 0 rgba(0,0,0,.15)}
section.content .banners .swiper-slide.swiper-slide-active a.img{-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.35);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,.35);box-shadow:0 0 30px 0 rgba(0,0,0,.35)}


section.content .banners .swiper-slide img{position:relative;width:100%;height:auto;display:block}
section.content .banners .swiper-slide.swiper-slide-active img{}

section.content .banners .swiper-slide h3{color:#fff;font-size:16px;font-weight:600;text-align:center}
section.content .banners .swiper-slide.swiper-slide-active h3{font-size:18px;font-weight:800;text-align:center}
section.content .banners .swiper-slide h3 a{color:#fff;text-align:center}

section.content .banners .swiper-slide > div > a.img{position:relative;width:100%;height:auto;display:block;margin:0 0 30px;overflow:hidden}

section.content .banners .swiper-slide > div a.img::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;display:block;background:url(../images/fccc-overlay-element.svg) 199% no-repeat;opacity:.5;-webkit-transition:background 0.1s;-moz-transition:background 0.1s;-ms-transition:background 0.1s;-o-transition:background 0.1s;transition:background 0.1s}

section.content .banners .swiper-slide > div a.img:hover::after{background:url(../images/fccc-overlay-element.svg) 205% no-repeat}

section.content .banners .swiper-buttons{position:absolute;bottom:-110px;left:0;right:0;text-align:center;z-index:500;display:block;width:auto;color:#fff}
section.content .banners .swiper-buttons .button{background:none;display:inline-block;font-size:24px;cursor:pointer}
section.content .banners .swiper-buttons .button-prev{padding:35px 15px 40px 50px}
section.content .banners .swiper-buttons .button-next{padding:35px 50px 40px 15px}
section.content .banners .swiper-buttons .button:hover{opacity:.5}




/* specials / news / events page */
section.content .article:last-of-type{padding:30px 0 90px 0}
section.content .special p:first-of-type{font-size:16px;line-height:175%;font-weight:300}
/*section.content .special.full p:first-of-type{font-size:20px;line-height:150%;font-weight:700}*/
section.content .special p:last-of-type{margin:0}

section.content .special .img{position:relative;width:100%;height:auto;display:block;margin:0 0 30px;overflow:hidden;z-index:2}
section.content .special .img::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;display:block;background:url(../images/fccc-overlay-element.svg) 199% no-repeat;opacity:.5;-webkit-transition:background 0.1s;-moz-transition:background 0.1s;-ms-transition:background 0.1s;-o-transition:background 0.1s;transition:background 0.1s}
section.content .special .img:hover::after{background:url(../images/fccc-overlay-element.svg) 205% no-repeat}

section.content .special .col-md-6 .before{position:absolute;width:100%;height:100%;display:block;z-index:1;background:-moz-linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);background:-webkit-linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);background:linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);filter:progid:dXImageTransform.Microsoft.gradient(startColorstr='#5db9e8',endColorstr='#0581a6',GradientType=1)}

section.content .special .col-md-6.text-right .before{bottom:0;right:-60px}
section.content .special .col-md-6.text-left  .before{top:0;left:-60px}

section.content .special h4{color:#b3b3b3;margin:10px 0 15px 0}




/* about us */
section.content .about{padding:60px 0}
section.content .about p strong{font-size:20px}
section.content .about .btn{margin:30px 15px 0 0}



/* features */
section.content .features{position:relative;background:-moz-linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);background:-webkit-linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);background:linear-gradient(221.15deg,#0077c0 0%,#0581a6 0%,#5db9e8 100%);filter:progid:dXImageTransform.Microsoft.gradient(startColorstr='#5db9e8',endColorstr='#0581a6',GradientType=1);color:#fff}

section.content .features .overlay{position:relative;padding:60px 0;background:url(../images/fccc-overlay-logo-outline.svg) center center no-repeat;background-size:contain;z-index:2}

section.content .features .title-block{margin:0 0 60px}
section.content .features h2{color:#fff}

section.content .features .features-videos{margin:0 -30px 60px}
section.content .features .features-videos .col-md-4{padding:0 30px}
section.content .features .features-videos .col-md-4:nth-child(2n){padding-top:90px}

section.content .features img{width:100%;height:auto;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.35);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,.35);box-shadow:0 0 30px 0 rgba(0,0,0,.35);margin:0 0 30px 0}

section.content .features h3{font-size:18px;font-weight:800;color:#fff;text-align:left}
section.content .features h3 a{color:#fff}



/* video image */
section.content .features .image{position:relative;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.35);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,.35);box-shadow:0 0 30px 0 rgba(0,0,0,.35);margin:0 0 30px 0}
section.content .features .image img{width:100%;height:auto}



/* associates */
section.content .associates{padding:60px 0}
section.content .associates img{width:100%;max-width:153px;height:auto;margin:0 auto}



/* footer */
section.content .footer{background:#002c3f;color:#fff;padding:60px 0 0 0;font-size:14px}
section.content .footer h4{color:#fff;margin:0 0 15px;font-size:14px}
section.content .footer p{margin:0 0 30px}
section.content .footer a{color:#fff}
section.content .footer a:hover{color:rgba(255,255,255,.5)}

section.content .footer ul{margin:0;padding:0;list-style:none}
section.content .footer ul li{line-height:175%;margin:0 0 5px}
section.content .footer ul li > a{text-transform:uppercase}

section.content .footer ul li.a-menu-close{display:none}

section.content .footer .inputbox{background:#002c3f}

section.content .footer .social-media{text-align:right;padding:25px 0}
section.content .footer .social-media .circle{display:inline-block}

section.content .footer .social-media .circle{border:solid 1px #fff;padding:10px;border-radius:100%;margin:0 0 0 10px}
section.content .footer .social-media .circle .fa{width:25px;text-align:center;font-size:25px}

section.content .footer .copyright{padding:30px 0;border-top:solid 1px rgba(255,255,255,.5);font-size:12px}



/* baseline */
section.content .baseline{padding:30px 0;font-size:12px;background:#fff;line-height:47px}

section.content .baseline .scrolltop{position:relative;line-height:47px;display:inline-block}
section.content .baseline .scrolltop span{position:relative;font-size:14px;line-height:47px;font-weight:700;display:inline-block}
section.content .baseline .scrolltop .circle{position:relative;float:right;right:0;padding:0;width:47px;height:47px;border-radius:100%;border:solid 1px #002c3f;display:inline-block;margin:0 0 0 30px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}

section.content .baseline .scrolltop .circle svg{position:absolute;right:17px;top:12px}
section.content .baseline .scrolltop .circle svg .st0{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
section.content .baseline .scrolltop:hover .circle svg .st0{fill:#0096d7}

section.content .baseline a{color:#002c3f}
section.content .baseline a:hover{color:#0096d7}
section.content .baseline .scrolltop:hover .circle{border:solid 1px #0096d7}



/* faq / testimonials */
.faq.item{margin:30px 0 0;padding:30px 0 0;border-top:solid 1px rgba(0,0,0,.1)}
.faq.item:last-of-type{margin:30px 0}

.faq.item p{font-size:16px!important;font-weight:300!important}

.faq.item .answer{display:none;margin:30px 0 0 0}
.faq.item .question h3 strong{color:#0096d7}
.faq.item .question h3{font-size:18px;font-weight:700;margin:0;cursor:pointer}

.faq.testimonial.item{margin:0 0 30px;padding:0 0 30px;border-top:none;border-bottom:solid 1px rgba(0,0,0,.1)}
.faq.testimonial.item h3{font-size:14px;font-weight:600;color:#0096d7}
.faq.testimonial.item:last-of-type{padding:0;border:none}
.faq.testimonial.item p{font-size:20px!important}



/* gallery */
.row.image-gallery{margin:0 -15px}
.row.image-gallery .col-md-4{padding:0 15px 30px}

.row.image-gallery .col-md-4 a{position:relative;width:100%;height:100%;display:block;overflow:hidden}

.row.image-gallery .col-md-4 a::after{content:'';width:125%;height:125%;position:absolute;bottom:-25%;left:-75%;display:block;background:url(../images/fccc-overlay-element.svg) 200% no-repeat;opacity:.5;-webkit-transition:background 0.1s;-moz-transition:all 0.1s;-ms-transition:all 0.1s;-o-transition:all 0.1s;transition:all 0.1s}
.row.image-gallery .col-md-4 a:hover::after{bottom:-23%;left:-73%}


.blank.main-content{padding:30px!important}


/* date picker */
.picker{font-size:14px;text-align:left;line-height:1.2;color:#002c3f;position:absolute;z-index:90000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.picker__input{cursor:default}
.picker__input.picker__input--active{border-color:#0096d7}
.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.picker__holder,.picker__frame{top:0;bottom:0;left:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.picker__holder{position:fixed;transition:background 0.15s ease-out,-webkit-transform 0s 0.15s;transition:background 0.15s ease-out,transform 0s 0.15s;-webkit-backface-visibility:hidden;z-index:10000}
.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:"progid:dXImageTransform.Microsoft.alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all 0.15s ease-out}
@media (min-height:33.875em){
    .picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}
}
@media (min-height:40.125em){
    .picker__frame{margin-bottom:7.5%}
}
.picker__wrap{display:table;width:100%;height:100%}
@media (min-height:33.875em){
    .picker__wrap{display:block}
}
.picker__box{background:#fff;display:table-cell;vertical-align:middle}
@media (min-height:26.5em){
    .picker__box{font-size:1.25em}
}
@media (min-height:33.875em){
    .picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,0.24)}
}
@media (min-height:40.125em){
    .picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}
}
.picker--opened .picker__holder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:dXImageTransform.Microsoft.gradient(startcolorstr=#1e000,endcolorstr=#1e000)";zoom:1;background:rgba(0,0,0,0.32);transition:background 0.15s ease-out;z-index:7500}
.picker--opened .picker__frame{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:dXImageTransform.Microsoft.alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
@media (min-height:33.875em){
    .picker--opened .picker__frame{top:auto;bottom:0}
}
.picker__box{padding:0 1em}
.picker__header{text-align:center;position:relative;margin-top:.75em}
.picker__month,.picker__year{font-weight:600;display:inline-block;margin-left:.25em;margin-right:.25em}
.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}
@media (min-width:24.5em){
    .picker__select--month,.picker__select--year{margin-top:-0.5em}
}
.picker__select--month{width:35%}
.picker__select--year{width:22.5%}
.picker__select--month:focus,.picker__select--year:focus{border-color:#0096d7}
.picker__nav--prev,.picker__nav--next{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-0.25em}
@media (min-width:24.5em){
    .picker__nav--prev,.picker__nav--next{top:-0.33em}
}
.picker__nav--prev{left:-1em;padding-right:1.25em}
@media (min-width:24.5em){
    .picker__nav--prev{padding-right:1.5em}
}
.picker__nav--next{right:-1em;padding-left:1.25em}
@media (min-width:24.5em){
    .picker__nav--next{padding-left:1.5em}
}
.picker__nav--prev:before,.picker__nav--next:before{content:'\f177';font-family:'Fontawesome';display:block;margin:0 auto;color:#002c3f;cursor:pointer}
.picker__nav--next:before{content:'\f178'}
.picker__nav--prev:hover:before,.picker__nav--next:hover:before{color:#0096d7}
.picker__nav--disabled,.picker__nav--disabled:hover,.picker__nav--disabled:before,.picker__nav--disabled:before:hover{cursor:default;color:#b3b3b3}
.picker__table{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}
@media (min-height:33.875em){
    .picker__table{margin-bottom:.75em}
}
.picker__table td{margin:0;padding:0}
.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:600}
@media (min-height:33.875em){
    .picker__weekday{padding-bottom:.5em}
}
.picker__day{padding:.3125em 0;font-weight:300;border:1px solid transparent}
.picker__day--today{position:relative}
.picker__day--today:before{content:'';position:absolute;top:2px;right:2px;width:0;height:0;border-top:0.5em solid #002c3f;border-left:.5em solid transparent}
.picker__day--disabled:before{border-top-color:#aaa}
.picker__day--outfocus{color:#ddd}
.picker__day--infocus:hover,.picker__day--outfocus:hover{cursor:pointer;color:#002c3f;background:#bfe5f5}
.picker__day--highlighted{border-color:#0096d7}
.picker__day--highlighted:hover,.picker--focused .picker__day--highlighted{cursor:pointer;color:#002c3f;background:#bfe5f5}
.picker__day--selected,.picker__day--selected:hover,.picker--focused .picker__day--selected{background:#0096d7;color:#fff}
.picker__day--disabled,.picker__day--disabled:hover,.picker--focused .picker__day--disabled{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;
cursor:default}
.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}
.picker__footer{text-align:center}
.picker__button--today,.picker__button--clear,.picker__button--close{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}
.picker__button--today:hover,.picker__button--clear:hover,.picker__button--close:hover{cursor:pointer;color:#002c3f;background:#bfe5f5;border-bottom-color:#bfe5f5}
.picker__button--today:focus,.picker__button--clear:focus,.picker__button--close:focus{background:#bfe5f5;border-color:#0096d7;outline:none}
.picker__button--today:before,.picker__button--clear:before,.picker__button--close:before{position:relative;display:inline-block;height:0}
.picker__button--today:before,.picker__button--clear:before{content:'';margin-right:.45em}
.picker__button--today:before{top:-0.05em;width:0;border-top:0.66em solid #002c3f;border-left:.66em solid transparent}
.picker__button--clear:before{top:-0.25em;width:.66em;border-top:3px solid #ee2200}
.picker__button--close:before{content:"\d7";top:-0.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}
.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#b3b3b3;border-color:#b3b3b3;color:#ddd;cursor:default}
.picker__button--today[disabled]:before{border-top-color:#aaa}
.picker__list{list-style:none;padding:0.75em 0 4.2em;margin:0}
.picker__list-item{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:-1px;position:relative;background:#fff;padding:.75em 1.25em}
@media (min-height:46.75em){
    .picker__list-item{padding:.5em 1em}
}
.picker__list-item:hover{cursor:pointer;color:#002c3f;background:#bfe5f5;border-color:#0096d7;z-index:10}
.picker__list-item--highlighted{border-color:#0096d7;z-index:10}
.picker__list-item--highlighted:hover,.picker--focused .picker__list-item--highlighted{cursor:pointer;color:#002c3f;background:#bfe5f5}
.picker__list-item--selected,.picker__list-item--selected:hover,.picker--focused .picker__list-item--selected{background:#0096d7;color:#fff;z-index:10}
.picker__list-item--disabled,.picker__list-item--disabled:hover,.picker--focused .picker__list-item--disabled{background:#b3b3b3;color:#ddd;cursor:default;border-color:#ddd;z-index:auto}
.picker--time .picker__button--clear{display:block;width:80%;margin:1em auto 0;padding:1em 1.25em;background:none;border:0;font-weight:600;font-size:.67em;text-align:center;text-transform:uppercase;color:#666}
.picker--time .picker__button--clear:hover,.picker--time .picker__button--clear:focus{background:#bfe5f5;background:#ee2200;border-color:#ee2200;cursor:pointer;color:#fff;outline:none}
.picker--time .picker__button--clear:before{top:-0.25em;color:#666;font-size:1.25em;font-weight:700}
.picker--time .picker__button--clear:hover:before,.picker--time .picker__button--clear:focus:before{color:#fff;border-color:#fff}
.picker--time .picker__frame{min-width:256px;max-width:320px}
.picker--time .picker__box{font-size:1em;background:#f2f2f2;padding:0}
@media (min-height:40.125em){
    .picker--time .picker__box{margin-bottom:5em}
}

/* loader */
.loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;background:url('../images/preloader.svg') 50% 50% no-repeat rgba(0,0,0,.75);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0;visibility:hidden}
.loader.active{z-index:9999;opacity:1;visibility:visible}

.booking-timer{position:fixed;top:100px;left:0;width:auto;background:#0096d7;padding:30px;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,.25);box-shadow:0 0 30px 0 rgba(0,0,0,.25);z-index:5000}
.booking-timer h2{color:#fff;margin:0}


/* max-height */
@media all and (max-height:800px){
    section.menu .menu-content ul > li a{font-size:28px}
    section.menu .menu-content ul > li.a-link-101 a{font-size:16px}
    section.menu .menu-content{padding:60px 90px}
    
    section.menu .menu-content ul > li ul > li ul > li a{font-size:21px;line-height:21px}
    section.menu .menu-content ul > li.a-link-116 ul > li ul{margin:0 0 30px}
    
    section.menu .menu-content ul > li.parent > a::before{top:24px}
}
@media all and (max-height:640px){
    section.menu .menu-content ul > li a{font-size:24px}
    section.menu .menu-content{padding:30px}
    
    section.menu .menu-content ul > li ul > li ul > li a{font-size:18px;line-height:18px}
    section.menu .menu-content ul > li.a-link-116 ul > li ul{margin:0 0 15px}
    
    section.menu .menu-content ul > li.parent > a::before{top:21px}
}
@media all and (max-height:557px){
    section.menu .menu-content ul > li a{font-size:20px}
    section.menu .menu-content ul > li.parent > a::before{top:18px}
    
    section.menu .menu-content ul > li ul > li ul > li a{font-size:16px;line-height:16px}
}
@media all and (max-height:500px){
    section.menu .menu-content ul > li a{font-size:18px}
    section.menu .menu-content{padding:15px}
    
    section.menu .menu-content ul > li ul > li ul > li a{font-size:14px;line-height:14px}
    
    section.menu .menu-content ul > li.parent > a::before{top:17px}
    
    section.menu .menu-content ul > li.a-menu-close{top:15px;right:15px}
}
@media all and (max-height:450px){
    section.menu .menu-content{overflow:scroll}
    section.menu .vertical-align{display:block;-webkit-align-items:left;-moz-align-items:left;-ms-align-items:left;align-items:left;-webkit-flex-direction:left;-moz-flex-direction:left;-ms-flex-direction:left;flex-direction:none}
}



/* max-width */
@media all and (max-width:1660px){
    section.content .booking-list .row.apartment-holder p{margin:0 0 30px}
    
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.item-10,
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.item-11{display:none}
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1{width:10%}
}
@media all and (max-width:1580px){
    section.content .booking-list .row.apartment-holder .col-md-6 h3 .icons{display:block;margin:15px 0 0 0}
}

@media all and (max-width:1470px){
    section.slideshow .text .block h2{font-size:75px}
}
@media all and (max-width:1420px){
    section.content .special .col-md-6.text-right .before{right:-30px}
    section.content .special .col-md-6.text-left .before{left:-30px}
}
@media all and (min-width:1372px){
    section.content .hidden-lg{display:none!important}
    section.content .featured .col-md-6{width:58.33333333%}
}
@media all and (max-width:1371px){
    #menu .menu-holder .top-menu ul li.season-switcher{display:none}    

    section.slideshow .swiper-slide::after{content:'';position:fixed;float:right;right:0;bottom:0;display:inline-block;z-index:500;width:562px;height:950px;background:url(../images/fccc-overlay-hero-md.svg) 0 0 no-repeat;background-size:cover}
    
    section.content .images .swiper-wrapper,section.content .images .swiper-slide{width:100%!important}
    section.content .images .swiper-slide img{width:100%;height:auto}
    
    section.content .images .swiper-wrapper,section.content .images .swiper-slide{width:600px!important}
    section.content .images .swiper-buttons{left:auto;right:0}   
}
@media all and (max-width:1340px){
    section.content .special .col-md-6.text-right .before{right:auto;left:-30px}
    section.content .special .col-md-6.text-left .before{left:auto;right:-30px}
    section.content .gallery .swiper-buttons{text-align:left}
    
    
    section.slideshow .swiper-slide .video-container .video .ytplayer-container{width:100%;height:auto}
}
@media all and (max-width:1325px){
    section.content .banners{height:auto}
    section.content .banners .swiper-slide{max-width:480px!important}
    section.content .banners .swiper-slide.swiper-slide-active{max-width:480px!important}
    section.content .banners .swiper-container{width:38%;height:auto!important}
}
@media all and (max-width:1268px){
    #menu .logo{width:100%;height:auto}
    #menu .logo a{width:100%;height:auto}
    #menu .logo a img{width:100%;max-width:381px;height:auto}
    
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.item-9,
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.item-8{display:none}
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1{width:12.5%}
    
    section.pagepix .text{width:65%}
    
    .booking-timer{right:0;padding:10px 30px;text-align:center}
    .booking-timer h2{text-align:center}
}
@media all and (max-width:1260px){
    section.slideshow .text .block h2{font-size:65px}
}
@media all and (max-width:1220px){
    section.content .booking .item{padding:17px 45px}
    section.content .booking .item .icons{right:35px}
    
    #menu .menu-holder .toggle .c-hamburger span{display:none}
    #menu .menu-holder .toggle .c-hamburger i{margin:0}
    
    .input label.error{display:none!important}
    
    section.menu .menu-content{padding:60px 120px}
    
    section.pagepix .text{width:70%}
}
@media all and (max-width:1200px){
    section.content .banners .swiper-slide{max-width:400px!important}
    section.content .banners .swiper-slide.swiper-slide-active{max-width:400px!important}
    section.content .banners .swiper-container{width:33.333333%}
}
@media all and (max-width:1180px){
    #menu .menu-holder .top-menu{padding:45px 5px 42px 0}
    
    section.slideshow .swiper-slide::after{width:462px;height:750px}
    section.slideshow .swiper-buttons{bottom:200px;right:25px}
    
    section.pagepix .swiper-slide::after{width:500px}
}
@media all and (max-width:1140px){
    
    h1,h2{font-size:37px;line-height:49px}
    h3{font-size:25px;font-weight:800}
    
    section.slideshow .text .block h2{font-size:50px}
    section.slideshow .text .block .btn{margin:45px 0 0 0}
    
    section.pagepix .text .block h1{font-size:50px}
    
    section.content .banners .swiper-container{width:35%}
    
    section.content .booking{height:130px}
    section.content .booking .item{height:100px}
    section.content .booking .check{height:130px;padding:15px 30px}
    section.content .booking .item .icons{bottom:10px}
    section.content .booking .item.children .icons{right:50px}
    
    section.menu .menu-content{padding:60px}
}
@media all and (max-width:1120px){
    
    section.content .booking .check ::-webkit-input-placeholder{font-weight:300;font-family:'Muli';font-size:14px}
    section.content .booking .check :-moz-placeholder{font-weight:300;font-family:'Muli';font-size:12px}
    section.content .booking .check ::-moz-placeholder{font-weight:300;font-family:'Muli';font-size:12px}
    section.content .booking .check :-ms-input-placeholder{font-weight:300;font-family:'Muli';font-size:12px}

    #menu .menu-holder .top-menu,#menu .menu-holder .season-switch,section.content .booking .item h3,.btn,.nice-select.small,h4,section.content .footer,section.content .footer h4,section.content .baseline .scrolltop span,section.content .booking .check input{font-size:12px}
    
    section.content .booking .check{height:130px;padding:20px 30px}
    section.content .booking .check input{margin:0 0 15px}
    
    .btn.arrow::before{top:19px}
    
    section.content .banners .swiper-container{width:38%}
    
    section.content .banners .swiper-slide.swiper-slide-active h3,section.content .features h3{font-size:16px}
    
    .input .label{font-size:21px}
    
    section.content .footer .social-media .circle .fa{width:18px;font-size:18px}
    
    section.content .baseline .scrolltop .circle{display:none}
    section.content .baseline .scrolltop::before{display:none}
    
    section.pagepix .text{width:75%}
}
@media all and (max-width:1080px){
    section.content .booking .item .day,section.content .booking .item .inputbox{font-size:42px}
    
    section.content .booking .item .icons{bottom:14px}
    section.content .booking .item .icons .fa{padding:3px 5px}
    
    section.content .banners .swiper-container{width:40%}
}
@media all and (max-width:1050px){
    section.content .booking .item{padding:17px 40px}
    section.content .booking .item .icons{right:30px}
    
}
@media all and (max-width:1024px){
    section.content .booking .item{padding:17px 30px}
    section.content .booking .item .icons{right:20px}
    
    section.content .booking{top:0;margin-bottom:45px}
    
    section.slideshow{overflow:hidden}
    section.slideshow .scrollto{bottom:35px}
    section.slideshow .swiper-slide::after{content:'';position:absolute;float:right;right:-15%;top:-60%;display:inline-block;z-index:500;width:732px;height:950px;background:url(../images/fccc-overlay-hero-sm.svg) 0 0 no-repeat;background-size:cover}
    
    section.slideshow .swiper-buttons{bottom:220px}
    
    section.slideshow .swiper-slide .video-container{position:relative;top:0}
    section.slideshow .swiper-slide .video-container .video .ytplayer-container iframe{top:0!important}
    
    section.slideshow .swiper-slide img.slider{width:auto}
    section.slideshow .swiper-slide img.slider.is-mobile{width:100%}
    
}
@media all and (min-width:992px){
    .desktop{display:block}
    .mobile{display:none}
}
@media all and (max-width:991px){
    .desktop{display:none}
    .mobile{display:block}
    
    .container-fluid{margin:0 auto;padding:0 15px}
    .container-fluid .row{margin:0 15px}
    
    .container-fluid.booking-container{margin:0 auto;padding:0}
    .container-fluid.booking-container .row{margin:0}
    
    .footer .container-fluid .col-md-10 .row{margin:0}
    .baseline .container-fluid .col-md-10 .row{margin:0}
    
    .container-fluid .article .col-md-10 .row{margin:0}
    
    .container-fluid .row.accommodation-list{margin:0 -15px}
    .container-fluid .row.accommodation-list{padding:0 30px}
    
    section.content .accommodation-full .accommodation-list p{margin:0 0 45px}
    
    #menu{height:82px}
    #menu .container-fluid{padding:0 0 0 15px}
    #menu .container-fluid .row{margin:0 0 0 15px}
    #menu .logo{padding:15px 0 15px}
    #menu .menu-holder .toggle{padding:33px 30px}
    
    #menu .menu-holder .season-switch{padding:33px 30px}
    #menu .menu-holder .season-switch i{font-size:16px;line-height:16px;margin:0}
    
    #menu .menu-holder .top-menu{padding:33px 5px 33px 0}
    
    section.slideshow{margin-top:82px}
    
    section.pagepix{height:258px;margin-top:82px}
    section.pagepix .swiper-slide img.slider.is-desktop{width:auto;height:258px;left:50%;margin-left:-495px}
    
    section.pagepix .scrollto{display:none}
    
    section.content .banners .swiper-container{width:43%}
    
    section.content .featured{margin:0 15px 30px 15px}
    
    section.content .special{padding:30px 0 0}
    section.content .special .col-md-6.text-right img{width:100%;height:auto}
    section.content .special .col-md-6.text-left img{width:100%;height:auto}
    
    section.content .special .col-md-6.text-right .before{display:none}
    section.content .special .col-md-6.text-left .before{display:none}
    
    section.follower.content .booking{top:0;margin-bottom:30px}
    
    section.content .special .row{margin:0}
    section.content .special .img{margin:0 0 15px}
    
    .row.image-gallery{margin:0 -15px}
    .row.image-gallery .col-md-4{padding:0 15px 30px}
    .row.image-gallery .col-md-4 img{width:100%;height:auto}
    
    section.menu .menu-content ul > li a{font-size:26px}
    section.menu .menu-content ul > li.a-link-101 a{font-size:26px;font-weight:800}
    section.menu .menu-content ul > li ul > li ul > li a{font-size:21px;line-height:21px}
    section.menu .menu-content ul > li.a-link-116 ul > li ul{margin:0 0 30px}
    
    section.menu .menu-content ul > li ul > li a{font-size:18px}
    
    section.content.features .article{padding:30px 0}
    section.content.features .article.special{padding:0 0 30px 0}
    
    section.content .gallery .swiper-buttons{background:#0096d7;text-align:center;margin:0 0 45px}
    section.content .gallery .swiper-buttons .button-prev{padding:15px 15px 20px 0}
    section.content .gallery .swiper-buttons .button-next{padding:15px 0 20px 15px}
    
    section.content .booking-list .container-fluid .row .col-md-1.parent{display:none}
    section.content .booking-list .container-fluid .row .col-md-10.parent{width:100%}
    section.content .booking-list .row.apartment-holder .btn.inverted.arrow{margin-bottom:30px!important}
    
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.item-10,
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.item-9,
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.item-8{display:inline-block}
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1{width:8.33333333%}
    
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.item-0{display:none}
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1{width:10%}
    
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .date{padding:10px 5px 5px;font-size:9px}
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .date .day{font-size:18px}
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .rate{font-size:10px}
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .price{padding:0 5px;font-size:16px}
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .available{font-size:16px;padding:6px 5px 10px}
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .available i{margin:7px 0}
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .available .call{font-size:10px;margin:0 0 2px}
    
    section.pagepix .text{width:80%}
    
    section.content .article ul.mobile-menu{margin:0 0 30px 0;padding:0 0 20px;border-bottom:solid 2px #002c3f}
    
    section.content .booking-list .row.apartment-holder .booking-buttons{margin:0 0 30px 0}
    
    section.slideshow .swiper-buttons{bottom:200px}
    
    .booking-timer{top:82px}
    .booking-timer h2{margin:0!important}
}
@media all and (max-width:980px){
    #menu .menu-holder .top-menu .phone i,#menu .menu-holder .top-menu .temperature i{display:none}
    
    section.slideshow .swiper-buttons{bottom:140px}
}
@media all and (max-width:930px){
    section.content .booking .item .day,section.content .booking .item .inputbox{font-size:38px}
    section.content .booking .item .icons{right:30px}
    
    section.slideshow .swiper-slide::after{top:-45%;right:-10%;width:600px;height:799px}
    section.slideshow .swiper-buttons{bottom:170px}
    
    section.content .banners .swiper-container{width:44%}
    
    section.pagepix .swiper-slide::after{width:400px}
}
@media all and (max-width:920px){
    section.content .booking .item .day,section.content .booking .item .inputbox{font-size:32px}
    section.content .booking .item .month{font-size:18px}
    section.content .booking .item .icons{right:30px}
    
    section.content .banners .swiper-container{width:46%}
}
@media all and (max-width:900px){
    #menu .menu-holder .top-menu .phone{display:none}
    
    section.slideshow .swiper-buttons{bottom:150px}
}
@media all and (max-width:880px){
    section.content .booking .item .down-arrow{margin:0 0 0 5px}
    section.content .booking .item .icons{right:25px}
    
    section.content .booking .item .icons{bottom:20px}
    section.content .booking .item .icons .fa{padding:0 5px}
    
    section.content .booking .item.adults,section.content .booking .item.children{padding:17px 10px 17px 30px}
    
    .btn > span{padding:10px 15px}
    .btn.arrow::after,.btn.arrow > span{padding:10px 58px 10px 15px}
    .btn.inverted.arrow::after,.btn.inverted.arrow > span{padding:10px 58px 10px 0}
    
    .btn.arrow::before{top:14px;right:15px}
    
    section.content .banners .swiper-container{width:48%}
    
    section.content .images .swiper-container{padding-bottom:30px}
    
    section.content .images .swiper-buttons .button-prev{padding:25px 15px 30px 40px}
    section.content .images .swiper-buttons .button-next{padding:25px 40px 30px 15px}
    
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.item-10,
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.item-1{display:none}
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1{width:12.5%}
    
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .date .day{font-size:16px}
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .rate{font-size:9px}
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .price{font-size:14px}
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .available{font-size:14px}
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1 .available .call{font-size:9px}
    
    section.pagepix .text{width:85%}
    
    section.slideshow .swiper-slide::after{top:-50%;right:-12%}
    
}
@media all and (max-width:850px){
    section.slideshow .text .block h2{font-size:42px}
    section.pagepix .text .block h1{font-size:42px}
    
    section.content .booking .check{padding:20px 30px}
    
    section.content .banners .swiper-container{width:50%}
    
    section.slideshow .swiper-buttons{bottom:130px}
}
@media all and (max-width:830px){
    section.slideshow .swiper-slide::after{top:-50%;right:-10%;width:550px;height:714px}
    section.slideshow .swiper-buttons{bottom:150px}
}
@media all and (max-width:800px){
    section.content .booking .check{padding:20px 25px}
    
    section.content .banners .swiper-container{width:55%}
    
    section.menu .menu-content{overflow:hidden;overflow-y:scroll}
    
    section.menu .menu-content ul > li ul{position:relative;float:none;right:auto;left:40px;width:calc(100% - 40px);height:0;-webkit-transition:all .2s ease-in-out .3s;-moz-transition:all .2s ease-in-out .3s;-ms-transition:all .2s ease-in-out .3s;-o-transition:all .2s ease-in-out .3s;transition:all .2s ease-in-out .3s}
    section.menu .menu-content ul > li.open ul{height:100%;-webkit-transition:all .2s ease-in-out .3s;-moz-transition:all .2s ease-in-out .3s;-ms-transition:all .2s ease-in-out .3s;-o-transition:all .2s ease-in-out .3s;transition:all .2s ease-in-out .3s;margin:0}
    section.menu .menu-content.vertical-align{position:relative;display:block;-webkit-align-items:none;-moz-align-items:none;-ms-align-items:none;align-items:none;-webkit-flex-direction:none;-moz-flex-direction:none;-ms-flex-direction:none;flex-direction:column}
    
    section.menu .menu-content ul > li ul > li.menu-title{display:none!important}
}
@media all and (max-width:790px){
    section.content .booking .check{padding:30px 20px}
    
    section.slideshow .swiper-slide::after{top:-50%;right:-12%;width:550px;height:714px}
    section.slideshow .swiper-buttons{bottom:120px}
}
@media all and (max-width:770px){
    section.content .booking .check{padding:30px 15px}
    
    section.content .banners .swiper-container{width:57%}
    
    section.pagepix .text{width:90%}
    
    section.content .booking .item{padding:17px 25px}
}

@media all and (min-width:768px){
    .is-mobile{display:none}
    .is-desktop{display:block}
}
@media all and (max-width:767px){
    .is-mobile{display:block}
    .is-desktop{display:none}
}


@media all and (max-width:767px){
    
    section.content .accommodation-full{padding:15px 0 0}
    section.content .accommodation-full .accommodation-list h3{min-height:0}
    
    #menu .logo a img{width:245px;height:42px}
    
    #menu{height:62px}
    #menu .logo{padding:10px 0 10px}
    #menu .menu-holder .toggle{padding:23px 20px}
    #menu .menu-holder .season-switch{padding:23px 20px}
    #menu .menu-holder .top-menu{padding:23px 5px 23px 0}
    
    #menu .container-fluid .row{margin:0}
    
    section.menu .menu-content > ul{margin-bottom:60px}
    
    section.slideshow{margin-top:62px}
    section.pagepix{margin-top:62px}
    
    .container-fluid.booking-container{display:none}
    
    section.slideshow .swiper-slide::after{top:-50%;right:-12%;width:550px;height:714px}
    section.slideshow .swiper-buttons{bottom:120px}
    
    section.slideshow .scrollto{bottom:20px}
    
    section.pagepix .swiper-slide::after{width:300px}
    
    section.content{padding:30px 0 0 0}
    
    .col-md-1{display:none}
    
    section.content .specials .overlay{padding:30px 0 105px}

    section.content .banners .swiper-container{height:auto!important;width:56%}
    
    section.content .about{padding:30px 0}
    
    section.content .features .overlay{padding:30px 0 45px}
    section.content .features .title-block{margin:0 0 30px}
    
    section.content .features .features-videos .col-md-4:nth-child(2n){padding-top:30px}
    
    section.content .features .video{margin:0 0 15px}
    section.content .features h3{margin:0 0 15px}
    
    section.content .associates{padding:30px 0 15px}
    section.content .associates img{margin:0 auto 15px}
    
    section.content .footer{padding:30px 0 0 0}
    
    section.content .footer h4.last{margin:30px 0 0}
    
    section.content .accommodation-search .input{margin:15px 30px 0 0}
    
    .input label.error{display:inline-block!important}
    .input .inputbox:focus + .input label.error,.input-filled label.error{left:-40px;top:5px}
    
    section.content .baseline{padding:0}
    
    section.menu .menu-content ul > li.a-menu-close{top:0;right:0;display:inline-block;z-index:5000}
    section.menu .menu-content ul > li.a-menu-close > a{padding:20px}
    
    section.content .footer .social-media{text-align:left;padding:40px 0 30px 0}
    section.content .footer .social-media .circle{margin:0 10px 0 0}
    
    section.follower.content{padding:15px 0 0 0}
    
    #contact-form .text-right{text-align:left;margin:30px 0 0 0}
    
    #accommodation-form-mobile .input{position:relative;float:none;width:100%;display:block;margin:0}
    #accommodation-form-mobile .input .btn{margin:30px 0 0 0}
    
    #accommodation-form-mobile .input .inputbox{position:relative;display:block;float:none;padding:15px 0;width:100%;border:none;border-radius:0;background:transparent;font-weight:400;-webkit-appearance:none;color:#002c3f;height:49px}
    #accommodation-form-mobile .input .inputbox:focus{outline:none}

    #accommodation-form-mobile .input select.inputbox{border-bottom:solid 2px #40616f;padding:11px 0 0;height:52px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#002c3f 50%),linear-gradient(135deg,#002c3f 50%,transparent 50%);background-position:calc(100% - 20px) calc(1.4em + 2px),calc(100% - 15px) calc(1.4em + 2px),calc(100% - 2.5em) 0.5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;font-size:20px}
    #accommodation-form-mobile .input select.inputbox:focus{background-image:linear-gradient(45deg,#0096d7 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#0096d7 50%);background-position:calc(100% - 15px) 1.4em,calc(100% - 20px) 1.4em,calc(100% - 2.5em) 0.5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:#0096d7;outline:0}
    #accommodation-form-mobile .input select.inputbox:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}
    
    #mc-embedded-subscribe-form .input .label::after{height:2px}
    
    #contact-form .input .label::after{height:2px}
    
    #contact-form .input select.inputbox{border-bottom:solid 2px #40616f}
    #contact-form .input select.inputbox.label-error{border-bottom:solid 2px #d10000}
    
    section.content.booking-full .container-fluid .row .col-md-12 .booking-holder{padding-top:62px}
    
    section.content.booking-full .booking-container{display:block}
    section.content.booking-full .booking{height:auto;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:30px 90px 0}
    section.content.booking-full .booking .item{width:50%;height:auto;padding:0 0 30px 0;margin:0;border-right:none}
    section.content.booking-full .booking .item .icons{left:62.5%;right:auto;bottom:40px}
    section.content.booking-full .booking .item .inputbox{width:70px}
    section.content.booking-full .booking .item .day,section.content.booking-full .booking .item .inputbox{font-size:38px}
    section.content.booking-full .booking .item .month{font-size:24px}
        
    section.content.booking-full .booking .check{float:none;display:inline-block;width:100%;height:auto;background:#fff}
    section.content.booking-full .booking .check input{color:#002c3f;font-size:16px;margin:0 0 30px;background:#fff}

    section.content.booking-full .booking .check ::-webkit-input-placeholder{color:#002c3f!important;font-size:16px;text-transform:uppercase;text-align:center}
    section.content.booking-full .booking .check :-moz-placeholder{color:#002c3f!important;font-size:16px;text-transform:uppercase;text-align:center}
    section.content.booking-full .booking .check ::-moz-placeholder{color:#002c3f!important;font-size:16px;text-transform:uppercase;text-align:center}
    section.content.booking-full .booking .check :-ms-input-placeholder{color:#002c3f!important;font-size:16px;text-transform:uppercase;text-align:center}
    
    section.content .booking-list .row.apartment-holder .text-right{text-align:left}
    
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1{display:none!important}
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.active{display:inline-block!important}
	section.content .booking-list .row.apartment-holder .dates-holder .col-md-1.active{width:50%}
    
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1{border-bottom:solid 2px #fff}
    section.content .booking-list .row.apartment-holder .dates-holder .col-md-1:first-of-type > div{border-left:solid 2px #fff}
    
    section.pagepix .text{width:95%}
    
    .booking-timer{top:62px}
    
}
@media all and (max-width:750px){
    section.content .banners .swiper-container{width:60%}
    
    .input .inputbox:focus + .input label.error,.input-filled label.error{top:4px}
    
    
    section.slideshow .swiper-slide::after{top:-45%;right:-8%;width:462px;height:600px}
    section.slideshow .swiper-buttons{bottom:130px}
}
@media all and (max-width:700px){
    #menu .menu-holder .top-menu .temperature{display:none}
    
    section.content .banners .swiper-container{width:65%}
    
    section.slideshow .swiper-slide::after{top:-35%;right:-5%;width:424px;height:550px}
    section.slideshow .swiper-buttons{bottom:100px}
}
@media all and (max-width:660px){
    #menu .menu-holder .top-menu ul li{margin:0 15px 0 0}
    
    section.content .images .swiper-wrapper,section.content .images .swiper-slide{width:500px!important}
    
    section.slideshow .swiper-slide::after{top:-35%;right:-5%;width:424px;height:550px}
    section.slideshow .swiper-buttons{bottom:80px}
}
@media all and (max-width:640px){
    #menu .menu-holder .top-menu ul li{margin:0 5px 0 0}
    
    section.slideshow .text .block h2{font-size:36px}
    section.pagepix .text .block h1{font-size:36px}
    
    section.slideshow .swiper-slide::after{background:url(../images/fccc-overlay-hero-sm.svg) 0 0 no-repeat;background-size:cover}
    
    section.content .accommodation-search{position:relative;display:block;width:100%}
    section.content .accommodation-search .input{float:left;display:inline-block;width:25%;margin:15px 0 0 0;z-index:1500}
    
    section.content .accommodation-search .input:last-child::before{content:'';display:block;width:100%;clear:both}
    section.content .accommodation-search .input:last-child{width:100%;margin:15px 0;display:block;z-index:1000}
    
    .nice-select::after{display:none}
    
    .nice-select span{position:relative}
    .nice-select span::after{border-bottom:1px solid #002c3f;border-right:1px solid #002c3f;content:'';display:block;height:5px;width:5px;pointer-events:none;position:absolute;right:-15px;top:5px;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}
    
    section.content .banners .swiper-container{width:100%}
    
    section.slideshow .swiper-buttons{bottom:60px}
}
@media all and (max-width:620px){
    #menu .menu-holder .top-menu ul{display:none}
    
    section.slideshow .swiper-buttons{bottom:35px}
}
@media all and (max-width:560px){
    
    h1,h2{font-size:34px;line-height:47px}
    h3{font-size:24px}
    
    section.content .featured h3{margin:0 0 15px}
    
    .title-block{display:inline-block;margin:0 0 15px}
    
    section.slideshow .text{width:80%}
    section.slideshow .text .block .btn{margin:30px 0 0 0}
    
    section.content .images .swiper-wrapper,section.content .images .swiper-slide{width:400px!important}
    
    section.content .images .swiper-buttons .button-prev{padding:15px 15px 20px 30px}
    section.content .images .swiper-buttons .button-next{padding:15px 30px 20px 15px}
    
    section.content .accommodation-search{z-index:100}
    section.content .accommodation-search .input{position:static;float:none;display:block;width:100%;z-index:1}
    section.content .accommodation-search .input::after{content:'';width:100%;display:block;clear:both}
    
    section.content .features .features-videos{margin:0 -30px 30px}
    
    .nice-select ul{z-index:2500}
    
    section.content.booking-full .booking{padding:30px 30px 0}
    
    section.pagepix .text{width:100%}
    
    section.slideshow .swiper-slide::after{top:-35%;right:-5%;width:385px;height:500px}
    
}
@media all and (max-width:520px){
    section.slideshow .text{width:70%}
    
    section.slideshow .text .block .btn{display:none}
    
    section.slideshow .swiper-slide::after{top:-40%;right:-5%}
}
@media all and (max-width:500px){
    section.pagepix{height:auto}
    section.pagepix .swiper-wrapper,section.pagepix .swiper-slide{max-height:600px}
    section.pagepix .scrollto{display:block;bottom:45px}
    
    section.menu .menu-content ul > li.a-link-116 ul > li{width:100%;float:none;display:block}
    
    section.slideshow{height:auto!important;max-height:100%!important}
    section.slideshow .swiper-slide{height:auto!important;max-height:100%!important}
    section.slideshow .swiper-slide::after{top:10%;right:-15%;width:539px;height:700px}
}
@media all and (max-width:460px){
    
    section.slideshow .swiper-slide::after{top:0;right:-15%;width:539px;height:700px}
    
    #menu .logo a img{width:250px;height:42px}
    
    section.content .images .swiper-wrapper,section.content .images .swiper-slide{width:300px!important}
    
    section.menu .menu-content{padding:30px}
    
    section.menu .menu-content > ul{margin-bottom:30px}
}
@media all and (max-width:440px){
    
    h1,h2{font-size:28px;line-height:40px}
    h3{font-size:20px}
    
    section.content .accommodation h3{font-size:18px}
    
    section.slideshow .text .block h2{font-size:32px}
    section.pagepix .text .block h1{font-size:32px}
    section.slideshow .text{width:80%}
    /*section.slideshow .swiper-slide::after{display:none}
    section.slideshow .swiper-buttons{display:none}*/
    section.slideshow .text{width:100%}
    
    .input label.error{display:none!important}
    
    section.slideshow .swiper-slide::after{top:-5%;right:-20%;width:539px;height:700px}
}
@media all and (max-width:410px){
    section.slideshow .swiper-slide::after{top:-10%;right:-20%}
}
@media all and (max-width:390px){
    section.slideshow .swiper-slide::after{top:-15%;right:-20%}
}
@media all and (max-width:380px){
    
    section.slideshow .text .block h2{font-size:30px}
    section.pagepix .text .block h1{font-size:30px}
    
    #menu .logo a img{width:225px;height:38px}
    
    section.content .features .features-videos{margin:0 -30px 0}
    section.content .features .features-videos .col-xs-6{float:none;display:block;width:100%}
    section.content .features .features-videos .col-md-4:nth-child(2n){padding-top:0}
    section.content .features .features-videos .col-md-4{margin:0 0 30px}
    
    section.slideshow .swiper-slide::after{top:-20%;right:-25%}
}
@media all and (max-width:360px){
    
    section.slideshow .text .block h2{font-size:28px}
    section.pagepix .text .block h1{font-size:28px}
    
    #menu .logo a img{width:200px;height:34px}
    section.content .images .swiper-wrapper,section.content .images .swiper-slide{width:260px!important}
    
    section.menu .menu-content ul > li a{font-size:21px}
    section.menu .menu-content ul > li.a-link-101 a{font-size:21px}
    
    section.slideshow .swiper-slide::after{top:-15%;right:-30%;width:501px;height:650px}
}
@media all and (max-width:350px){    
    section.content .images .swiper-wrapper,section.content .images .swiper-slide{width:260px!important}
    
    section.slideshow .swiper-slide::after{top:-20%;right:-30%;width:501px;height:650px}
}
@media all and (max-width:330px){    
    #menu .logo a img{width:180px;height:31px}
    
    section.slideshow .swiper-slide::after{top:-25%;right:-30%;width:501px;height:650px}
}
@media all and (max-width:320px){
    section.slideshow .swiper-slide::after{top:-30%;right:-30%;width:501px;height:650px}
}