@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900|Crimson+Text:600,700|Source+Sans+Pro:300,400,700");
.icon{
display:inline-block;}
.icon-2x{font-size:2em}
.icon-3x{font-size:3em}
button.icon{
background-color:transparent;
border:0;
outline:0;
}
.icon-sun{
background-image:url(../img/sprite.png);
background-position:0px -66px;
width:72px;
height:47px;}
.icon-application{
background-image:url(../img/sprite.png);
background-position:-155px 0px;
width:49px;
height:60px;}
.icon-food{
background-image:url(../img/sprite.png);
background-position:-155px -60px;
width:47px;
height:45px;}
.icon-open{
background-image:url(../img/sprite.png);
background-position:-204px -72px;
width:20px;
height:12px;}
.icon-play{
background-image:url(../img/sprite.png);
background-position:0px -145px;
width:38px;
height:39px;}
.icon-travelOr{
background-image:url(../img/sprite.png);
background-position:-95px 0px;
width:60px;
height:60px;}
.icon-risingPrice{
background-image:url(../img/sprite.png);
background-position:-204px -127px;
width:13px;
height:13px;}
.icon-fallingPrice{
background-image:url(../img/sprite.png);
background-position:-204px -114px;
width:13px;
height:13px;}
@font-face{
font-family:"iconfont";
src:url("../fonts/iconfonts/iconfont.eot");
src:url("../fonts/iconfonts/iconfont.eot?#iefix") format("eot"),url("../fonts/iconfonts/iconfont.woff2") format("woff2"),url("../fonts/iconfonts/iconfont.woff") format("woff"),url("../fonts/iconfonts/iconfont.ttf") format("truetype"),url("../fonts/iconfonts/iconfont.svg#iconfont") format("svg");
font-weight:normal;
font-style:normal;}
[data-icon]:before,
.icon-down-arrow:before,
.icon-facebook:before,
.icon-google-plus:before,
.icon-instagram:before,
.icon-search:before,
.icon-twitter:before,
.icon-youtube:before,
.icon-right-thin-chevron:before,.BookingMobileStickyMenu-title:before,.BookingMobileStickyMenu-block:before,
.icon-camping-car:before,
.icon-icon-appli:before,
.icon-assurance:before,
.icon-boutique:before,
.icon-cabine:before,
.icon-checkin_menu:before,
.icon-checkin:before,
.icon-choixCabine:before,
.icon-connexion:before,
.icon-contact:before,
.icon-detente:before,
.icon-enfant:before,
.icon-faq:before,
.icon-modepaiement:before,
.icon-paiementtroisfois:before,
.icon-reservations:before,
.icon-restauration:before,
.icon-telephonie:before,
.icon-tickemail:before,
.icon-left-thin-chevron:before,
.icon-left-chevron:before,
.icon-right-chevron:before,
.icon-home:before,
.icon-paiementjcb:before,
.icon-paiementmastercard:before,
.icon-paiementpaypal:before,
.icon-paiementvisa:before,
.icon-aller:before,
.icon-retour:before,
.icon-topprix:before,
.icon-right-arrow:before,
.icon-prestations:before,
.icon-info:before,
.icon-duree:before,
.icon-fleche:before,
.icon-fauteuil:before,
.icon-cabine-booking:before,
.icon-arrow_circle:before,
.icon-arrivee:before,
.icon-car:before,
.icon-depart:before,
.icon-passagers:before,
.icon-booking-check:before,
.icon-caravane:before,
.icon-multi-passagers:before,
.icon-adult:before,
.icon-babies:before,
.icon-moto:before,
.icon-close:before,
.icon-remorque:before,
.icon-vehicle:before,
.icon-velo:before,
.icon-children:before,
.icon-nourrissons:before,
.icon-cabine-adaptee:before,
.icon-cabine-exclusive:before,
.icon-cabine-luxe:before,
.icon-cabine-vuemer:before,
.icon-fauteuil-empty:before,
.icon-pmr:before,
.icon-formule-navybaby:before,
.icon-formule-repas:before,
.icon-petitdej:before,
.icon-booking-assurance:before,
.icon-repas:before,
.icon-services:before,
.icon-empreinte-carbone:before,
.icon-express-boarding:before,
.icon-topposition:before,
.icon-wifi:before,
.icon-animaux:before,
.icon-cat:before,
.icon-dog:before,
.icon-pen:before,
.icon-car-height:before,
.icon-car-length:before,
.icon-car-width:before,
.icon-booking-add:before,
.icon-liste:before,
.icon-picture:before,
.icon-booking-plus:before,
.icon-booking-minus:before,
.icon-paiement:before,
.icon-informations-contact:before,
.icon-print:before,
.icon-marker:before,
.icon-checkin-booking:before,
.icon-download:before,
.icon-mail:before,
.icon-print_bis:before,
.icon-chatlapin:before,
.icon-chiens2:before,
.icon-lock:before,
.icon-bagages:before,
.icon-ID-card:before,
.icon-lost-property:before,
.icon-pregnancy:before,
.icon-telephone-wifi:before,
.icon-elec:before,
.icon-linge:before,
.icon-moon:before,
.icon-rangement:before,
.icon-shower:before,
.icon-full-sun:before,
.icon-toilet:before,
.icon-tv:before,
.icon-bars:before,
.icon-checked:before,
.icon-coumfortlounge:before,
.icon-jeux:before,
.icon-piscine:before,
.icon-selfservice:before,
.icon-spa:before,
.icon-spaghetteria:before,
.icon-stand:before,
.icon-flashCheckin:before,
.icon-transportsSpeciaux:before,
.icon-loupe:before,
.icon-facebook-no-border:before,
.icon-phone:before,
.icon-gameplay:before,
.icon-dest-single:before,
.icon-dest-multiple:before,.BookingMenu-menu-connexion > span:after,.BookingMenu-menu-steps ul li:not(:last-child):after,.BookingCalendar-links .link-back-7days:before,.BookingCalendar-calendar table .Calendar-bestPrice:after,.BookingViewContent .BookingView-header-links .calendar-link:before,.BookingViewContent .BookingView-header-links .calendar-link:after,.BookingDetails-details-subblock ul.choice-list .choice-item .delete-option:before,.BookingConfirmation-summary-personalData .content .links-item:after,.BookingConfirmation-summary-payment .links-item:after,.BookingViewContent .BookingView-days-list .day-item.day-bestPrice:before,.BookingViewContent .BookingView-view table .View-boatPrice.boat-selected .promo-price .price:before,.BookingViewContent .BookingView-view table .View-boatPrice.boat-bestPrice:before,.BookingViewContent .BookingView-view table .View-boatPromo-content:after,.BookingRateSummary-item .item-cell.selected:before,.BookingTopDeal:after,.BookingViewPrice-title:after,.BookingViewPrice-main ul li.price-selected .label:before,.BookingViewPrice-promo ul li.promo-red.promo-selected:before,.BookingViewPrice-promo ul li.promo-purple.promo-selected:before,.BookingViewPrice-promo ul li.promo-green.promo-selected:before,.BookingViewPrice-best:before,.BookingDetails-basket-title:after,.BookingDetails-basket-subblock .item--tax .item-head:after,.basket-sticky .BookingDetails-basket .crossing-information .stickyLink:before,.BookingDetails-recentSearch-subblock .subblock-title:after,.bedroom-add:before,.btn-main--booking:after,.btn-prev:before,.btn-next:after,.btn-yellow:before,.quantity .js-quantity-up:before,.quantity .js-quantity-down:before{
display:inline-block;
vertical-align:middle;
font-family:"iconfont";
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
letter-spacing:normal;
word-wrap:normal;
white-space:nowrap;
direction:ltr;
text-decoration:inherit;
text-rendering:optimizeLegibility;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;}
[data-icon]:before{
content:attr(data-icon);}
.icon-down-arrow:before{
content:"\EA01";}
.icon-facebook:before{
content:"\EA02";}
.icon-google-plus:before{
content:"\EA03";}
.icon-instagram:before{
content:"\EA04";}
.icon-search:before{
content:"\EA05";}
.icon-twitter:before{
content:"\EA06";}
.icon-youtube:before{
content:"\EA07";}
.icon-right-thin-chevron:before,.BookingMobileStickyMenu-title:before,.BookingMobileStickyMenu-block:before{
content:"\EA08";}
.icon-camping-car:before{
content:"\EA09";}
.icon-icon-appli:before{
content:"\EA0A";}
.icon-assurance:before{
content:"\EA0B";}
.icon-boutique:before{
content:"\EA0C";}
.icon-cabine:before{
content:"\EA0D";}
.icon-checkin_menu:before{
content:"\EA0E";}
.icon-checkin:before{
content:"\EA0F";}
.icon-choixCabine:before{
content:"\EA10";}
.icon-connexion:before{
content:"\EA11";}
.icon-contact:before{
content:"\EA12";}
.icon-detente:before{
content:"\EA13";}
.icon-enfant:before{
content:"\EA14";}
.icon-faq:before{
content:"\EA15";}
.icon-modepaiement:before{
content:"\EA16";}
.icon-paiementtroisfois:before{
content:"\EA17";}
.icon-reservations:before{
content:"\EA18";}
.icon-restauration:before{
content:"\EA19";}
.icon-telephonie:before{
content:"\EA1A";}
.icon-tickemail:before{
content:"\EA1B";}
.icon-left-thin-chevron:before{
content:"\EA1C";}
.icon-left-chevron:before{
content:"\EA1D";}
.icon-right-chevron:before{
content:"\EA1E";}
.icon-home:before{
content:"\EA1F";}
.icon-paiementjcb:before{
content:"\EA20";}
.icon-paiementmastercard:before{
content:"\EA21";}
.icon-paiementpaypal:before{
content:"\EA22";}
.icon-paiementvisa:before{
content:"\EA23";}
.icon-aller:before{
content:"\EA24";}
.icon-retour:before{
content:"\EA25";}
.icon-topprix:before{
content:"\EA26";}
.icon-right-arrow:before{
content:"\EA27";}
.icon-prestations:before{
content:"\EA28";}
.icon-info:before{
content:"\EA29";}
.icon-duree:before{
content:"\EA2A";}
.icon-fleche:before{
content:"\EA2B";}
.icon-fauteuil:before{
content:"\EA2C";}
.icon-cabine-booking:before{
content:"\EA2D";}
.icon-arrow_circle:before{
content:"\EA2E";}
.icon-arrivee:before{
content:"\EA2F";}
.icon-car:before{
content:"\EA30";}
.icon-depart:before{
content:"\EA31";}
.icon-passagers:before{
content:"\EA32";}
.icon-booking-check:before{
content:"\EA33";}
.icon-caravane:before{
content:"\EA34";}
.icon-multi-passagers:before{
content:"\EA35";}
.icon-adult:before{
content:"\EA36";}
.icon-babies:before{
content:"\EA37";}
.icon-moto:before{
content:"\EA38";}
.icon-close:before{
content:"\EA39";}
.icon-remorque:before{
content:"\EA3A";}
.icon-vehicle:before{
content:"\EA3B";}
.icon-velo:before{
content:"\EA3C";}
.icon-children:before{
content:"\EA3D";}
.icon-nourrissons:before{
content:"\EA3E";}
.icon-cabine-adaptee:before{
content:"\EA3F";}
.icon-cabine-exclusive:before{
content:"\EA40";}
.icon-cabine-luxe:before{
content:"\EA41";}
.icon-cabine-vuemer:before{
content:"\EA42";}
.icon-fauteuil-empty:before{
content:"\EA43";}
.icon-pmr:before{
content:"\EA44";}
.icon-formule-navybaby:before{
content:"\EA45";}
.icon-formule-repas:before{
content:"\EA46";}
.icon-petitdej:before{
content:"\EA47";}
.icon-booking-assurance:before{
content:" ";
width:48px;
height:48px;
background:transparent url('/html/2018/img/ico-allianz.png') no-repeat bottom center;
}
.icon-co2{
content:" ";
width:48px;
height:48px;
background:transparent url('/html/img/ups_ccx.png') no-repeat center center;
background-size:64px;
}
.icon-repas:before{
content:"\EA49";}
.icon-services:before{
content:"\EA4A";}
.icon-empreinte-carbone:before{
content:"\EA4B";}
.icon-express-boarding:before{
content:"\EA4C";}
.icon-topposition:before{
content:"\EA4D";}
.icon-wifi:before{
content:"\EA4E";}
.icon-animaux:before{
content:"\EA4F";}
.icon-cat:before{
content:"\EA50";}
.icon-dog:before{
content:"\EA51";}
.icon-pen:before{
content:"\EA52";}
.icon-car-height:before{
content:"\EA53";}
.icon-car-length:before{
content:"\EA54";}
.icon-car-width:before{
content:"\EA55";}
.icon-booking-add:before{
content:"\EA56";}
.icon-liste:before{
content:"\EA57";}
.icon-picture:before{
content:"\EA58";}
.icon-booking-plus:before{
content:"\EA59";}
.icon-booking-minus:before{
content:"\EA5A";}
.icon-paiement:before{
content:"\EA5B";}
.icon-informations-contact:before{
content:"\EA5C";}
.icon-print:before{
content:"\EA5D";}
.icon-marker:before{
content:"\EA5E";}
.icon-checkin-booking:before{
content:"\EA5F";}
.icon-download:before{
content:"\EA60";}
.icon-mail:before{
content:"\EA61";}
.icon-print_bis:before{
content:"\EA62";}
.icon-chatlapin:before{
content:"\EA63";}
.icon-chiens2:before{
content:"\EA64";}
.icon-lock:before{
content:"\EA65";}
.icon-bagages:before{
content:"\EA66";}
.icon-ID-card:before{
content:"\EA67";}
.icon-lost-property:before{
content:"\EA68";}
.icon-pregnancy:before{
content:"\EA69";}
.icon-telephone-wifi:before{
content:"\EA6A";}
.icon-elec:before{
content:"\EA6B";}
.icon-linge:before{
content:"\EA6C";}
.icon-moon:before{
content:"\EA6D";}
.icon-rangement:before{
content:"\EA6E";}
.icon-shower:before{
content:"\EA6F";}
.icon-full-sun:before{
content:"\EA70";}
.icon-toilet:before{
content:"\EA71";}
.icon-tv:before{
content:"\EA72";}
.icon-bars:before{
content:"\EA73";}
.icon-checked:before{
content:"\EA74";}
.icon-coumfortlounge:before{
content:"\EA75";}
.icon-jeux:before{
content:"\EA76";}
.icon-piscine:before{
content:"\EA77";}
.icon-selfservice:before{
content:"\EA78";}
.icon-spa:before{
content:"\EA79";}
.icon-spaghetteria:before{
content:"\EA7A";}
.icon-stand:before{
content:"\EA7B";}
.icon-flashCheckin:before{
content:"\EA7C";}
.icon-transportsSpeciaux:before{
content:"\EA7D";}
.icon-loupe:before{
content:"\EA7E";}
.icon-facebook-no-border:before{
content:"\EA7F";}
.icon-phone:before{
content:"\EA80";}
.icon-gameplay:before{
content:"\EA81";}
.icon-dest-single:before{
content:"\EA82";}
.icon-dest-multiple:before{
content:"\EA83";}
html{
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body{
margin:0;}
*{
-webkit-box-sizing:border-box;
box-sizing:border-box;
outline:none;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{
display:block;}
audio,
canvas,
progress,
video{
display:inline-block;
vertical-align:baseline;
}
audio:not([controls]){
display:none;
height:0;}
[hidden],
template{
display:none;}
a{
background-color:transparent;}
a:active,
a:hover{
outline:0;}
b,
strong{
font-weight:bold;}
dfn{
font-style:italic;}
h1{
margin:0;}
h2{
margin:0;}
mark{
background:#ff0;
color:#000;}
small{
font-size:80%;}
sub,
sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;}
sup{
top:-0.5em;}
sub{
bottom:-0.25em;}
p{
margin:0;}
img{
border:0;}
svg:not(:root){
overflow:hidden;}
figure{
margin:1em 40px;}
hr{
-webkit-box-sizing:content-box;
box-sizing:content-box;
height:0;}
pre{
overflow:auto;}
code,
kbd,
pre,
samp{
font-family:monospace,monospace;
font-size:1em;}
button,
input,
optgroup,
select,
textarea{
color:inherit;
font:inherit;
margin:0;
}
button{
overflow:visible;}
button,
select{
text-transform:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
-webkit-appearance:button;
cursor:pointer;
}
button[disabled],
html input[disabled]{
cursor:default;}
button::-moz-focus-inner,
input::-moz-focus-inner{
border:0;
padding:0;}
input{
line-height:normal;}
input[type="checkbox"],
input[type="radio"]{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
height:auto;}
input[type="search"]{
-webkit-appearance:textfield;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;}
fieldset{
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em;}
legend{
border:0;
padding:0;
}
textarea{
overflow:auto;}
optgroup{
font-weight:bold;}
table{
border-collapse:collapse;
border-spacing:0;}
td,
th{
padding:0;}
ul{
padding:0;
margin:0;}
h1.LandingTopSlider-search-title{
font-size:2em;}
@media screen and (max-width:959px){
h1.LandingTopSlider-search-title{
font-size:1.9em;} }
@media screen and (max-width:600px){
h1.LandingTopSlider-search-title{
font-size:1.7em;} }
.MainTitle,[class^=Landing] .main-title{
position:relative;
font-size:1.6em;
margin:30px 0 10px 0;
color:#00206e;
font-weight:500;
text-transform:uppercase;
background-color:#FFF;}
.MainTitle-txt,[class^=Landing] .main-title-txt{
display:inline-block;
padding-right:20px;
color:#00206e;
font-size:1.9em;
font-weight:500;
text-transform:uppercase;
background-color:#FFFFFF;}
@media screen and (max-width:959px){
.MainTitle-txt,[class^=Landing] .main-title-txt{
font-size:1.7em;} }
@media screen and (max-width:600px){
.MainTitle-txt,[class^=Landing] .main-title-txt{
font-size:1.4em;} }
@media screen and (max-width:480px){
.MainTitle-txt.desktop,[class^=Landing] .main-title-txt.desktop{
display:none;} }
.MainTitle-txt.mobile,[class^=Landing] .main-title-txt.mobile{
display:none;
background-color:transparent;}
@media screen and (max-width:480px){
.MainTitle-txt.mobile,[class^=Landing] .main-title-txt.mobile{
display:block;} }
.MainTitle-txt.mobile span,[class^=Landing] .main-title-txt.mobile span{
display:block;}
.MainTitle-txt.mobile span.title-bgcolor,[class^=Landing] .main-title-txt.mobile span.title-bgcolor{
display:inline-block;
padding-right:20px;
background-color:#FFFFFF;}
.MainTitle-border,[class^=Landing] .main-title-border{
display:inline-block;
width:100%;
position:absolute;
bottom:5px;
right:0;
z-index:-1;
border-bottom:0.1em solid #f6e300;}
@-webkit-keyframes blade{
to{
-webkit-transform:translateX(100%);
transform:translateX(100%);} }
@keyframes blade{
to{
-webkit-transform:translateX(100%);
transform:translateX(100%);} }
@-webkit-keyframes bounce{
from{
top:0;}
50%{
top:-5px;}
to{
top:0;} }
@keyframes bounce{
from{
top:0;}
50%{
top:-5px;}
to{
top:0;} }
.swiper-container{
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden;
z-index:0;}
.swiper-container-no-flexbox .swiper-slide{
float:left;}
.swiper-container-vertical > .swiper-wrapper{
-webkit-box-orient:vertical;
-ms-flex-direction:column;
flex-direction:column;}
.swiper-wrapper{
position:relative;
width:100%;
height:100%;
z-index:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
transition-property:transform;
transition-property:transform,-webkit-transform;
-webkit-box-sizing:content-box;
box-sizing:content-box;}
.swiper-container-android .swiper-slide,
.swiper-wrapper{
-webkit-transform:translate3d(0px,0,0);
-ms-transform:translate3d(0px,0,0);
transform:translate3d(0px,0,0);}
.swiper-container-multirow > .swiper-wrapper{
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.swiper-container-free-mode > .swiper-wrapper{
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out;
margin:0 auto;}
.swiper-slide{
-webkit-flex-shrink:0;
-ms-flex:0 0 auto;
-ms-flex-negative:0;
flex-shrink:0;
width:100%;
height:100%;
position:relative;}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide{
height:auto;}
.swiper-container-autoheight .swiper-wrapper{
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-transition-property:-webkit-transform,height;
-webkit-transition-property:height,-webkit-transform;
transition-property:height,-webkit-transform;
transition-property:transform,height;
transition-property:transform,height,-webkit-transform;}
.swiper-container .swiper-notification{
position:absolute;
left:0;
top:0;
pointer-events:none;
opacity:0;
z-index:-1000;}
.swiper-wp8-horizontal{
-ms-touch-action:pan-y;
touch-action:pan-y;}
.swiper-wp8-vertical{
-ms-touch-action:pan-x;
touch-action:pan-x;}
.swiper-button-prev,
.swiper-button-next{
position:absolute;
top:50%;
width:27px;
height:44px;
margin-top:-22px;
z-index:10;
cursor:pointer;
-webkit-background-size:27px 44px;
background-size:27px 44px;
background-position:center;
background-repeat:no-repeat;}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{
opacity:0.35;
cursor:auto;
pointer-events:none;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left:10px;
right:auto;}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right:10px;
left:auto;}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-pagination{
position:absolute;
text-align:center;
-webkit-transition:300ms;
transition:300ms;
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
z-index:10;}
.swiper-pagination.swiper-pagination-hidden{
opacity:0;}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets{
bottom:10px;
left:0;
width:100%;}
.swiper-pagination-bullet{
width:8px;
height:8px;
display:inline-block;
border-radius:100%;
background:#000;
opacity:0.2;}
button.swiper-pagination-bullet{
border:none;
margin:0;
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
-moz-appearance:none;
-ms-appearance:none;
-webkit-appearance:none;
appearance:none;}
.swiper-pagination-clickable .swiper-pagination-bullet{
cursor:pointer;}
.swiper-pagination-white .swiper-pagination-bullet{
background:#fff;}
.swiper-pagination-bullet-active{
opacity:1;
background:#007aff;}
.swiper-pagination-white .swiper-pagination-bullet-active{
background:#fff;}
.swiper-pagination-black .swiper-pagination-bullet-active{
background:#000;}
.swiper-container-vertical > .swiper-pagination-bullets{
right:10px;
top:50%;
-webkit-transform:translate3d(0px,-50%,0);
-ms-transform:translate3d(0px,-50%,0);
transform:translate3d(0px,-50%,0);}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:5px 0;
display:block;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 5px;}
.swiper-pagination-progress{
background:rgba(0,0,0,0.25);
position:absolute;}
.swiper-pagination-progress .swiper-pagination-progressbar{
background:#007aff;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transform-origin:left top;
-ms-transform-origin:left top;
transform-origin:left top;}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{
-webkit-transform-origin:right top;
-ms-transform-origin:right top;
transform-origin:right top;}
.swiper-container-horizontal > .swiper-pagination-progress{
width:100%;
height:4px;
left:0;
top:0;}
.swiper-container-vertical > .swiper-pagination-progress{
width:4px;
height:100%;
left:0;
top:0;}
.swiper-pagination-progress.swiper-pagination-white{
background:rgba(255,255,255,0.5);}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{
background:#fff;}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{
background:#000;}
.swiper-container-3d{
-webkit-perspective:1200px;
-o-perspective:1200px;
perspective:1200px;}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow{
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
pointer-events:none;
z-index:10;}
.swiper-container-3d .swiper-slide-shadow-left{
background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(transparent));
background-image:linear-gradient(to left,rgba(0,0,0,0.5),transparent);
}
.swiper-container-3d .swiper-slide-shadow-right{
background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(transparent));
background-image:linear-gradient(to right,rgba(0,0,0,0.5),transparent);
}
.swiper-container-3d .swiper-slide-shadow-top{
background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(transparent));
background-image:linear-gradient(to top,rgba(0,0,0,0.5),transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom{
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(transparent));
background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),transparent);
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper{
-ms-perspective:1200px;}
.swiper-container-cube,
.swiper-container-flip{
overflow:visible;}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide{
pointer-events:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:1;}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide{
pointer-events:none;}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active{
pointer-events:auto;}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right{
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;}
.swiper-container-cube .swiper-slide{
visibility:hidden;
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
width:100%;
height:100%;}
.swiper-container-cube.swiper-container-rtl .swiper-slide{
-webkit-transform-origin:100% 0;
-ms-transform-origin:100% 0;
transform-origin:100% 0;}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide{
pointer-events:auto;
visibility:visible;}
.swiper-container-cube .swiper-cube-shadow{
position:absolute;
left:0;
bottom:0px;
width:100%;
height:100%;
background:#000;
opacity:0.6;
-webkit-filter:blur(50px);
filter:blur(50px);
z-index:0;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out;}
.swiper-container-fade .swiper-slide{
pointer-events:none;
-webkit-transition-property:opacity;
transition-property:opacity;}
.swiper-container-fade .swiper-slide .swiper-slide{
pointer-events:none;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{
pointer-events:auto;}
.swiper-zoom-container{
width:100%;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:center;}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas{
max-width:100%;
max-height:100%;
-o-object-fit:contain;
object-fit:contain;}
.swiper-scrollbar{
border-radius:10px;
position:relative;
-ms-touch-action:none;
background:rgba(0,0,0,0.1);}
.swiper-container-horizontal > .swiper-scrollbar{
position:absolute;
left:1%;
bottom:3px;
z-index:50;
height:5px;
width:98%;}
.swiper-container-vertical > .swiper-scrollbar{
position:absolute;
right:3px;
top:1%;
z-index:50;
width:5px;
height:98%;}
.swiper-scrollbar-drag{
height:100%;
width:100%;
position:relative;
background:rgba(0,0,0,0.5);
border-radius:10px;
left:0;
top:0;}
.swiper-scrollbar-cursor-drag{
cursor:move;}
.swiper-lazy-preloader{
width:42px;
height:42px;
position:absolute;
left:50%;
top:50%;
margin-left:-21px;
margin-top:-21px;
z-index:10;
-webkit-transform-origin:50%;
-ms-transform-origin:50%;
transform-origin:50%;
-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
animation:swiper-preloader-spin 1s steps(12,end) infinite;}
.swiper-lazy-preloader:after{
display:block;
content:"";
width:100%;
height:100%;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position:50%;
-webkit-background-size:100%;
background-size:100%;
background-repeat:no-repeat;}
.swiper-lazy-preloader-white:after{
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
@-webkit-keyframes swiper-preloader-spin{
100%{
-webkit-transform:rotate(360deg);} }
@keyframes swiper-preloader-spin{
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);} }
body,html,li,ul{
margin:0;
padding:0;}
.top-nav,.top-nav .nav-box{
line-height:40px;
height:40px;}
.handle-counter,.med-nav ul{
overflow:hidden;}
.handle-counter .counter-minus,.handle-counter .counter-plus,.med-nav ul li a{
text-align:center;}
li,ul{
list-style:none;}
button{
cursor:pointer;}
input{
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
padding:6px 12px;}
.container{
width:1200px;
margin:0 auto;}
body{
font-family:'微软雅黑',arial;
font-size:14px;}
.percent{
width:85.71429%;}
.panel-primary{
border-color:#009dda;}
.top-nav{
min-width:1200px;
background-color:#333;
color:#aaa;
font-size:12px;}
.btn,.top-nav a:hover{
color:#fff;}
.top-nav .nav-box{
float:left;}
.top-nav a{
margin-left:10px;}
.med-nav{
min-width:1200px;
background-color:#009dda;}
.med-nav ul li{
float:left;
margin-right:10px;}
.med-nav ul li a{
display:block;
padding:0 20px;
color:#fff;
font-size:16px;
line-height:45px;}
.med-nav ul li a:hover,.med-nav ul li.active > a{
background-color:#0486b9;}
body,html{
min-height:100vh;}
#container{
min-height:100%;
position:relative;}
#body{
padding-bottom:60px;}
#footer{
position:absolute;
bottom:0;
width:100%;
height:40px;
background-color:#333;}
.handle-counter .counter-minus,.handle-counter .counter-plus,.handle-counter input{
float:left;
text-align:center;}
.handle-counter input{
width:50px;
border-width:1px;
border-left:none;
border-right:none;}
.btn{
padding:6px 12px;
border:1px solid transparent;}
.btn:disabled,.btn:disabled:hover{
background-color:#a9a9a9;
cursor:not-allowed;}
.btn-primary{
background-color:#009dda;}
.btn-primary:focus,.btn-primary:hover{
background-color:#0486b9;}
.margin-top{
margin-top:20px;}
.margin-bottom{
margin-bottom:20px;}
.pull-right{
float:right !important;}
.pull-left{
float:left !important;}
.hide{
display:none;}
.show{
display:block;}
.invisible{
visibility:hidden;}
a{
text-decoration:none;
color:#999;}
a:hover{
color:#FF5113;}
.border{
border:1px solid red;}
body{
font-family:"Montserrat",sans-serif;
font-size:14px;
overflow-x:hidden;
overflow-y:scroll;
}
@media screen and (max-width:959px){
body.filter-price-open,body.aside-basket-open{
overflow-y:hidden;} }
body a{
color:inherit;
text-decoration:none;}
.hidden{
display:none;}
.bold{
font-weight:700;}
.Booking{
min-height:100vh;
max-width:100%;
background-color:#f1f1f1;}
.BookingMenu{
margin-left:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;}
@media screen and (max-width:959px){
.BookingMenu{
display:block;
margin-left:0;} }
.BookingMenu-top-logo{
padding:18px 30px;
background-color:#f6e300;}
.BookingMenu-top-logo img{
max-width:238px;
max-height:55px;
width:auto;}
.BookingMenu-top-home{
display:none;}
.BookingMenu-top .BookingMenu-menu-connexion{
display:none;}
@media screen and (max-width:959px){
.BookingMenu-top{
display:-webkit-box;
display:-ms-flexbox;
display:flex;}
.BookingMenu-top-logo{
padding:10px 15px;}
.BookingMenu-top-logo img{
width:160px;}
.BookingMenu-top-home{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1 1 50%;
flex:1 1 50%;
background-color:#FFFFFF;
border-bottom:1px solid #00206e;}
.BookingMenu-top-home i{
font-size:2em;
color:#00206e;}
.BookingMenu-top .BookingMenu-menu-connexion{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1 1 50%;
flex:1 1 50%;
padding:0 0;}
.BookingMenu-top .BookingMenu-menu-connexion > span{
font-size:1em;}
.BookingMenu-top .BookingMenu-menu-connexion > span i{
font-size:2em;}
.BookingMenu-top .BookingMenu-menu-connexion > span .label,.BookingMenu-top .BookingMenu-menu-connexion > span:after{
display:none;}
.BookingMenu-top .BookingMenu-menu-connexion .submenu-connexion{
top:83px;
right:0;
left:0;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;}
.BookingMenu-top .BookingMenu-menu-connexion .submenu-connexion .submenu-block{
padding-left:0;
margin-left:0;
width:100%;}
.BookingMenu-top .BookingMenu-menu-connexion .submenu-connexion .submenu-block:first-child{
display:none;}
.BookingMenu-top .BookingMenu-menu-connexion .submenu-connexion .submenu-block:nth-child(2) .btn-full-yellow{
margin-top:20px;}
.BookingMenu-top .BookingMenu-menu-connexion .submenu-connexion .submenu-block:nth-child(3){
padding-left:0;
margin-bottom:40px;}
.BookingMenu-top .BookingMenu-menu-connexion .submenu-connexion .submenu-block:nth-child(3):before{
display:none !important;}
.BookingMenu-top .BookingMenu-menu-connexion .submenu-connexion .submenu-block:nth-child(3) input[type="text"]{
width:100%;}
.BookingMenu-top .BookingMenu-menu-connexion .submenu-connexion .submenu-block:nth-child(3) .PasswordForgot{
text-align:left;}
.BookingMenu-top .BookingMenu-menu-connexion .submenu-connexion .submenu-block:nth-child(3) .btn-full-yellow{
float:none;} }
.BookingMenu-menu{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding:0 0 20px 20px;
background-color:#FFFFFF;}
@media screen and (max-width:959px){
.BookingMenu-menu{
padding-top:20px;} }
.BookingMenu-menu-connexion{
padding:10px;
background-color:#00206e;
color:#FFFFFF;
cursor:pointer;}
.BookingMenu-menu-connexion > span{
position:relative;
font-size:1em;
font-weight:100;}
@media screen and (max-width:1279px){
.BookingMenu-menu-connexion > span{
font-size:-webkit-calc(17vw / 1280 * 100);
font-size:calc(17vw / 1280 * 100);} }
.BookingMenu-menu-connexion > span .label{
padding:0 20px 0 5px;
-webkit-transition:300ms;
transition:300ms;}
.BookingMenu-menu-connexion > span:after{
content:'\EA01';
position:absolute;
right:0;
top:0;
bottom:0;
height:10px;
margin:auto;
font-size:0.75em;}
.BookingMenu-menu-connexion:hover > span .label{
text-decoration:underline;}
.BookingMenu-menu-connexion .submenu{
position:absolute;
z-index:10;
right:20px;
top:50px;
padding:40px;
background-color:#00206e;
color:#FFF;
text-align:left;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-transition:.5s;
transition:.5s;}
@media screen and (max-width:1225px){
.BookingMenu-menu-connexion .submenu{
top:40px;} }
@media screen and (max-width:1170px){
.BookingMenu-menu-connexion .submenu{
top:65px;} }
.BookingMenu-menu-connexion .submenu.show{
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1);}
.BookingMenu-menu-connexion .submenu ul{
margin-left:10px;}
.BookingMenu-menu-connexion .submenu ul li{
list-style:disc;
margin:10px 0;
font-size:0.9em;}
.BookingMenu-menu-connexion .submenu ul li:hover{
color:#f6e300;
text-decoration:underline;}
.BookingMenu-menu-connexion .submenu-reservations{
left:0;
width:100vw;}
.BookingMenu-menu-connexion .submenu-connexion,.BookingMenu-menu-connexion .submenu-espace{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
font-weight:100;}
.BookingMenu-menu-connexion .submenu-connexion .PasswordForgot{
display:block;
color:#f6e300;
font-size:0.9em;
text-align:right;}
.BookingMenu-menu-connexion .submenu-connexion .submenu-block:nth-child(2) .btn-full-yellow{
margin-top:60px;}
.BookingMenu-menu-connexion .submenu-connexion .submenu-block:nth-child(3){
position:relative;
padding-left:20px;}
.BookingMenu-menu-connexion .submenu-connexion .submenu-block:nth-child(3):before{
position:absolute;
left:-20px;
display:inline-block;
content:'';
height:100%;
border-left:1px solid #1d3572;
border-right:1px solid #001750;}
.BookingMenu-menu-connexion .submenu-connexion .submenu-block:nth-child(3) .btn-full-yellow{
float:right;
margin-top:10px;}
.BookingMenu-menu-connexion .submenu-title{
display:block;
margin-bottom:20px;
text-transform:uppercase;
text-decoration:none !important;}
.BookingMenu-menu-connexion .submenu-title:after{
content:'';
display:block;
width:40px;
height:2px;
margin-top:5px;
background-color:#f6e300;}
.BookingMenu-menu-connexion .submenu-block:not(:first-child){
margin-left:40px;}
@media screen and (max-width:959px){
.BookingMenu-menu-connexion{
display:none;} }
.BookingMenu-menu-steps{width:100%;}
.BookingMenu-menu-steps ul{
height:55px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.BookingMenu-menu-steps ul li{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
font-size:13px;
margin:0 20px;
position:relative;
list-style:none;
color:#8a8d94;
text-align:center;
text-transform:uppercase;}
.BookingMenu-menu-steps ul li:not(:last-child):after{
content:"";
display:inline-block;
position:absolute;
right:-40px;
width:40px;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
color:#8a8d94;
font-size:0.6em;
font-weight:700;
text-decoration:none;}
.BookingMenu-menu-steps ul li.single{
margin-left:20px;
text-align:left;
}
.BookingMenu-menu-steps ul li.active{
color:#00206e;
font-weight:600;
text-decoration:underline;}
.BookingMenu-menu-steps ul li .number-steps{
display:none;}
@media screen and (max-width:1279px){
.BookingMenu-menu-steps ul li{
font-size:-webkit-calc(13vw / 1280 * 100);
font-size:calc(13vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingMenu-menu-steps ul{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;}
.BookingMenu-menu-steps ul li{
display:none;
margin-right:0;
text-align:center;
font-size:1.2em;}
.BookingMenu-menu-steps ul li:not(:last-child):after{
display:none;}
.BookingMenu-menu-steps ul li.active{
display:inline-block;}
.BookingMenu-menu-steps ul li .number-steps{
display:inline;} }
.BookingFooter-top{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:baseline;
-ms-flex-align:baseline;
align-items:baseline;
padding:20px 0;
border-top:3px solid #f6e300;
color:#00206e;}
.BookingFooter-top-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:0 40px;
position:relative;}
.BookingFooter-top-item:after{
content:'';
display:block;
position:absolute;
top:15px;
bottom:15px;
right:0;
border-left:1px solid #00206e;}
.BookingFooter-top-item:last-child:after{
display:none;}
.BookingFooter-top-item:last-child .icon{
font-size:2.2em;}
.BookingFooter-top-item .icon{
margin-bottom:10px;
font-size:3em;
-webkit-transition:.7s;
transition:.7s;}
.BookingFooter-top-item .label{
display:block;
font-size:0.85em;
text-align:center;
text-transform:uppercase;}
.BookingFooter-top-item:hover:not(.BookingFooter-top-item--paiement) .icon{
-webkit-transform:scale(1.3);
-ms-transform:scale(1.3);
transform:scale(1.3);}
@media screen and (max-width:768px){
.BookingFooter-top-item:first-child{
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
max-width:50%;
padding:0 20px;}
.BookingFooter-top-item:nth-child(2){
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
max-width:50%;
padding:0 20px;}
.BookingFooter-top-item:nth-child(2):after{
display:none;}
.BookingFooter-top-item:last-child{
-webkit-box-flex:1;
-ms-flex:1 0 100%;
flex:1 0 100%;
margin-top:20px;}
.BookingFooter-top-item:last-child:before{
content:'';
display:block;
width:300px;
margin:0 auto 20px auto;
border-top:1px solid #00206e;} }
.BookingFooter-bottom{
padding:10px 10px;
background-color:#dbdcdd;
font-size:0.715em;
text-align:center;
text-transform:uppercase;}
#SearchView .SearchView-view-result tbody td .grey-important{
color:#8a8d94;
text-align:center;
font-weight:700;
text-transform:uppercase;
line-height:1.2em;
vertical-align:middle;
max-width:140px;
}
#SearchView .SearchView-view-result tr.table-block.disabled > td{
color:#8a8d94;
cursor:not-allowed;
}
#SearchView .SearchView-view-result tbody tr.alt-block{
background:#fff;
transition:background-color 320ms ease;
}
#SearchView .SearchView-view-result tbody tr.alt-block > td{
vertical-align:middle;
cursor:pointer !important;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:transparent;
display:table-cell;
}
#SearchView .SearchView-view-result tbody tr.alt-block > td:first-child{
border-left:1px solid #fff;
}
#SearchView .SearchView-view-result tbody tr.alt-block > td:last-child{
border-right:1px solid #fff;
}
#SearchView .SearchView-view-result tbody tr.alt-block .icon-down-arrow{
position:absolute;
top:18px;
right:8px;
font-size:24px;
transition:transform 320ms ease;
}
#SearchView .SearchView-view-result tbody tr.alt-block:hover > td{
border-color:#00206e;
}
#SearchView .SearchView-view-result tbody tr.alt-block.open .icon-down-arrow{
transform:rotate(180deg);
}
#SearchView .SearchView-view-result tbody tr.alt-block.open{
background-color:#dbdcdd;
}
#SearchView .SearchView-view-result tbody tr.alt-block.open > td{
border-color:#dbdcdd;
}
#SearchView .SearchView-view-result tr.table-block > td.View-boatInformation-block--mobile{
display:none;
-webkit-box-flex:100%;
-ms-flex:100%;
flex:100%;
border-bottom:1px solid #8a8d94;}
@media screen and (max-width:768px){
#SearchView .SearchView-view-result tr.table-block > td.View-boatInformation-block--mobile{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;} }
#SearchView .SearchView-view-result td.separator{
padding:0;
background-color:transparent !important;}
#SearchView .SearchView-view-result tbody td:not(.separator){
height:68px;padding:8px;
position:relative;}
@media screen and (max-width:768px){
#SearchView .SearchView-view-result tbody td:not(.separator){
height:auto;} }
#SearchView .SearchView-view-result .View-boatPrice-content{
text-align:center !important;
position:relative;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;}
#SearchView .SearchView-view-result .View-boatPrice-content.not-available,
#SearchView .SearchView-view-result .View-boatPrice-content.not-available .small-red{
color:#8a8d94;
}
@media screen and (max-width:768px){
#SearchView .SearchView-view-result tr.table-block > td.View-boatInformation-block--cities{flex:65% }
#SearchView .SearchView-view-result tr.table-block > td.View-boatTime{flex:25% }
}
@media screen and (max-width:768px){
#SearchView .SearchView-view-result tr.table-block > td.notification{
-webkit-box-flex:15%;
-ms-flex:15%;
flex:15%;}
#SearchView .SearchView-view-result tr.table-block > td.notification + td{
-webkit-box-flex:35%;
-ms-flex:35%;
flex:35%;} }
#SearchView .SearchView-view-result .crossing-duration span{
font-size:0.9em;}
@media screen and (max-width:959px){
#SearchView .SearchView-view-result tr.table-block > td{
-webkit-box-flex:50%;
-ms-flex:50%;
flex:50%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;}
#SearchView .SearchView-view-result tr.table-block > td.notification{
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;}
.BookingTopDeal #SearchView .SearchView-view-result tr.table-block > td.View-boatPrice{
display:none !important;}
#SearchView .SearchView-view-result tbody tr.active td:not(.separator):nth-child(-n+2){
border-bottom:1px solid #FFFFFF !important;}
#SearchView .SearchView-view-result tbody tr:not(.active) td:not(.separator):nth-child(-n+2){
border-bottom:1px solid #8a8d94 !important;}
.BookingTopDeal #SearchView .SearchView-view-result tbody tr:not(.active) td:not(.separator):nth-child(-n+2){
border-color:transparent !important;}
#SearchView .SearchView-view-result .View-boatPrice-content{
height:100%;
min-height:auto !important;
position:static !important;}
#SearchView .SearchView-view-result .price{
margin:20px 0 0 0 !important;} }
#SearchView .SearchView-view-result .boat-cities > em{
font-style:normal;
font-weight:400;}
#SearchView .SearchView-view-result .boat-cities + .boat-cities{
margin-top:13px;}
@media screen and (max-width:768px){
#SearchView .SearchView-view-result .boat-hours{
margin-right:10px;}
#SearchView .SearchView-view-result .boat-hours .icon{
display:block;
margin:0 5px;} }
#SearchView .SearchView-view-result .View-boatInformation-block--time{
line-height:1.2em;}
#SearchView .SearchView-view-result .View-boatInformation-block--cities{
vertical-align:top;}
.BookingTopDeal #SearchView .SearchView-view-result .View-boatInformation-block--cities{
vertical-align:middle;}
@media screen and (max-width:768px){
#SearchView .SearchView-view-result .boat-hours{
-webkit-box-orient:horizontal !important;
-webkit-box-direction:normal !important;
-ms-flex-direction:row !important;
flex-direction:row !important;} }
#SearchView .BookingView-header:not(:first-of-type){
margin-top:2rem;
padding-top:2rem;
border-top:1px solid #dbdcdd;}
#SearchView .BookingTopDeal:after{
display:none;}
#SearchView table{
border-spacing:0 8px;
}
#SearchView tbody td{
padding:15px 8px;
border-style:solid;
border-color:transparent;
border-width:1px 0;
-webkit-transition:300ms border;
transition:300ms border;}
#SearchView tbody td:first-of-type{
border-left:1px solid transparent;
padding-left:15px;}
#SearchView tbody td:last-of-type{
border-right:1px solid transparent;
padding-right:15px;}
#SearchView tbody td.View-price{
text-align:center;
max-width:140px;
}
#SearchView tbody td.View-price .icon-checkin-booking{
font-size:2.2em;
}
#SearchView .SearchView-view-result tr:not(.clickable):hover td{
cursor:auto;}
@media screen and (max-width:959px){
#SearchView .SearchView-view-result tr.clickable td:nth-last-child(-n+2){
-webkit-box-flex:15%;
-ms-flex:15%;
flex:15%;
width:15%;
padding:0;
align-items:center;
} }
@media screen and (min-width:1150px){
#SearchView .SearchView-view-result tr.clickable:hover td:not(.separator){
border-color:#00206e;
cursor:pointer;} }
#SearchView .SearchView-view-result tr.clickable.active td:not(.separator){
background-color:#f6e300;}
#SearchView .SearchView-view-result tr.clickable.active td:not(.separator):nth-last-child(-n+2){
background-color:#FFFFFF;}
@media screen and (min-width:768px){
.BookingView-header .BookingView-header-title.first{max-width:50%;}
}
.BookingViewContent-connect{
position:absolute;
right:0;
background-color:#00206e;
padding:15px;
color:#FFFFFF;}
@media screen and (max-width:768px){
.BookingViewContent-connect{
display:none;} }
.BookingViewContent-connect img{
margin-right:10px;}
.BookingViewContent-connect > *{
display:block;
text-transform:uppercase;}
.BookingViewContent-connect .label{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.BookingViewContent-connect .main-cta{
padding:5px 10px;
margin:10px 0 0;
border:1px solid #FFF;}
.BookingViewContent-connect .main-cta:hover{
color:#f6e300;}
#SearchView.BookingMain{
padding:0 0 40px 0;
min-height:640px;
}
#SearchView .BookingSearchForm-wrapper{
min-width:418px;
position:relative;
margin-bottom:30px;}
@media screen and (max-width:768px){
#SearchView{
margin-top:0 !important;}
#SearchView .BookingSearchForm{
width:100%;}
#SearchView .BookingSearchForm-wrapper{
min-width:auto;} }
.BookingSearchForm{
background-color:#00206e;
color:#FFFFFF;
padding:25px;
max-width:420px;
margin:0 auto 6px;
position:relative;
}
.BookingSearchForm.BookingAdvantagesForm .BookingSearchFormContent{
background-color:#fff;
color:#00206e;
padding:16px;
margin:0 -25px -25px -25px;
}
@media screen and (min-width:675px) and (max-width:960px){
.CrossingSearchForms{
margin-top:6px;
display:flex;
}
.CrossingSearchForms > .BookingSearchForm{
flex:1 1 50%;
margin:3px;
}
}
@media screen and (max-width:675px){
.CrossingSearchForms{
margin-top:6px;
}
.CrossingSearchForms > .BookingSearchForm{
max-width:600px;
padding:5px 15px;
margin:15px auto;
}
.CrossingSearchForms > .BookingSearchForm > .BookingSearchFormContent{
display:none;
}
.CrossingSearchForms > .BookingSearchForm.open > .BookingSearchFormContent{
display:block;
}
.CrossingSearchForms > .BookingSearchForm .BookingSearchForm-title{
font-size:1.35em;
margin:-5px -15px;
padding:15px 40px;
}
.CrossingSearchForms > .BookingSearchForm .BookingSearchForm-title::before{
content:"";
font-family:'iconfont';
position:absolute;
right:16px;
top:8px;
font-size:1.5em;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transition:500ms;
transition:500ms;
}
.CrossingSearchForms > .BookingSearchForm.open .BookingSearchForm-title::before{
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
}
}
.BookingAdvantages-title-logo{
float:right;
width:60px;
height:60px;
}
.BookingAdvantages-title,.BookingAdvantages-title-yellow{
position:relative;
background:#fff;
color:#00206e;
background-size:60px;
padding:8px 0;
margin:0;
min-height:76px;
}
.BookingAdvantages-title.with-separator{
margin-top:8px;
border-top:4px solid;
}
.BookingAdvantages-title-yellow{
background:#f6e300;
color:#00206e;
margin:-16px -16px 8px -16px;
padding:8px 16px;
}
.BookingAdvantages-title-yellow strong{
display:block;
font-size:1.6em;
font-weight:bold;
}
.BookingAdvantages-title strong{
display:block;
font-size:1.2em;
font-weight:bold;
}
.BookingSearchForm.BookingAdvantagesForm input[type=text],.BookingSearchForm.BookingAdvantagesForm input[type=password]{
border:1px solid #00206e;
}
.BookingAdvantages-actions{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
}
.BookingAdvantages-actions > *{
margin:8px 0;
}
.BookingSearchForm.pinned{
position:fixed;
top:20px;}
@media screen and (max-width:768px){
.BookingSearchForm.pinned{
position:static;} }
.BookingSearchForm.on-tooltip:after{
content:'';
position:absolute;
display:block;
background-color:transparent;
width:100vw;
height:100vh;
left:0;
top:0;}
.BookingSearchForm-title{
font-weight:700;
font-size:1.45em;
display:block;
text-transform:uppercase;
margin-bottom:10px;
}
.BookingSearchForm form > span{
display:block;
text-transform:uppercase;
margin-bottom:10px;}
.BookingSearchForm form > span:not(:first-of-type){
margin-top:20px;}
.BookingSearchForm form > span:first-of-type{
margin-bottom:20px;}
.BookingSearchForm form > .form-item:last-of-type{
text-align:center;}
.BookingSearchForm form .form-wrapper{
margin-bottom:0.5rem;}
.BookingSearchForm form .form-wrapper .form-item{
margin-bottom:0;}
.BookingSearchForm form .form-item{
position:relative;}
.BookingSearchForm form .form-item-textfield{
width:100%;
padding-left:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;}
.BookingSearchForm form .form-item-textfield > input{
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
width:100%;
text-overflow:ellipsis;
}
.BookingSearchForm form .form-item-textfield[class*=icon]{
padding-left:37px;}
.BookingSearchForm form .form-item-textfield[class*=icon]:before{
position:absolute;
color:#f6e300;
left:25px;
font-size:20px;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);}
.BookingSearchForm form .form-item-textfield.twoColumns{
width:65%;}
.BookingSearch-tooltip.radio-list label{
margin-left:10px;}
.BookingSearch-tooltip.radio-list li + li{
margin-top:15px;}
.BookingSearch-tooltip label[data-suffix]:after{
content:" " attr(data-suffix);}
.BookingSearch-tooltip{
position:absolute;
background-color:#FFFFFF;
z-index:10;
top:-20px;
left:100%;
margin-left:15px;
-webkit-box-shadow:0px 2px 20px 0px rgba(138,141,148,0.4);
box-shadow:0px 2px 20px 0px rgba(138,141,148,0.4);
pointer-events:none;
display:none;}
.BookingMobileStickyMenu .BookingSearch-tooltip{
bottom:0;
top:auto;}
.BookingSearch-tooltip:after{
right:99%;
top:40px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-right-color:#f6e300;
border-width:15px;
margin-top:-15px;}
@media screen and (max-width:768px){
.BookingSearch-tooltip{
left:0;
right:0;
top:50px;
margin-left:0;}
.BookingSearch-tooltip:after{
top:auto;
right:auto;
bottom:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-color:rgba(136,183,213,0);
border-bottom-color:#f6e300;
border-width:15px;
margin-left:-15px;} }
.BookingSearch-tooltip.show{
display:block;
pointer-events:auto;}
.BookingSearch-tooltip-wrapper{
min-width:260px;
padding:20px;}
.BookingSearch-tooltip-wrapper label{
text-transform:none !important;
min-width:220px !important;}
.BookingSearch-tooltip-wrapper [type=text]{
width:30px !important;
padding:0 !important;
text-align:center;}
.BookingSearch-tooltip-title{
display:block;
color:#00206e;
background-color:#f6e300;
padding:20px;
text-align:center;
text-transform:uppercase;
font-weight:700;
font-size:2em;}
.BookingSearch-tooltip button{
background-color:#00206e;
display:block;
text-transform:uppercase;
text-align:center;
padding:10px;
width:100%;
margin-top:20px;
-webkit-transition:300ms background-color;
transition:300ms background-color;}
.BookingSearch-tooltip button:hover{
background-color:#c6d3f1;
color:#00206e;
font-weight:700;}
.BookingSearch-tooltip button:disabled{
opacity:.3;}
.BookingSearch-tooltip .handle-counter button{
margin:0;
border-radius:50%;
height:25px;
width:25px;
text-align:center;
padding:0;
display:inline-block;}
.BookingSearch-tooltip-list li,.BookingSearch-tooltip .handle-counter{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.BookingMobileStickyMenu{
display:none;
position:fixed;
bottom:0;
z-index:99;
max-height:48px;
overflow:hidden;
-webkit-transition:500ms max-height;
transition:500ms max-height;
background-color:#00206e;
color:#FFFFFF;
width:100%;}
.BookingMobileStickyMenu.expanded{
max-height:1000px;}
.BookingMobileStickyMenu.expanded .BookingMobileStickyMenu-title:before{
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);}
.BookingMobileStickyMenu-title{
text-transform:uppercase;
display:block;
position:relative;}
.BookingMobileStickyMenu-title:before{
-webkit-transition:300ms -webkit-transform;
transition:300ms -webkit-transform;
transition:300ms transform;
transition:300ms transform,300ms -webkit-transform;
position:absolute;
right:10px;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
font-size:20px;}
.BookingMobileStickyMenu-title,.BookingMobileStickyMenu-block{
padding:15px;}
.BookingMobileStickyMenu-wrapper{
border-top:2px solid #f6e300;}
.BookingMobileStickyMenu-block{
font-size:0.85em;
position:relative;
border-bottom:1px solid rgba(255,255,255,0.2);}
.BookingMobileStickyMenu-block.expanded:before{
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);}
.BookingMobileStickyMenu-block:before{
position:absolute;
right:15px;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
-webkit-transition:300ms -webkit-transform;
transition:300ms -webkit-transform;
transition:300ms transform;
transition:300ms transform,300ms -webkit-transform;}
.BookingMobileStickyMenu-block > p{
margin:8px 0;}
.BookingMobileStickyMenu-block > p:first-of-type{
text-transform:uppercase;
font-size:1.15em;}
.BookingMobileStickyMenu-block .form-wrapper{
padding-top:10px;}
.BookingMobileStickyMenu-block .form-item{
margin-top:8px;}
.BookingMobileStickyMenu-block label{
margin-left:10px;}
.BookingMobileStickyMenu-block-wrapper{
display:none;}
.BookingMobileStickyMenu-block.expanded .BookingMobileStickyMenu-block-wrapper{
display:block;}
@media screen and (max-width:768px){
.BookingMobileStickyMenu{
display:block;} }
.BookingMobileStickyMenu .BookingSearchForm{
padding:0;
margin-top:20px;
max-height:300px;
max-width:100%;
overflow-y:scroll;
overflow-x:hidden;}
.BookingMobileStickyMenu .BookingSearchForm-title{
display:none;}
.BookingMain.SearchView-page{
padding:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;}
.BookingMain.SearchView-page .Calendar-day{
font-size:0.9em;}
.BookingMain.SearchView-page .BookingCalendar-wrapper{
margin-left:15px;
margin-right:30px;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;}
.BookingMain.SearchView-page .BookingCalendar-wrapper .BookingCalendar{
max-width:none;}
.BookingMain.SearchView-page .BookingCalendar-calendar table .Calendar-checkedCell{
background-color:#00206e;
color:#FFFFFF;}
.BookingMain.SearchView-page .BookingCalendar-title span i:before{
font-size:0.9rem;}
.BookingMain.SearchView-page .BookingSearchForm-wrapper{
min-width:418px;}
.BookingMain.SearchView-page .BookingCalendar-calendar--hourFormat td{
font-size:0.9em;}
@media screen and (max-width:1150px){
.BookingMain.SearchView-page{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;}
.BookingMain.SearchView-page .BookingSearchForm{
margin:auto;
width:70%;}
.BookingMain.SearchView-page .BookingSearchForm.pinned{
position:static;} }
.BookingMain{
margin:0 auto;
padding:20px 20px 40px 20px;
max-width:1280px;
}
@media screen and (max-width:1150px){
.BookingMain{padding-left:0;padding-right:0;}
}
.BookingMain .hidden{
display:none !important;}
.BookingMain-wrapper{}
.BookingMain .travel-back{
padding:15px 20px;
background-color:#dbdcdd;}
.BookingMain .travel-back-question{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:10px;}
@media screen and (max-width:768px){
.BookingMain .travel-back-question{
display:block;} }
.BookingMain .travel-back-answer{
white-space:nowrap;
margin-left:40px;}
@media screen and (max-width:768px){
.BookingMain .travel-back-answer{
margin-left:0;
margin-top:20px;
text-align:center;} }
.BookingMain .travel-back-answer input[type="radio"]{
display:none;}
.BookingMain .travel-back-answer input[type="radio"] + label{
display:inline-block;
padding:5px 10px;
margin-right:5px;
border:1px solid #00206e;
cursor:pointer;
text-transform:uppercase;
-webkit-transition:300ms;
transition:300ms;}
.BookingMain .travel-back-answer input[type="radio"]:checked + label{
background-color:#f6e300;
border-color:#f6e300;}
.BookingMain .travel-back-answer input[type="radio"]:hover:checked + label{
background-color:#f6e300;
border-color:#f6e300;
color:#00206e;
cursor:default;}
.BookingMain .travel-back-answer input[type="radio"]:hover + label{
background-color:#00206e;
color:#FFFFFF;}
@media screen and (max-width:768px){
.BookingMain .travel-back{
padding:15px 5px;
}
.BookingMain .travel-back .cities{
width:100%;
margin-left:43px !important;} }
.BookingCalendar-title,.BookingViewContent .BookingView-header-title .title{
margin-bottom:20px;
color:#00206e;
font-size:2.8em;}
.BookingCalendar-title .icon,.BookingViewContent .BookingView-header-title .title .icon{
font-size:0.9em;}
.BookingCalendar-title > *,.BookingViewContent .BookingView-header-title .title > *{
vertical-align:middle;}
@media screen and (max-width:768px){
.BookingCalendar-title,.BookingViewContent .BookingView-header-title .title{
font-size:2.2em;} }
@media screen and (max-width:360px){
.BookingCalendar-title,.BookingViewContent .BookingView-header-title .title{
font-size:-webkit-calc(28vw / 360 * 100);
font-size:calc(28vw / 360 * 100);} }
.BookingDetails-title,.BookingPersonalData-title,.BookingPayment-title,.BookingConfirmation-title{
margin-bottom:30px;
color:#00206e;
font-size:1.72em;
text-transform:uppercase;}
@media screen and (max-width:768px){
.BookingDetails-title,.BookingPersonalData-title,.BookingPayment-title,.BookingConfirmation-title{
display:none;} }
.BookingDetails-details-block .block-title,.BookingPersonalData-content-block .block-title,.BookingPayment-content-block-title,.BookingConfirmation-wrapper .BookingConfirmation-block-title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:2.8em;
font-weight:400;}
.BookingDetails-details-block .block-title .icon,.BookingPersonalData-content-block .block-title .icon,.BookingPayment-content-block-title .icon,.BookingConfirmation-wrapper .BookingConfirmation-block-title .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;}
.BookingDetails-details-block .block-title .icon:not(.icon-multi-passagers):not(.icon-aller):not(.icon-info),.BookingPersonalData-content-block .block-title .icon:not(.icon-multi-passagers):not(.icon-aller):not(.icon-info),.BookingPayment-content-block-title .icon:not(.icon-multi-passagers):not(.icon-aller):not(.icon-info),.BookingConfirmation-wrapper .BookingConfirmation-block-title .icon:not(.icon-multi-passagers):not(.icon-aller):not(.icon-info){
font-size:1.4em;}
.BookingDetails-details-block .block-title span,.BookingPersonalData-content-block .block-title span,.BookingPayment-content-block-title span,.BookingConfirmation-wrapper .BookingConfirmation-block-title span{
margin:0 10px;}
@media screen and (max-width:768px){
.BookingDetails-details-block .block-title,.BookingPersonalData-content-block .block-title,.BookingPayment-content-block-title,.BookingConfirmation-wrapper .BookingConfirmation-block-title{
font-size:2em;} }
.BookingDetails-details-block .small-title .block-title{
margin-top:0.5em;
}
.BookingDetails-details-block .small-title .block-title > span{
margin-left:0;
font-size:1.4rem;
font-weight:bold;
}
.BookingDetails-details-block .block-subtitle,.BookingPersonalData-content-block .block-subtitle{
display:block;
margin-top:5px;
color:#8a8d94;
font-style:italic;
font-size:0.9em;
}
.BookingDetails-details-block.closed .block-subtitle,
.BookingDetails-details-block.closed .BookingDetails-details-subblock.open,
.BookingDetails-details-block.closed .block-title .icon-info{
display:none !important;
}
.BookingDetails-details-header{
position:relative;
}
.BookingDetails-details-header > button{
position:absolute;
top:-2.5em;right:2em;
}
.BookingDetails-details-header-infos{
display:none;
font-weight:bold;
margin:0.5em 0 0 4em;
}
.BookingDetails-details-block.closed .BookingDetails-details-header-infos{
display:block;
}
.BookingDetails-details-block .subblock-title,.BookingPersonalData-content-subblock .subblock-title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
font-size:1.3em;}
.BookingDetails-details-block .subblock-title .cities,.BookingPersonalData-content-subblock .subblock-title .cities{
margin:0 5px;
font-weight:600;
text-transform:uppercase;}
.BookingDetails-details-block .subblock-title .cities .icon,.BookingPersonalData-content-subblock .subblock-title .cities .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-size:0.5em;
margin:0 5px;}
.BookingDetails-details-block .subblock-title .date-hours,.BookingPersonalData-content-subblock .subblock-title .date-hours{
color:#8a8d94;
font-size:1rem;
display:block;}
.cf-MessagePopup .BookingDetails-details-block .subblock-title .date-hours{
width:100%;
}
@media screen and (max-width:768px){
.BookingDetails-details-block .subblock-title .date-hours,.BookingPersonalData-content-subblock .subblock-title .date-hours{
width:100%;
-webkit-box-flex:1;
-ms-flex:1 0 auto;
flex:1 0 auto;
margin-left:43px;} }
.BookingPayment-item > input,.BookingPassenger-corsicaClub .choice input[type="radio"],input[type="checkbox"].circle,input[type="radio"].circle,.BookingPayment-item-content .block-checkbox input[type="checkbox"],input[type="checkbox"].square,input[type="radio"].square{
display:none;}
.BookingPayment-item > input + label,.BookingPassenger-corsicaClub .choice input[type="radio"] + label,ul.assurance-list > li .assurance-btn input[type="radio"] + label,input[type="checkbox"].circle + label,input[type="radio"].circle + label,.BookingPayment-item-content .block-checkbox input[type="checkbox"] + label,input[type="checkbox"].square + label,input[type="radio"].square + label{
display:inline-block;
margin-bottom:5px;
cursor:pointer;}
.BookingPayment-item > input + label span,.BookingPassenger-corsicaClub .choice input[type="radio"] + label span,ul.assurance-list > li .assurance-btn input[type="radio"] + label span,input[type="checkbox"].circle + label span,input[type="radio"].circle + label span,.BookingPayment-item-content .block-checkbox input[type="checkbox"] + label span,input[type="checkbox"].square + label span,input[type="radio"].square + label span{
vertical-align:middle;}
.BookingPayment-item > input + label .checkbox,.BookingPassenger-corsicaClub .choice input[type="radio"] + label .checkbox,ul.assurance-list > li .assurance-btn input[type="radio"] + label .checkbox,input[type="checkbox"].circle + label .checkbox,input[type="radio"].circle + label .checkbox,.BookingPayment-item-content .block-checkbox input[type="checkbox"] + label .checkbox,input[type="checkbox"].square + label .checkbox,input[type="radio"].square + label .checkbox{
display:inline-block;
width:15px;
height:15px;
position:relative;
margin-right:5px;
border-radius:5px 5px;
border:1px solid #00206e;
vertical-align:middle;}
.BookingPayment-item > input:checked + label .checkbox:before,.BookingPassenger-corsicaClub .choice input[type="radio"]:checked + label .checkbox:before,ul.assurance-list > li .assurance-btn input[type="radio"]:checked + label .checkbox:before,input[type="checkbox"].circle:checked + label .checkbox:before,input[type="radio"].circle:checked + label .checkbox:before,.BookingPayment-item-content .block-checkbox input[type="checkbox"]:checked + label .checkbox:before,input[type="checkbox"].square:checked + label .checkbox:before,input[type="radio"].square:checked + label .checkbox:before{
content:'';
display:inline-block;
position:absolute;
top:2px;
left:2px;
bottom:2px;
right:2px;
background-color:#00206e;
border-radius:50%;}
.BookingPayment-item > input + label .checkbox,.BookingPassenger-corsicaClub .choice input[type="radio"] + label .checkbox,ul.assurance-list > li .assurance-btn input[type="radio"] + label .checkbox,input[type="checkbox"].circle + label .checkbox,input[type="radio"].circle + label .checkbox{
border-radius:50%;}
.BookingCalendar{
max-width:980px;
margin:40px auto;}
.BookingCalendar--large{
max-width:1240px;}
@media screen and (max-width:959px){
.BookingCalendar--large{
overflow-x:scroll;} }
@media screen and (max-width:768px){
.BookingCalendar{
overflow-x:scroll;} }
.BookingCalendar-links{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:-25px;
color:#8a8d94;
font-size:0.9em;
text-align:right;}
.BookingCalendar-links button{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.BookingCalendar-links button span{
text-decoration:underline;
-webkit-transition:300ms;
transition:300ms;}
.BookingCalendar-links button:hover span{
text-decoration:none;}
.BookingCalendar-links .link-back-7days{
margin-right:40px;}
.BookingCalendar-links .link-back-7days:before{
content:"";
margin-right:10px;
font-size:0.6em;
font-weight:700;
text-decoration:none;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);}
.BookingCalendar-links .link-print .icon-print{
margin-right:10px;
font-size:1.7em;
vertical-align:middle;}
#SearchView table.BookingCalendar-calendar-table{
width:100%;
border-collapse:separate;
border-spacing:5px;
border:0;
}
#SearchView table.BookingCalendar-calendar-table > tbody > tr > td{
min-width:3.5em;
}
.BookingCalendar-calendar table td{
position:relative;
padding:15px 0 10px 0;
background-color:#FFFFFF;
border:none;
color:#00206e;
text-align:center;
white-space:nowrap;}
.BookingCalendar-calendar table td div{
white-space:normal;}
.BookingCalendar-calendar table th{
padding:10px 0;
background-color:#FFFFFF;
border:none;}
.BookingCalendar-calendar table thead.no-border th{
border:none;
background-color:transparent;}
.BookingCalendar-calendar table .Calendar-day{
position:relative;
width:93px;
color:#8a8d94;
border-bottom:2px solid #00206e;
font-weight:400;}
.BookingCalendar-calendar table .Calendar-day--simple{
width:auto;
border-bottom:0;
background-color:transparent;}
.BookingCalendar-calendar table .Calendar-day-prev,.BookingCalendar-calendar table .Calendar-day-next{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:absolute;
top:0;
bottom:-2px;
width:30px;
background-color:#FFFFFF;
border-bottom:2px solid #00206e;
color:#00206e;
cursor:pointer;
font-size:1.4em;
-webkit-transition:300ms;
transition:300ms;}
.BookingCalendar-calendar table .Calendar-day-prev:hover,.BookingCalendar-calendar table .Calendar-day-next:hover{
background-color:#f6e300;}
.BookingCalendar-calendar table .Calendar-day-prev{
left:-35px;}
.BookingCalendar-calendar table .Calendar-day-next{
right:-35px;}
.BookingCalendar-calendar table .Calendar-dayTime{
color:#8a8d94;
cursor:default;
text-transform:uppercase;
vertical-align:top;}
.BookingCalendar-calendar table .Calendar-emptyCell{
background-color:transparent;}
.BookingCalendar-calendar table .Calendar-notCheckedCell{
cursor:pointer;}
.BookingCalendar-calendar table .Calendar-notCheckedCell:hover{
background-color:#8a8d94;
color:#FFFFFF;}
.BookingCalendar-calendar table .Calendar-notCheckedCell:hover.Calendar-searchCell{
background-color:#8a8d94 !important;}
.BookingCalendar-calendar table .Calendar-notCheckedCell:hover .Calendar-cellHours,.BookingCalendar-calendar table .Calendar-notCheckedCell:hover .Calendar-cellPrice{
display:block;
color:#00206e;}
.BookingCalendar-calendar table .Calendar-dest{
min-width:170px;
padding-left:15px;
padding-right:15px;
color:#00206e;
font-weight:600;
text-align:left;
text-transform:uppercase;}
.BookingCalendar-calendar table .Calendar-evenCell td,.BookingCalendar-calendar table .Calendar-evenCell th{
background-color:#dbdcdd;}
.BookingCalendar-calendar table .Calendar-searchDay{
background-color:#00206e;
color:#FFFFFF;}
.BookingCalendar-calendar table .Calendar-searchCell{
background-color:#c6d3f1 !important;
color:#00206e;}
.BookingCalendar-calendar table .Calendar-bestPrice{
position:relative;}
.BookingCalendar-calendar table .Calendar-bestPrice:after{
content:"";
display:inline-block;
position:absolute;
top:5px;
right:5px;
background-color:#FFFFFF;
color:#ea0d3c;
font-size:0.7em;}
.BookingCalendar-calendar table td.Calendar-checkedCell{
background-color:#f6e300;
cursor:default;
pointer-events:none;}
.BookingCalendar-calendar table td.Calendar-checkedCell:hover{
background-color:#f6e300;}
.BookingCalendar-calendar table .Calendar-cellHours,.BookingCalendar-calendar table .Calendar-cellPrice{
display:none;
position:absolute;
top:0;
left:50%;
-webkit-transform:translate(-50%,-100%);
-ms-transform:translate(-50%,-100%);
transform:translate(-50%,-100%);
min-width:130px;
z-index:3;
padding:8px;
background:-webkit-gradient(linear,left bottom,left top,from(#ebebeb),to(#FFFFFF));
background:linear-gradient(to top,#ebebeb 0%,#FFFFFF 100%);
border:1px solid #00206e;
font-size:0.9em;
font-weight:500;
-webkit-box-shadow:0 0 11px 2px rgba(0,0,0,0.2);
box-shadow:0 0 11px 2px rgba(0,0,0,0.2);}
.BookingCalendar-calendar table .Calendar-cellHours:before,.BookingCalendar-calendar table .Calendar-cellPrice:before,.BookingCalendar-calendar table .Calendar-cellHours:after,.BookingCalendar-calendar table .Calendar-cellPrice:after{
content:"";
position:absolute;
width:0;
height:0;
border-color:transparent;
border-style:solid;
border-bottom-width:0;
left:50%;}
.BookingCalendar-calendar table .Calendar-cellHours:before,.BookingCalendar-calendar table .Calendar-cellPrice:before{
border-top-color:#00206e;
border-width:10px;
margin-left:-10px;
bottom:-20px;}
.BookingCalendar-calendar table .Calendar-cellHours:after,.BookingCalendar-calendar table .Calendar-cellPrice:after{
border-top-color:#ebebeb;
border-width:11px;
margin-left:-11px;
bottom:-20px;}
.BookingCalendar-calendar table .Calendar-cellHours-info{
color:#8a8d94;
margin-top:5px;
min-width:100px;
white-space:nowrap;
text-align:center;}
.BookingCalendar-calendar table .Calendar-cellPrice{
padding-top:10px;
padding-bottom:10px;
font-size:1.17em;
font-weight:700;}
.BookingCalendar-calendar .dot{
display:inline-block;
width:10px;
height:10px;
border-radius:50%;
background-color:#000;}
.BookingCalendar-calendar .dot.red-dot{
background-color:#ea0d3c;}
.BookingCalendar-calendar .dot.yellow-dot{
background-color:#f6e300;}
.BookingCalendar-calendar .dot.purple-dot{
background-color:#BA007E;}
.BookingCalendar-calendar .dot.green-dot{
background-color:#3CBA28;}
.BookingMain-view{
position:relative;}
.BookingViewContent{
max-width:1020px;
width:-webkit-calc(100% - 230px);
width:calc(100% - 230px);
margin:0 0 0 auto;
color:#00206e;}
#SearchView .BookingViewContent{
width:auto;
margin:0 0 0 25px;}
@media screen and (max-width:1040px){
#SearchView .BookingViewContent{
margin:0 8px;} }
@media screen and (min-width:940px) and (max-width:1040px){
#SearchView .SearchView-view-result tbody td:not(.separator){
padding-left:0;
padding-right:0;
}
}
.BookingViewContent .small-red{
font-size:12px;
color:#ea0d3c;
display:block;
white-space:nowrap;}
@media screen and (max-width:959px){
.BookingViewContent{
max-width:none;
width:100%;} }
.BookingViewContent .BookingView{
margin-bottom:40px;}
.BookingViewContent .BookingView-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
@media screen and (max-width:1150px){
.BookingViewContent .BookingView-header-title .title{
font-size:1.8em;} }
.BookingViewContent .BookingView-header-links{
margin-left:20px;
-ms-flex-negative:0;
flex-shrink:0;}
.BookingViewContent .BookingView-header-links .calendar-link{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
position:relative;
color:#8a8d94;}
.BookingViewContent .BookingView-header-links .calendar-link:first-child{
margin-bottom:10px;}
.BookingViewContent .BookingView-header-links .calendar-link-content{
margin:0 5px 0 8px;
overflow:hidden;
position:relative;}
.BookingViewContent .BookingView-header-links .calendar-link-content:after{
content:'';
display:block;
position:absolute;
left:0;
right:0;
bottom:0;
border-bottom:1px solid #8a8d94;
opacity:1;
-webkit-transition:300ms;
transition:300ms;}
.BookingViewContent .BookingView-header-links .calendar-link:before{
content:"";
display:inline-block;}
.BookingViewContent .BookingView-header-links .calendar-link:after{
content:"";
font-size:0.7em;}
.BookingViewContent .BookingView-header-links .calendar-link:hover .calendar-link-content:after{
opacity:0;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-header-links{
display:none;} }
.BookingViewContent .BookingView-filter{
display:inline-block;
padding:8px 10px 8px 10px;
position:relative;
background-color:#FFFFFF;
border:1px solid #dbdcdd;
border-radius:3px 3px;
color:#8a8d94;
cursor:pointer;
text-transform:uppercase;}
.BookingViewContent .BookingView-filter .current-filter{
display:inline-block;
width:100%;
position:relative;
padding-right:30px;}
.BookingViewContent .BookingView-filter .current-filter:after{
content:'';
display:inline-block;
position:absolute;
right:0;
top:0;
bottom:0;
margin:auto;
background-image:url(../img/sprite.png);
background-position:-204px -150px;
width:8px;
height:16px;}
.BookingViewContent .BookingView-filter--sort{
text-transform:none;}
.BookingViewContent .BookingView-filter .current-filter .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0 5px;
font-size:0.6em;}
.BookingViewContent .BookingView-filter ul{
display:none;}
.BookingViewContent .BookingView-filter ul li{
list-style:none;
padding:10px 10px;
cursor:pointer;
text-transform:none;}
.BookingViewContent .BookingView-filter ul li:last-child{
margin-bottom:0;
border-radius:0 0 5px 5px;}
.BookingViewContent .BookingView-filter ul li .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0 5px;
font-size:0.6em;}
.BookingViewContent .BookingView-filter ul li:hover{
background-color:#f1f1f1;
color:#8a8d94;}
.BookingViewContent .BookingView-filter.open{
border-radius:5px 5px 0 0;}
.BookingViewContent .BookingView-filter.open ul{
display:block;
position:absolute;
top:35px;
left:-1px;
right:-1px;
z-index:5;
background-color:#FFFFFF;
border:1px solid #dbdcdd;
border-radius:0 0 5px 5px;
-webkit-box-shadow:0 4px 10px 2px rgba(0,0,0,0.2);
box-shadow:0 4px 10px 2px rgba(0,0,0,0.2);
color:#8a8d94;}
.BookingViewContent .BookingView-noResults{
margin:40px 0;
color:#ea0d3c;
text-align:center;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table tbody{
display:block;}
#SearchView .SearchView-view-result tbody tr.alt-block,
.BookingViewContent .BookingView-view table tbody tr.table-block{
max-width:580px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;}
.BookingViewContent .BookingView-view table tbody tr td.table-line{
background-color:#dbdcdd;}
#SearchView .SearchView-view-result tbody tr.alt-block .View-boatInformation-block{flex:100%;border-width:1px 1px 0 1px;}
#SearchView .SearchView-view-result tbody tr.alt-block .View-boatPrice{flex:100%;border-width:0 1px 1px 1px;}
}
.BookingDetails{
position:relative;
padding-bottom:10px;}
.BookingDetails-wrapper{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;}
@media screen and (max-width:768px){
.BookingDetails{
margin-top:20px;} }
.BookingDetails-details{
margin-right:15px;
color:#00206e;
}
@media screen and (max-width:959px){
.BookingDetails-details{
width:100%;
margin-right:0;} }
.BookingDetails-details-block{
padding:25px 0;
}
.BookingDetails-details-block.closed{
padding-bottom:0;
}
@media screen and (max-width:768px){
.BookingDetails-details-block.no-border-mobile{
border:none;} }
.BookingDetails-details-block .block-title{
position:relative;
}
.BookingDetails-details-block .block-title .icon-info{
font-size:0.6em;}
.BookingDetails-details-block .subblock-title{
margin:10px 10px 10px 0;}
.BookingDetails-details-subblock{
display:none;}
.BookingDetails-details-subblock.open{
display:block;}
.BookingDetails-details-subblock .subblock-head{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:20px;}
@media screen and (max-width:768px){
.BookingDetails-details-subblock .subblock-head{
display:block;} }
.BookingDetails-details-subblock .subblock-conditions{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding:15px 15px;
background-color:#dbdcdd;
max-width:300px;
margin:0 0 0 auto;
}
@media screen and (max-width:768px){
.BookingDetails-details-subblock .subblock-conditions{
margin-left:0;
max-width:none;} }
.BookingDetails-details-subblock .subblock-conditions .icon{
font-size:2em;
margin-right:10px;}
.BookingDetails-details-subblock .subblock-conditions .label{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
cursor:pointer;
font-weight:600;}
.BookingDetails-details-subblock .subblock-conditions .label .checkbox{
display:inline-block;
width:15px;
height:15px;
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
margin-right:10px;
position:relative;
background-color:#FFFFFF;
border:1px solid #00206e;
border-radius:5px 5px;}
.BookingDetails-details-subblock .subblock-conditions .label.selected .checkbox:before{
content:'';
display:block;
position:absolute;
top:2px;
bottom:2px;
right:2px;
left:2px;
border-radius:50%;
background-color:#00206e;}
.BookingDetails-details-subblock .choice-list-title{
margin:0 1em;
}
.BookingDetails-details-subblock ul.choice-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
margin-bottom:13px;}
.BookingDetails-details-subblock ul.choice-list.subchoices{
justify-content:center;
width:100%;
flex-wrap:nowrap;
}
@media screen and (max-width:768px){
.BookingDetails-details-subblock ul.choice-list.subchoices{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
}
.BookingDetails-details-subblock ul.choice-list.subchoices .choice-item{
flex:1 1 100% !important;
margin:0 2px;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:start;
}
.BookingDetails-details-subblock ul.choice-list.subchoices .choice-item .item-title .label{
min-height:42px;
}
.choice-item .item-descr{
font-size:0.8em;
color:#8a8d94;
}
.choice-item.active > .item-descr{
color:#00206e
}
.MultiLegs > .choice,.MultiLegs > .travel-go > .choice,.MultiLegs > .travel-back > .choice{
position:relative;
}
.BookingDetails-details-subblock ul.choice-list .subblock-conditions{
position:absolute;
top:-36px;
right:0;
height:32px;
}
@media screen and (max-width:768px){
.BookingDetails-details-subblock ul.choice-list .subblock-conditions{
position:static;
margin-top:13px;
padding:10px 0;
}
}
.same-choice-possible .uprice-single{display:inline-block;}
.same-choice-possible .uprice-multi{display:none;}
.same-choice-possible.same-choice-enabled .uprice-single{display:none;}
.same-choice-possible.same-choice-enabled .uprice-multi{display:inline-block;}
.BookingDetails-details-subblock ul.choice-list .choice-item{
list-style:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
width:24%;
width:-webkit-calc(25% - 10px);
width:calc(25% - 10px);
margin-top:13px;
padding:20px 20px;
position:relative;
background-color:#FFFFFF;
-webkit-transition:300ms;
transition:300ms;}
.is-fret .BookingDetails-editors{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
}
.is-fret .BookingDetails-editors > div{flex:0 0 100%;}
@media screen and (min-width:768px){
.is-fret .BookingDetails-editors .passengersblock,.is-fret .BookingDetails-editors .vehiclesblock{flex:0 1 48%;}
}
.is-fret .passengersblock .block-title,.is-fret .vehiclesblock .block-title{height:48px;}
.is-fret .passengersblock .choice-item,.is-fret .vehiclesblock .choice-item{min-height:160px;}
.is-fret .BookingDetails-editors .vehiclesblock .block-subtitle{display:none;}
.is-fret .passengersblock .BookingDetails-details-subblock ul.choice-list .choice-item,
.is-fret .vehiclesblock .BookingDetails-details-subblock ul.choice-list .choice-item{
width:auto;
}
.is-fret .BookingDetails-details-subblock ul.choice-list .subblock-conditions{
position:static;
max-width:50%;
height:5em;
align-self:center;
}
.accomodationsblock .innerprestablock.no-pets .choice-item-content > .item-title > .icon.icon-animaux{
display:none;
}
.Subscription-Block .BookingDetails-details-subblock ul.choice-list.choice-list .choice-item{
width:49%;
width:-webkit-calc(50% - 10px);
width:calc(50% - 10px);
}
.Subscription-Block .BookingDetails-details-subblock ul.choice-list.choice-list.by-3 .choice-item,
.Subscription-Block .BookingDetails-details-subblock ul.choice-list.choice-list.by-5 .choice-item:nth-child(-n+3){
width:32%;
width:-webkit-calc(33% - 10px);
width:calc(33% - 10px);
}
.Subscription-Block .BookingDetails-details-subblock ul.choice-list .choice-item .item-title .price{
margin:4px;
}
.Subscription-Block .BookingDetails-details-subblock ul.choice-list .choice-item--withHead .choice-item-head{
margin-bottom:6px;
}
.BookingDetails-details-subblock ul.choice-list .choice-item.disabled{
color:#8a8d94;
}
.BookingDetails-details-subblock ul.choice-list .choice-item.disabled .btn{
display:none !important;
}
.BookingDetails-details-subblock ul.choice-list .choice-item--food{
position:initial;}
@media screen and (max-width:768px){
.Subscription-Block .BookingDetails-details-subblock ul.choice-list .choice-item{
width:100%
}
.BookingDetails-details-subblock ul.choice-list .choice-item{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
width:100%;
padding-top:10px;
padding-bottom:10px;}
.BookingDetails-details-subblock ul.choice-list .choice-item--food,.BookingDetails-details-subblock ul.choice-list .choice-item--withHead,.BookingDetails-details-subblock ul.choice-list .choice-item--promo-food{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
position:relative;}
.BookingDetails-details-subblock ul.choice-list .choice-item--services{
padding:15px 10px 30px 10px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;}
.BookingDetails-details-subblock ul.choice-list .choice-item--services .btn{
margin-top:20px;} }
.BookingDetails-details-subblock ul.choice-list .choice-item:not(:last-child){
margin-right:8px;}
@media screen and (max-width:768px){
.BookingDetails-details-subblock ul.choice-list .choice-item
{margin:8px;width:100% !important;}
.BookingDetails-details-subblock ul.choice-list .choice-item.choice-item--withHead .item-title,
.BookingDetails-details-subblock ul.choice-list .choice-item.choice-item--withHead .item-title .label{
text-align:center;
}
}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-conditions{
font-size:0.8em;
margin:-8px -8px 0 -8px;
color:#8a8d94;
width:100%;
text-align:center;
}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title{
margin-bottom:25px;
width:100%;
text-align:center;}
@media screen and (max-width:768px){
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
margin-bottom:0;
text-align:left;
}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title--passengers{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
max-width:none;
width:auto;}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title--passengers .icon{
margin-right:10px;}
}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon--passengers,.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon--vehicles,.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon--food{
font-size:3.5em;}
@media screen and (max-width:1279px){
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon--passengers,.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon--vehicles,.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon--food{
font-size:-webkit-calc(42vw / 1280 * 100);
font-size:calc(42vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon--passengers,.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon--vehicles,.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon--food{
font-size:3.5em;} }
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon--cabin{
font-size:2.5em;}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon--allServices{
font-size:4.5em;}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .label{
display:block;
margin-top:5px;
font-weight:700;
font-size:1.3em;
line-height:1.1em;
text-align:center;}
@media screen and (max-width:1279px){
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .label{
font-size:-webkit-calc(18vw / 1280 * 100);
font-size:calc(18vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .label{
font-size:1.3em;} }
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .label > *{
display:inline-block;}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .price{
display:block;
margin-top:5px;
font-size:1.2em;}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .price .price-prefix{
font-size:0.6em;
}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-description{
margin:10px 6px 0 6px;
font-size:0.8em;
font-style:italic;
}
@media screen and (max-width:768px){
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon{
width:48px;display:inline-block;
flex:0 0 auto;text-align:center;
}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .icon.icon--vehicles{
float:left;
width:86px;
line-height:0;
}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-title .label{
text-align:left;
}
.BookingDetails-details-subblock ul.choice-list .choice-item .item-description{
margin-bottom:10px;} }
.BookingDetails-details-subblock ul.choice-list .choice-item .btn{
padding-top:8px;
padding-bottom:8px;}
.BookingDetails-details-subblock ul.choice-list .choice-item .quantity .quantity-number{
border-color:#dbdcdd;}
.BookingDetails-details-subblock ul.choice-list .choice-item .quantity .js-quantity-down,.BookingDetails-details-subblock ul.choice-list .choice-item .quantity .js-quantity-up{
background-color:#f6e300;
font-size:1.15em;
font-weight:600;}
.BookingDetails-details-subblock ul.choice-list .choice-item .quantity .js-quantity-down:before,.BookingDetails-details-subblock ul.choice-list .choice-item .quantity .js-quantity-up:before{
color:#00206e;}
.BookingDetails-details-subblock ul.choice-list .choice-item .quantity .js-quantity-down:hover,.BookingDetails-details-subblock ul.choice-list .choice-item .quantity .js-quantity-up:hover{
background-color:#00206e;}
.BookingDetails-details-subblock ul.choice-list .choice-item .quantity .js-quantity-down:hover:before,.BookingDetails-details-subblock ul.choice-list .choice-item .quantity .js-quantity-up:hover:before{
color:#FFFFFF;}
.BookingDetails-details-subblock ul.choice-list .choice-item .quantity .js-quantity-down.disabled,.BookingDetails-details-subblock ul.choice-list .choice-item .quantity .js-quantity-up.disabled{
opacity:0.5;
pointer-events:none;
cursor:default;}
.BookingDetails-details-subblock ul.choice-list .choice-item .foodDetail-js-trigger{
background:none;
color:#aaa6a6;
font-size:0.8em;
text-decoration:underline;}
.BookingDetails-details-subblock ul.choice-list .choice-item .foodDetail-js-trigger:after{
content:"";
font-family:'iconfont';
font-size:0.5em;
display:inline-block;
margin-left:5px;}
.BookingDetails-details-subblock ul.choice-list .choice-item .delete-option,.BookingDetails-details-subblock ul.choice-list .choice-item .change-option{
display:none;
height:34px;
cursor:pointer;}
.BookingDetails-details-subblock ul.choice-list .choice-item .delete-option .label,.BookingDetails-details-subblock ul.choice-list .choice-item .change-option .label{
position:relative;
font-size:0.87em;
text-decoration:underline;
-webkit-transition:300ms;
transition:300ms;}
.BookingDetails-details-subblock ul.choice-list .choice-item .delete-option .icon,.BookingDetails-details-subblock ul.choice-list .choice-item .change-option .icon{
margin-right:5px;}
.BookingDetails-details-subblock ul.choice-list .choice-item .delete-option:hover .label,.BookingDetails-details-subblock ul.choice-list .choice-item .change-option:hover .label{
text-decoration:none;}
.BookingDetails-details-subblock ul.choice-list .choice-item .delete-option:before{
content:"";
margin-right:5px;
padding:2px 2px 2px 2px;
border:1px solid #00206e;
border-radius:3px 3px;
font-size:0.5em;}
.BookingDetails-details-subblock ul.choice-list .choice-item.active{
background-color:#f6e300;}
.BookingDetails-details-subblock ul.choice-list .choice-item.active .add-option{
display:none !important;}
.BookingDetails-details-subblock ul.choice-list .choice-item.active .delete-option,.BookingDetails-details-subblock ul.choice-list .choice-item.active .change-option{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:transparent;
border:0;
}
.BookingDetails-details-subblock ul.choice-list .choice-item.active .quantity .quantity-number{
background-color:#FFFFFF;
border-color:#dbdcdd;}
.BookingDetails-details-subblock ul.choice-list .choice-item.active .quantity .js-quantity-down,.BookingDetails-details-subblock ul.choice-list .choice-item.active .quantity .js-quantity-up{
background-color:#00206e;}
.BookingDetails-details-subblock ul.choice-list .choice-item.active .quantity .js-quantity-down:before,.BookingDetails-details-subblock ul.choice-list .choice-item.active .quantity .js-quantity-up:before{
color:#f6e300;}
.BookingDetails-details-subblock ul.choice-list .choice-item.active .quantity .js-quantity-down:hover,.BookingDetails-details-subblock ul.choice-list .choice-item.active .quantity .js-quantity-up:hover{
background-color:#8a8d94;}
.BookingDetails-details-subblock ul.choice-list .choice-item.active .quantity .js-quantity-down:hover:before,.BookingDetails-details-subblock ul.choice-list .choice-item.active .quantity .js-quantity-up:hover:before{
color:#FFFFFF;}
.BookingDetails-details-subblock ul.choice-list .choice-item--withHead{
padding:0 0 20px 0;
}
.BookingDetails-details-subblock ul.choice-list .choice-item--withHead .choice-item-head{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:45px;
width:100%;
padding:5px 15px;
background-color:#00206e;
color:#FFFFFF;
font-size:1.15em;
font-weight:600;
line-height:1em;
text-align:center;}
@media screen and (max-width:1279px){
.BookingDetails-details-subblock ul.choice-list .choice-item--withHead .choice-item-head{
font-size:-webkit-calc(16vw / 1280 * 100);
font-size:calc(16vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingDetails-details-subblock ul.choice-list .choice-item--withHead .choice-item-head{
font-size:1.15em;} }
.BookingDetails-details-subblock ul.choice-list .choice-item--withHead .choice-item-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
width:100%;
padding:10px 5px 15px 5px;
}
.BookingDetails-details-subblock ul.choice-list .choice-item--withHead .item-title{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
margin-bottom:10px;}
.BookingDetails-details-subblock ul.choice-list .choice-item--withHead .item-title .label{
margin-top:0;}
.BookingDetails-details-subblock ul.choice-list .choice-item--withHead .item-title .price{
margin-top:0;}
.BookingDetails-details-subblock ul.choice-list .choice-item--promo-food{
background-color:#f6e300;}
@media screen and (max-width:768px){
.BookingDetails-details-subblock ul.choice-list .choice-item--promo-food{
padding:30px 20px;} }
.BookingDetails-details-subblock ul.choice-list .item-promo--title{
text-transform:uppercase;
font-weight:700;
font-size:1.7em;
line-height:1em;
text-align:center;}
@media screen and (max-width:768px){
.BookingDetails-details-subblock ul.choice-list .item-promo--title{
margin-bottom:15px;} }
@media screen and (max-width:768px){
.BookingDetails-details-subblock ul.choice-list .item-promo--price{
margin-bottom:10px;} }
.BookingDetails-details-subblock ul.choice-list .item-promo--price .smallText{
font-weight:700;
text-align:center;
font-size:0.9em;}
.BookingDetails-details-subblock ul.choice-list .item-promo--price .number-price{
font-size:4em;
font-weight:700;
line-height:1em;}
.BookingDetails-details-subblock ul.choice-list .item-promo--price sup{
font-size:0.6em;}
.BookingDetails-details-subblock ul.choice-list .item-promo--subtitle{
text-align:center;
text-transform:uppercase;
font-weight:700;}
@media screen and (max-width:768px){
.BookingDetails-details-subblock ul.choice-list .item-promo--subtitle{
margin-bottom:15px;} }
.BookingDetails-details-subblock ul.choice-list .item-promo--button a{
color:#f6e300;
font-size:0.9em;}
.BookingDetails-details-subblock .choice-conditions{
margin:13px 0;}
.BookingDetails-details-subblock .choice-conditions-head{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:15px 15px;
background-color:#dbdcdd;
text-align:center;}
@media screen and (max-width:768px){
.BookingDetails-details-subblock .choice-conditions-head{
text-align:left;} }
.BookingDetails-details-subblock .choice-conditions-head .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-size:1.8em;}
.BookingDetails-details-subblock .choice-conditions-head .label{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-left:15px;
cursor:pointer;
font-weight:600;}
@media screen and (max-width:768px){
.BookingDetails-details-subblock .choice-conditions-head .label{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;} }
.BookingDetails-details-subblock .choice-conditions-head .label .checkbox{
display:block;
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:15px;
height:15px;
margin-right:10px;
position:relative;
background-color:#FFFFFF;
border:1px solid #00206e;
border-radius:5px 5px;}
.BookingDetails-details-subblock .choice-conditions-head .label.selected .checkbox:before{
content:'';
display:block;
position:absolute;
top:2px;
bottom:2px;
right:2px;
left:2px;
border-radius:50%;
background-color:#00206e;}
.BookingDetails-details-subblock .choice-conditions-list{
display:none !important;}
.BookingDetails-details-subblock .choice-conditions-list.open{
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;}
.BookingDetails-details-subblock .travel-go .subblock-title{
margin:10px 0 10px 0;}
.BookingDetails-details .BookingActions{
margin-top:50px;}
.BookingDetails-video-block{
margin:30px 0 5px;}
.BookingDetails-video-block .block-title-video{
text-align:center;
font-size:2em;
font-weight:500;}
.BookingDetails-video-block .block-title-video strong{
text-transform:uppercase;}
.BookingDetails-video-block .block-video{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:25px;}
@media screen and (max-width:768px){
.BookingDetails-video-block .block-video{
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;}
.BookingDetails-video-block .block-video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;} }
.BookingPersonalData{
position:relative;
overflow:hidden;}
.BookingPersonalData-wrapper{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;}
.BookingPersonalData-content{
color:#00206e;
width:100%;
margin-right:-webkit-calc(355vw / 1280 * 100);
margin-right:calc(355vw / 1280 * 100);}
@media screen and (max-width:959px){
.BookingPersonalData-content{
width:100%;
margin-right:0;} }
.BookingPersonalData-content-block{
margin:20px 0;}
@media screen and (max-width:768px){
.BookingPersonalData-content-block .block-title--assurance{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;}
.BookingPersonalData-content-block .block-title--assurance img{
margin-bottom:10px;} }
.BookingPersonalData-content-block .block-subtitle{
margin:20px 0 10px 0;}
.BookingPersonalData-content-block .block-subtitle a{
text-decoration:underline;
-webkit-transition:300ms;
transition:300ms;}
.BookingPersonalData-content-block .block-subtitle a:hover{
text-decoration:none;}
.BookingPersonalData-content-subblock .travel-go .subblock-title{
margin:10px 0 25px 0;}
.BookingPersonalData-content ul.assurance-list > li{
padding:25px 0;
background-color:#FFFFFF;}
.BookingPersonalData-content ul.assurance-list > li:not(:last-child){
margin-right:15px;}
.BookingPersonalData-content ul.assurance-list > li:after{
display:none;}
@media screen and (max-width:768px){
.BookingPersonalData-content ul.assurance-list > li{
width:100%;
margin-right:0;}
.BookingPersonalData-content ul.assurance-list > li:not(:last-child){
margin-bottom:15px;} }
.BookingPersonalData-content .select-information{
position:relative;
border:1px solid rgba(0,32,110,0.6);
border-radius:5px 5px;
font-size:0.9em;
text-transform:uppercase;}
.BookingPersonalData-content .select-information .current-option{
display:block;
width:100%;
padding:5px 5px;
border-radius:5px 5px;
cursor:pointer;}
.BookingPersonalData-content .select-information .current-option:hover{
background-color:#f1f1f1;}
.BookingPersonalData-content .select-information .current-option:after{
content:'';
display:block;
width:0;
height:0;
position:absolute;
right:5px;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
border-top:solid 8px #00206e;
border-left:solid 5px transparent;
border-right:solid 5px transparent;}
.BookingPersonalData-content .select-information ul{
display:none;
position:absolute;
left:-1px;
right:-1px;
z-index:5;
border:1px solid rgba(0,32,110,0.6);
background-color:#FFFFFF;}
.BookingPersonalData-content .select-information ul li{
list-style:none;}
.BookingPersonalData-content .select-information.open{
border-radius:5px 5px 0 0;}
.BookingPersonalData-content .select-information.open ul{
display:block;
max-height:140px;
overflow-y:scroll;
border-radius:0 0 5px 5px;}
.BookingPersonalData-content .select-information.open ul li{
padding:5px 5px;
cursor:pointer;}
.BookingPersonalData-content .select-information.open ul li:last-of-type{
border-radius:0 0 5px 5px;}
.BookingPersonalData-content .select-information.open ul li:hover{
background-color:#ebebeb;}
.BookingPayment{
min-height:1050px;
position:relative;
overflow:hidden;}
.BookingPayment-wrapper{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;}
.BookingPayment-points{
text-align:right;
}
.BookingPayment-points > strong{
font-size:1.6em;
vertical-align:middle;
}
.BookingPayment-content{
margin-right:15px;
width:-webkit-calc(100% - 345px);
width:calc(100% - 345px);
color:#00206e;}
@media screen and (max-width:959px){
.BookingPayment-content{
width:100%;
margin-right:0;} }
.BookingPayment-content-block-title{
margin-bottom:20px;}
.BookingPayment-content .corsica-nautics span{
margin-right:15px;}
.BookingPayment-content .corsica-nautics span:last-of-type{
margin-right:0;}
@media screen and (max-width:768px){
.BookingPayment-content .corsica-nautics span{
display:block;} }
.BookingPayment-item{
margin-bottom:10px;
background-color:#FFFFFF;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.BookingPayment-item > label > .icon{
font-size:1.8em;
margin:-0.4em 10px -0.4em 0;
}
.BookingPayment-item > input + label{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#fff;
font-weight:600;
margin:0;
padding:20px;
border-radius:0 0 60px 0;
border-radius:0 0 30px 0 / 0 0 60px 0;
transition:background-color 420ms ease;
}
.BookingPayment-item > input + label .checkbox{
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;}
.BookingPayment-item > input + label > *{
display:block;
margin-right:10px !important;}
.BookingPayment-item .BookingPayment-item-content{clear:both;padding:20px;flex:1 0 100%;}
.BookingPayment-item > input ~ div.BookingPayment-item-content{
display:none;}
.BookingPayment-item > input:checked + label{
background-color:#f6e300;
}
.BookingPayment-item > input:checked + label .checkbox:before{
content:'';
top:3px;
left:3px;
bottom:3px;
right:3px;}
.BookingPayment-item input[type='text'].date-option{
width:10em;
text-align:center;
padding:6px;
font-weight:bold;
}
.BookingPayment-item .item-err{
color:#e94637;
font-size:0.9em;
}
.BookingPayment-item > input:checked ~ div.BookingPayment-item-content{
display:block;}
.BookingPayment-item-content .block-card-wrapper{
margin:10px auto;
max-width:540px;}
.BookingPayment-item-content .block-card-wrapper:not(.no-border){
border:1px solid #00206e;
padding:20px 20px;}
.BookingPayment-item-content .block-card-wrapper:not(.no-border) .block-card{
border-color:#8a8d94;}
.BookingPayment-item-content .block-card-wrapper:not(.no-border) .block-card .line{
border-color:#8a8d94;}
.BookingPayment-item-content .block-card-wrapper:not(.no-border) .block-card .line .col{
border-color:#8a8d94;}
.BookingPayment-item-content .block-card-wrapper .block-card-item:not(:last-of-type){
margin-bottom:40px;}
.BookingPayment-item-content .block-card-wrapper .block-card-item > .title{
margin-bottom:15px;
font-weight:700;}
.BookingPayment-item-content .block-card-wrapper input.input-holidays-voucher{
width:210px;
padding:8px 5px;
border:1px solid rgba(0,32,110,0.7);
border-radius:5px 5px;
font-size:12px;}
.BookingPayment-item-content .block-card-wrapper input.input-holidays-voucher:first-child{
margin-right:10px;}
@media screen and (max-width:768px){
.BookingPayment-item-content .block-card-wrapper input.input-holidays-voucher:first-child{
margin-right:0;
margin-bottom:10px;} }
.BookingPayment-item-content .block-card{
border:1px solid #00206e;}
.BookingPayment-item-content .block-card .card-logo{
display:inline-block;
vertical-align:middle;
max-height:22px;
margin-right:6px;
}
.BookingPayment-item-content .block-card .line select.card-select{
width:100%;
padding:8px;
font-weight:bold;
margin:0;
}
@media screen and (max-width:768px){
.BookingPayment-item-content .block-card{
margin-left:0;} }
.BookingPayment-item-content .block-card .line{
padding:15px 20px;
border-bottom:1px solid rgba(0,32,110,0.5);}
.BookingPayment-item-content .block-card .line:last-of-type{
border-bottom:0;}
.BookingPayment-item-content .block-card .line--head{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding-left:40px;
padding-right:40px;}
.BookingPayment-item.disabled > input[type="radio"] + label{
cursor:not-allowed;
opacity:0.6;
}
.BookingPayment-item.disabled > input[type="radio"] + label .checkbox{
background:#f1f1f1;
border-color:#ccc
}
@media screen and (max-width:768px){
.BookingPayment-item-content .block-card .line--head{
padding:20px 0;
}
.BookingPayment-item-content .block-card-wrapper{
margin:10px -10px;
}
.BookingPayment-item-content .block-card .line--head input[type="radio"] + label{
flex-direction:column;
}
}
.BookingPayment-item-content .block-card .line--head input[type="radio"] + label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.BookingPayment-item-content .block-card .line--head input[type="radio"]:checked + label .checkbox:before{
right:3px;
left:3px;
bottom:3px;
top:3px;}
.BookingPayment-item-content .block-card .line--double{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:0 0;}
.BookingPayment-item-content .block-card .line--double .col{
padding:15px 20px;
border-right:1px solid rgba(0,32,110,0.5);}
.BookingPayment-item-content .block-card .line--double .col:last-of-type{
border-right:0;}
.BookingPayment-item-content .block-card .line--double .col:first-child{
min-width:50%;
}
.BookingPayment-item-content .block-card .line select{margin-top:10px;padding-top:5px;}
.BookingPayment-item-content .block-card .line input{
border:0;
width:100%;
padding-bottom:5px;
border-bottom:1px solid rgba(138,141,148,0.7);
color:#00206e;
font-weight:400;}
.BookingPayment-item-content .block-card .line .gwt-CheckBox input{
width:auto;
display:inline-block;
}
.BookingPayment-item-content .block-card .line select.card-wallets{width:100%;}
.BookingPayment-item-content .block-card .line input.crypto-wallets{max-width:8em }
.BookingPayment-item-content .block-card .line .title{
display:block;
margin-bottom:15px;
font-size:0.9em;
color:#8a8d94;
white-space:nowrap;
}
.BookingPayment-item-content .block-card .line .save-card{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.BookingPayment-item-content .block-card .line .save-card .checkbox{
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
margin-right:15px;}
.BookingPayment-item-content .block-card .line .save-card span{
display:block;
font-weight:600;
font-size:0.9em;}
.BookingPayment-item-content .block-card .line .save-card span .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;}
.BookingPayment-item-content .block-conditions{
display:block;
width:100%;
max-width:100%;
border:1px solid;
margin:0 auto 25px;
min-height:160px;
padding:8px;
resize:vertical;
}
.deferred-payments{
background:#f1f1f1;
border:1px solid #dbdcdd;
padding:8px;
max-width:640px;
margin:0.5em auto;
}
.deferred-payments .deferred-label{
margin:1em 0;
}
.deferred-payments li .deferred-date{
display:inline-block;
width:50%;
text-align:right;
margin-right:1em;
}
.deferred-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
width:100%;
margin-top:4px;
}
@media screen and (max-width:768px){
.deferred-row{display:block;text-align:center;margin-top:16px}
}
.deferred-refused{
color:#e94637;
font-size:0.8em;
}
.BookingPayment-item .payment-infos{
margin:0 0 0 auto;
padding:20px;
font-size:0.9em;
}
.BookingPayment-item.autohide-infos > input[type="radio"]:not(:checked) + label + .payment-infos{
display:none;
}
.logo-payment{
display:inline-block;
margin:0 6px;
height:16px;
}
.BookingPayment-item-content .block-checkbox .gwt-CheckBox{
display:block;
}
.BookingPayment-item-content .block-checkbox input[type="checkbox"] + label{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
margin-bottom:15px;
padding-left:30px;
position:relative;
font-weight:600;
font-size:0.85em;}
.BookingPayment-item-content .block-checkbox input[type="checkbox"] + label a{
text-decoration:underline;}
.BookingPayment-item-content .block-checkbox input[type="checkbox"] + label a:hover{
text-decoration:none;}
.BookingPayment-item-content .block-checkbox input[type="checkbox"] + label .checkbox{
position:absolute;
left:0;}
.BookingPayment-item-content .block-cta{
text-align:center;}
.BookingPayment-item-content .block-cta .btn-main{
padding:8px 20px;
font-weight:600;}
.BookingConfirmation-wrapper .BookingConfirmation-block{
margin-bottom:70px;
color:#00206e;}
.BookingConfirmation-wrapper .BookingConfirmation-block:last-of-type{
margin-bottom:0;}
.BookingConfirmation-wrapper .BookingConfirmation-block--small{
max-width:905px;
margin-right:auto;
margin-left:auto;}
.BookingConfirmation-wrapper .BookingConfirmation-block-title{
margin-bottom:40px;}
@media screen and (max-width:768px){
.BookingConfirmation-wrapper .BookingConfirmation-block{
margin-bottom:30px;}
.BookingConfirmation-wrapper .BookingConfirmation-block-title{
margin-bottom:20px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:1.7em;
text-align:center;} }
.BookingConfirmation-summary-tickets{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:50px;}
.BookingConfirmation-summary-tickets .booking-info{
width:48%;
padding:0 20px;
background-color:#FFFFFF;
}
.BookingConfirmation-summary-tickets .booking-number{
flex:1 1 auto;
padding:0 40px;
background-color:#FFFFFF;
min-height:5em;
flex:1 1 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.BookingConfirmation-summary-tickets .booking-number-info{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:1.4em;
}
.BookingConfirmation-summary-tickets .booking-number-info .label{
font-weight:700;
margin-right:10px;
white-space:nowrap;
}
.BookingConfirmation-summary-tickets .booking-number-info .text{
display:inline-block;
}
.BookingConfirmation-summary-tickets .cta-tickets{
margin-left:20px;
max-width:35%;
}
.BookingConfirmation-summary-tickets .cta-tickets .icon{
font-size:1.2em;}
.BookingConfirmation-summary-tickets .cta-tickets .btn-main{
min-width:100%;
margin-bottom:5px;
text-align:center;}
.BookingConfirmation-summary-tickets .cta-tickets .btn-main:last-of-type{
margin-bottom:0;}
@media screen and (max-width:768px){
.BookingConfirmation-summary-tickets{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;}
.BookingConfirmation-summary-tickets .booking-number,.BookingConfirmation-summary-tickets .cta-tickets{
width:auto;max-width:none;margin-left:8px;margin-right:8px}
.BookingConfirmation-summary-tickets .booking-number{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding-top:40px;
padding-bottom:40px;
margin-bottom:10px;} }
.BookingConfirmation-summary-infos{
margin-bottom:50px;
}
.BookingConfirmation-cart-infos{
margin-bottom:25px;
}
@media screen and (min-width:905px){
.BookingConfirmation-cart-infos{
display:flex;
margin-left:calc( ( -100vw - 905px ) / 2 );
margin-right:calc( ( -100vw - 905px ) / 2 );
justify-content:space-around;
}
.BookingConfirmation-cart-infos > .BookingConfirmation-summary-basket{
flex:0 0 auto;
margin-left:0;
margin-right:0;
}
}
@media screen and (min-width:1205px){
.BookingConfirmation-cart-infos{
margin-left:-150px;
margin-right:-150px;
}
}
.BookingConfirmation-summary-personalData{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:50px;}
.BookingConfirmation-summary-personalData .content{
margin-left:40px;}
.BookingConfirmation-summary-personalData .content .title{
margin-bottom:10px;
font-size:1.35em;
font-weight:700;}
.BookingConfirmation-summary-personalData .content .title > *{
display:block;}
.BookingConfirmation-summary-personalData .content .title .price{
font-size:3.2rem;}
.BookingConfirmation-summary-personalData .content .title .price sup{
top:-0.25em;
left:-0.1em;}
@media screen and (max-width:768px){
.BookingConfirmation-summary-personalData .content .title .price{
font-size:4rem;
text-align:center;} }
.BookingConfirmation-summary-personalData .content .links{
margin-top:20px;}
.BookingConfirmation-summary-personalData .content .links-item{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-transform:uppercase;
margin-bottom:5px;}
.BookingConfirmation-summary-personalData .content .links-item span{
position:relative;
display:block;}
.BookingConfirmation-summary-personalData .content .links-item span:after{
content:'';
display:block;
position:absolute;
left:0;
right:0;
bottom:0;
border-bottom:1px solid #00206e;
-webkit-transition:300ms;
transition:300ms;}
.BookingConfirmation-summary-personalData .content a.links-item:after{
content:"";
margin-left:10px;
font-size:0.45rem;
font-weight:700;}
.BookingConfirmation-summary-personalData .content a.links-item:hover span:after{
opacity:0;}
@media screen and (max-width:959px){
.BookingConfirmation-summary-personalData{padding:0 8px;}
.BookingConfirmation-summary-personalData .content{margin-left:16px;}
}
@media screen and (max-width:520px){
.BookingConfirmation-summary-personalData{display:block;}
.BookingConfirmation-summary-personalData .content{margin:0 }
.BookingConfirmation-summary-personalData .gwt-percent{
float:left;
transform:scale(0.5);
margin:-30px;
}
}
.BookingConfirmation-summary-basket{
max-width:540px;
margin:0 auto 25px auto;}
.BookingConfirmation-summary-basket .BookingDetails-basket-block{
margin-bottom:25px;
padding-top:15px;}
.BookingConfirmation-summary-basket .BookingDetails-basket-block .block-wrapper{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:0 30px;}
.BookingConfirmation-summary-basket .BookingDetails-basket-block .block-wrapper .block-block{
flex:1 1 50%;
}
.BookingConfirmation-summary-basket .BookingDetails-basket-block .block-block--checkin{
text-align:center;max-width:200px;
margin-left:12px;
display:flex;
flex-direction:column;
}
.BookingConfirmation-summary-basket .BookingDetails-basket-block .block-block--checkin .booking-buttons{
margin:auto 0 0 0;
text-align:left;
}
@media screen and (max-width:768px){
.BookingConfirmation-summary-basket .BookingDetails-basket-block .block-wrapper{
display:block;
padding-bottom:15px;}
.BookingConfirmation-summary-basket .BookingDetails-basket-block .block-block--checkin{
max-width:none;}
}
.BookingConfirmation-summary-basket .BookingDetails-basket-block .block-block > *:not(.btn-main){
padding-left:0;
padding-right:0;}
.BookingConfirmation-summary-basket .BookingDetails-basket-block .checkin-done{
color:#00206e;
text-align:center;}
.BookingConfirmation-summary-basket .BookingDetails-basket-block .checkin-done .label{
font-size:0.9em;}
.BookingConfirmation-summary-basket .BookingDetails-basket-block .checkin-done .button{
margin-top:10px;
padding:10px 15px;
background-color:#00206e;
color:#FFFFFF;}
.BookingConfirmation-summary-basket .BookingDetails-basket-block .checkin-toDo .label{
font-size:0.9em;
font-weight:600;}
.BookingConfirmation-summary-basket .BookingDetails-basket-block .checkin-toDo .btn-main{
margin-top:10px;
padding-top:10px;
padding-bottom:10px;}
@media screen and (max-width:768px){
.BookingConfirmation-summary-basket .BookingDetails-basket-block .checkin-toDo .btn-main{
min-width:100%;} }
.BookingConfirmation-summary-basket .BookingDetails-basket-subtotal{
padding-top:15px;
padding-bottom:15px;
background-color:#dbdcdd;}
.BookingConfirmation-summary-basket .BookingDetails-basket-subblock{
padding-top:10px;
padding-bottom:10px;}
.BookingConfirmation-summary-payment{
max-width:540px;
margin:0 auto;
margin-bottom:25px;
padding:20px 20px;
background-color:#00206e;
color:#FFFFFF;}
.BookingConfirmation-summary-payment .head{
margin-bottom:15px;}
.BookingConfirmation-summary-payment .head-title{
font-weight:700;
font-size:1.35em;
text-transform:uppercase;}
.BookingConfirmation-summary-payment .payments-table{
margin:1em 0;
width:100%;
}
.BookingConfirmation-summary-payment .payments-table th{
text-align:left;
border-bottom:1px solid;
}
.BookingConfirmation-summary-payment .payments-table th,
.BookingConfirmation-summary-payment .payments-table td{
vertical-align:top;
}
.BookingConfirmation-summary-payment .payments-table .cell-3{
text-align:right;
}
.BookingConfirmation-summary-payment .payments-table tr > td{
padding:0.6em 0 0 0;
}
.BookingConfirmation-summary-payment .payments-table tr.moreinfos > td{
font-size:0.8em;
padding:2px 0 1em 0;
}
.partial-table tfoot tr.autohide-task{
font-size:0.8rem;
}
.partial-table tbody tr.hidden{
display:none;
}
.BookingConfirmation-summary-payment .invoice-table{
width:100%;
margin:1em auto;
font-size:0.9em;
}
.BookingConfirmation-summary-payment .invoice-table td{
padding-bottom:1em;
vertical-align:top;
}
.BookingConfirmation-summary-payment .invoice-table .cell-1{
font-family:monospace;
}
.BookingConfirmation-summary-payment .invoice-table .cell-2{
text-align:center;
}
.BookingConfirmation-summary-payment .invoice-table .cell-3{
text-align:right;
}
.BookingConfirmation-summary-payment .invoice-table .links-item{
background:transparent;
color:#f6e300;
}
.BookingConfirmation-summary-payment .invoice-table .links-item:hover{
color:#FF5113;
}
.BookingConfirmation-summary-payment .head-text{
margin:0.5em 0;
}
.BookingConfirmation-summary-payment .head .details{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
}
.BookingConfirmation-summary-payment .head .details > span:first-child{
width:20%;
min-width:8em;
}
.BookingConfirmation-summary-payment .head .details > *{
margin-right:20px;}
.BookingConfirmation-summary-payment .head-price{
text-transform:uppercase;}
.BookingConfirmation-summary-payment .head-price .large{
margin-left:30px;
font-size:1.5em;}
@media screen and (max-width:768px){
.BookingConfirmation-summary-payment .head{
display:block;}
.BookingConfirmation-summary-payment .head-title{
display:block;
margin-bottom:10px;}
.BookingConfirmation-summary-payment .head .details > *{
display:block;}
.BookingConfirmation-summary-payment .head-price{
margin-top:20px;}
.BookingConfirmation-summary-payment .head-price > *{
display:block;}
.BookingConfirmation-summary-payment .head-price .large{
margin-left:0;} }
.BookingConfirmation-summary-payment .links{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:30px;
color:#f6e300;
font-size:0.9em;}
.BookingConfirmation-summary-payment .links-item span{
position:relative;}
.BookingConfirmation-summary-payment .links-item span:after{
content:'';
display:block;
position:absolute;
left:0;
right:0;
bottom:0;
border-bottom:1px solid #f6e300;
-webkit-transition:300ms;
transition:300ms;}
.BookingConfirmation-summary-payment .links-item:after{
content:"";
font-size:0.5em;
font-weight:700;}
.BookingConfirmation-summary-payment .links-item:hover span:after{
opacity:0;}
@media screen and (max-width:768px){
.BookingConfirmation-summary-payment .links{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;}
.BookingConfirmation-summary-payment .links-item{
margin-bottom:10px;
text-align:center;}
.BookingConfirmation-summary-payment .links-item span{
text-decoration:underline;}
.BookingConfirmation-summary-payment .links-item span:after{
display:none !important;} }
.BookingConfirmation-summary-change{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
max-width:540px;
margin:0 auto 50px auto;
border:3px solid #00206e;
padding:20px 20px 35px 20px;}
.BookingDetails-editors > .BookingConfirmation-summary-change{
max-width:none;
}
.BookingConfirmation-summary-change .title{
margin-bottom:15px;
font-size:1.35em;
font-weight:700;
text-transform:uppercase;}
.BookingConfirmation-summary-change .title .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-right:15px;
font-size:1.2em;}
.BookingConfirmation-summary-change .title > *{
vertical-align:middle;}
.BookingConfirmation-summary-change .link{
display:block;
min-width:247px;
margin-bottom:20px;
text-align:center;}
.BookingConfirmation-harbor{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-evenly;}
.BookingConfirmation-harbor-item{
margin-right:20px;
flex:1 1 50%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.BookingConfirmation-harbor-item:last-of-type{
margin-right:0;}
.BookingConfirmation-harbor-item > *{
display:block;}
.BookingConfirmation-harbor-item .title{
margin-bottom:5px;
font-weight:700;
text-transform:uppercase;}
.BookingConfirmation-harbor-item .address{
flex:1 1 auto;
}
.BookingConfirmation-harbor-item .coordinates{
margin-top:20px;}
@media screen and (max-width:768px){
.BookingConfirmation-harbor{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
max-width:320px;
margin:0 auto;}
.BookingConfirmation-harbor-item{
margin-right:0;
margin-bottom:20px;}
.BookingConfirmation-harbor-item:last-of-type{
margin-bottom:0;} }
.BookingConfirmation-promo-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;}
.BookingConfirmation-promo-item{
width:-webkit-calc(33.33% - 10px);
width:calc(33.33% - 10px);
margin-right:15px;}
.BookingConfirmation-promo-item:last-of-type{
margin-right:0;}
.BookingConfirmation-promo-item img{
display:block;
height:auto;}
.BookingConfirmation-promo-item .LandingPromo-item-content{
width:174px;
height:174px;
bottom:10px;
padding-top:15px;}
.BookingConfirmation-promo-item .LandingPromo-item-title{
font-size:1.1em;}
.BookingConfirmation-promo-item .LandingPromo-item-number{
font-size:3.7em;}
.BookingConfirmation-promo-item .LandingPromo-item-number > sup{
top:-25px;}
@media screen and (max-width:768px){
.BookingConfirmation-promo-wrap{
display:block;}
.BookingConfirmation-promo-item{
width:100%;
max-width:320px;
margin:0 auto 20px auto;}
.BookingConfirmation-promo-item:last-of-type{
margin-right:auto;
margin-bottom:0;} }
.BookingConfirmation-application{
width:100%;
height:306px;
position:relative;
overflow:hidden;
background-image:url("../img/booking/application-background.jpg");
background-position:top center;
-webkit-background-size:cover;
background-size:cover;}
.BookingConfirmation-application:after{
content:'';
display:block;
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
background-color:rgba(0,32,110,0.8);}
.BookingConfirmation-application-content{
position:absolute;
z-index:3;
right:70px;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
color:#FFFFFF;
text-align:center;}
.BookingConfirmation-application-content .title{
margin-bottom:45px;
font-size:2.4em;
text-transform:uppercase;}
.BookingConfirmation-application-content .title > *{
display:block;}
.BookingConfirmation-application-content .title--bold{
font-weight:700;}
.BookingConfirmation-application-content .links{
margin-top:25px;}
.BookingConfirmation-application-content .links-item{
margin-right:10px;display:inline-block;}
.BookingConfirmation-application-content .links-item:last-of-type{
margin-right:0;}
.BookingConfirmation-application-picture{
position:absolute;
bottom:-220px;
z-index:2;}
@media screen and (max-width:959px){
.BookingConfirmation-application-content{
width:-webkit-calc(395vw / 959 * 100);
width:calc(395vw / 959 * 100);
right:-webkit-calc(50vw / 959 * 100);
right:calc(50vw / 959 * 100);}
.BookingConfirmation-application-content .title{
font-size:-webkit-calc(33vw / 959 * 100);
font-size:calc(33vw / 959 * 100);}
.BookingConfirmation-application-picture{
width:-webkit-calc(689vw / 959 * 100);
width:calc(689vw / 959 * 100);
bottom:-webkit-calc(-220vw / 959 * 100);
bottom:calc(-220vw / 959 * 100);} }
@media screen and (max-width:768px){
.BookingConfirmation-application{
height:480px;
max-width:320px !important;}
.BookingConfirmation-application-content{
width:auto;
position:relative;
-webkit-transform:none;
-ms-transform:none;
transform:none;
bottom:auto;
top:auto;
left:0;
right:0;
padding:20px 30px;}
.BookingConfirmation-application-picture{
width:auto;
bottom:-275px;
left:-115px;}
.BookingConfirmation-application .title{
margin-bottom:15px;
font-size:1.8em;}
.BookingConfirmation-application .links{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:15px;}
.BookingConfirmation-application .links img{
width:100%;} }
@media screen and (max-width:360px){
.BookingConfirmation-application{
max-width:290px !important;}
.BookingConfirmation-application-picture{
left:-130px;} }
.BookingViewContent .BookingView-days{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:20px 0 10px 0;
border-bottom:4px solid #00206e;
position:sticky;
top:0;
background:#f1f1f1;
z-index:9;
}
.BookingViewContent .BookingView-days-prev,.BookingViewContent .BookingView-days-next{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
padding:10px 10px;
background-color:#FFFFFF;
cursor:pointer;
font-size:1.4em;
-webkit-transition:background 300ms;
transition:background 300ms;}
.BookingViewContent .BookingView-days-prev:hover,.BookingViewContent .BookingView-days-next:hover{
background-color:#f6e300;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-days{
top:60px;
}
body.site-webview .BookingViewContent .BookingView-days{
top:0;
}
.BookingViewContent .BookingView-days-prev,.BookingViewContent .BookingView-days-next{
background-color:transparent;} }
.BookingViewContent .BookingView-days-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
margin:0 20px;
overflow:hidden;
}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-days-list{
margin:0 0;} }
.BookingViewContent .BookingView-days-list .day-item{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
margin-right:10px;
padding:5px 10px;
background-color:#FFFFFF;
border:1px solid transparent;
color:#8a8d94;
cursor:pointer;
}
@keyframes dots{
0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent;}
40%{color:currentColor;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent;}
60%{text-shadow:.25em 0 0 currentColor,.5em 0 0 transparent;}
80%,100%{text-shadow:.25em 0 0 currentColor,.5em 0 0 currentColor;}
}
.BookingViewContent .BookingView-days-list .day-item.loading::after{
content:' .';
position:absolute;
bottom:2px;
font-size:2em;
animation:dots 1.4s steps(5,end) infinite;
}
}
@media screen and (max-width:768px){
.BookingViewContent .BookingView-days-list .day-item{
margin-right:5px;
padding:5px 8px;} }
.BookingViewContent .BookingView-days-list .day-item:last-of-type{
margin-right:0;}
.BookingViewContent .BookingView-days-list .day-item.day-selected{
background-color:#00206e;
border-color:#00206e;
color:#FFFFFF;
pointer-events:none;}
.BookingViewContent .BookingView-days-list .day-item.day-selected:hover{
border-color:#00206e;
cursor:default;}
.BookingViewContent .BookingView-days-list .day-item:hover{
background-color:#dbdcdd;
color:#FFFFFF;}
.BookingViewContent .BookingView-days-list .day-item.day-bestPrice{
position:relative;}
.BookingViewContent .BookingView-days-list .day-item.day-bestPrice:before{
content:"";
position:absolute;
top:0;
right:0;
background-color:#FFFFFF;
color:#ea0d3c;
font-size:1.2em;}
@media screen and (max-width:768px){
.BookingViewContent .BookingView-days-list .day-item.day-bestPrice:before{
font-size:0.9em;
top:-1px;
right:-1px;} }
.BookingViewContent .BookingView-days-list .day-item .date-mobile{
display:none;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-days-list .day-item .date-mobile{
display:block;} }
.BookingViewContent .BookingView-days-list .day-item .date{
font-size:1.3em;
text-align:center;}
#SearchView .BookingViewContent .BookingView-days-list .day-item .date{
font-size:1em;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-days-list .day-item .date{
font-size:1.15em;} }
@media screen and (max-width:768px){
.BookingViewContent .BookingView-days-list .day-item .date .day-label{
display:none;} }
.BookingViewContent .BookingView-days-list .day-item .first-price{
display:block;
font-size:0.9em;
text-align:center;}
.BookingViewContent .BookingView-days-list .day-item .first-price > em{
font-size:0.8em;
}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-days-list .day-item .first-price{
font-size:0.8em;} }
.BookingViewContent .BookingView.not-modificable .BookingView-days .BookingView-days-prev,
.BookingViewContent .BookingView.not-modificable .BookingView-days .BookingView-days-list > .day-item:not(.day-selected),
.BookingViewContent .BookingView.not-modificable .BookingView-days .BookingView-days-next{
visibility:hidden;
}
.BookingViewContent .BookingView-days--seven .BookingView-days-list .day-item{
margin-right:5px;
-webkit-box-flex:1;
-ms-flex:1 1 14%;
flex:1 1 14%;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:start;}
.BookingViewContent .BookingView-days--seven .BookingView-days-list .day-item .first-price{
font-size:0.8em;
text-align:center;}
.BookingViewContent .BookingView-days--seven .BookingView-days-list .day-item .day-label{
display:block;
}
.BookingView-header-title span{
white-space:nowrap;}
.BookingView-header-title .icon-fleche:before{
font-size:15px;}
.BookingViewContent .BookingView-view{
color:#00206e;}
.BookingViewContent .BookingView-view table{
width:100%;
border-collapse:separate;
border-spacing:5px;
border:0;}
.notification{
position:relative;
}
.BookingViewContent .BookingView-view table tbody tr:hover .notification .notification--content,
.notification:hover .notification--content{
opacity:1;}
.notification .notification--content{
position:absolute;
bottom:0;
z-index:19;
min-width:223px;
left:50%;
-webkit-transform:translate(-50%,90%);
-ms-transform:translate(-50%,90%);
transform:translate(-50%,90%);
background-color:#fff;
padding:10px;
text-align:center;
font-size:0.8rem;
font-weight:normal;
border:1px solid #8a8d94;
-webkit-box-shadow:0px 2px 10px 0px rgba(138,141,148,0.6);
box-shadow:0px 2px 10px 0px rgba(138,141,148,0.6);
color:#514d4b;
pointer-events:none;
opacity:0;
-webkit-transition:300ms opacity;
transition:300ms opacity;}
.BookingPassenger-item-information .notification .notification--content{
left:30px;
}
.notification .notification--content:before{
content:'';
display:block;
width:8px;
height:8px;
background-color:#fff;
border:1px solid #8a8d94;
border-width:1px 1px 0 0;
left:50%;
-webkit-transform:translate(-50%,-50%) rotate(-45deg);
-ms-transform:translate(-50%,-50%) rotate(-45deg);
transform:translate(-50%,-50%) rotate(-45deg);
top:0;
position:absolute;}
.notification .notification--content:after{
position:absolute;
content:'';
display:block;
left:0;
right:0;
bottom:0;
height:2px;
background-color:currentColor;}
.notification .notification--content > span{
display:block;
text-transform:uppercase;
font-weight:700;}
.notification .notification--content .notification--text{
color:#514d4b
}
i.price-icon{
display:inline-block;
border-radius:16px;
min-width:32px;width:auto;
min-height:32px;height:auto;
background-color:currentColor;
margin:0 6px;
vertical-align:bottom;
flex:0 0 auto;
margin:6px;0;
font-size:16px;
font-weight:bold;
font-style:normal;
font-family:monospace;
text-align:center;
display:inline-flex;
justify-content:center;
flex-direction:column;
}
i.price-icon.smallfont{
padding:6px 2px;
font-size:14px;
}
.notification .price-name{
text-transform:uppercase;
font-weight:bold;
}
.notification .notification--content > span{
color:var(--color);
}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
border-spacing:0;} }
.BookingViewContent .BookingView-view table tr th{
padding:10px 15px;
border:0;
font-weight:400;}
#SearchView .BookingViewContent .BookingView-view table tr th{
color:#514d4b;
font-size:12px;}
.BookingViewContent .BookingView-view table tr th.View-order{
text-align:left;
padding-left:0;}
.BookingViewContent .BookingView-view table thead tr th.View-booking-type .label span{
margin:0 5px;}
.BookingViewContent .BookingView-view table thead tr th.View-booking-type .label .icon-fauteuil{
font-size:1.7em;}
.BookingViewContent .BookingView-view table thead tr th.View-booking-type .start-price{
display:block;
color:#8a8d94;
font-style:italic;
font-size:0.85em;}
@media screen and (max-width:1120px){
.BookingViewContent .BookingView-view table thead tr th.View-booking-type .label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;}
.BookingViewContent .BookingView-view table thead tr th.View-booking-type .label .icon:first-child{
min-height:23px;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;} }
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table thead tr th.View-booking-type{
display:none;} }
.BookingViewContent .BookingView-view table tbody tr td{
background-color:#FFFFFF;
border:0;}
.BookingViewContent .BookingView-view table tbody tr td.empty{
background-color:transparent;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table tbody tr{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
width:100%;}
.BookingViewContent .BookingView-view table tbody tr td{
display:block;
width:100%;} }
.BookingViewContent .BookingView-view table .View-boatInformation{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:75px;
padding:10px 15px;}
.BookingViewContent .BookingView-view table td.View-boatInformation-block{
min-width:200px;
vertical-align:top;
}
.BookingViewContent .BookingView-view table .View-boatInformation-block--cities{
min-width:200px;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatInformation-block--cities{
min-width:0;} }
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-infos,
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-dispo{
margin:0;color:#fff;background:#00f;
position:absolute;
top:-8px;
left:8px;
z-index:1;
padding:0;
font-size:13px;
line-height:15px;
}
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-infos{
left:116px;
padding:0 6px;
background:#000;
}
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-cities{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:1.2em;
font-weight:700;
line-height:100%;
text-transform:uppercase;}
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-cities .icon{
font-size:.5em;
margin:0 10px;}
@media screen and (max-width:1279px){
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-cities{
font-size:-webkit-calc(18vw / 1280 * 100);
font-size:calc(18vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-cities{
font-size:1.15em;} }
.BookingViewContent .BookingView-view .crossing-details{
font-size:0.9em;
white-space:nowrap;
font-weight:5 z00;}
.BookingViewContent .BookingView-view .crossing-details span{
color:#8a8d94;
font-style:italic;
font-weight:400;
display:inline-block;
margin-left:5px;}
@media screen and (max-width:1279px){
.BookingViewContent .BookingView-view .crossing-details{
font-size:-webkit-calc(12vw / 1280 * 100);
font-size:calc(12vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view .crossing-details{
font-size:0.8em;} }
.BookingViewContent .BookingView-view table .View-boatInformation-block .persons-consulting{
color:#ea0d3c;
font-size:0.9em;
margin-top:5px;}
@media screen and (max-width:1279px){
.BookingViewContent .BookingView-view table .View-boatInformation-block .persons-consulting{
font-size:-webkit-calc(12vw / 1280 * 100);
font-size:calc(12vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatInformation-block .persons-consulting{
font-size:-webkit-calc(12vw / 959 * 100);
font-size:calc(12vw / 959 * 100);} }
@media screen and (max-width:768px){
.BookingViewContent .BookingView-view table .View-boatInformation-block .persons-consulting{
margin-top:5px;
font-size:0.7em;} }
.BookingViewContent .BookingView-view table .View-boatInformation-block--time{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
min-width:140px;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatInformation-block--time{
min-width:60px;} }
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-hours{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:1.2em;
font-weight:700;}
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-hours .icon{
margin:0 10px;
font-size:0.5em;}
@media screen and (max-width:1279px){
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-hours{
font-size:-webkit-calc(18vw / 1280 * 100);
font-size:calc(18vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-hours{
font-size:1.15em;} }
@media screen and (max-width:768px){
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-hours{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;}
.BookingViewContent .BookingView-view table .View-boatInformation-block .boat-hours .icon{
display:none;} }
.BookingViewContent .BookingView-view table .View-boatInformation-block .crossing-duration{
color:#8a8d94;}
.BookingViewContent .BookingView-view table .View-boatInformation-block .crossing-duration span{
font-style:italic;
font-size:0.9em;
vertical-align:middle;}
@media screen and (max-width:1279px){
.BookingViewContent .BookingView-view table .View-boatInformation-block .crossing-duration span{
font-size:-webkit-calc(18vw / 1280 * 100);
font-size:calc(18vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatInformation-block .crossing-duration span{
font-size:0.75em;} }
@media screen and (max-width:768px){
.BookingViewContent .BookingView-view table .View-boatInformation-block .crossing-duration span .label{
display:none;} }
.BookingViewContent .BookingView-view table .View-boatPrice{
position:relative;
width:200px;
border:1px solid transparent;
cursor:pointer;
-webkit-transition:background 300ms;
transition:background 300ms;}
.BookingViewContent .BookingView-view table .View-boatPrice .more-conditions{
display:none;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPrice .more-conditions{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:0 5px 5px 5px;
font-size:0.8em;}
.BookingViewContent .BookingView-view table .View-boatPrice .more-conditions:before{
content:'+';
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:15px;
height:15px;
margin-right:5px;
background-color:#00206e;
color:#f6e300;
font-size:1.4em;} }
.BookingViewContent .BookingView-view table .View-boatPrice-conditions{
display:none;
position:absolute;
top:-58px;
left:-1px;
right:-1px;
pointer-events:none;
padding:5px 5px;
background:-webkit-gradient(linear,left bottom,left top,from(#f1f1f1),to(#FFFFFF));
background:linear-gradient(to top,#f1f1f1 0%,#FFFFFF 100%);
border:1px solid #00206e;
-webkit-box-shadow:0 0 11px 2px rgba(0,0,0,0.2);
box-shadow:0 0 11px 2px rgba(0,0,0,0.2);
font-size:0.8em;
text-align:center;}
.BookingViewContent .BookingView-view table .View-boatPrice-conditions.open{
display:block;}
.BookingViewContent .BookingView-view table .View-boatPrice-conditions:before,.BookingViewContent .BookingView-view table .View-boatPrice-conditions:after{
content:"";
position:absolute;
width:0;
height:0;
border-color:transparent;
border-style:solid;
border-bottom-width:0;
left:50%;}
.BookingViewContent .BookingView-view table .View-boatPrice-conditions:before{
border-top-color:#00206e;
border-width:10px;
margin-left:-10px;
bottom:-20px;}
.BookingViewContent .BookingView-view table .View-boatPrice-conditions:after{
border-top-color:#f1f1f1;
border-width:11px;
margin-left:-11px;
bottom:-20px;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPrice-conditions{
display:none;
position:static;
background:#FFFFFF;
border:none;
-webkit-box-shadow:none;
box-shadow:none;
text-align:left;}
.BookingViewContent .BookingView-view table .View-boatPrice-conditions:before,.BookingViewContent .BookingView-view table .View-boatPrice-conditions:after{
display:none;}
.BookingViewContent .BookingView-view table .View-boatPrice-conditions.open{
display:block !important;} }
.BookingViewContent .BookingView-view table .View-boatPrice-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;}
.BookingViewContent .BookingView-view table .View-boatPrice-content .small-red{
text-align:center;
}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPrice-content{
position:relative;
min-height:95px;} }
.BookingViewContent .BookingView-view table .View-boatPrice-content .promo-price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;}
.BookingViewContent .BookingView-view table .View-boatPrice-content .promo-price .price{
font-size:1.7em;
font-weight:700;}
.BookingViewContent .BookingView-view table .View-boatPrice-content .promo-price .mobile-info{
display:none;}
@media screen and (max-width:1279px){
.BookingViewContent .BookingView-view table .View-boatPrice-content .promo-price .price{
font-size:-webkit-calc(28vw / 1280 * 100);
font-size:calc(28vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPrice-content .promo-price{
padding-bottom:10px;}
.BookingViewContent .BookingView-view table .View-boatPrice-content .promo-price .mobile-info{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:5px;}
.BookingViewContent .BookingView-view table .View-boatPrice-content .promo-price .mobile-info .small{
color:#8a8d94;
font-size:0.9em;}
.BookingViewContent .BookingView-view table .View-boatPrice-content .promo-price .price{
margin-bottom:10px;
font-size:1.6em;} }
.original-price{
display:inline-block;
position:relative;
font-size:0.75em;
}
.original-price:after{
content:'';
display:inline-block;
position:absolute;
top:0;
bottom:0;
left:0;
right:8px;
border-top:1px solid #00206e;
-webkit-transform:rotate(-12deg) translateX(0px) translateY(9px);
-ms-transform:rotate(-12deg) translateX(0px) translateY(9px);
transform:rotate(-12deg) translateX(0px) translateY(9px);}
@media screen and (max-width:1279px){
.BookingViewContent .BookingView-view table .View-boatPrice-content .original-price{
font-size:-webkit-calc(16vw / 1280 * 100);
font-size:calc(16vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPrice-content .original-price{
font-size:1.15em;} }
.BookingMain-view:not(#SearchView) .BookingViewContent .BookingView-view table .View-boatPrice:hover{
background-color:#dbdcdd;}
.BookingMain-view:not(#SearchView) .BookingViewContent .BookingView-view table .View-boatPrice:hover .View-boatPrice-conditions{
display:block;}
.BookingMain-view:not(#SearchView) .BookingViewContent .BookingView-view table .View-boatPrice:hover .View-boatPrice-content{
color:#8a8d94;}
.BookingMain-view:not(#SearchView) .BookingViewContent .BookingView-view table .View-boatPrice:hover .original-price:after{
border-color:#8a8d94;}
@media screen and (max-width:959px){
.BookingMain-view:not(#SearchView) .BookingViewContent .BookingView-view table .View-boatPrice:hover{
background-color:#FFFFFF;}
.BookingMain-view:not(#SearchView) .BookingViewContent .BookingView-view table .View-boatPrice:hover .View-boatPrice-conditions{
display:none;}
.BookingMain-view:not(#SearchView) .BookingViewContent .BookingView-view table .View-boatPrice:hover .View-boatPrice-content{
color:#00206e;}
.BookingMain-view:not(#SearchView) .BookingViewContent .BookingView-view table .View-boatPrice:hover .original-price:after{
border-color:#00206e;} }
.BookingViewContent .BookingView-view table .View-boatPrice.boat-selected{
border-color:transparent;
background-color:#f6e300;
cursor:default;
pointer-events:none;}
.BookingViewContent .BookingView-view table .View-boatPrice.boat-selected .promo-price .price:before{
content:"";
font-size:0.7em;
background-color:transparent;
margin-right:10px;}
.BookingViewContent .BookingView-view table .View-boatPrice.boat-selected .View-boatPrice-conditions{
background-color:#f6e300;}
.BookingViewContent .BookingView-view table .View-boatPrice.boat-selected:hover{
color:#00206e;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPrice.boat-selected{
pointer-events:auto;} }
.BookingViewContent .BookingView-view table .View-boatPrice.boat-bestPrice{
position:relative;
border:1px solid #ea0d3c;}
.BookingViewContent .BookingView-view table .View-boatPrice.boat-bestPrice:before{
content:"";
position:absolute;
top:0;
right:0;
background-color:#FFFFFF;
color:#ea0d3c;
font-size:1.4em;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPrice{
width:50%;
border-right:1px solid #00206e;}
.BookingViewContent .BookingView-view table .View-boatPrice:nth-child(3){
border-right:0;} }
.BookingViewContent .BookingView-view table .View-boatPromo{
width:125px;
background-color:transparent;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPromo{
width:100%;} }
.BookingViewContent .BookingView-view table .View-boatPromo-wrapper{
width:125px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPromo-wrapper{
width:100%;} }
.BookingViewContent .BookingView-view table .View-boatPromo-content{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-left:-5px;
padding:5px 12px 5px 5px;
height:70px;
max-height:70px;
min-width:87px;
overflow:hidden;
position:relative;
background-color:#dbdcdd;
border-radius:0 60px 60px 0;
-webkit-box-shadow:5px 0 15px 0 rgba(0,0,0,0.2) inset;
box-shadow:5px 0 15px 0 rgba(0,0,0,0.2) inset;
color:#FFFFFF;
cursor:pointer;
font-size:0.9em;
text-transform:uppercase;
-webkit-transition:background-color 300ms;
transition:background-color 300ms;}
.BookingViewContent .BookingView-view table .View-boatPromo-content:after{
content:"";
position:absolute;
bottom:0;
top:0;
right:30px;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transition:-webkit-transform 300ms;
transition:-webkit-transform 300ms;
transition:transform 300ms;
transition:transform 300ms,-webkit-transform 300ms;
display:none;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPromo-content{
width:100%;
height:auto;
padding-top:10px;
padding-bottom:10px;
margin-left:0;
border-radius:0;
-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,0.2) inset;
box-shadow:0 4px 20px 0 rgba(0,0,0,0.2) inset;
font-size:1em;}
.BookingViewContent .BookingView-view table .View-boatPromo-content:after{
display:block;} }
.BookingViewContent .BookingView-view table .View-boatPromo-content .text{
opacity:0;
height:0;
max-width:0;
max-height:70px;
font-size:0.7em;
text-align:center;
-webkit-transition:max-width 300ms;
transition:max-width 300ms;}
.BookingViewContent .BookingView-view table .View-boatPromo-content .text div{
opacity:0;
-webkit-transition:opacity 300ms 200ms;
transition:opacity 300ms 200ms;}
.BookingViewContent .BookingView-view table .View-boatPromo-content .price{
opacity:1;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.BookingViewContent .BookingView-view table .View-boatPromo-content .price .number{
display:block;
font-weight:600;
font-size:1.5em;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPromo-content .price{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;}
.BookingViewContent .BookingView-view table .View-boatPromo-content .price span{
margin-right:5px;}
.BookingViewContent .BookingView-view table .View-boatPromo-content .price span:last-of-type{
margin-right:0;}
.BookingViewContent .BookingView-view table .View-boatPromo-content .price .number{
font-size:1.3em;} }
.BookingViewContent .BookingView-view table .View-boatPromo-content.open:after{
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);}
.BookingViewContent .BookingView-view table .View-boatPromo-content.open .text{
opacity:1;
height:auto;
width:100%;
max-width:120px;}
.BookingViewContent .BookingView-view table .View-boatPromo-content.open .text div{
opacity:1;}
.BookingViewContent .BookingView-view table .View-boatPromo-content.open .price{
opacity:0;
height:0;
width:0;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPromo-content.open .text{
max-width:none;
text-align:left;} }
.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-red:hover,.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-red.promo-active{
background-color:#ea0d3c;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-red:hover,.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-red:focus{
background-color:#dbdcdd;}
.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-red.promo-active:hover,.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-red.promo-active:focus{
background-color:#ea0d3c;} }
.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-purple:hover,.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-purple.promo-active{
background-color:#BA007E;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-purple:hover,.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-purple:focus{
background-color:#dbdcdd;}
.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-purple.promo-active:hover,.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-purple.promo-active:focus{
background-color:#BA007E;} }
.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-green:hover,.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-green.promo-active{
background-color:#3CBA28;}
@media screen and (max-width:959px){
.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-green:hover,.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-green:focus{
background-color:#dbdcdd;}
.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-green.promo-active:hover,.BookingViewContent .BookingView-view table .View-boatPromo-content.promo-green.promo-active:focus{
background-color:#3CBA28;} }
.choose-option{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-bottom:20px;
position:absolute;
top:100%;
z-index:15;
height:0;
overflow:hidden;
display:none;
opacity:0;
background-color:#FFFFFF;
font-family:"Source Sans Pro",sans-serif;
-webkit-transition:opacity 300ms;
transition:opacity 300ms;
}
.choose-option.open{
opacity:1;
height:auto;
overflow:visible;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border:1px solid #00206e;
-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,0.2);
box-shadow:0 0 10px 2px rgba(0,0,0,0.2);}
html.ie .choose-option.open{
display:block;
text-align:center;
}
html.ie .choose-option.open > div{
text-align:left;
}
.choose-option:before,.choose-option:after{
content:"";
position:absolute;
width:0;
height:0;
border-color:transparent;
border-style:solid;
border-top-width:0;}
@media screen and (max-width:768px){
.choose-option:before,.choose-option:after{
display:none;} }
.choose-option:before{
border-bottom-color:#00206e;
border-width:12px;
top:-24px;}
.choose-option:after{
border-bottom-color:white;
border-width:10px;
top:-20px;}
.choose-option--right{
right:0;}
.choose-option--right:before,.choose-option--right:after{
right:20px;}
.choose-option--right:before{
margin-right:-12px;}
.choose-option--right:after{
margin-right:-10px;}
.choose-option--left{
left:0;}
.choose-option--left:before,.choose-option--left:after{
left:20px;}
.choose-option--left:before{
margin-left:-12px;}
.choose-option--left:after{
margin-left:-10px;}
.choose-option--donation,.choose-option--car,.choose-option--bedroom{
padding:20px 15px 30px 15px;
font-size:1.15em;}
.choose-option--donation .title,.choose-option--car .title,.choose-option--bedroom .title{
margin-bottom:10px;
font-weight:700;
text-transform:uppercase;}
.choose-option--donation .donation,.choose-option--car .donation,.choose-option--bedroom .donation{
margin:15px 0 25px 0;}
.choose-option--donation{
width:310px;}
.choose-option--car{
width:560px;}
.choose-option--bedroom{
padding:0 0 30px 0;
width:635px;}
.choose-option--car input[type="radio"],.choose-option--bedroom input[type="radio"]{
display:none;}
.choose-option--car input[type="radio"] + label,.choose-option--bedroom input[type="radio"] + label{
display:inline-block;
margin-bottom:5px;
cursor:pointer;}
.choose-option--car input[type="radio"] + label span,.choose-option--bedroom input[type="radio"] + label span{
vertical-align:middle;}
.choose-option--car input[type="radio"] + label .text,.choose-option--bedroom input[type="radio"] + label .text{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:relative;}
.choose-option--car input[type="radio"] + label .text .checkbox,.choose-option--bedroom input[type="radio"] + label .text .checkbox{
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
margin-top:2px;}
.choose-option--car input[type="radio"] + label .checkbox,.choose-option--bedroom input[type="radio"] + label .checkbox{
display:inline-block;
width:12px;
height:12px;
position:relative;
margin-right:5px;
border-radius:50%;
border:1px solid #8a8d94;
vertical-align:middle;}
.choose-option--car input[type="radio"]:disabled + label .checkbox,.choose-option--bedroom input[type="radio"]:disabled + label .checkbox{
opacity:0.25;
}
.choose-option--car input[type="radio"]:disabled + label,.choose-option--bedroom input[type="radio"]:disabled + label{
text-decoration:line-through;
cursor:default;
}
.choose-option--car input[type="radio"]:checked + label .checkbox:before,.choose-option--bedroom input[type="radio"]:checked + label .checkbox:before{
content:'';
display:inline-block;
position:absolute;
top:2px;
left:2px;
bottom:2px;
right:2px;
background-color:#8a8d94;
border-radius:50%;}
@media screen and (max-width:768px){
.choose-option{
-webkit-box-flex:1;
-ms-flex:1 0 auto;
flex:1 0 auto;
left:0;
right:0;
position:absolute;
margin:0 auto;
width:auto;}
.choose-option.open{
margin-top:10px;
border:0;} }
.choose-option--food{
padding-bottom:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:start;
-webkit-align-items:start;
-ms-flex-align:start;
align-items:start;
left:0;right:0;width:auto;
}
.choice-item:nth-child(4n+1) > .choose-option--food::before,
.choice-item:nth-child(4n+1) > .choose-option--food::after{
left:12.5%
}
.choice-item:nth-child(4n+2) > .choose-option--food::before,
.choice-item:nth-child(4n+2) > .choose-option--food::after{
left:37.5%
}
.choice-item:nth-child(4n+3) > .choose-option--food::before,
.choice-item:nth-child(4n+3) > .choose-option--food::after{
left:62.5%
}
.choice-item:nth-child(4n) > .choose-option--food::before,
.choice-item:nth-child(4n) > .choose-option--food::after{
left:87.5%
}
.Subscription-Block .choice-item .choose-option--food::before,
.Subscription-Block .choice-item .choose-option--food::after{
left:25%
}
.Subscription-Block .choice-item:nth-child(2n) .choose-option--food::before,
.Subscription-Block .choice-item:nth-child(2n) .choose-option--food::after{
left:75%
}
@media screen and (max-width:850px){
.choose-option--food{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
} }
@media screen and (max-width:768px){
.choose-option--food{
width:auto;} }
.choose-option--food.open{
padding:35px 32px;}
.choose-option--food:before{
border-width:8px;
top:-16px;}
.choose-option--food:after{
border-width:7px;
top:-14px;}
.choose-option--food.food-middle:before{
margin-left:-1px;}
.choose-option--food.food-middle:after{
margin-left:0;}
.choose-option--food.food-right:before{
margin-left:-1px;}
.choose-option--food.food-right:after{
margin-left:0;}
.choose-option--food .food-slider{
max-width:312px;
max-height:422px;
margin-right:60px;
position:relative;
background-color:#aaa6a6;}
@media screen and (max-width:850px){
.choose-option--food .food-slider{
margin:0 0 20px 0;} }
.choose-option--food .food-slider img{
max-width:312px;}
@media screen and (max-width:768px){
.choose-option--food .food-slider img{
max-width:280px;
display:block;
margin:-1px auto 0;} }
@media screen and (max-width:768px){
.choose-option--food .food-slider .swiper-wrapper,.choose-option--food .food-slider .swiper-container{
width:280px;} }
.choose-option--food .food-slider .swiper-slide{
max-height:422px;
height:422px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
@media screen and (max-width:768px){
.choose-option--food .food-slider .swiper-slide{
height:380px;
width:280px;} }
.choose-option--food .food-slider .swiper-pagination{
bottom:20px;}
.choose-option--food .food-slider .swiper-pagination-bullet{
width:12px;
height:12px;
border:3px solid white;
background:transparent;
border-radius:0;
opacity:1;}
.choose-option--food .food-slider .swiper-pagination-bullet-active{
background-color:#f6e300;
border-color:#f6e300;}
.choose-option--food .food-content{
text-align:center;
max-width:360px;}
.choose-option--food .food-content span{
font-family:"Montserrat",sans-serif;
font-weight:700;
font-size:1.2em;
display:block;
margin-bottom:17px;}
.choose-option--food .food-content ul{
list-style:inside;
margin-bottom:45px;
font-size:0.93em;
font-family:"Montserrat",sans-serif;
font-weight:600;
line-height:1.6em;}
.choose-option--food .food-content-restaurants{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:0 -22px;}
@media screen and (max-width:768px){
.choose-option--food .food-content-restaurants{
margin:0;
-ms-flex-pack:distribute;
justify-content:space-around;} }
.choose-option--food .food-content-restaurants img{
display:block;
max-width:95px;
max-height:95px;
margin:0 11px 15px;}
@media screen and (max-width:768px){
.choose-option--food .food-content-restaurants img{
margin:0 0 15px 0;} }
.choose-option > .icon-close{
position:absolute;
cursor:pointer;
top:10px;
right:10px;
z-index:10;
background:none;
padding:0;
margin:0;
}
@media screen and (max-width:768px){
.choose-option > .icon-close{
font-size:1.5em;} }
.BookingPassenger-item{
margin:15px 0;}
.BookingPassenger-item-title{
display:inline-block;
margin-bottom:10px;
font-size:0.9em;
font-weight:600;
text-transform:uppercase;}
.BookingPassenger-item-title > input{
vertical-align:top;
cursor:pointer;
}
.BookingPassenger-item-title > label{
padding:0 0 0 0.5em;
cursor:pointer;
}
.BookingPassenger-item-information .icon{
font-size:1.5rem;
margin:0 0 0 8px;
position:absolute;
line-height:0;
}
.BookingPassenger-item-information input.square:not(:checked) + label .icon{
display:none;
}
.BookingPassenger-item-information .icon.big{
font-size:3em;
margin:0 8px 0 0;
color:#00206e;
position:static;
}
.BookingPassenger-item-information{
background:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
.BookingPassenger-item-information .information-block{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
width:16.66%;
padding:10px 10px;
background-color:#FFFFFF;
border-left:1px solid rgba(0,32,110,0.5);}
.BookingPassenger-item-information .information-block.corsicaclub{
background-color:transparent;
background-repeat:no-repeat;
background-position:98% 5px;
background-position:calc(100% - 5px) 5px;
background-size:5em;
min-height:6em;
}
.choose-option-menu{
flex:1 1 100%;
}
.choose-option-menu .BookingPassenger-item,
.choose-option-menu .BookingPassenger-item .BookingPassenger-item-information .information-block{
flex:1 1 auto;
width:auto;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
}
.choose-option-menu .BookingPassenger-item .BookingPassenger-item-information{
flex-wrap:wrap;
}
.choose-option-menu > .list-check{
margin:1em;
}
.BookingPassenger-item-information .information-block.midsize{min-width:24.99%;}
.BookingPassenger-item-information .information-block.doublesize{min-width:33.32%;}
.BookingPassenger-item-information .information-block.fullsize{min-width:100%;}
.BookingPassenger-item-information .information-block.complement{
border-top:1px solid rgba(0,32,110,0.5);
}
.BookingPassenger-item-information .information-block.firstrow{border-left:0;}
.BookingPassenger-item-information .information-block > *{
max-width:100%;}
.BookingPassenger-item-information .information-block .title{
display:block;
margin-bottom:10px;
-webkit-box-flex:1;
-ms-flex:1 0 auto;
flex:1 0 auto;
color:#8a8d94;
font-size:0.9em;}
.BookingPassenger-item-information .information-block .bigtitle{
display:block;
margin-bottom:10px;
color:#00206e;
font-weight:600;
}
.CorsicaClub-Connect .BookingPassenger-item-information .information-block .title,
.CorsicaClub-Connect .BookingPassenger-item-information .information-block .bigtitle{
margin-bottom:2px;
}
.BookingPassenger-item-information .information-block select{
padding:5px;
font-size:0.9em;
color:#00206e;
}
.BookingPassenger-item-information .information-block > input,.BookingPassenger-item-information .information-block > textarea{
padding:5px;
border:0;
border-bottom:1px solid rgba(138,141,148,0.7);
font-size:0.9em;
color:#00206e;
}
.BookingPassenger-item-information .information-block .title.required::after,
.BookingPersonalData-content-block.all-data-required .BookingPassenger-item-information .information-block .title.should-require::after{
content:"*";
}
.BookingPersonalData-content-block.no-data-required .BookingPassenger-item-information .information-block .title.required::after,
.BookingPersonalData-content-block.no-data-required .BookingPassenger-item-information .information-block .title.should-require::after{
content:none;
display:none;
}
.BookingPassenger-item-information .information-block > input:required{
outline:0;
box-shadow:none;
background:
}
.BookingPassenger-item-information .information-block > input:focus,.BookingPassenger-item-information .information-block > textarea:focus{
color:#00206e;
border-color:#00206e;
}
.BookingPassenger-item-information .information-block > input:disabled{
border-bottom-color:transparent;
font-weight:600;
}
@media screen and (max-width:1279px){
.BookingPassenger-item-information .information-block{
padding-left:-webkit-calc(10vw / 1280 * 100);
padding-left:calc(10vw / 1280 * 100);
padding-right:-webkit-calc(10vw / 1280 * 100);
padding-right:calc(10vw / 1280 * 100);} }
@media screen and (max-width:768px){
.BookingPassenger-item-information .information-block{
width:100%;
padding:15px 10px;
border-right:0;
border-top:1px solid rgba(0,32,110,0.5);}
.BookingPassenger-item-information .information-block:first-of-type{
border-top:0;} }
.BookingDetails-details-block .BookingPassenger-show-hide{
display:none;
}
.BookingDetails-details-block.agency-block .BookingPassenger-show-hide{
display:inline-block;
margin:0 0 0 2em;
}
.BookingDetails-details-fret{
display:flex;
}
.BookingPersonalData-content-block.agency-block .BookingPassenger-item-information.item--more{
display:none;
}
.BookingPersonalData-content-block.agency-block.view-all-items .BookingPassenger-item-information.item--more{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.BookingPassenger--contact .BookingPassenger-item-title{
margin:20px 0 20px 0;}
.BookingPassenger--contact .BookingPassenger-item-information:not(:last-child){
border-bottom:1px solid rgba(0,32,110,0.5);}
.BookingPassenger--contact .BookingPassenger-item-information .information-block{
width:33.33%;}
.BookingPassenger--contact .BookingPassenger-item-information .information-block--large{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;}
@media screen and (max-width:768px){
.BookingPassenger--contact .BookingPassenger-item-information .information-block{
width:100%;} }
.BookingPassenger-item.not-selected .BookingPassenger-item-title{
color:#ab0305;
}
.BookingPassenger-item.not-selected .BookingPassenger-item-title:hover{
color:inherit;
}
.BookingPassenger-item.not-selected .BookingPassenger-item-information{
opacity:0.6;
color:#ab0305;
cursor:not-allowed;
text-decoration:line-through;
}
.BookingPassenger-item.not-selected .BookingPassenger-item-information .information-block{
pointer-events:none;
padding-left:0;
padding-right:0;
}
.BookingPassenger-item.not-selected .BookingPassenger-item-information .information-block > .title{
display:none;
}
.BookingPassenger-item.not-selected .BookingPassenger-item-information .information-block > input,
.BookingPassenger-item.not-selected .BookingPassenger-item-information .information-block > select{
color:#ab0305;
text-decoration:line-through;
border:transparent;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
}
.BookingPassenger-corsicaClub{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:20px;
padding:30px 110px;
position:relative;
background-color:#f6e300;
text-align:center;}
.BookingPassenger-corsicaClub .title{
margin-bottom:30px;
font-size:1.8em;
font-weight:700;
text-transform:uppercase;}
.BookingPassenger-corsicaClub .choice input[type="radio"]:not(:last-of-type) + label{
margin-right:30px;}
.BookingPassenger-corsicaClub .choice input[type="radio"] + label .checkbox{
background-color:#FFFFFF;}
.BookingPassenger-corsicaClub .description{
margin:20px 0;
font-size:0.9em;}
.BookingPassenger-corsicaClub .picture{
position:absolute;
right:15px;
top:15px;
max-width:100px;}
.BookingPassenger-corsicaClub .btn-main.connect{
position:absolute;
bottom:4px;
right:4px;
font-size:0.9em;
padding:8px;
text-transform:none;
}
@media screen and (max-width:768px){
.BookingPassenger-corsicaClub{
padding-top:15px;
padding-left:20px;
padding-right:20px;}
.BookingPassenger-corsicaClub .title{
font-size:1.4em;}
.BookingPassenger-corsicaClub .choice input[type="radio"]:not(:last-of-type) + label{
display:block;
margin-right:0;
margin-bottom:10px;}
.BookingPassenger-corsicaClub .picture{
position:static;
margin-bottom:15px;} }
.BookingRateSummary{
margin-top:20px;
}
.BookingRateSummary-wrapper{
display:-webkit-box;
display:-ms-flexbox;
display:flex;}
.BookingRateSummary-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
width:25%;}
.BookingRateSummary-item-head{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1 0 auto;
flex:1 0 auto;
margin-bottom:5px;
text-align:center;
margin-right:5px;
padding:20px 10px;
background:#ffffff;
color:#00206e;
}
.BookingRateSummary-item-head .small{
font-size:0.85em;
font-weight:100;}
.BookingRateSummary-item .item-cell{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:5px;
margin-right:5px;
padding:25px 15px;
position:relative;
background-color:#FFFFFF;
color:#00206e;
font-size:1.7em;
font-weight:700;
cursor:pointer;
}
.BookingRateSummary-item .item-cell.disabled{
color:#49594d;
cursor:default;
}
.BookingRateSummary-item .item-cell.no-click{
background:#f1f1f1 !important;
color:#aaa6a6;
outline:1px solid;
cursor:not-allowed;
}
.BookingRateSummary-item .item-cell.notification .notification--content{
bottom:-8px;
z-index:1;
}
.BookingRateSummary-item .item-cell .grey-important{
position:absolute;
bottom:2px;
left:0;
right:0;
text-align:center;
font-size:0.7em;
color:#8a8d94;
}
.BookingRateSummary-item .item-cell .blue-important{
position:absolute;
bottom:2px;
left:0;
right:0;
text-align:center;
font-size:0.45em;
font-weight:normal;
color:#00206e;
}
.BookingRateSummary-item .item-cell .original-price{
position:absolute;
top:6px;
margin:auto;
font-size:14px;
font-weight:normal;
color:#49594d;
}
.BookingRateSummary-item .item-cell.not-mixable + .item-cell.not-mixable{
border-color:#fff;
border-style:solid;
border-width:0;
border-top-width:5px;
margin-top:-5px;
}
.BookingRateSummary-item .item-cell.not-mixable + .item-cell.not-mixable.selected{
border-color:#f6e300;
}
.BookingRateSummary-item:hover .item-cell.not-mixable:not(.selected){
background-color:#dbdcdd;
border-color:#dbdcdd;
}
.BookingRateSummary-item .item-cell.empty{
visibility:hidden;
}
.BookingRateSummary-item .item-cell.selected{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
background-color:#f6e300;
cursor:default;
}
.BookingRateSummary-item .item-cell.selected:before{
content:"";
font-size:0.7em;
background-color:transparent;
margin-right:10px;
}
.BookingRateSummary-item .item-cell:not(.selected):hover{
background-color:#dbdcdd;
}
@media screen and (max-width:1279px){
.BookingRateSummary-item .item-cell{
font-size:-webkit-calc(27vw / 1280 * 100);
font-size:calc(27vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingRateSummary-item .item-cell{
font-size:2em;} }
@media screen and (max-width:768px){
.BookingRateSummary-item .item-cell{
font-size:1.5em;}
.BookingRateSummary-item .item-cell.selected{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.BookingRateSummary-item .item-cell.selected::before{
margin:0 0 10px 0;
}
}
.BookingRateSummary-item .item-cell .flex-description{
position:absolute;
bottom:8px;
left:5px;
right:5px;
font-weight:400;
font-size:0.45em;
text-align:center;}
.BookingRateSummary-item .item-cell .flex-description.red{
color:#ea0d3c;
}
@media screen and (max-width:1279px){
.BookingRateSummary-item .item-cell .flex-description{
bottom:6px;} }
@media screen and (max-width:959px){
.BookingRateSummary-item .item-cell .flex-description{
font-size:0.41em;} }
.BookingRateSummary-item .item-cell .promo-description{
position:absolute;
bottom:0;
left:0;
right:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:5px 5px;
color:#FFFFFF;
font-weight:400;
font-size:0.45em;
text-transform:uppercase;}
.BookingRateSummary-item .item-cell .promo-description.promo-red{
background-color:#ea0d3c;}
.BookingRateSummary-item .item-cell .promo-description.promo-purple{
background-color:#BA007E;}
.BookingRateSummary-item .item-cell .promo-description .price{
position:relative;}
.BookingRateSummary-item .item-cell .promo-description .price:after{
content:'';
display:inline-block;
position:absolute;
top:0;
bottom:0;
left:0;
right:8px;
border-top:2px solid #FFFFFF;
-webkit-transform:rotate(-12deg) translateX(0px) translateY(7px);
-ms-transform:rotate(-12deg) translateX(0px) translateY(7px);
transform:rotate(-12deg) translateX(0px) translateY(7px);}
.BookingRateSummary-item--legend{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;}
.BookingRateSummary-item--legend .item-cell{
background-color:#00206e !important;
color:#FFFFFF !important;
cursor:auto !important;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;}
@media screen and (max-width:768px){
.BookingRateSummary-item.BookingRateSummary-item--legend::before{
content:" ";
flex:1 1 20vw;
margin-right:5px;
padding:5px 10px;
}
.BookingRateSummary-item-head{
flex:1 1 20vw;
font-size:0.8em;
flex-direction:column;
padding:20px 0;
}
.BookingRateSummary-wrapper{
flex-wrap:wrap;
}
.BookingRateSummary-item{
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row;
flex-direction:row;
}
.BookingRateSummary-item{
width:95vw;
margin:auto;
}
.BookingRateSummary-item .item-cell.not-mixable + .item-cell.not-mixable{
margin-top:0;
border-top-width:0;
margin-left:-5px;
border-top-width:5px;
}
.BookingRateSummary-item .item-cell{
flex:1 1 33%;
padding:20px 0;
}
}
.BookingRateSummary-links{
display:none;}
@media screen and (max-width:768px){
.BookingRateSummary-links{
display:block;
margin-top:20px;}
.BookingRateSummary-links-title{
display:inline-block;
margin-bottom:10px;}
.BookingRateSummary-links ul li{
list-style:none;
padding:10px 0;
border-bottom:1px solid #FFFFFF;
text-transform:uppercase;}
.BookingRateSummary-links ul li:last-of-type{
border-bottom:0;}
.BookingRateSummary-links ul li.selected{
color:#f6e300;} }
.BookingTopDeal{
max-width:1055px;
margin:0 0 40px auto;
padding:20px 20px;
position:relative;
background-color:#f6e300;
color:#00206e;}
@media screen and (max-width:959px){
.BookingTopDeal{
max-width:580px;
margin-left:auto;
margin-right:auto;} }
@media screen and (max-width:620px){
.BookingTopDeal{
margin-left:-20px;
margin-right:-20px;} }
.BookingTopDeal:after{
content:"";
color:#ea0d3c;
position:absolute;
top:20px;
right:20px;
font-size:2em;
background-color:#FFFFFF;}
.BookingTopDeal-title{
margin-bottom:20px;
font-size:1.7em;}
.BookingTopDeal-title--large{
margin-right:10px;
font-weight:700;
font-size:1.65em;
text-transform:uppercase;}
.BookingTopDeal-title .icon{
vertical-align:middle;
font-size:0.5em;}
@media screen and (max-width:959px){
.BookingTopDeal-title{
text-align:center;}
.BookingTopDeal-title--large{
display:block;} }
.BookingTopDeal-wrapper{
display:-webkit-box;
display:-ms-flexbox;
display:flex;}
@media screen and (max-width:959px){
.BookingTopDeal-wrapper{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;} }
.BookingTopDeal-left{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
width:60%;}
@media screen and (max-width:959px){
.BookingTopDeal-left{
width:100%;} }
.BookingTopDeal-left .TopDealDest-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:10px;}
@media screen and (max-width:959px){
.BookingTopDeal-left .TopDealDest-item{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;} }
.BookingTopDeal-left .TopDealDest-item-block{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding:20px 20px;
background-color:#FFFFFF;}
@media screen and (max-width:959px){
.BookingTopDeal-left .TopDealDest-item-block{
padding:20px 15px;} }
.BookingTopDeal-left .TopDealDest-item-block--price{
width:-webkit-calc(200vw / 1280 * 100);
width:calc(200vw / 1280 * 100);
max-width:200px;
margin-left:10px;
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
position:relative;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
cursor:default;
-webkit-transition:300ms;
transition:300ms;}
@media screen and (max-width:959px){
.BookingTopDeal-left .TopDealDest-item-block--price{
width:100%;
max-width:none;
margin-left:0;
border-top:1px solid #00206e;} }
.BookingTopDeal-left .TopDealDest-item-block--price .promo-price{
font-size:1.7em;
font-weight:700;}
@media screen and (max-width:1279px){
.BookingTopDeal-left .TopDealDest-item-block--price .promo-price{
font-size:-webkit-calc(28vw / 1280 * 100);
font-size:calc(28vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingTopDeal-left .TopDealDest-item-block--price .promo-price{
font-size:2em;} }
.BookingTopDeal-left .TopDealDest-item-block--price .original-price{
display:block;
position:absolute;
right:5px;
bottom:5px;
font-size:1.12em;}
@media screen and (max-width:1279px){
.BookingTopDeal-left .TopDealDest-item-block--price .original-price{
font-size:-webkit-calc(16vw / 1280 * 100);
font-size:calc(16vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingTopDeal-left .TopDealDest-item-block--price .original-price{
font-size:1.15em;} }
.BookingTopDeal-left .TopDealDest-item-block--price .original-price:after{
content:'';
display:inline-block;
position:absolute;
top:0;
bottom:0;
left:0;
right:8px;
border-top:1px solid #00206e;
-webkit-transform:rotate(-12deg) translateX(0px) translateY(9px);
-ms-transform:rotate(-12deg) translateX(0px) translateY(9px);
transform:rotate(-12deg) translateX(0px) translateY(9px);}
.BookingTopDeal-left .TopDealDest-item-block .block-cities > span{
display:block;}
.BookingTopDeal-left .TopDealDest-item-block .block-cities .cities{
font-weight:700;
font-size:1.15em;
text-transform:uppercase;}
@media screen and (max-width:1279px){
.BookingTopDeal-left .TopDealDest-item-block .block-cities .cities{
font-size:-webkit-calc(16vw / 1280 * 100);
font-size:calc(16vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingTopDeal-left .TopDealDest-item-block .block-cities .cities{
font-size:1.15em;} }
.BookingTopDeal-left .TopDealDest-item-block .block-cities .cities .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0 10px;
font-size:0.5em;}
.BookingTopDeal-left .TopDealDest-item-block .block-cities .boat{
font-size:0.9em;}
.BookingTopDeal-left .TopDealDest-item-block .block-cities .boat-more{
color:#8a8d94;
font-style:italic;
font-size:0.9em;}
@media screen and (max-width:959px){
.BookingTopDeal-left .TopDealDest-item-block .block-cities .cities .icon{
margin:0 0;} }
.BookingTopDeal-left .TopDealDest-item-block .block-hours{
min-width:-webkit-calc(140vw / 1280 * 100);
min-width:calc(140vw / 1280 * 100);
text-align:center;}
.BookingTopDeal-left .TopDealDest-item-block .block-hours > span{
display:block;}
.BookingTopDeal-left .TopDealDest-item-block .block-hours .hours{
font-weight:700;
font-size:1.15em;}
@media screen and (max-width:1279px){
.BookingTopDeal-left .TopDealDest-item-block .block-hours .hours{
font-size:-webkit-calc(16vw / 1280 * 100);
font-size:calc(16vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingTopDeal-left .TopDealDest-item-block .block-hours .hours{
font-size:1.15em;} }
.BookingTopDeal-left .TopDealDest-item-block .block-hours .hours .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0 10px;
font-size:0.5em;}
.BookingTopDeal-left .TopDealDest-item-block .block-hours .duration{
color:#8a8d94;
font-style:italic;}
.BookingTopDeal-left .TopDealDest-item-block .block-hours .duration span{
font-size:0.9em;
margin-left:5px;}
@media screen and (max-width:768px){
.BookingTopDeal-left .TopDealDest-item-block .block-hours{
min-width:60px;
margin-left:10px;}
.BookingTopDeal-left .TopDealDest-item-block .block-hours .hours{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;}
.BookingTopDeal-left .TopDealDest-item-block .block-hours .hours .icon{
display:none;}
.BookingTopDeal-left .TopDealDest-item-block .block-hours .duration .label{
display:none;}
.BookingTopDeal-left .TopDealDest-item-block .block-hours .duration span{
margin-left:0;} }
.BookingTopDeal-right{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
max-width:270px;
padding:0 15px;
width:40%;}
@media screen and (max-width:959px){
.BookingTopDeal-right{
margin:0 auto 0 auto;
width:100%;} }
.BookingTopDeal-right .TopDeal-price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:-15px;}
.BookingTopDeal-right .TopDeal-price-large{
font-size:8.5em;
font-weight:500;
letter-spacing:-0.05em;
line-height:1em;}
@media screen and (max-width:1279px){
.BookingTopDeal-right .TopDeal-price-large{
font-size:-webkit-calc(119vw / 1280 * 100);
font-size:calc(119vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingTopDeal-right .TopDeal-price-large{
font-size:8.5em;} }
.BookingTopDeal-right .TopDeal-price-value{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding-left:10px;}
.BookingTopDeal-right .TopDeal-price-value .currency{
font-size:3em;
font-weight:500;}
@media screen and (max-width:1279px){
.BookingTopDeal-right .TopDeal-price-value .currency{
font-size:-webkit-calc(42vw / 1280 * 100);
font-size:calc(42vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingTopDeal-right .TopDeal-price-value .currency{
font-size:3em;} }
.BookingTopDeal-right .TopDeal-price-value .currency:after{
content:'*';
font-size:0.6em;
font-weight:400;
vertical-align:top;}
.BookingTopDeal-right .TopDeal-price-value .tax{
font-size:1.2em;
font-weight:500;}
@media screen and (max-width:1279px){
.BookingTopDeal-right .TopDeal-price-value .tax{
font-size:-webkit-calc(18vw / 1280 * 100);
font-size:calc(18vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingTopDeal-right .TopDeal-price-value .tax{
font-size:1.2em;} }
.BookingTopDeal-right .TopDeal-price-value .more{
margin-top:10px;
font-size:1.4em;
font-weight:500;}
@media screen and (max-width:1279px){
.BookingTopDeal-right .TopDeal-price-value .more{
font-size:-webkit-calc(16vw / 1280 * 100);
font-size:calc(16vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingTopDeal-right .TopDeal-price-value .more{
font-size:1.4em;} }
.BookingTopDeal-right .TopDeal-dealInformation{
text-align:center;
font-weight:700;
font-size:0.8em;
max-width:100%;}
.BookingTopDeal-right .TopDeal-dealCTA{
width:100%;
padding:10px 30px;
margin-top:10px;
background-color:transparent;
border:1px solid #00206e;
border-radius:0 0;
font-size:1.4em;
text-transform:uppercase;
-webkit-transition:300ms;
transition:300ms;}
@media screen and (max-width:1279px){
.BookingTopDeal-right .TopDeal-dealCTA{
font-size:-webkit-calc(16vw / 1280 * 100);
font-size:calc(16vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingTopDeal-right .TopDeal-dealCTA{
font-size:1.4em;} }
.BookingTopDeal-right .TopDeal-dealCTA:hover{
background-color:#00206e;
color:#FFFFFF;}
.BookingTopDeal .TopDeal-dealConditions{
padding-right:20px;}
@media screen and (max-width:959px){
.BookingTopDeal .TopDeal-dealConditions{
margin-bottom:20px;} }
.BookingTopDeal .TopDeal-dealConditions .link{
display:inline-block;
margin-top:10px;
margin-bottom:10px;
position:relative;
font-weight:600;
font-size:0.9em;
cursor:pointer;}
.BookingTopDeal .TopDeal-dealConditions .link:after{
content:'';
position:absolute;
left:0;
right:0;
bottom:0;
border-bottom:1px solid #00206e;
-webkit-transition:200ms;
transition:200ms;}
.BookingTopDeal .TopDeal-dealConditions .link:hover:after{
opacity:0;}
.BookingTopDeal .TopDeal-dealConditions .content{
max-height:0;
overflow:hidden;
font-size:0.9em;
-webkit-transition:300ms;
transition:300ms;}
.BookingTopDeal .TopDeal-dealConditions .content.open{
max-height:1000px;}
.BookingTopDeal--bestOffer{
background-color:#ebebeb;
border:3px solid #ea0d3c;}
.BookingTopDeal--bestOffer:after{
top:0;
right:0;
font-size:2.5em;}
.BookingViewPrice{
margin-top:72px;
margin-right:20px;
width:210px;
position:absolute;
left:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;}
.BookingViewPrice-title{
display:none;}
.BookingViewPrice-title:after{
content:"";
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
margin-left:20px;}
.BookingViewPrice-close{
display:none;}
.BookingViewPrice-main{
padding:15px 0;
background-color:#00206e;
border-right:1px solid #00206e;
color:#FFFFFF;}
.BookingViewPrice-main .main-title{
padding:0 15px;
margin-bottom:15px;}
.BookingViewPrice-main .main-title--large{
font-size:1.7em;
text-transform:uppercase;}
.BookingViewPrice-main .main-title--small{
display:block;
margin-top:15px;}
.BookingViewPrice-main ul li{
list-style:none;
position:relative;
padding:15px 15px;
cursor:pointer;
font-size:1.15em;
text-transform:uppercase;
-webkit-transition:background 300ms;
transition:background 300ms;}
.BookingViewPrice-main ul li:not(:last-child):after{
content:'';
display:block;
position:absolute;
bottom:0;
left:15px;
right:15px;
border-bottom:1px solid #FFFFFF;}
.BookingViewPrice-main ul li .small{
display:block;
font-size:0.8em;
text-transform:none;}
.BookingViewPrice-main ul li .label{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.BookingViewPrice-main ul li .label .logo-club{
margin-right:10px;}
.BookingViewPrice-main ul li .main-cta{
display:inline-block;
padding:5px 10px;
margin:10px 0 0 0;
border:1px solid #FFFFFF;}
.BookingViewPrice-main ul li.price-selected{
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#f6e300;
color:#00206e;}
.BookingViewPrice-main ul li.price-selected .label{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.BookingViewPrice-main ul li.price-selected .label:before{
content:"";
margin-right:10px;}
.BookingViewPrice-main ul li.price-selected .label .logo-club{
display:none;}
.BookingViewPrice-main ul li.price-selected:after{
content:'';
position:absolute;
right:-18px;
left:auto;
width:0;
height:0;
top:-1px;
bottom:0;
border-top:27px solid transparent;
border-bottom:27px solid transparent;
border-left:18px solid #f6e300;}
.BookingViewPrice-main ul li.price-selected:nth-child(2):after{
right:-20px;
border-top-width:44px;
border-bottom-width:40px;
border-left-width:20px;}
.BookingViewPrice-main ul li.price-selected:nth-child(3):after{
right:-20px;
border-top-width:37px;
border-bottom-width:35px;
border-left-width:20px;}
.BookingViewPrice-main ul li.price-selected:nth-child(3) .main-cta{
display:none;}
.BookingViewPrice-main ul li.price-selected:hover{
cursor:default;
background-color:#f6e300;
pointer-events:none;}
.BookingViewPrice-main ul li:hover{
background-color:#f1f1f1;
color:#00206e;}
.BookingViewPrice-main ul li:hover .main-cta{
border-color:#00206e;}
.BookingViewPrice-promo{
margin:10px 0;
padding:15px 0;
background-color:#f6e300;
color:#00206e;}
.BookingViewPrice-promo .promo-title{
padding:0 15px;}
.BookingViewPrice-promo .promo-title > *{
display:block;}
.BookingViewPrice-promo .promo-title--large{
font-size:1.7em;
font-weight:500;
text-transform:uppercase;}
.BookingViewPrice-promo .promo-title--small{
font-size:0.8em;
font-weight:500;}
.BookingViewPrice-promo .promo-title-label{
margin-top:10px;}
.BookingViewPrice-promo ul{
margin-top:15px;}
.BookingViewPrice-promo ul li{
list-style:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
padding:15px 15px;
cursor:pointer;
font-size:1.25em;
font-weight:700;
text-transform:uppercase;
-webkit-transition:300ms;
transition:300ms;}
.BookingViewPrice-promo ul li:not(:last-child):after{
content:"";
display:block;
position:absolute;
left:15px;
right:15px;
bottom:0;
border-bottom:1px solid #c8b903;}
.BookingViewPrice-promo ul li:hover{
background-color:#c8b903;}
.BookingViewPrice-promo ul li.promo-red:before{
content:'';
display:inline-block;
width:20px;
height:20px;
margin-right:10px;
background-color:#ea0d3c;
border-radius:50%;}
.BookingViewPrice-promo ul li.promo-red.promo-selected{
background-color:#ea0d3c;
color:#FFFFFF;}
.BookingViewPrice-promo ul li.promo-red.promo-selected:before{
content:"";
width:auto;
height:auto;
border-radius:0;}
.BookingViewPrice-promo ul li.promo-red.promo-selected:after{
content:'';
position:absolute;
right:-18px;
left:auto;
width:0;
height:0;
top:0;
bottom:0;
border-top:24px solid transparent;
border-bottom:27px solid transparent;
border-left:18px solid #ea0d3c;}
.BookingViewPrice-promo ul li.promo-purple:before{
content:'';
display:inline-block;
width:20px;
height:20px;
margin-right:10px;
background-color:#BA007E;
border-radius:50%;}
.BookingViewPrice-promo ul li.promo-purple.promo-selected{
background-color:#BA007E;
color:#FFFFFF;}
.BookingViewPrice-promo ul li.promo-purple.promo-selected:before{
content:"";
width:auto;
height:auto;
border-radius:0;}
.BookingViewPrice-promo ul li.promo-purple.promo-selected:after{
content:'';
position:absolute;
right:-18px;
left:auto;
width:0;
height:0;
top:0;
bottom:0;
border-top:24px solid transparent;
border-bottom:27px solid transparent;
border-left:18px solid #BA007E;}
.BookingViewPrice-promo ul li.promo-green:before{
content:'';
display:inline-block;
width:20px;
height:20px;
margin-right:10px;
background-color:#3CBA28;
border-radius:50%;}
.BookingViewPrice-promo ul li.promo-green.promo-selected{
background-color:#3CBA28;
color:#FFFFFF;}
.BookingViewPrice-promo ul li.promo-green.promo-selected:before{
content:"";
width:auto;
height:auto;
border-radius:0;}
.BookingViewPrice-promo ul li.promo-green.promo-selected:after{
content:'';
position:absolute;
right:-18px;
left:auto;
width:0;
height:0;
top:0;
bottom:0;
border-top:24px solid transparent;
border-bottom:27px solid transparent;
border-left:18px solid #3CBA28;}
.BookingViewPrice-best{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:10px 0;
font-weight:500;
text-align:center;}
.BookingViewPrice-best:before{
content:"";
margin-right:10px;
background-color:#FFFFFF;
color:#ea0d3c;
font-size:1.4em;}
@media screen and (max-width:959px){
.BookingViewPrice{
position:fixed;
z-index:10;
bottom:59px;
width:100%;
margin-top:0;
-webkit-transform:translateY(100%);
-ms-transform:translateY(100%);
transform:translateY(100%);
-webkit-transition:300ms;
transition:300ms;}
.BookingViewPrice-title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:15px 10px;
background-color:#00206e;
color:#FFFFFF;
font-size:1.7em;
text-align:center;
text-transform:uppercase;
opacity:1;
height:auto;}
.BookingViewPrice.open{
bottom:0;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
height:100vh;
overflow-y:scroll;
overflow-x:hidden;}
.BookingViewPrice.open .BookingViewPrice-title{
opacity:0;
height:0;
margin-top:20px;}
.BookingViewPrice.open .BookingViewPrice-main{
position:relative;}
.BookingViewPrice.open .BookingViewPrice-close{
display:block;
position:absolute;
right:15px;
top:15px;
font-size:1.4em;}
.BookingViewPrice-best{
display:none;}
.BookingViewPrice-promo{
margin:0;} }
.BookingMain-form{
max-width:920px;
margin:0 auto 40px auto;
padding:25px 45px;
position:relative;
background-color:#00206e;
color:#FFFFFF;}
.BookingMain-form-title{
margin-bottom:15px;
color:#FFFFFF;
font-size:1.7em;
font-weight:500;
text-transform:uppercase;}
@media screen and (max-width:959px){
.BookingMain-form{
padding-left:30px;
padding-right:30px;}
.BookingMain-form-title{
text-align:center;} }
@media screen and (max-width:768px){
.BookingMain-form{
margin-left:-20px;
margin-right:-20px;
padding-left:20px;
padding-right:20px;} }
.BookingForm-wrapper{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
@media screen and (max-width:959px){
.BookingForm-wrapper{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
position:relative;} }
.BookingForm-singleCrossing{
position:absolute;
right:350px;
top:30px;}
@media screen and (max-width:959px){
.BookingForm-singleCrossing{
position:static;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;}
.BookingForm-singleCrossing label{
margin-left:10px;} }
.BookingForm-block{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:relative;
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding:15px 15px;
width:20%;
background-color:#FFFFFF;
border-right:1px solid #00206e;
color:#00206e;
font-size:0.9em;
text-transform:uppercase;}
.BookingForm-block > span{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
cursor:pointer;
text-align:center;}
.BookingForm-block .icon{
color:#f6e300;
margin-right:10px;}
.BookingForm-block .number-passengers > span{
display:block;}
.BookingForm-block--button{
padding:0 0;
background-color:#f6e300;}
.BookingForm-block--button .btn{
width:100% !important;
height:100%;}
@media screen and (max-width:959px){
.BookingForm-block{
-webkit-box-flex:1;
-ms-flex:1 1 auto;
flex:1 1 auto;
width:-webkit-calc(50% - 5px);
width:calc(50% - 5px);
min-height:70px;
position:static;
margin-bottom:10px;}
.BookingForm-block:nth-child(even){
margin-left:10px;}
.BookingForm-block--button{
max-width:140px;
margin-bottom:0;
min-height:0;} }
.BookingForm-popin{
display:none;
position:absolute;
top:55px;
left:50%;
z-index:15;
width:310px;
background-color:#FFFFFF;
-webkit-box-shadow:0 8px 15px 4px rgba(0,0,0,0.2);
box-shadow:0 8px 15px 4px rgba(0,0,0,0.2);
color:#00206e;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);}
.BookingForm-popin.open{
display:block;}
.BookingForm-popin:before{
content:'';
position:absolute;
right:0;
left:0;
width:0;
height:0;
top:-12px;
bottom:0;
margin:0 auto;
border-bottom:solid 20px #f6e300;
border-left:solid 15px transparent;
border-right:solid 15px transparent;}
.BookingForm-popin-title{
display:block;
width:100%;
padding:20px 0 15px 0;
background-color:#f6e300;
color:#00206e;
font-weight:700;
font-size:1.75em;
text-align:center;
text-transform:uppercase;}
.BookingForm-popin-content{
padding:20px 30px;
font-weight:700;
text-transform:none;}
.BookingForm-popin-content .vehicle-list{
padding:10px 30px 0 30px;}
.BookingForm-popin-content input[type="radio"]{
display:none;}
.BookingForm-popin-content input[type="radio"] + label{
display:inline-block;
margin-bottom:10px;}
.BookingForm-popin-content input[type="radio"] + label span{
vertical-align:middle;}
.BookingForm-popin-content input[type="radio"] + label .button{
display:inline-block;
width:15px;
height:15px;
position:relative;
margin-right:5px;
border-radius:50%;
border:1px solid #00206e;
vertical-align:middle;}
.BookingForm-popin-content input[type="radio"]:checked + label .button:before{
content:'';
display:inline-block;
position:absolute;
top:3px;
left:3px;
bottom:3px;
right:3px;
background-color:#00206e;
border-radius:50%;}
.BookingForm-popin-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
font-size:1.1em;}
.BookingForm-popin-btn{
width:100% !important;
margin-top:20px;
padding-top:10px;
padding-bottom:10px;
font-weight:400;
text-align:center;}
.BookingForm-popin-btn:hover .gradient{
-webkit-animation-duration:1.5s;
animation-duration:1.5s;}
@media screen and (max-width:959px){
.BookingForm-popin{
top:150px;
left:0;
right:0;
width:100%;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);}
.BookingForm-popin:before{
right:auto;
left:-webkit-calc(200vw / 959 * 100);
left:calc(200vw / 959 * 100);}
.BookingForm-popin-item{
max-width:300px;
margin:0 auto;}
.BookingForm-popin-btn{
max-width:300px;
margin-left:auto;
margin-right:auto;
display:block !important;}
.BookingForm-popin--vehicle:before{
left:auto;
right:-webkit-calc(180vw / 959 * 100);
right:calc(180vw / 959 * 100);} }
@media screen and (max-width:768px){
.BookingForm-popin:before{
right:auto;
left:-webkit-calc(150vw / 768 * 100);
left:calc(150vw / 768 * 100);}
.BookingForm-popin--vehicle:before{
left:auto;
right:-webkit-calc(150vw / 768 * 100);
right:calc(150vw / 768 * 100);} }
@media screen and (min-width:960px){
.sticky .BookingMain-wrapper,.sticky .BookingCalendar-wrapper{
padding-top:150px;}
.sticky .BookingMain-form{
position:fixed;
top:0;
left:0;
right:0;
z-index:20;
width:100%;
max-width:none;
-webkit-box-shadow:0 0 5px 5px rgba(0,0,0,0.2);
box-shadow:0 0 5px 5px rgba(0,0,0,0.2);}
.sticky .BookingMain-form-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
max-width:1280px;
margin:0 auto;
position:relative;}
.sticky .BookingMain-form-title{
-webkit-box-flex:1;
-ms-flex:1 1 0px;
flex:1 1 0;
margin-right:20px;} }
@media screen and (min-width:960px) and (max-width:1279px){
.sticky .BookingMain-form-title{
min-width:-webkit-calc(220vw / 1280 * 100);
min-width:calc(220vw / 1280 * 100);
font-size:-webkit-calc(20vw / 1280 * 100);
font-size:calc(20vw / 1280 * 100);} }
@media screen and (min-width:960px){
.sticky .BookingMain-form .BookingForm{
-webkit-box-flex:0;
-ms-flex:0 1 860px;
flex:0 1 860px;}
.sticky .BookingMain-form .BookingForm-singleCrossing{
left:0;
right:auto;
top:65px;} }
@media screen and (min-width:960px) and (max-width:1279px){
.sticky .BookingMain-form .BookingForm-singleCrossing{
top:55px;} }
.BookingDetails-basket{
}
.BookingDetails-basket-title-price{
display:none;
}
.BookingDetails-basket.active{
display:block;
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);}
@media screen and (max-width:959px){
.BookingDetails-basket{
position:fixed;
width:100vw;
z-index:30;
}
.BookingDetails-basket.active .BookingDetails-basket-title{
display:flex;
justify-content:space-between;
align-items:center;
padding-right:56px;
padding-left:16px;
}
.BookingDetails-basket:not(.open) .BookingDetails-basket-title-label{
display:block;
font-size:0.8em;
}
.BookingDetails-basket:not(.open) .BookingDetails-basket-title-price{
display:block;
color:#f6e300;
}
.BookingDetails-basket.active{
display:flex;
flex-direction:column;
justify-content:end;
overflow:hidden;
bottom:0;left:0;right:0;height:49px;
background:rgb(0,32,110);
}
.BookingDetails-basket.active:not(.open) .basketheader,
.BookingDetails-basket.active:not(.open) .basketcontent >:not(.BookingDetails-basket-title),
.BookingDetails-basket.active:not(.open) .basketfooter{
display:none;
}
.BookingDetails-basket.active.open{
overflow-y:scroll;
top:60px;
background:rgba(0,32,110,0.7);
height:auto;
}
.BookingDetails-basket.open{
height:auto;} }
.BookingDetails-basket-link{
display:block;
margin-bottom:9px;
margin-right:15px;
color:#8a8d94;
cursor:pointer;
text-align:right;}
.BookingDetails-basket-link span{
position:relative;}
.BookingDetails-basket-link span:after{
content:'';
display:block;
position:absolute;
left:0;
right:0;
border-bottom:1px solid #8a8d94;
-webkit-transition:300ms;
transition:300ms;}
.BookingDetails-basket-link:hover span:after{
opacity:0;}
@media screen and (max-width:959px){
.BookingDetails-basket-link{
display:none;}
.open .BookingDetails-basket-link{
display:block;
margin-bottom:0;
padding:10px 10px;
width:100%;
background-color:#ebebeb;
-webkit-box-shadow:0 0 20px 5px rgba(0,0,0,0.2);
box-shadow:0 0 20px 5px rgba(0,0,0,0.2);} }
.BookingDetails-basket-title{
padding:12px 0;
background-color:#00206e;
color:#FFFFFF;
font-size:1.45em;
text-align:center;
text-transform:uppercase;}
.BookingDetails-basket-title:after{
content:'';}
@media screen and (max-width:959px){
.BookingDetails-basket-title{
position:relative;}
.BookingDetails-basket-title:after{
content:"";
position:absolute;
right:20px;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);}
.open .BookingDetails-basket-title:after{
content:"";} }
.BookingDetails-basket-block{
background-color:#FFFFFF;
color:#00206e;}
.BookingDetails-basket-block.option{
background:#fff8e1;
}
.BookingDetails-basket-block.cancelled{
background:#ffebee;
}
.BookingDetails-basket-block .block-title{
padding:10px 30px 0 30px;
font-size:1.92em;}
.BookingDetails-basket-block .block-block > .notification{
float:right;z-index:5;
}
.BookingDetails-basket-block .block-block > .notification > .price-icon{
min-width:32px;
min-height:32px;
border-radius:21px;
}
.BookingDetails-basket .BookingDetails-basket-block .block-block > .notification > .notification--content{
left:auto;
right:-112px;
}
.BookingDetails-basket .BookingDetails-basket-block .block-block > .notification > .notification--content::before{
right:14px;left:auto;
}
.BookingDetails-basket-block .block-title .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;}
.BookingDetails-basket-block .block-title .boat-name{
font-size:0.75rem;
font-weight:600;}
.BookingDetails-basket-block-wrapper .BookingDetails-basket-subblock{
position:relative;}
.BookingDetails-basket-block-wrapper .BookingDetails-basket-subblock:after{
content:'';
display:inline-block;
position:absolute;
left:30px;
right:30px;
top:0;
border-top:1px solid #dbdcdd;}
.BookingDetails-basket-subblock{
position:relative;
padding:6px 30px;}
.BookingDetails-basket-subblock .cities{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:5px;
font-weight:700;
font-size:1.13rem;
text-transform:uppercase;}
.BookingDetails-basket-subblock .cities .icon{
margin:0 10px;
font-size:0.6rem;}
.BookingDetails-basket-subblock .crossing-information{
font-size:0.9em;}
.BookingDetails-basket-subblock .crossing-information .label{
font-weight:600;}
.BookingDetails-basket-subblock .crossing-information .hours{
color:#8a8d94;}
.BookingDetails-basket-subblock .crossing-information .stickyLink{
display:none;}
.BookingDetails-basket-subblock .item{
margin-bottom:6px;}
.BookingDetails-basket-subblock .item--tax{
margin-bottom:0;}
.BookingDetails-basket-subblock .item--tax .item-head{
cursor:pointer;}
.BookingDetails-basket-subblock .item--tax .item-head:after{
content:"";
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:0.8em;
font-weight:700;
-webkit-transition:300ms;
transition:300ms;}
.BookingDetails-basket-subblock .item--tax .item-content{
max-height:0;
overflow:hidden;
-webkit-transition:max-height 300ms;
transition:max-height 300ms;}
.BookingDetails-basket-subblock .item--tax.open .item-head:after{
-webkit-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg);}
.BookingDetails-basket-subblock .item--tax.open .item-content{
max-height:500px;}
.BookingDetails-basket-subblock .item-head{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:3px;
font-size:1rem;
text-transform:uppercase;}
.BookingDetails-basket-subblock .item-head > span{
display:block;
}
.BookingDetails-basket-subblock .item-head--small{
text-transform:none;}
.BookingDetails-basket-subblock .item-head .basket-price{
font-weight:600;}
.BookingDetails-basket-subblock .item-content-price .basket-price .free,
.BookingDetails-basket-subblock .item-head .basket-price .free{
color:#4C8000;
text-transform:none;
}
.BookingDetails-basket-subblock .item-content{
color:#8a8d94;
font-size:0.9em;}
.BookingDetails-basket-subblock .item-content > *{
margin-bottom:3px;}
.BookingDetails-basket-subblock .item-content-price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;}
.BookingDetails-basket-subblock .item-content-price .basket-price{
color:#00206e;
font-weight:600;
font-size:1rem;}
.BookingDetails-basket-subtotal{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:1px 30px;
background-color:#f6e300;
color:#00206e;
font-weight:700;}
.BookingDetails-basket-subtotal > span{padding:6px 0;}
.BookingDetails-basket-subtotal .subtotal-label{
font-size:1.13rem;}
.BookingDetails-basket-subtotal .subtotal-price{
font-size:1rem;}
.BookingDetails-basket-block.preach-leg2 .block-title{
display:none;
}
.BookingDetails-basket-total{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:5px 30px;
background-color:#00206e;
color:#FFF;
font-size:0.8rem;
line-height:1.1em;
}
.BookingDetails-basket-total.main{
font-size:1rem;
font-weight:600;
text-transform:uppercase;
padding:10px 30px;
}
.BookingDetails-basket-total .label{
font-size:1.13em;}
.BookingDetails-basket-total .price{
text-align:right;
color:#fff;
}
.BookingDetails-basket-total.striped .price{
position:relative;
}
.BookingDetails-basket-total.striped .price::before,
.BookingDetails-basket-total.striped .price::after{
content:" ";
height:2px;
background:#D8000C;
background:rgba(216,0,12,0.7);
position:absolute;
top:0;
left:0;
right:0;
transform-origin:0 0;
transform:rotate(15deg);
}
.BookingDetails-basket-total.striped .price::after{
transform-origin:100%;
transform:rotate(-15deg);
}
.BookingDetails-basket-total.BookingDetails-basket-nautics{
padding-right:8px;
}
.BookingDetails-basket-nautics .quantity{margin:0;}
.BookingDetails-basket-nautics .quantity .quantity-number{width:46px }
.BookingDetails-basket-nautics .quantity .js-quantity-down,
.BookingDetails-basket-nautics .quantity .js-quantity-up{
border:1px solid #fff;
}
.BookingDetails-basket.previous-cart{color:#838484;margin-bottom:5px;}
.BookingDetails-basket.previous-cart .BookingDetails-basket-block .block-block > .notification > .price-icon{
opacity:0.4;
}
.BookingDetails-basket.previous-cart.open-close > div{
display:none;
}
.BookingDetails-basket.previous-cart.open-close .BookingDetails-basket-title{
position:relative;
display:block;
cursor:pointer;
font-size:0.9em;
padding:6px 0;
}
.BookingDetails-basket.previous-cart.open-close .BookingDetails-basket-title::after{
content:"\EA01";
position:absolute;
right:6px;
}
.BookingDetails-basket.previous-cart.open-close.is-open .BookingDetails-basket-title::after{
transform:rotate(180deg);
}
.BookingDetails-basket.previous-cart.open-close.is-open > div{
display:block;
}
.BookingDetails-basket.previous-cart .previous-cart-header{
background:#838484;
color:#fff;
padding:4px 8px;
display:flex;
justify-content:space-between;
border-bottom:1px solid #fff;
}
.BookingDetails-basket.previous-cart .BookingDetails-basket-block,
.BookingDetails-basket.previous-cart .BookingDetails-basket-subblock .item-content-price .basket-price{
color:#838484;
}
.BookingDetails-basket.previous-cart .BookingDetails-basket-subtotal{
background:#e6e6e6;
color:#838484;
}
.BookingDetails-basket.previous-cart .BookingDetails-basket-title,
.BookingDetails-basket.previous-cart .BookingDetails-basket-total{
background:#838484;
color:#fff
}
.basket-sticky .BookingDetails-basket .crossing-information .stickyLink{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:absolute;
right:5px;
bottom:5px;
cursor:pointer;}
@media screen and (max-width:768px){
.basket-sticky .BookingDetails-basket .crossing-information .stickyLink{
display:none;} }
.basket-sticky .BookingDetails-basket .crossing-information .stickyLink:before{
content:"";
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-right:5px;
width:15px;
height:15px;
background-color:#00206e;
border-radius:3px 3px;
color:#f6e300;
font-size:2em;}
.basket-sticky .BookingDetails-basket .open .crossing-information .stickyLink:before{
content:"\EA5A";
}
@media screen and (max-width:1170px){
.basket-sticky .BookingDetails-basket .crossing-information{
padding-bottom:15px;}
.basket-sticky .BookingDetails-basket .crossing-information .stickyLink{
bottom:5px;} }
@media screen and (min-width:768px){
.basket-sticky .BookingDetails-basket-block .BookingDetails-basket-block-wrapper{
max-height:0;
overflow:hidden;}
.basket-sticky .BookingDetails-basket-block.open .BookingDetails-basket-block-wrapper{
max-height:500px;} }
.BookingDetails-recentSearch{
width:345px;
position:absolute;
right:0;
-webkit-transform:translate(100%);
-ms-transform:translate(100%);
transform:translate(100%);}
@media screen and (max-width:1279px){
.BookingDetails-recentSearch{
-webkit-transition:-webkit-transform 300ms;
transition:-webkit-transform 300ms;
transition:transform 300ms;
transition:transform 300ms,-webkit-transform 300ms;} }
.BookingDetails-recentSearch.active{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);}
@media screen and (max-width:1279px){
.BookingDetails-recentSearch{
position:absolute;
right:0;
z-index:9;
width:-webkit-calc(345vw / 1280 * 100);
width:calc(345vw / 1280 * 100);} }
@media screen and (max-width:959px){
.BookingDetails-recentSearch{
position:fixed;
width:100%;}
.BookingDetails-recentSearch.active{
height:100vh;
overflow-x:scroll;
bottom:0;
padding-top:65px;
-webkit-transform:translateX(0) translateY(0);
-ms-transform:translateX(0) translateY(0);
transform:translateX(0) translateY(0);} }
.BookingDetails-recentSearch-link{
display:block;
margin-bottom:9px;
margin-right:15px;
color:#8a8d94;
cursor:pointer;
text-align:right;}
.BookingDetails-recentSearch-link span{
position:relative;}
.BookingDetails-recentSearch-link span:after{
content:'';
display:block;
position:absolute;
left:0;
right:0;
border-bottom:1px solid #8a8d94;
-webkit-transition:300ms;
transition:300ms;}
.BookingDetails-recentSearch-link:hover span:after{
opacity:0;}
@media screen and (max-width:959px){
.BookingDetails-recentSearch-link{
margin-bottom:0;
padding:10px 10px;
width:100%;
background-color:#f1f1f1;}
.active .BookingDetails-recentSearch-link{
-webkit-box-shadow:0 0 20px 5px rgba(0,0,0,0.2);
box-shadow:0 0 20px 5px rgba(0,0,0,0.2);} }
.BookingDetails-recentSearch-title{
padding:15px 0;
background-color:#00206e;
color:#FFFFFF;
font-size:1.45em;
text-align:center;
text-transform:uppercase;}
.BookingDetails-recentSearch-legend{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
padding:15px 0 0 0;
background-color:#FFFFFF;
color:#00206e;
font-weight:600;
font-size:0.86em;}
.BookingDetails-recentSearch-legend .legend-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.BookingDetails-recentSearch-legend .legend-item .icon{
margin-right:8px;}
.BookingDetails-recentSearch-legend .legend-item:not(:last-child){
margin-right:20px;}
.BookingDetails-recentSearch-block{
background-color:#FFFFFF;
color:#00206e;
padding:20px 20px;}
.BookingDetails-recentSearch-subblock{
border:1px solid #00206e;
background-color:#c6d3f1;}
.BookingDetails-recentSearch-subblock--current{
background-color:#FFFFFF;}
.BookingDetails-recentSearch-subblock:not(:last-of-type){
margin-bottom:10px;}
.BookingDetails-recentSearch-subblock .subblock-title{
display:block;
width:100%;
padding:10px 10px;
background-color:#00206e;
color:#FFFFFF;
font-size:1.4em;
font-weight:100;
text-align:center;}
.BookingDetails-recentSearch-subblock .subblock-title:after{
content:"";
margin-left:10px;
font-size:0.5em;
font-weight:700;}
.BookingDetails-recentSearch-subblock .subblock-content{
padding:10px 10px;}
.BookingDetails-recentSearch-subblock .subblock-content .item:not(:last-of-type){
margin-bottom:20px;}
.BookingDetails-recentSearch-subblock .subblock-content .item-head{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.BookingDetails-recentSearch-subblock .subblock-content .item-head .title{
font-size:1.92em;}
.BookingDetails-recentSearch-subblock .subblock-content .item-head .title .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;}
.BookingDetails-recentSearch-subblock .subblock-content .item-head .price{
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
font-weight:700;
font-size:1.15em;}
.BookingDetails-recentSearch-subblock .subblock-content .item-head .price--rising:before{
content:'';
display:inline-block;
margin-right:5px;
background-image:url(../img/sprite.png);
background-position:-204px -127px;
width:13px;
height:13px;}
.BookingDetails-recentSearch-subblock .subblock-content .item-head .price--falling:before{
content:'';
display:inline-block;
margin-right:5px;
background-image:url(../img/sprite.png);
background-position:-204px -114px;
width:13px;
height:13px;}
.BookingDetails-recentSearch-subblock .subblock-content .item .cities{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:5px;
font-weight:700;
font-size:1rem;
text-transform:uppercase;}
.BookingDetails-recentSearch-subblock .subblock-content .item .cities .icon{
margin:0 10px;
font-size:0.6rem;}
.BookingDetails-recentSearch-subblock .subblock-content .item .crossing-information{
font-size:0.9em;}
.BookingDetails-recentSearch-subblock .subblock-content .item .crossing-information .label{
font-weight:600;}
.BookingDetails-recentSearch-subblock .subblock-content .item .crossing-information .hours{
color:#8a8d94;}
.BookingDetails-recentSearch-subblock .subblock-total{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
background-color:#f6e300;
padding:10px 10px;
color:#00206e;
font-size:1.15em;
font-weight:700;
text-transform:uppercase;}
.basket-sticky .BookingDetails-recentSearch{
position:fixed;
top:20px;}
.basket-sticky .BookingDetails-recentSearch-subblock .subblock-title{
cursor:pointer;}
.basket-sticky .BookingDetails-recentSearch-subblock .subblock-content{
max-height:0;
overflow:hidden;
padding:0;}
.basket-sticky .BookingDetails-recentSearch-subblock .subblock-content.open{
padding:10px 10px;
max-height:500px;}
.BookingActions{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0 12px;
}
.BookingActions.mtop{
margin:16px 0 0 0;
}
.ie .BookingActions{
display:block;
}
.ie .BookingActions > .BookingActions-text{
display:inline-block;
display:inline-flex;
margin-left:80px;
}
.BookingActions-text{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:0 20px 0 auto;
color:#000000;}
.BookingActions-text .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-right:10px;
font-size:2em;}
.BookingActions-text .icon-connexion{
font-size:1.5em;}
.BookingActions-text .icon-paiement{
font-size:1.3em;}
@media screen and (max-width:768px){
.BookingActions{
flex-wrap:wrap;}
.BookingActions-text{
margin-right:10px;
text-align:center;
max-width:250px;} }
.assurance-title{
background:url('/html/img/allianz1.jpg') no-repeat top right;
padding:0 158px 0 0;
margin:0 32px 0.5em;
min-height:70px;
}
body.lang-fr .assurance-title{
background-image:url('/html/img/allianz.png');
min-height:50px;
}
@media screen and (max-width:599px){
.assurance-title{padding:60px 0 0 0;background-position:top center;text-align:center}
}
ul.assurance-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:30px 0;
font-family:"Source Sans Pro",sans-serif;}
@media screen and (max-width:768px){
ul.assurance-list{
display:block;} }
ul.assurance-list > li{
list-style:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-flex:0;
-ms-flex:0 1 33%;
flex:0 1 33%;
min-width:262px;
padding:0 8px;
position:relative;
text-align:center;}
@media screen and (max-width:1279px){
ul.assurance-list > li{
min-width:-webkit-calc(262vw / 1280 * 100);
min-width:calc(262vw / 1280 * 100);} }
@media screen and (max-width:959px){
ul.assurance-list > li{
min-width:-webkit-calc(262vw / 959 * 100);
min-width:calc(262vw / 959 * 100);} }
@media screen and (max-width:768px){
ul.assurance-list > li:not(:first-child){
padding-top:20px;}
ul.assurance-list > li:not(:last-child){
padding-bottom:20px;} }
ul.assurance-list > li:not(:first-child):before{
content:'';
position:absolute;
top:0;
bottom:0;
left:0;
border-left:1px solid #dbdcdd;}
@media screen and (max-width:768px){
ul.assurance-list > li:not(:first-child):before{
left:40px;
right:40px;
border-left:0;
border-top:1px solid #dbdcdd;} }
ul.assurance-list > li.assurance-description{
-webkit-box-flex:1;
-ms-flex:1 1 33%;
flex:1 1 33%;
}
ul.assurance-list > li.assurance-description.none{
-webkit-box-flex:0;
-ms-flex:0 0 33%;
flex:0 0 33%;
}
ul.assurance-list .assurance-description.none .assurance-info{
margin:auto 0;
}
ul.assurance-list > li.assurance-description.none .details-title{
text-transform:none;
}
ul.assurance-list > li.assurance-description > .list-check{
font-size:0.85em;
}
ul.assurance-list > li.assurance-description .title{
margin:10px 0 15px 0;
font-size:1.15em;
font-weight:700;
text-transform:uppercase;
min-height:3em;
border:2px solid;
display:flex;
flex-direction:column;
justify-content:center;
}
ul.assurance-list > li.assurance-description:nth-child(3) .title{text-transform:none }
ul.assurance-list > li.assurance-description .title span{
display:block;}
ul.assurance-list > li.assurance-description .details-title{
list-style:none;
text-transform:uppercase;
font-weight:bold;
text-align:center;
}
ul.assurance-list > li.assurance-description .link{
display:inline-block;
margin-top:10px;
font-size:0.85em;
text-decoration:underline;}
ul.assurance-list .assurance-info{
margin:0 0 auto 0;
}
ul.assurance-list .assurance-btn{
margin:1em 0 0 0;
min-height:4em;
}
ul.assurance-list .assurance-btn .btn{
padding:15px 20px;
}
ul.assurance-list .assurance-btn .btn.btn-full-yellow{
width:18px;
border-radius:50%;
font-weight:bold;
}
ul.assurance-list .assurance-btn > .assurance-price{
font-weight:bold;
margin:8px 0 0 0;
font-size:0.9em;
}
ul.assurance-list .assurance-btn > .gwt-RadioButton{
position:relative;
font-weight:bold;
}
ul.assurance-list .assurance-btn > .gwt-RadioButton > input{
margin-right:0.5em;vertical-align:middle;
}
.assurance-block{
background:#fff;
padding:12px;
}
.assurance-block ul.assurance-list{
padding:15px 0;
}
.choose-option.assurance-choose{
width:854px;
max-width:94vw;
}
.choose-option.assurance-choose.no-pack{
width:540px;
}
.assurance-checks{
padding:8px;
color:#8a8d94;
}
.assurance-checks ul li{
list-style:disc;
margin:4px auto 4px 36px;
text-align:justify;
}
.assurance-checks a{
text-decoration:underline;
}
.donation{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.donation-number{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-left:10px;
padding:2px 5px;
border:1px solid #00206e;
border-radius:5px 5px;}
.donation-number input[type="number"]{
max-width:30px;
border:none;
color:#8a8d94;
-moz-appearance:textfield;
-webkit-appearance:textfield;
text-align:center;}
.donation-number input[type="number"]::-webkit-inner-spin-button,.donation-number input[type="number"]::-webkit-outer-spin-button{
-webkit-appearance:none;
margin:0;}
.donation-number .currency{
display:inline-block;
margin-right:8px;
margin-left:3px;
color:#8a8d94;}
.donation-arrow{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;}
.donation-arrow-up,.donation-arrow-down{
display:inline-block;
width:10px;
height:10px;
border-left:solid 5px transparent;
border-right:solid 5px transparent;
cursor:pointer;}
.donation-arrow-up{
border-bottom:solid 8px #00206e;}
.donation-arrow-down{
margin-top:3px;
border-top:solid 8px #00206e;}
.car-model{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:10px;}
.car-model-title{
font-weight:600;
margin-right:10px;}
.car-model-choice{
min-width:150px;
background-color:#FFFFFF;
position:relative;
color:#8a8d94;
font-size:0.9em;}
.car-model-choice .current-car{
display:inline-block;
position:relative;
width:100%;
padding:5px 10px;
border-radius:3px 3px;
border:1px solid #00206e;
cursor:pointer;}
.car-model-choice .current-car:after{
content:'';
display:inline-block;
position:absolute;
top:50%;
right:5px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
background-image:url(../img/sprite.png);
background-position:-204px -150px;
width:8px;
height:16px;}
.car-model-choice ul{
display:none;
position:absolute;
z-index:2;
width:100%;
height:175px;
overflow-y:scroll;
background-color:#FFFFFF;
border:1px solid #00206e;
border-top:0;
border-radius:0 0 5px 5px;
color:#8a8d94;}
.car-model-choice ul li{
list-style:none;
padding:5px 10px;
cursor:pointer;}
.car-model-choice ul li:hover{
background-color:#ebebeb;}
.car-model-choice ul.open{
display:block;}
.car-model-choice.open .current-car{
border-radius:3px 3px 0 0;}
.car-model-choice.open ul{
display:block;}
.car-dimensions{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:15px 0 30px 0;}
@media screen and (max-width:768px){
.car-dimensions{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
width:100%;} }
.car-dimensions-item{
margin-right:30px;}
.car-dimensions-item:last-of-type{
margin-right:0;}
.car-dimensions-item .icon{
display:block;
color:#8a8d94;
font-size:2.8em;
margin:0 auto 5px 0;
text-align:center;}
.car-dimensions-item .label{
display:inline-block;
margin-bottom:10px;
font-weight:600;
text-align:center;}
.car-dimensions input.car-dimensions-size{
padding:6px;
width:6em;
}
.car-dimensions-item .choice{
font-size:0.75rem;
color:#8a8d94;
font-family:"Montserrat",sans-serif;}
@media screen and (max-width:768px){
.car-dimensions-item{
margin-bottom:15px;}
.car-dimensions-item .icon{
display:inline-block;
margin-right:10px;
margin-bottom:10px;
text-align:left;
vertical-align:middle;}
.car-dimensions-item .label{
vertical-align:middle;
margin-bottom:0;} }
.bedroom-head{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
border-bottom:2px solid #ebebeb;}
.bedroom-head-title{
width:50%;
padding:15px 0;
color:#8a8d94;
text-align:center;
text-transform:uppercase;
-webkit-transition:background-color 300ms;
transition:background-color 300ms;}
.bedroom-head-title:first-child{
border-right:2px solid #ebebeb;}
.bedroom-head-title:not(.active):hover{
background-color:#ebebeb;
cursor:pointer;}
.bedroom-head-title .icon{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-right:5px;
vertical-align:middle;}
.bedroom-head-title span{
vertical-align:middle;}
.bedroom-head-title.active{
color:#00206e;
font-weight:600;}
.more-radios-checkbox{
margin:0.5em 0;
display:inline-block;
}
.more-radios-checkbox > input{
margin-right:0.5em;
}
.bedroom-radios.more-radios{
margin-left:2em;
}
.bedroom-radios > .gwt-RadioButton{
display:block;
margin:4px 0;
color:#8a8d94;
}
.bedroom-wrap{
width:100%;
flex:0 0 100%;
}
.bedroom-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
width:100%;
padding:20px 40px;
position:relative;}
@media screen and (max-width:959px){
.bedroom-list{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;}
.bedroom-list:not(.picture-view) > *:first-child{
margin-right:40px;} }
@media screen and (max-width:768px){
.bedroom-list{
display:block;}
.bedroom-list > *:first-child{
margin-right:0;
margin-bottom:20px;} }
.bedroom-list:after{
content:'';
display:inline-block;
position:absolute;
left:40px;
right:40px;
bottom:0;
border-bottom:2px solid #ebebeb;}
.bedroom-list .label{
display:inline-block;
margin-bottom:10px;
font-weight:600;}
.bedroom-list .choice{
color:#8a8d94;
font-family:"Montserrat",sans-serif;
font-size:0.75rem;}
.bedroom-list .choice img{
display:none;}
.bedroom-list.picture-view{
display:block;}
.bedroom-list.picture-view .bedroom-list-item--animal{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.bedroom-list.picture-view .bedroom-list-item--animal .label{
margin-bottom:0;
margin-right:20px;}
.bedroom-list.picture-view .bedroom-list-item--animal .item-content .choice{
margin-bottom:0;
margin-right:20px;}
.bedroom-list.picture-view .bedroom-list-item--animal .item-content .choice label{
margin-bottom:0;}
@media screen and (max-width:768px){
.bedroom-list.picture-view .bedroom-list-item--animal{
display:block;}
.bedroom-list.picture-view .bedroom-list-item--animal .label{
margin-bottom:10px;}
.bedroom-list.picture-view .bedroom-list-item--animal .item-content{
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;}
.bedroom-list.picture-view .bedroom-list-item--animal .item-content .choice{
width:auto !important;} }
.bedroom-list.picture-view .item-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;}
.bedroom-list.picture-view .item-content .choice{
-webkit-box-flex:0;
-ms-flex:0 1 auto;
flex:0 1 auto;
margin-right:5px;
margin-bottom:10px;}
.bedroom-list.picture-view .item-content--cabin .choice{
max-width:33%;}
.bedroom-list.picture-view .item-content--cabin .choice img{
display:block;
margin-bottom:5px;
max-width:100%;}
@media screen and (max-width:959px){
.bedroom-list.picture-view .item-content .choice{
max-width:50%;}
.bedroom-list.picture-view .item-content .choice .text{
max-width:115px;} }
@media screen and (max-width:365px){
.bedroom-list.picture-view .item-content{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;}
.bedroom-list.picture-view .item-content .choice{
width:100%;
max-width:none;
text-align:center;} }
.bedroom-add{
background:none;
padding:20px 0;
cursor:pointer;
font-weight:600;}
.bedroom-add .icon{
display:none;
margin-right:5px;
font-size:1.4em;
vertical-align:middle;}
.bedroom-add:before{
content:"";
font-size:1.4em;
border:1px solid #00206e;
border-radius:50%;
-webkit-transition:300ms;
transition:300ms;}
.bedroom-add:hover:before{
background-color:#f6e300;
border-color:#f6e300;}
.LandingPromo{
position:relative;}
.LandingPromo-slider{
margin:0 auto;}
@media screen and (max-width:1320px){
.LandingPromo-slider{
max-width:1010px;} }
@media screen and (max-width:1080px){
.LandingPromo-slider{
max-width:900px;} }
@media screen and (max-width:959px){
.LandingPromo-slider{
max-width:700px;} }
.LandingPromo-slider-prev,.LandingPromo-slider-next{
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
font-size:3em;
color:#00206e;
z-index:10;}
.LandingPromo-slider-prev:hover,.LandingPromo-slider-next:hover{
cursor:pointer;}
@media screen and (max-width:768px){
.LandingPromo-slider-prev,.LandingPromo-slider-next{
display:none;} }
.LandingPromo-slider-prev{
left:-30px;}
.LandingPromo-slider-next{
right:-30px;}
.LandingPromo-item{
position:relative;}
.LandingPromo-item-wrap{
position:relative;
margin:0 auto;
background-color:#f6e300;
display:-webkit-box;
display:-ms-flexbox;
display:flex;}
@media screen and (max-width:1320px){
.LandingPromo-item-wrap img{
max-width:100%;} }
.LandingPromo-item-content{
display:block;
padding:20px 12px;
background-color:#f6e300;
color:#00206e;
cursor:pointer;
-webkit-transition:.5s;
transition:.5s;
font-size:1em;}
@media screen and (max-width:768px){
.LandingPromo-item-content{
font-size:0.9em;} }
.LandingPromo-item-content span{
display:block;}
.LandingPromo-item-content .uppercase{
text-transform:uppercase;}
.LandingPromo-item-content:hover{
background-color:#00206e;
color:#f6e300;}
.LandingPromo-item-title{
font-size:1.3em;
font-weight:700;
text-transform:uppercase;}
.LandingPromo-item-number{
font-size:3.4em;
font-weight:700;
line-height:1em;}
.LandingPromo-item-number sup{
font-size:0.6em;
top:-1em;}
.LandingPromo-pagination{
margin-top:10px;
text-align:center;}
@media screen and (max-width:768px){
.LandingPromo-pagination{
display:block;} }
.btn,.btn-full-yellow,.btn-main{
display:inline-block;
padding:15px 20px;
width:auto !important;
background-color:#00206e;
border-radius:0;
border:none;
color:#FFFFFF;
cursor:pointer;
text-transform:uppercase;
-webkit-transition:.5s;
transition:.5s;}
.btn:hover,.btn-full-yellow:hover,.btn-main:hover{
background-color:#f6e300;
color:#00206e;}
.btn{
position:relative;
overflow:hidden;}
.btn .gradient{
position:absolute;
display:block;
top:0;
bottom:0;
left:0;
right:0;
-webkit-transform:translateX(-120%);
-ms-transform:translateX(-120%);
transform:translateX(-120%);}
.btn .gradient:before{
content:'';
display:inline-block;
position:absolute;
top:0;
bottom:0;
background:rgba(255,255,255,0.5);
width:60px;
-webkit-transform:skewX(-30deg);
-ms-transform:skewX(-30deg);
transform:skewX(-30deg);}
.btn:hover .gradient{
-webkit-animation-name:blade;
animation-name:blade;
-webkit-animation-duration:1s;
animation-duration:1s;}
.btn-gradient-blue:hover{
background-color:#00206e;
color:#FFFFFF;}
.Page-content a .gradient{
position:absolute;
display:block;
top:0;
bottom:0;
left:0;
right:0;
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);}
.Page-content a .gradient:before{
content:'';
display:inline-block;
position:absolute;
top:0;
bottom:0;
right:30px;
background:rgba(255,255,255,0.5);
width:60px;
-webkit-transform:skewX(-30deg);
-ms-transform:skewX(-30deg);
transform:skewX(-30deg);}
.Page-content a:hover .gradient{
-webkit-animation-name:blade;
animation-name:blade;
-webkit-animation-duration:1s;
animation-duration:1s;}
.Page-content-block-more a .gradient{
position:absolute;
display:block;
top:0;
bottom:0;
left:0;
right:0;
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);}
.Page-content-block-more a .gradient:before{
content:'';
display:inline-block;
position:absolute;
top:0;
bottom:0;
right:30px;
background:rgba(255,255,255,0.5);
width:60px;
-webkit-transform:skewX(-30deg);
-ms-transform:skewX(-30deg);
transform:skewX(-30deg);}
.Page-content-block-more a:hover .gradient{
-webkit-animation-name:blade;
animation-name:blade;
-webkit-animation-duration:1.2s;
animation-duration:1.2s;}
.btn-full-yellow{
background-color:#f6e300;
color:#00206e;}
.btn-main{
position:relative;
overflow:hidden;}
.btn-main:hover{
background-color:#00206e;
color:#FFFFFF;
cursor:pointer;}
.btn-main:hover .gradient{
-webkit-animation-name:blade;
animation-name:blade;
-webkit-animation-duration:.8s;
animation-duration:.8s;}
.btn-main .gradient{
position:absolute;
display:block;
top:0;
bottom:0;
left:0;
right:0;
-webkit-transform:translateX(-125%);
-ms-transform:translateX(-125%);
transform:translateX(-125%);}
.btn-main .gradient:before{
content:'';
display:inline-block;
position:absolute;
top:0;
bottom:0;
background:rgba(255,255,255,0.2);
width:60px;
-webkit-transform:skewX(-40deg);
-ms-transform:skewX(-40deg);
transform:skewX(-40deg);}
.btn-main--yellow{
background-color:#f6e300;
color:#00206e;}
.btn-main--yellow .gradient:before{
background:rgba(255,255,255,0.5);}
.btn-main--yellow:hover{
background-color:#f6e300;
color:#00206e;}
.btn-main--red,.btn-main--red:hover{
background-color:#b30000;
color:#fff;
}
.btn-main--booking{
padding:10px 20px;
text-transform:none;}
.btn-main--booking:after{
content:"";
display:inline-block;
font-size:0.5em;
margin-left:5px;}
@media screen and (max-width:768px){
.btn-main--booking{
width:100% !important;
max-width:250px;
text-align:center;
font-size:1.4em;
margin-top:15px;}
.BookingActions .btn-main--booking{margin-left:auto;}
.btn-main--booking .gradient{
display:none !important;} }
.ButtonActions{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0 0 22px 0;
width:96%;
}
.btn-prev,.btn-next,.btn-small{
padding:5px 10px;
text-transform:none;
color:#00206e;
background:transparent;
border:1px solid #00206e;
display:inline-block;
}
.btn-prev:before{
display:inline-block;
font-size:0.5em;
margin:auto 5px auto 0;
content:"\EA1D";
}
.btn-next:after{
display:inline-block;
font-size:0.5em;
margin:auto 0 auto 5px;
content:"\EA1E";
}
.btn-yellow{
display:block;
color:#f6e300;
font-weight:400;
text-transform:uppercase;
background:transparent;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
-webkit-transition:.5s;
transition:.5s;
padding-bottom:2px;}
.btn-yellow .content{
vertical-align:middle;}
.btn-yellow:before{
content:"\EA08";
margin-right:5px;
font-size:0.7em;
vertical-align:middle;}
.btn-yellow:hover{
cursor:pointer;}
.btn-yellow:hover .content{
text-decoration:underline;}
.btn-search{
font-weight:600;}
.btn-crossing{
min-width:207px !important;
font-weight:700;
padding:30px 0;
letter-spacing:0.05em;
-webkit-transition:0s;
transition:0s;}
.btn-crossing.selected{
padding:25px 0 29px;}
.btn-crossing.selected:before{
content:".";
font-size:4em;
line-height:0;
padding-right:5px;}
.PlayPause-button{
position:absolute;
top:45%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
margin:auto;
background:rgba(78,74,74,0.82);
border-radius:25px;
font-size:2em;
height:3em;
-webkit-transition:all 150ms ease-out;
transition:all 150ms ease-out;
width:4em;}
@media screen and (max-width:600px){
.PlayPause-button{
font-size:1.5em;
border-radius:20px;} }
.PlayPause-button:hover{
background:rgba(0,32,110,0.82);
cursor:pointer;}
.PlayPause-button:after{
border-style:solid;
border-width:1em 0 1em 1.732em;
border-color:transparent transparent transparent rgba(255,255,255,0.75);
content:' ';
font-size:0.75em;
height:0;
margin:-1em 0 0 -0.75em;
top:50%;
position:absolute;
width:0;}
.PlayPause-button.disabled{
opacity:0;}
.btn-facebook{
background-color:#3d5a9b;
font-size:0.85em;}
.btn-facebook:before{
color:#FFFFFF;
font-size:1.4em;
margin:-3px 8px 0 0;}
.btn-facebook:hover{
background-color:#3d5a9b;
color:#FFFFFF;
cursor:pointer;}
.link-underline-effect{
text-decoration:none;}
.link-underline-effect:hover{
text-decoration:underline;}
.link-underline-effect-reverse{
text-decoration:underline;}
.link-underline-effect-reverse:hover{
text-decoration:none;}
.HeaderMenu-top-form input{
display:block;
margin:10px 0;}
.form-group{
display:inline-block;}
@media screen and (max-width:959px){
.form-group{
display:block;} }
input[type="text"],input[type="email"],input[type="tel"]{
width:300px;
padding:15px 15px 15px 15px;
color:#00206e;
font-size:0.85em;}
input[type="text"].classic,input[type="email"].classic,input[type="tel"].classic{
width:auto;
padding:6px;
}
button{
border:none;}
.BookingSearchForm select,.HomeSearchForm select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAYAAAArij59AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVFRENDMTZGREFCRDExRThCQjcwRTBGMzUzQUVCMkFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVFRENDMTcwREFCRDExRThCQjcwRTBGMzUzQUVCMkFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUVEQ0MxNkREQUJEMTFFOEJCNzBFMEYzNTNBRUIyQUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUVEQ0MxNkVEQUJEMTFFOEJCNzBFMEYzNTNBRUIyQUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7pFSVYAAABDklEQVR42mL8//8/AwzsOHDDA0R7OGjsgAuCFIDw799/WbScO65pOnVcB7Fh4kwwhdOXHMu8fvel5o17LzWmLT6WBRNnBKl69+GbkLpT+623778KgwSFBbnf3thboQ6iwSY0TdxVD5MEARC7edLuOrAJ1++81NDz6Lr8588/FgYkwMLC9OfSjjJd5vsf1Rbduv9anQEN/Pv3n+nuw7cqjMjexAaYGAgAFq+E2dt3HLzugU3Sw15zB15HXtxepsekoSx2IyvGZhq67sxom+maKmLXwY4E+VvDueMmLCyEBLje3dxXqQYPKBCjNte9Caa7Ls+jESSGEVmgiEKPLBZkR/XV+hcCQ4URxIaJAwQYAHNKnoo1MPJMAAAAAElFTkSuQmCC) no-repeat 98% center;
width:100%;
border:none;
padding:0.7rem;
font-size:0.8rem;
border-radius:2px;
color:#00206e;
font-weight:700;}
.BookingSearchForm input[type=date],.BookingSearchForm input[type=text],.BookingSearchForm input[type=password],.BookingSearchForm input[type=search],.BookingSearchForm input[type=email],.BookingSearchForm input[type=number],.HomeSearchForm input[type=date],.HomeSearchForm input[type=text],.HomeSearchForm input[type=search],.HomeSearchForm input[type=email],.HomeSearchForm input[type=number]{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
color:#000000;
font-weight:700;
background-color:transparent;
padding:0.7rem;
font-size:0.8rem;
border:none;
width:200px;
height:37px;}
.BookingSearchForm .form-item label,.HomeSearchForm .form-item label{
font-size:0.8rem;}
.BookingSearchForm .form-item-textfield,.HomeSearchForm .form-item-textfield{
background-color:#fff;}
.BookingSearchForm .form-flex-wrapper,.HomeSearchForm .form-flex-wrapper{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;}
.BookingSearchForm .form-flex-wrapper > *,.HomeSearchForm .form-flex-wrapper > *{
margin-right:10px;}
.BookingSearchForm .form-flex-wrapper > *:last-child,.HomeSearchForm .form-flex-wrapper > *:last-child{
margin-right:0;}
.BookingSearchForm .form-item-prefix,.HomeSearchForm .form-item-prefix{
display:block;
font-size:0.8rem;
margin-bottom:0.5rem;}
.BookingSearchForm .form-item-prefix ~ .form-item,.HomeSearchForm .form-item-prefix ~ .form-item{
margin-bottom:15px !important;}
.BookingSearchForm .form-item-textfield,.BookingSearchForm .form-item-select,.HomeSearchForm .form-item-textfield,.HomeSearchForm .form-item-select{
background-color:#FFFFFF;
margin-bottom:0.5rem;
border-radius:2px;}
.BookingSearchForm .form-item-textfield label,.BookingSearchForm .form-item-select label,.HomeSearchForm .form-item-textfield label,.HomeSearchForm .form-item-select label{
color:#00206e;
font-weight:700;
text-transform:uppercase;}
.BookingSearchForm .form-item-select,.HomeSearchForm .form-item-select{
padding-left:25px;}
.BookingSearchForm .form-item-textfield,.HomeSearchForm .form-item-textfield{
padding-left:37px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:65%;
}
@media screen and (min-width:960px) and (max-width:1112px){
.BookingSearchForm .form-flex-wrapper{flex-wrap:wrap }
.BookingSearchForm form .form-item-textfield.twoColumns{width:100%;margin-right:0 }
.BookingSearchForm form .form-wrapper .form-item-checkboxes{padding:0.5em;margin:0 0 0 auto}
}
@media screen and (max-width:320px){
.BookingSearchForm .form-item-textfield,.HomeSearchForm .form-item-textfield{
width:100%;} }
.BookingSearchForm .form-item-textfield label,.HomeSearchForm .form-item-textfield label{
white-space:nowrap;
min-width:100px;}
.BookingSearchForm .form-actions,.HomeSearchForm .form-actions{
margin:1rem 0;
}
.BookingSubmit{
width:100%;
text-transform:uppercase;
color:#00206e;
font-weight:700;
background-color:#f6e300;
padding:1rem;
font-size:1rem;
border:1px solid transparent;
-webkit-transition:all 300ms;
transition:all 300ms;}
.BookingSubmit:hover:enabled{
background-color:transparent;
border-color:#f6e300;
color:#f6e300;}
.BookingSubmit:disabled{
opacity:0.7;
background-color:#8a8d94;}
.BookingSearchForm .icon-destination,.HomeSearchForm .icon-destination{
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVFRENDMTczREFCRDExRThCQjcwRTBGMzUzQUVCMkFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVFRENDMTc0REFCRDExRThCQjcwRTBGMzUzQUVCMkFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUVEQ0MxNzFEQUJEMTFFOEJCNzBFMEYzNTNBRUIyQUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUVEQ0MxNzJEQUJEMTFFOEJCNzBFMEYzNTNBRUIyQUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz713oy1AAACSUlEQVR42nxUPWhUQRCeezmEk4g/IAg2Nub6YCFqRAuLkEAs/GsjWGhhrY2WFlYKFoIW4S4QEEGEdNH8GKKtCkbBwpyJd/Hu4oXk7oi7b9f5Zm/fe5fkeTDHvPm+b3Z3dmbJWktJM1vzJ8Pa5WdqhX6oEv0VYx8xYNv58YdZ36erFybUElmxZSrryrEZGHwfBwfc7gRh7ZD+RZ+EUD6wYNpvz1prMvFKJoMYMOEwF5oogf596hWAsHbpubUqu32bsaksOJKENZLAtN+ck0Dl8Ly1usfvKFy79ZBX+giD71cEB1xoTHvqPOnqcMF9zJ524vpBLto3OXOJmmLwOQZMCs1cV4/hAnGBltlW/JnDP7cfyHHqo4/dcXjba9cfSYwxXxNooCUGQl058s6fU5d733NMW9PKxTfUyiEGLOKxBtqA5BdmyP8y+xX/95Bt7o1izg86GCU1AWVpyapqnsspyYLczdcC1wfHSC/mYeJzao+BKxrWchGHiq6I0wNuu1t79GrfVNRQvoE4BswVcXrAFXGoSKb5csT1wMhY8r7NxtNRXR0ch8FP9ge4sihr5V75ir5L4dTX4+lN1DH1JQ8uNNC6AdosXHPNdHTO2jBITxAGnepbaLqGSa/2TwrQuHsvLYFp3Lnv6tE/uXMauVW5MUou+/iVHeLN4tXOlJbitk4mkLfgwwn1k9bxBqBAUbz54qK8C4yBs/t74Mk8IExuocvMxpMbMPiIAUt/ULqSzJzh1RpRH7CP2G7c/1zXYh+P8mcY/DTePwEGABjlZYTN5yRaAAAAAElFTkSuQmCC) no-repeat 9px 7px #FFFFFF;}
.BookingSearchForm .icon-date-start,.HomeSearchForm .icon-date-start{
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNCMDFDMjI4REFCRjExRThCQjcwRTBGMzUzQUVCMkFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNCMDFDMjI5REFCRjExRThCQjcwRTBGMzUzQUVCMkFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUVEQ0MxNzVEQUJEMTFFOEJCNzBFMEYzNTNBRUIyQUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUVEQ0MxNzZEQUJEMTFFOEJCNzBFMEYzNTNBRUIyQUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5raszlAAABIElEQVR42sxUsWoCQRB9c64oGC4J5IqASEpTpZWYKl+RP/AP8hf+Q4p8RhqLiKVgkVKSSCyU4CGHOfb2Jrsrau4g4J2CPhhYZmbfzvBmB8yMtUUfVfkJX3232gl/ykzc5Jn8v34Bnp9ATS6gwWG3gRguh09NRI9X+Ac2bvJ+OndUuu1ZZ8GbkhzhCwqX2BUFjEm+g7EnONgjxOpAJe8VqETZKQLB4aRpOWybDnxR5bO8FUUjmmlBThNt8uLlXo2pvzIOnh9ytWmhhjWWuFmTy0GdDiVAkoxEQgCicpiFLCVA7CD23c1T7lxPo9pWAJEqNIZzPjuKoT12MrOKwJSPQt/j5bxutgYh0Jb9b9qdiMryBxTxBolr69hlGWmeXwEGAIqtmtJjTzmSAAAAAElFTkSuQmCC) no-repeat 9px 8px #FFFFFF;}
.BookingSearchForm .icon-date-end,.HomeSearchForm .icon-date-end{
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNCMDFDMjJDREFCRjExRThCQjcwRTBGMzUzQUVCMkFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNCMDFDMjJEREFCRjExRThCQjcwRTBGMzUzQUVCMkFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0IwMUMyMkFEQUJGMTFFOEJCNzBFMEYzNTNBRUIyQUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0IwMUMyMkJEQUJGMTFFOEJCNzBFMEYzNTNBRUIyQUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ItmJPAAABJklEQVR42mL4//8/Axz/eSTz+zHDx7/v0ntRxNEwSB6kDqQeWZyF4f9nHoa/r0UYgOD/z2MWDP8Y+P7/XGDN8KdMgQEHAMuD1P04aMPIbnUCLMgs+obx9xOGZwx/GSQZKAXMDM8Zfz9k+M9AJcDEQEXAAmMwsoseZWDg/kO6EV9Z/v98bQ02A+xNJoaPLDL/Bch10Z8njB+AEcJPVW+OEMNYSFH8/+uiqP8/1rtB4/8/k0B/PQOz/CPyDAMa9O/rhnh4cuLOWciIZNhAhhkjWtZj/IfCIynR/n0o9//3XSWYQYzs1icYGNl+wRItJMxARRHDf0ZMm9FLBvlHyGEEDUlGiH6Yy8Ashq9ATHreBJeJDNyQ2GRluM7wm0ETLEBJYQQ0ByDAAIxtmsXSyfFuAAAAAElFTkSuQmCC) no-repeat 9px 8px #FFFFFF;}
.BookingMenu input[type="text"]{
width:300px;
padding:15px 15px 15px 15px;
color:#00206e;
font-size:0.85em;}
.HeaderMenu-top-form input{
display:block;
margin:10px 0;}
.form-group{
display:inline-block;}
@media screen and (max-width:959px){
.form-group{
display:block;} }
button{
border:none;}
.quantity{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:4px 8px;
vertical-align:middle;
}
.quantity-number{
display:inline-block;
width:30px;
max-width:90px;
padding:5px 0;
margin:0 8px;
border:1px solid #00206e;
text-align:center;
background:#fff;
color:#8a8d94;}
.quantity-number.large{
width:75px;
}
.quantity-number > input.number{
display:block;
width:auto;
max-width:100%;
color:#8a8d94;
text-align:center;
padding:0;
margin:0;
border:0;
font-weight:normal;
}
.quantity .js-quantity-up,.quantity .js-quantity-down{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
padding:0;
width:25px;
height:25px;
background-color:#00206e;
border-radius:50%;
cursor:pointer;
-webkit-transition:300ms;
transition:300ms;
margin:auto;
}
.quantity .js-quantity-up[disabled],.quantity .js-quantity-down[disabled]{
background-color:#ccc !important;
opacity:0.5;
cursor:default;
}
.quantity .js-quantity-up[disabled]::before,.quantity .js-quantity-down[disabled]::before{
color:#999 !important;
}
.quantity .js-quantity-up:before,.quantity .js-quantity-down:before{
content:'';
color:#FFFFFF;
font-size:1.4em;}
.quantity .js-quantity-up:hover,.quantity .js-quantity-down:hover{
background-color:#f6e300;}
.quantity .js-quantity-up:hover:before,.quantity .js-quantity-down:hover:before{
color:#00206e;}
.quantity .js-quantity-up:before{
content:"";}
.quantity .js-quantity-down:before{
content:"";}
.fret-centimeters-label{
padding:5px;
border:1px solid #dbdcdd;
background:#fff;
color:#8a8d94;
}
.fret-centimeters-label input.fret-centimeters-input{
width:60px;
padding:0 4px;
border:0;
text-align:right;
color:#8a8d94;
background:none;
}
input[type="checkbox"].circle + label .checkbox,input[type="radio"].circle + label .checkbox{
border-radius:50%;}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{
color:#dedede;}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{
color:#c5c5c5;}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{
color:#dedede;}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{
color:#fff;
background:#a2ddf6;}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{
background:#8ad5f4;}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{
background-color:rgba(92,196,239,0.1);
color:#cccccc;}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{
background-color:rgba(92,196,239,0.2);}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{
background:none;
border:none;}
.datepicker--cells{
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.datepicker--cell{
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
cursor:pointer;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
position:relative;
-ms-flex-align:center;
-webkit-box-align:center;
align-items:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
justify-content:center;
height:32px;
z-index:1;}
.datepicker--cell.-focus-{
background:#f0f0f0;}
.datepicker--cell.-current-{
color:#4EB5E6;}
.datepicker--cell.-current-.-focus-{
color:#4a4a4a;}
.datepicker--cell.-current-.-in-range-{
color:#4EB5E6;}
.datepicker--cell.-in-range-{
background:rgba(92,196,239,0.1);
color:#4a4a4a;
border-radius:0;}
.datepicker--cell.-in-range-.-focus-{
background-color:rgba(92,196,239,0.2);}
.datepicker--cell.-disabled-{
cursor:default;
color:#aeaeae;}
.datepicker--cell.-disabled-.-focus-{
color:#aeaeae;}
.datepicker--cell.-disabled-.-in-range-{
color:#a1a1a1;}
.datepicker--cell.-disabled-.-current-.-focus-{
color:#aeaeae;}
.datepicker--cell.-range-from-{
border:1px solid rgba(92,196,239,0.5);
background-color:rgba(92,196,239,0.1);
border-radius:4px 0 0 4px;}
.datepicker--cell.-range-to-{
border:1px solid rgba(92,196,239,0.5);
background-color:rgba(92,196,239,0.1);
border-radius:0 4px 4px 0;}
.datepicker--cell.-range-from-.-range-to-{
border-radius:4px;}
.datepicker--cell.-selected-{
color:#fff;
border:none;
background:#5cc4ef;}
.datepicker--cell.-selected-.-current-{
color:#fff;
background:#5cc4ef;}
.datepicker--cell.-selected-.-focus-{
background:#45bced;}
.datepicker--cell:empty{
cursor:default;}
.datepicker--days-names{
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:8px 0 3px;}
.datepicker--day-name{
color:#FF9A19;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-align:center;
-webkit-box-align:center;
align-items:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
justify-content:center;
-ms-flex:1;
-webkit-box-flex:1;
flex:1;
text-align:center;
text-transform:uppercase;
font-size:.8em;}
.datepicker--cell-day{
width:14.28571%;}
.datepicker--cells-months{
height:170px;}
.datepicker--cell-month{
width:33.33%;
height:25%;}
.datepicker--years{
height:170px;}
.datepicker--cells-years{
height:170px;}
.datepicker--cell-year{
width:25%;
height:33.33%;}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{
color:#dedede;}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{
color:#c5c5c5;}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{
color:#dedede;}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{
color:#fff;
background:#a2ddf6;}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{
background:#8ad5f4;}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{
background-color:rgba(92,196,239,0.1);
color:#cccccc;}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{
background-color:rgba(92,196,239,0.2);}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{
background:none;
border:none;}
.datepickers-container{
position:absolute;
left:0;
top:0;}
@media print{
.datepickers-container{
display:none;} }
.datepicker{
background:#fff;
border:1px solid #dbdbdb;
-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.15);
box-shadow:0 4px 12px rgba(0,0,0,0.15);
border-radius:4px;
-webkit-box-sizing:content-box;
box-sizing:content-box;
font-family:Tahoma,sans-serif;
font-size:14px;
color:#4a4a4a;
width:250px;
position:absolute;
left:-100000px;
opacity:0;
transition:opacity 0.3s ease,left 0s 0.3s,-webkit-transform 0.3s ease;
-webkit-transition:opacity 0.3s ease,left 0s 0.3s,-webkit-transform 0.3s ease;
transition:opacity 0.3s ease,transform 0.3s ease,left 0s 0.3s;
transition:opacity 0.3s ease,transform 0.3s ease,left 0s 0.3s,-webkit-transform 0.3s ease;
z-index:100;}
.datepicker.-from-top-{
-webkit-transform:translateY(-8px);
-ms-transform:translateY(-8px);
transform:translateY(-8px);}
.datepicker.-from-right-{
-webkit-transform:translateX(8px);
-ms-transform:translateX(8px);
transform:translateX(8px);}
.datepicker.-from-bottom-{
-webkit-transform:translateY(8px);
-ms-transform:translateY(8px);
transform:translateY(8px);}
.datepicker.-from-left-{
-webkit-transform:translateX(-8px);
-ms-transform:translateX(-8px);
transform:translateX(-8px);}
.datepicker.active{
opacity:1;
-webkit-transform:translate(0);
-ms-transform:translate(0);
transform:translate(0);
transition:opacity 0.3s ease,left 0s 0s,-webkit-transform 0.3s ease;
-webkit-transition:opacity 0.3s ease,left 0s 0s,-webkit-transform 0.3s ease;
transition:opacity 0.3s ease,transform 0.3s ease,left 0s 0s;
transition:opacity 0.3s ease,transform 0.3s ease,left 0s 0s,-webkit-transform 0.3s ease;}
.datepicker-inline .datepicker{
border-color:#d7d7d7;
-webkit-box-shadow:none;
box-shadow:none;
position:static;
left:auto;
right:auto;
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none;}
.datepicker-inline .datepicker--pointer{
display:none;}
.datepicker--content{
-webkit-box-sizing:content-box;
box-sizing:content-box;
padding:4px;}
.-only-timepicker- .datepicker--content{
display:none;}
.datepicker--pointer{
position:absolute;
background:#fff;
border-top:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
width:10px;
height:10px;
z-index:-1;}
.-top-left- .datepicker--pointer,.-top-center- .datepicker--pointer,.-top-right- .datepicker--pointer{
top:-webkit-calc(100% - 4px);
top:calc(100% - 4px);
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);}
.-right-top- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-bottom- .datepicker--pointer{
right:-webkit-calc(100% - 4px);
right:calc(100% - 4px);
-webkit-transform:rotate(225deg);
-ms-transform:rotate(225deg);
transform:rotate(225deg);}
.-bottom-left- .datepicker--pointer,.-bottom-center- .datepicker--pointer,.-bottom-right- .datepicker--pointer{
bottom:-webkit-calc(100% - 4px);
bottom:calc(100% - 4px);
-webkit-transform:rotate(315deg);
-ms-transform:rotate(315deg);
transform:rotate(315deg);}
.-left-top- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-bottom- .datepicker--pointer{
left:-webkit-calc(100% - 4px);
left:calc(100% - 4px);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);}
.-top-left- .datepicker--pointer,.-bottom-left- .datepicker--pointer{
left:10px;}
.-top-right- .datepicker--pointer,.-bottom-right- .datepicker--pointer{
right:10px;}
.-top-center- .datepicker--pointer,.-bottom-center- .datepicker--pointer{
left:-webkit-calc(50% - 10px / 2);
left:calc(50% - 10px / 2);}
.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{
top:10px;}
.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{
bottom:10px;}
.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{
top:-webkit-calc(50% - 10px / 2);
top:calc(50% - 10px / 2);}
.datepicker--body{
display:none;}
.datepicker--body.active{
display:block;}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{
color:#dedede;}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{
color:#c5c5c5;}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{
color:#dedede;}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{
color:#fff;
background:#a2ddf6;}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{
background:#8ad5f4;}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{
background-color:rgba(92,196,239,0.1);
color:#cccccc;}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{
background-color:rgba(92,196,239,0.2);}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{
background:none;
border:none;}
.datepicker--nav{
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-pack:justify;
-webkit-box-pack:justify;
justify-content:space-between;
border-bottom:1px solid #efefef;
min-height:32px;
padding:4px;}
.-only-timepicker- .datepicker--nav{
display:none;}
.datepicker--nav-title,
.datepicker--nav-action{
display:-ms-flexbox;
display:-webkit-box;
display:flex;
cursor:pointer;
-ms-flex-align:center;
-webkit-box-align:center;
align-items:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
justify-content:center;}
.datepicker--nav-action{
width:32px;
border-radius:4px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;}
.datepicker--nav-action:hover{
background:#f0f0f0;}
.datepicker--nav-action.-disabled-{
visibility:hidden;}
.datepicker--nav-action svg{
width:32px;
height:32px;}
.datepicker--nav-action path{
fill:none;
stroke:#9c9c9c;
stroke-width:2px;}
.datepicker--nav-title{
border-radius:4px;
padding:0 8px;}
.datepicker--nav-title i{
font-style:normal;
color:#9c9c9c;
margin-left:5px;}
.datepicker--nav-title:hover{
background:#f0f0f0;}
.datepicker--nav-title.-disabled-{
cursor:default;
background:none;}
.datepicker--buttons{
display:-ms-flexbox;
display:-webkit-box;
display:flex;
padding:4px;
border-top:1px solid #efefef;}
.datepicker--button{
color:#4EB5E6;
cursor:pointer;
border-radius:4px;
-ms-flex:1;
-webkit-box-flex:1;
flex:1;
display:-ms-inline-flexbox;
display:-webkit-inline-box;
display:inline-flex;
-ms-flex-pack:center;
-webkit-box-pack:center;
justify-content:center;
-ms-flex-align:center;
-webkit-box-align:center;
align-items:center;
height:32px;}
.datepicker--button:hover{
color:#4a4a4a;
background:#f0f0f0;}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{
color:#dedede;}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{
color:#c5c5c5;}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{
color:#dedede;}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{
color:#fff;
background:#a2ddf6;}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{
background:#8ad5f4;}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{
background-color:rgba(92,196,239,0.1);
color:#cccccc;}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{
background-color:rgba(92,196,239,0.2);}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{
background:none;
border:none;}
.datepicker--time{
border-top:1px solid #efefef;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-align:center;
-webkit-box-align:center;
align-items:center;
padding:4px;
position:relative;}
.datepicker--time.-am-pm- .datepicker--time-sliders{
-ms-flex:0 1 138px;
-webkit-box-flex:0;
flex:0 1 138px;
max-width:138px;}
.-only-timepicker- .datepicker--time{
border-top:none;}
.datepicker--time-sliders{
-ms-flex:0 1 153px;
-webkit-box-flex:0;
flex:0 1 153px;
margin-right:10px;
max-width:153px;}
.datepicker--time-label{
display:none;
font-size:12px;}
.datepicker--time-current{
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-align:center;
-webkit-box-align:center;
align-items:center;
-ms-flex:1;
-webkit-box-flex:1;
flex:1;
font-size:14px;
text-align:center;
margin:0 0 0 10px;}
.datepicker--time-current-colon{
margin:0 2px 3px;
line-height:1;}
.datepicker--time-current-hours,
.datepicker--time-current-minutes{
line-height:1;
font-size:19px;
font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;
position:relative;
z-index:1;}
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after{
content:'';
background:#f0f0f0;
border-radius:4px;
position:absolute;
left:-2px;
top:-3px;
right:-2px;
bottom:-2px;
z-index:-1;
opacity:0;}
.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after{
opacity:1;}
.datepicker--time-current-ampm{
text-transform:uppercase;
-webkit-align-self:flex-end;
-ms-flex-item-align:end;
align-self:flex-end;
color:#9c9c9c;
margin-left:6px;
font-size:11px;
margin-bottom:1px;}
.datepicker--time-row{
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-align:center;
-webkit-box-align:center;
align-items:center;
font-size:11px;
height:17px;
background:-webkit-gradient(linear,left top,right top,from(#dedede),to(#dedede)) left 50%/100% 1px no-repeat;
background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat;}
.datepicker--time-row:first-child{
margin-bottom:4px;}
.datepicker--time-row input[type='range']{
background:none;
cursor:pointer;
-ms-flex:1;
-webkit-box-flex:1;
flex:1;
height:100%;
padding:0;
margin:0;
-webkit-appearance:none;}
.datepicker--time-row input[type='range']::-webkit-slider-thumb{
-webkit-appearance:none;}
.datepicker--time-row input[type='range']::-ms-tooltip{
display:none;}
.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb{
border-color:#b8b8b8;}
.datepicker--time-row input[type='range']:hover::-moz-range-thumb{
border-color:#b8b8b8;}
.datepicker--time-row input[type='range']:hover::-ms-thumb{
border-color:#b8b8b8;}
.datepicker--time-row input[type='range']:focus{
outline:none;}
.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb{
background:#5cc4ef;
border-color:#5cc4ef;}
.datepicker--time-row input[type='range']:focus::-moz-range-thumb{
background:#5cc4ef;
border-color:#5cc4ef;}
.datepicker--time-row input[type='range']:focus::-ms-thumb{
background:#5cc4ef;
border-color:#5cc4ef;}
.datepicker--time-row input[type='range']::-webkit-slider-thumb{
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:12px;
width:12px;
border-radius:3px;
border:1px solid #dedede;
background:#fff;
cursor:pointer;
-webkit-transition:background .2s;
transition:background .2s;}
.datepicker--time-row input[type='range']::-moz-range-thumb{
box-sizing:border-box;
height:12px;
width:12px;
border-radius:3px;
border:1px solid #dedede;
background:#fff;
cursor:pointer;
-webkit-transition:background .2s;
transition:background .2s;}
.datepicker--time-row input[type='range']::-ms-thumb{
box-sizing:border-box;
height:12px;
width:12px;
border-radius:3px;
border:1px solid #dedede;
background:#fff;
cursor:pointer;
-webkit-transition:background .2s;
transition:background .2s;}
.datepicker--time-row input[type='range']::-webkit-slider-thumb{
margin-top:-6px;}
.datepicker--time-row input[type='range']::-webkit-slider-runnable-track{
border:none;
height:1px;
cursor:pointer;
color:transparent;
background:transparent;}
.datepicker--time-row input[type='range']::-moz-range-track{
border:none;
height:1px;
cursor:pointer;
color:transparent;
background:transparent;}
.datepicker--time-row input[type='range']::-ms-track{
border:none;
height:1px;
cursor:pointer;
color:transparent;
background:transparent;}
.datepicker--time-row input[type='range']::-ms-fill-lower{
background:transparent;}
.datepicker--time-row input[type='range']::-ms-fill-upper{
background:transparent;}
.datepicker--time-row span{
padding:0 12px;}
.datepicker--time-icon{
color:#9c9c9c;
border:1px solid;
border-radius:50%;
font-size:16px;
position:relative;
margin:0 5px -1px 0;
width:1em;
height:1em;}
.datepicker--time-icon:after,.datepicker--time-icon:before{
content:'';
background:currentColor;
position:absolute;}
.datepicker--time-icon:after{
height:.4em;
width:1px;
left:-webkit-calc(50% - 1px);
left:calc(50% - 1px);
top:-webkit-calc(50% + 1px);
top:calc(50% + 1px);
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);}
.datepicker--time-icon:before{
width:.4em;
height:1px;
top:-webkit-calc(50% + 1px);
top:calc(50% + 1px);
left:-webkit-calc(50% - 1px);
left:calc(50% - 1px);}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{
color:#dedede;}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{
color:#c5c5c5;}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{
color:#dedede;}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{
color:#fff;
background:#a2ddf6;}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{
background:#8ad5f4;}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{
background-color:rgba(92,196,239,0.1);
color:#cccccc;}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{
background-color:rgba(92,196,239,0.2);}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{
background:none;
border:none;}
.datepicker{
border:none;
border-radius:0;
width:auto;}
.datepicker:after{
right:99%;
top:20px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-right-color:#f6e300;
border-width:15px;
margin-top:-15px;}
.datepicker--nav,.datepicker--days-names{
background-color:#f6e300;
color:#00206e;
min-width:270px;}
.datepicker--nav > *,.datepicker--days-names > *{
color:inherit;}
.datepicker--days-names{
margin:-2px 0 0 0;
padding:1rem;
font-weight:700;}
.datepicker--content{
padding:0;}
.datepicker--cell.-selected-,.datepicker--cell.-focus-{
background:#f6e300 !important;
border-radius:0;
color:#00206e;}
.datepicker--cell.-current-{
color:inherit;
text-decoration:underline;}
.datepicker--cell-day{
font-size:0.8em;
font-weight:700;}
.datepicker--pointer{
display:none;}
.datepicker--nav-title{
font-weight:700;
text-transform:uppercase;
font-size:1.5em;
font-family:"Montserrat",sans-serif;}
.datepicker--nav-title i{
color:inherit;}
.KDO-img{
height:39px;
position:absolute;
top:0;
right:0;
}
.KDO-value{
padding:0.7rem;
font-size:0.8rem;
background:#00206e;
color:#fff;
text-align:center;
}
.BookingPassenger-item-information .information-block > input.KDO-field,
input.KDO-field{
padding:0.7rem;
font-size:0.8rem;
color:#00206e;
background:#fff;
border:1px solid #00206e;
max-width:12em;
}
.classiccolors.KDO-button{
margin:0 auto 0 1em;
}
.KDO-Conditions{
color:#8a8d94;
font-size:0.85em;
}
.KDO-Tag{
position:absolute;
left:-26px;
height:39px;
width:64px;
z-index:1;
}
@media screen and (max-width:959px){
.KDO-Tag{left:auto;right:-32px;}
}
.controlbuttons .retbutton{
color:#0c4976;
display:block;
float:left;
clear:left;
font-size:13px;
line-height:14px;
padding:5px 5px 5px 20px;
margin:4px 0;
background:url(/html/img/arrow5.png) 0 50% no-repeat;
text-transform:uppercase;
border:none;
max-width:50%;
}
