.booking .booking__form .vsc__radio [type="radio"]:focus + span:before, .booking .booking__form .vsc__radio [type="checkbox"]:focus + span:before { -webkit-animation: focusZoom ease 0.2s; animation: focusZoom ease 0.2s; } .booking .booking__form-geoloc a:focus { -webkit-animation: focusZoom--intrusive 0.4s ease; animation: focusZoom--intrusive 0.4s ease; } .booking .booking__form-outward-date .booking-ico-date, .booking .booking__form-inward-date .booking-ico-date, .booking .booking__form-departure-date .booking-ico-date, .booking .booking__form-arrival-date .booking-ico-date, .booking .booking__form-outward-time .booking-ico-hour, .booking .booking__form-inward-time .booking-ico-hour { position: absolute; right: 0.1875em; top: 0.18em; font-size: 1.625em; color: #1283c5; } .booking .booking__form-centerBlock .vsc__radio { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .booking .booking__form-header:after, .booking .booking__form:after { content: ""; display: table; clear: both; } .booking .booking__autocomplete__category--places:before, .booking .booking__autocomplete__category--cities:before { content: "\e900"; } .booking .booking__input-box-arrow:after { content: "\e609"; } .booking .booking__autocomplete__item--child:before, .booking .booking__previous-searches__item--child:before { content: "\e902"; } .booking .booking__autocomplete__category--hotels:before { content: "\e601"; } .booking .booking__autocomplete__category--airports:before { content: "\e605"; } .booking .booking__autocomplete__category--stations:before, .booking .booking__autocomplete__category--stations-places:before { content: "\e607"; } @-webkit-keyframes topScroll { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 50% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 51% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 0; } 55% { opacity: 0; } 100% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 1; } } @keyframes topScroll { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 50% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; } 51% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 0; } 55% { opacity: 0; } 100% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes zoomIn { 0% { -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes quickZoom { 0% { opacity: 0.8; -webkit-transform: scale3d(0.75, 0.75, 1); transform: scale3d(0.75, 0.75, 1); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes quickZoom { 0% { opacity: 0.8; -webkit-transform: scale3d(0.75, 0.75, 1); transform: scale3d(0.75, 0.75, 1); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes focusZoom { 0% { -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes focusZoom { 0% { -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes focusZoom--inconspicuous { 0% { -webkit-transform: scale(1.01); transform: scale(1.01); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes focusZoom--inconspicuous { 0% { -webkit-transform: scale(1.01); transform: scale(1.01); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes focusOpacity { 0% { opacity: 0.6; } 100% { opacity: 1; } } @keyframes focusOpacity { 0% { opacity: 0.6; } 100% { opacity: 1; } } @font-face { font-family: 'booking-ico-lib'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"); font-weight: normal; font-style: normal; } .booking [class^="booking-ico-"], .booking [class*=" booking-ico-"] { font-family: 'booking-ico-lib'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .booking-ico-accessibility:before { content: "\e901"; } .booking-ico-date:before { content: "\e600"; } .booking-ico-Geoloc:before { content: "\e900"; } .booking-ico-group:before { content: "\e62a"; } .booking-ico-delete:before { content: "\e629"; } .booking-ico-plus:before { content: "\e614"; } .booking-ico-close:before { content: "\e616"; } .booking-ico-account:before { content: "\e60b"; } .booking-ico-left:before { content: "\e620"; } .booking-ico-right:before { content: "\e60f"; } .booking-ico-down:before { content: "\e609"; } .booking-ico-arrow-return:before { content: "\e902"; } .booking-ico-toggle:before { content: "\e60a"; } .booking-ico-hour:before { content: "\e623"; } .booking-ico-hotel:before { content: "\e601"; } .booking-ico-bus:before { content: "\e602"; } .booking-ico-car:before { content: "\e603"; } .booking-ico-plane:before { content: "\e605"; } .booking-ico-train:before { content: "\e607"; } .booking-ico-trip:before { content: "\e608"; } .booking__form .ui-selectmenu-button { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto !important; font-size: 0.875em; line-height: 3em; padding-left: 0.25em; color: #1283c5; cursor: pointer; } .booking__form .ui-selectmenu-menu { display: none; background: #FFF; box-shadow: 0 0 8px rgba(0, 0, 0, 0.33); border-radius: 3px; z-index: 6; padding: 10px 0; } .booking__form .ui-selectmenu-menu.ui-selectmenu-open { display: block; } .booking__form .ui-selectmenu-menu:after { content: ""; position: absolute; display: block; width: 1em; height: 1em; background: #FFF; top: -0.375em; left: 50%; margin-left: -0.6875em; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0 0 8px rgba(0, 0, 0, 0.33); z-index: 0; } .booking__form .ui-selectmenu-menu:before { content: ""; position: absolute; display: block; width: 2em; height: 1.2em; background: #FFF; top: 0; left: 50%; margin-left: -1.1em; z-index: 1; } .booking__form .ui-selectmenu-menu ul { position: relative; list-style-type: none; padding: 0 0.125em 0 0.0625em; z-index: 1; width: auto !important; max-height: 15em; overflow-y: scroll; margin-right: 0.3125em; } .booking__form .ui-selectmenu-menu li { cursor: pointer; font-size: 0.9375em; padding: 0.3em 0.3em 0.34em 0.8em; } .booking__form .ui-selectmenu-menu li:hover, .booking__form .ui-selectmenu-menu li.ui-state-focus { background: #F5F5F5; } .booking .IE9 .booking__form-select--time { width: calc(100% + 20px); } .booking .IE9 .booking__form-select-container { overflow: hidden; } .booking .IE9 .booking__input-box, .booking .IE10 .booking__input-box { padding-right: 0.5em; } .booking .IE9 .booking__input-box::-ms-expand, .booking .IE10 .booking__input-box::-ms-expand { display: block; } .booking .IE9 .booking__input-box-arrow:before, .booking .IE9 .booking__input-box-arrow:after, .booking .IE10 .booking__input-box-arrow:before, .booking .IE10 .booking__input-box-arrow:after { display: none; } .booking .booking__row, .booking .booking__form-outward, .booking .booking__form-inward, .booking .booking__form-centerBlock { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; } .booking .booking__row:before, .booking .booking__form-outward:before, .booking .booking__form-inward:before, .booking .booking__form-centerBlock:before, .booking .booking__row:after, .booking .booking__form-outward:after, .booking .booking__form-inward:after, .booking .booking__form-centerBlock:after { content: " "; display: table; } .booking .booking__row:after, .booking .booking__form-outward:after, .booking .booking__form-inward:after, .booking .booking__form-centerBlock:after { clear: both; } .booking .booking__col-12, .booking .booking__col-12-6, .booking .booking__col-12-4, .booking .booking__col-12-2, .booking .booking__col-12-6-3 { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } @media only screen and (min-width: 40.063em) { .booking .booking__col-12-6, .booking .booking__col-12-6-3 { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 50%; float: left; } } @media only screen and (min-width: 40.063em) { .booking .booking__col-12-4 { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 33.3333333333%; float: left; } } @media only screen and (min-width: 40.063em) { .booking .booking__col-12-2 { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 16.6666666667%; float: left; } } @media only screen and (min-width: 54em) { .booking .booking__col-12-6-3 { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 25%; float: left; } } .booking .booking__autocomplete__category--places:before, .booking .booking__autocomplete__category--cities:before { content: "\e900"; } .booking .booking__input-box-arrow:after { content: "\e609"; } .booking .booking__autocomplete__item--child:before, .booking .booking__previous-searches__item--child:before { content: "\e902"; } .booking .booking__autocomplete__category--hotels:before { content: "\e601"; } .booking .booking__autocomplete__category--airports:before { content: "\e605"; } .booking .booking__autocomplete__category--stations:before, .booking .booking__autocomplete__category--stations-places:before { content: "\e607"; } .booking .booking__autocomplete-container, .booking .booking__previous-searches-container { position: absolute; top: 2.21em; left: 0.3em; right: 0.3em; z-index: 101; } .booking .booking__autocomplete__item, .booking .booking__previous-searches__item { position: relative; padding: 1em 0.5em 1em 0.5em; border-bottom: 1px solid #e7e7e7; cursor: pointer; font-family: AvenirMedium, Arial; font-size: 0.8em; color: #2f2f2f; } .booking .booking__autocomplete__item:last-child, .booking .booking__previous-searches__item:last-child { border-bottom: 0; } .booking .booking__autocomplete__item mark, .booking .booking__previous-searches__item mark { color: #1283c5; background: transparent; } .booking .booking__autocomplete__item--child, .booking .booking__previous-searches__item--child { padding-left: 2.5em; } .booking .booking__autocomplete__item--child:before, .booking .booking__previous-searches__item--child:before { position: absolute; font-family: 'booking-ico-lib'; color: #1283c5; left: 0.5em; } .booking .booking__autocomplete__item--child:hover:before, .booking .booking__autocomplete__item--child.booking__autocomplete__item--focus:before, .booking .booking__previous-searches__item--child:hover:before, .booking .booking__previous-searches__item--child.booking__autocomplete__item--focus:before { color: #fff; } .booking .booking__autocomplete__item--focus, .booking .booking__autocomplete__item:hover, .booking .booking__previous-searches__item--focus, .booking .booking__previous-searches__item:hover { background: #1283c5; color: #FFF; } .booking .booking__autocomplete__item--focus mark, .booking .booking__autocomplete__item:hover mark, .booking .booking__previous-searches__item--focus mark, .booking .booking__previous-searches__item:hover mark { color: rgba(255, 255, 255, 0.8); } .booking .booking__autocomplete__no_result, .booking .booking__previous-searches__no_result { font-family: AvenirBook, Arial, sans-serif; padding: 1em 2em; text-align: center; font-size: 0.9em; } .booking .booking__stf { font-family: AvenirBook, Arial, sans-serif; background: #e7e7e7; color: #1283c5; padding: 1em; text-align: center; cursor: pointer; font-size: 0.98em; } .booking .booking__stf .booking-ico-Geoloc { font-size: 1.8em; vertical-align: middle; margin-right: 0.2em; } .booking .booking__stf-title { display: inline-block; vertical-align: middle; } .booking .booking__stf:hover, .booking .booking__stf--focus { background: #1283c5; color: #FFF; } .booking .booking__autocomplete dd.booking__autocomplete__item { margin: 0 0 0 2em; } .booking .booking__autocomplete__category--stations:before, .booking .booking__autocomplete__category--stations-places:before { top: -0.2em; } .booking .booking__autocomplete__category--places:before, .booking .booking__autocomplete__category--cities:before { top: -0.078em; } .booking .booking__autocomplete__category--airports:before { top: -0.18em; } .booking .booking__autocomplete__category--hotels:before { top: -0.07em; } .booking .booking__previous-searches__item { padding: 0; } .booking .booking__previous-searches__item--focus .booking__previous-searches__delete { background: #1493dc; color: rgba(255, 255, 255, 0.73); } .booking .booking__previous-searches__item--focus .booking__previous-searches__delete--focus { background: #1283c5; color: #fff; } .booking .booking__previous-searches__item--focus .booking__previous-searches__detail b { color: #FFF; } .booking .booking__previous-searches__item--focus .booking__previous-searches__date, .booking .booking__previous-searches__item--focus .booking__previous-searches__passengers { color: rgba(255, 253, 253, 0.5); } .booking .booking__previous-searches__item--focus .booking__previous-searches__detail { background: #1493dc; color: rgba(255, 255, 255, 0.73); } .booking .booking__previous-searches__item--focus .booking__previous-searches__detail--focus { background: #1283c5; color: #fff; } .booking .booking__previous-searches__item--focus .booking__previous-searches__detail--focus .booking__previous-searches__passengers, .booking .booking__previous-searches__item--focus .booking__previous-searches__detail--focus .booking__previous-searches__date { color: rgba(255, 255, 255, 0.73); } .booking .booking__previous-searches__title { color: #1283c5; font-family: AvenirMedium, AvenirMedium, Arial, sans-serif; font-size: 0.9em; text-transform: uppercase; padding: 0.5em 0; border-bottom: 1px solid #e7e7e7; } .booking .booking__previous-searches__detail { width: 100%; font-size: 0.95em; text-align: left; cursor: pointer; padding: 1em 0.5em 1em 0.5em; } .booking .booking__previous-searches__detail b { color: #1283c5; font-weight: normal; } .booking .booking__previous-searches__date { display: block; color: #a5a5a5; } .booking .booking__previous-searches__passengers { display: block; color: #a5a5a5; } .booking .booking__previous-searches__delete { position: absolute; top: 0; font-size: 0.8em; right: 0; bottom: 0; width: 20px; color: #8b8b8b; cursor: pointer; } .booking .booking__previous-searches__delete:before { position: absolute; top: 50%; left: 0.5em; margin-top: -0.5em; } .booking .booking__previous-searches__delete span { position: absolute; left: -99999px; } .booking .booking__previous-searches__delete:hover { color: #FFF; } .booking .booking__autocomplete__category--stations, .booking .booking__autocomplete__category--stations-places, .booking .booking__autocomplete__category--places, .booking .booking__autocomplete__category--cities, .booking .booking__autocomplete__category--airports, .booking .booking__autocomplete__category--hotels { font-family: AvenirMedium, Arial, sans-serif; font-size: 0.9em; padding-left: 2em; color: #1283c5; position: relative; text-transform: uppercase; margin-bottom: 0.5em; } .booking .booking__autocomplete__category--stations:before, .booking .booking__autocomplete__category--stations-places:before, .booking .booking__autocomplete__category--places:before, .booking .booking__autocomplete__category--cities:before, .booking .booking__autocomplete__category--airports:before, .booking .booking__autocomplete__category--hotels:before { font-family: 'booking-ico-lib'; display: block; position: absolute; left: 0; font-size: 1.5em; } .booking .booking__input-drop-down-container { position: absolute; top: 2.21em; left: 0.3em; right: 0.3em; z-index: 101; } .booking .booking__input-drop-down { display: none; padding: 0.5em 1em; border: 1px solid #e5e5e5; border-bottom: none; background: #FFF; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.33); } .booking .booking__input-drop-down__item { position: relative; padding: 1em 0.5em 1em 0.5em; border-bottom: 1px solid #e7e7e7; cursor: pointer; font-size: 0.8em; color: #2f2f2f; } .booking .booking__input-drop-down__item:last-child { border-bottom: 0; } .booking .booking__input-drop-down__item mark { color: #1283c5; background: transparent; } .booking .booking__input-drop-down__item--focus { background: #1283c5; color: #FFF; } .booking .booking__input-drop-down__item--focus mark { color: rgba(255, 255, 255, 0.8); } .booking { /* tiny reset css */ /* tiny reset css */ } .booking button, .booking input, .booking optgroup, .booking select, .booking textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } .booking button, .booking select { text-transform: none; } .booking tbody, .booking tbody th { border: none; } .booking select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .booking button::-moz-focus-inner { border: 0; } .booking .booking--nowrap { white-space: nowrap; } .booking .booking__out { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .booking .booking__row { position: relative; width: auto; } .booking .booking__row--main { margin-bottom: 1em; } .booking .booking__col-12-6-3 { margin: 0.5em 0; } .booking .booking__col-left { text-align: left; } .booking .booking__col-center { text-align: center; } .booking .booking__col-right { text-align: right; } .booking .booking__col-label { font-family: AvenirBook, Arial, sans-serif; color: #1283c5; font-size: 0.9em; display: inline-block; padding-bottom: 0.3em; } .booking .booking__form { box-sizing: border-box; position: relative; max-width: 60em; margin: 0 auto; background: #FFF; font-family: Arial, Helvetica, sans-serif; text-align: left; border-radius: 3px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.32); z-index: 0; } .booking .booking__form .vsc__radio [type="radio"]:focus + span:before, .booking .booking__form .vsc__radio [type="checkbox"]:focus + span:before { -webkit-animation: focusZoom ease 0.2s; animation: focusZoom ease 0.2s; } .booking .booking__form .booking__form-geoloc a:focus, .booking .booking__form-geoloc .booking__form a:focus { -webkit-animation: focusZoom--intrusive 0.4s ease; animation: focusZoom--intrusive 0.4s ease; } .booking .booking__form .booking__form-outward-date .booking-ico-date, .booking .booking__form-outward-date .booking__form .booking-ico-date, .booking .booking__form .booking__form-inward-date .booking-ico-date, .booking .booking__form-inward-date .booking__form .booking-ico-date, .booking .booking__form .booking__form-departure-date .booking-ico-date, .booking .booking__form-departure-date .booking__form .booking-ico-date, .booking .booking__form .booking__form-arrival-date .booking-ico-date, .booking .booking__form-arrival-date .booking__form .booking-ico-date, .booking .booking__form .booking__form-outward-time .booking-ico-hour, .booking .booking__form-outward-time .booking__form .booking-ico-hour, .booking .booking__form .booking__form-inward-time .booking-ico-hour, .booking .booking__form-inward-time .booking__form .booking-ico-hour { position: absolute; right: 0.1875em; top: 0.18em; font-size: 1.625em; color: #1283c5; } .booking .booking__form .booking__form-centerBlock .vsc__radio, .booking .booking__form-centerBlock .booking__form .vsc__radio { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .booking .booking__form .booking__form-header:after, .booking .booking__form .booking__form:after { content: ""; display: table; clear: both; } .booking .booking__form .vsc__radio { display: inline-block; position: relative; cursor: pointer; font-size: 0.875em; margin-right: 0.625em; padding-left: 1.375em; } .booking .booking__form .vsc__radio label { cursor: pointer; } .booking .booking__form .vsc__radio input[type="radio"], .booking .booking__form .vsc__radio input[type="checkbox"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; color: #5b5b5b; } .booking .booking__form .vsc__radio [type="radio"] + span, .booking .booking__form .vsc__radio [type="checkbox"] + span { position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .booking .booking__form .vsc__radio [type="radio"] + span:before, .booking .booking__form .vsc__radio [type="checkbox"] + span:before { content: ''; display: inline-block; width: 0.9em; height: 0.9em; vertical-align: -0.09em; border: 1px solid #5b5b5b; margin-right: 0.5em; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } .booking .booking__form .vsc__radio [type="radio"] + span:before { border-radius: 50%; } .booking .booking__form .vsc__radio [type="radio"]:checked + span, .booking .booking__form .vsc__radio [type="checkbox"]:checked + span { color: #1283c5; } .booking .booking__form .vsc__radio [type="checkbox"]:checked + span i { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdGVkIGJ5IEljb01vb24uaW8gLS0+Cgo8c3ZnCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHZlcnNpb249IjEuMSIKICAgd2lkdGg9IjUxMiIKICAgaGVpZ2h0PSI1MTIiCiAgIHZpZXdCb3g9IjAgMCA1MTIgNTEyIgogICBpZD0ic3ZnMiIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InJhZGlvLW9uLXdoaXRlLnN2ZyI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTM1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTMzIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTQ0MCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI4MzciCiAgICAgaWQ9Im5hbWVkdmlldzEzMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMC40NjA5Mzc1IgogICAgIGlua3NjYXBlOmN4PSIyNTYiCiAgICAgaW5rc2NhcGU6Y3k9IjI1NiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8cGF0aAogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgZD0iTSAzOTAuMTIzMDEsOTcuMzgyMDA1IDE5MC4wNDQwMSwzMDkuNjM3IDExMS42NzcwMSwyMzEuMjc0IDU5Ljk0ODAxNCwyODMgMTkxLjU2NjAxLDQxNC42MTggbCAyNS44NTksLTI3LjM4NSAyMjUuOTQ5LC0yMzkuNjQgeiIKICAgICBpZD0icGF0aDEyOSIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8L3N2Zz4K); position: absolute; top: -1px; left: -1px; display: block; width: 1.2em; height: 1.2em; background-size: 100%; } .booking .booking__form .vsc__radio [type="radio"]:checked + span:before, .booking .booking__form .vsc__radio [type="checkbox"]:checked + span:before { background: #1283c5; box-shadow: 0 0 0 1px #1283c5; color: #1283c5; border-color: #1283c5; } .booking .booking__form .vsc__radio [type="radio"]:focus + span:after, .booking .booking__form .vsc__radio [type="checkbox"]:focus + span:after { border-color: #1283c5; left: 1.5em; right: 0; } .booking .booking__form .vsc__radio--disabled [type="radio"] + span, .booking .booking__form .vsc__radio--disabled [type="checkbox"] + span { color: #e4e4e4; } .booking .booking__form .vsc__radio--disabled [type="radio"] + span:hover:after, .booking .booking__form .vsc__radio--disabled [type="checkbox"] + span:hover:after { display: none; } .booking .booking__form .vsc__radio--disabled [type="radio"] + span:before, .booking .booking__form .vsc__radio--disabled [type="checkbox"] + span:before { border-color: #e4e4e4; } .booking .booking__form .vsc__radio [type="radio"]:focus + span:before, .booking .booking__form .vsc__radio [type="checkbox"]:focus + span:before { -webkit-animation: focusZoom ease 0.2s; animation: focusZoom ease 0.2s; } .booking .booking__form .booking__form-geoloc a:focus, .booking .booking__form-geoloc .booking__form a:focus { -webkit-animation: focusZoom--intrusive 0.4s ease; animation: focusZoom--intrusive 0.4s ease; } .booking .booking__form .booking__form-outward-date .booking-ico-date, .booking .booking__form-outward-date .booking__form .booking-ico-date, .booking .booking__form .booking__form-inward-date .booking-ico-date, .booking .booking__form-inward-date .booking__form .booking-ico-date, .booking .booking__form .booking__form-departure-date .booking-ico-date, .booking .booking__form-departure-date .booking__form .booking-ico-date, .booking .booking__form .booking__form-arrival-date .booking-ico-date, .booking .booking__form-arrival-date .booking__form .booking-ico-date, .booking .booking__form .booking__form-outward-time .booking-ico-hour, .booking .booking__form-outward-time .booking__form .booking-ico-hour, .booking .booking__form .booking__form-inward-time .booking-ico-hour, .booking .booking__form-inward-time .booking__form .booking-ico-hour { position: absolute; right: 0.1875em; top: 0.18em; font-size: 1.625em; color: #1283c5; } .booking .booking__form .booking__form-centerBlock .vsc__radio, .booking .booking__form-centerBlock .booking__form .vsc__radio { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .booking .booking__form .booking__form-header:after, .booking .booking__form .booking__form:after { content: ""; display: table; clear: both; } .booking .booking__form .vsc__MEA { overflow: hidden; } .booking .booking__form .vsc__MEA-content { position: relative; padding: 1em; overflow: hidden; min-height: 6em; max-width: 60em; margin: 0 auto; } .booking .booking__form .vsc__MEA-content:before { content: ""; position: absolute; top: -4px; left: -61px; width: 12em; height: 50em; -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } .booking .booking__form .vsc__MEA-picto { position: absolute; top: 0.4em; margin-top: -0.5em; left: 0.2em; width: 6em; height: 6em; background-size: 93%; background-repeat: no-repeat; background-position: 0.3em 0.35em; } .booking .booking__form .vsc__MEA-close { display: block; position: absolute; top: 0.5em; right: 0; text-decoration: none; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIENyZWF0ZWQgd2l0aCBJbmtzY2FwZSAoaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvKSAtLT4NCg0KPHN2Zw0KICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIg0KICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyINCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyINCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICB3aWR0aD0iMTUwbW0iDQogICBoZWlnaHQ9IjE1MG1tIg0KICAgdmlld0JveD0iMCAwIDUzMS40OTYwNiA1MzEuNDk2MDYiDQogICA+DQogIDxnDQogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTUyMC44NjYxNCkiPg0KICAgIDxwYXRoDQogICAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiNmZmZmZmY7c3Ryb2tlOm5vbmUiDQogICAgICAgZD0iTSA5OS43MzEzNzUsNTQ4LjQwMzcxIDMxLjE1NTUxMSw2MTYuOTc5NTggMjAyLjYxMjI3LDc4OC40MzYzMSAzMS4xNTU1MTEsOTU5Ljg1ODcxIDk5LjczMTM3NSwxMDI4LjQzNDYgMjcxLjE1MzU4LDg1Ni45Nzc4NCA0NDIuNjEwNTEsMTAyOC40MzQ2IDUxMS4xODYyMSw5NTkuODU4NzEgMzM5Ljc2NCw3ODguNDM2MzEgNTExLjE4NjIxLDYxNi45Nzk1OCA0NDIuNjEwNTEsNTQ4LjQwMzcxIDI3MS4xNTM1OCw3MTkuODI2MTEgOTkuNzMxMzc1LDU0OC40MDM3MSBaIiAvPg0KICA8L2c+DQo8L3N2Zz4NCg==); background-size: 1.3em; background-position: 50% 50%; background-repeat: no-repeat; width: 1.3em; height: 1.3em; padding: 1em; } .booking .booking__form .vsc__MEA-close span { display: none; } .booking .booking__form .vsc__MEA-close:hover, .booking .booking__form .vsc__MEA-close:focus { color: rgba(255, 255, 255, 0.75); } .booking .booking__form .vsc__MEA-close:active, .booking .booking__form .vsc__MEA-close:focus { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform ease 0.3s; transition: transform ease 0.3s; } .booking .booking__form .vsc__MEA-message { display: table; font-family: AvenirBook, Arial, sans-serif; font-size: 0.9em; padding-left: 9em; padding-right: 2em; line-height: 1.2em; -webkit-animation: fadeIn 0.3s ease-in; animation: fadeIn 0.3s ease-in; height: 4.5em; } .booking .booking__form .vsc__MEA-message-content { display: table-cell; padding-right: 2em; vertical-align: middle; } @media only screen and (max-width: 30em) { .booking .booking__form .vsc__MEA-message-content { display: inline-block; } } .booking .booking__form .vsc__MEA-message-content > h2 { font-weight: normal; text-transform: uppercase; margin: 0; font-size: 1.5em; line-height: 1.2em; } .booking .booking__form .vsc__MEA-message-content > p { position: relative; margin: 0; } .booking .booking__form .vsc__MEA-message-button { display: table-cell; white-space: nowrap; vertical-align: middle; } @media only screen and (max-width: 30em) { .booking .booking__form .vsc__MEA-message-button { display: inline-block; padding-top: 1em; } } .booking .booking__form .vsc__MEA-message strong { font-family: AvenirMedium, Arial; } .booking .booking__form .vsc__MEA-message a { color: #FFF; } .booking .booking__form .vsc__MEA-title { font-weight: bold; } .booking .booking__form .vsc__MEA-button { display: inline-block; padding: 0.5em 1em; border: 1px solid #FFF; border-radius: 4px; text-decoration: none; white-space: nowrap; } .booking .booking__form .vsc__MEA-button:focus { outline-color: rgba(255, 255, 255, 0.8); outline-style: dotted; outline-width: thin; outline-offset: -0.4em; } .booking .booking__form .vsc__MEA--broken { background: #A31A2E; } .booking .booking__form .vsc__MEA--broken .vsc__MEA-content { color: #FFF; background-color: #ad1e38; background: -webkit-linear-gradient(left, #af1f3a 0%, #a31a2e 100%); background: linear-gradient(to right, #af1f3a 0%, #a31a2e 100%); } .booking .booking__form .vsc__MEA--broken .vsc__MEA-content .vsc__MEA-picto { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtNzkuNDQgNzguMDFoLTU2LjYzYy0uMzEzIDAtLjU2NS0uMjUtLjU2NS0uNTYzIDAtLjMwOS4yNTMtLjU2MS41NjUtLjU2MWg1Ni42M2MuMzEzIDAgLjU2Ni4yNTIuNTY2LjU2MS4wMDAxLjMxMy0uMjUzLjU2My0uNTY2LjU2MyIvPjxwYXRoIGQ9Im0zOC4wNyA0My43NDljLS4xNDUgMC0uMjg5LS4wNTQtLjM5OS0uMTY1bC0xOC4xOC0xOC4wN2MtLjIyMS0uMjE5LS4yMjEtLjU3NSAwLS43OTQuMjIxLS4yMi41NzktLjIyLjggMGwxOC4xOCAxOC4wN2MuMjIxLjIyLjIyMS41NzUgMCAuNzk0LS4xMTEuMTExLS4yNTYuMTY1LS40MDEuMTY1Ii8+PHBhdGggZD0ibTE5Ljg4NyA0My43NDljLS4xNDUgMC0uMjg5LS4wNTQtLjM5OS0uMTY1LS4yMjEtLjIxOS0uMjIxLS41NzQgMC0uNzk0bDE4LjE4LTE4LjA3Yy4yMjEtLjIyLjU3OS0uMjIuOCAwIC4yMjEuMjE5LjIyMS41NzUgMCAuNzk0bC0xOC4xOCAxOC4wN2MtLjExMS4xMTEtLjI1Ni4xNjUtLjQwMS4xNjUiLz48cGF0aCBkPSJtODEuOCA0My43NDljLS4xNDQgMC0uMjg5LS4wNTQtLjM5OS0uMTY1bC0xOC4xOC0xOC4wN2MtLjIyMS0uMjE5LS4yMjEtLjU3NSAwLS43OTQuMjIxLS4yMi41NzgtLjIyLjc5OSAwbDE4LjE4IDE4LjA3Yy4yMjMuMjIuMjIzLjU3NSAwIC43OTQtLjExMS4xMTEtLjI1NS4xNjUtLjQuMTY1Ii8+PHBhdGggZD0ibTYzLjYyIDQzLjc0OWMtLjE0NCAwLS4yODktLjA1NC0uMzk5LS4xNjUtLjIyMS0uMjE5LS4yMjEtLjU3NCAwLS43OTRsMTguMTgtMTguMDdjLjIyMS0uMjIuNTc4LS4yMi43OTkgMCAuMjIzLjIxOS4yMjMuNTc1IDAgLjc5NGwtMTguMTggMTguMDdjLS4xMTEuMTExLS4yNTQuMTY1LS40LjE2NSIvPjwvZz48L3N2Zz4=); } .booking .booking__form .vsc__MEA--broken .vsc__MEA-content:before { background: #A31A2E; } .booking .booking__form .vsc__MEA--warning { background: #f38519; } .booking .booking__form .vsc__MEA--warning .vsc__MEA-content { color: #FFF; background-color: #F5973B; background: -webkit-linear-gradient(left, #FFAD5C 0%, #f38519 100%); background: linear-gradient(to right, #FFAD5C 0%, #f38519 100%); } .booking .booking__form .vsc__MEA--warning .vsc__MEA-content .vsc__MEA-picto { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMzIuMDIgMjguNTU3YzAgMy43NjItMy4wNDkgNi44MTEtNi44MTEgNi44MTEtMy43NjEgMC02LjgxLTMuMDQ5LTYuODEtNi44MTFzMy4wNDktNi44MTEgNi44MS02LjgxMWMzLjc2MyAwIDYuODExIDMuMDQ5IDYuODExIDYuODExIi8+PHBhdGggZD0ibTgzLjQ5IDI4LjU1N2MwIDMuNzYyLTMuMDQ5IDYuODExLTYuODExIDYuODExLTMuNzYxIDAtNi44MS0zLjA0OS02LjgxLTYuODExczMuMDQ5LTYuODExIDYuODEtNi44MTFjMy43NjIgMCA2LjgxMSAzLjA0OSA2LjgxMSA2LjgxMSIvPjxwYXRoIGQ9Im04NC42IDgwLjM0Yy0uMDMyIDAtLjA2My0uMDA0LS4wOTYtLjAwMWwtNjYuNjQtMTIuODY1Yy0uMjcxLS4wNTMtLjQ0OC0uMzE0LS4zOTYtLjU4Ni4wNTQtLjI3MS4zMTctLjQ0Ny41ODYtLjM5Nmw2Ni42NCAxMi44NjVjLjI3MS4wNTMuNDQ4LjMxNC4zOTYuNTg2LS4wNDcuMjQtLjI1Ni40MDYtLjQ5LjQwNiIvPjwvZz48L3N2Zz4=); } .booking .booking__form .vsc__MEA--warning .vsc__MEA-content:before { background: #f38519; } .booking .booking__form .vsc__MEA--info { background: #1d88cd; } .booking .booking__form .vsc__MEA--info .vsc__MEA-content { color: #FFF; background-color: #3A95D0; background: -webkit-linear-gradient(left, #59A1D0 0%, #1d88cd 100%); background: linear-gradient(to right, #59A1D0 0%, #1d88cd 100%); } .booking .booking__form .vsc__MEA--info .vsc__MEA-content .vsc__MEA-picto { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMzEuMDUgMjkuMmMwIDMuNzU2LTMuMDQzIDYuNzk5LTYuNzk4IDYuNzk5LTMuNzU0IDAtNi43OTgtMy4wNDMtNi43OTgtNi43OTkgMC0zLjc1NCAzLjA0NC02Ljc5OCA2Ljc5OC02Ljc5OCAzLjc1NSAwIDYuNzk4IDMuMDQ0IDYuNzk4IDYuNzk4Ii8+PHBhdGggZD0ibTgyLjQzIDI5LjJjMCAzLjc1Ni0zLjA0MyA2Ljc5OS02Ljc5OSA2Ljc5OS0zLjc1NCAwLTYuNzk3LTMuMDQzLTYuNzk3LTYuNzk5IDAtMy43NTQgMy4wNDMtNi43OTggNi43OTctNi43OTggMy43NTYgMCA2Ljc5OSAzLjA0NCA2Ljc5OSA2Ljc5OCIvPjxwYXRoIGQ9Im01MC4yNyA4MC44OTJjLTIxLjE2IDAtMzMuMzEtNC4yNjgtMzMuNDMyLTQuMzExLS4yNi0uMDkzLS4zOTYtLjM3OS0uMzAyLS42NC4wOTMtLjI2LjM3OS0uMzk0LjYzOS0uMzAyLjExOS4wNDIgMTIuMTMgNC4yNTIgMzMuMDkgNC4yNTIgMjAuOTgzIDAgMzIuOTc2LTQuMjA5IDMzLjA5LTQuMjUyLjI2Mi0uMDkyLjU0Ny4wNDMuNjQuMzAyLjA5My4yNjEtLjA0Mi41NDctLjMwMi42NC0uMTIxLjA0My0xMi4yNzYgNC4zMTEtMzMuNDMyIDQuMzExIi8+PC9nPjwvc3ZnPg==); } .booking .booking__form .vsc__MEA--info .vsc__MEA-content:before { background: #1d88cd; } .booking .booking__form .vsc__MEA--happy { background: #94c30f; } .booking .booking__form .vsc__MEA--happy .vsc__MEA-content { color: #FFF; background-color: #a8c84f; background: -webkit-linear-gradient(left, #b9cf7d 0%, #94c30f 100%); background: linear-gradient(to right, #b9cf7d 0%, #94c30f 100%); } .booking .booking__form .vsc__MEA--happy .vsc__MEA-content .vsc__MEA-picto { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDggNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQ4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iNy45IiBjeT0iOS4yIiByPSI0LjMiLz4NCjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjQwLjYiIGN5PSI5LjIiIHI9IjQuMyIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTMuMywzNC42YzAsMCw3LjYsOS4yLDIxLjIsOS4yczIxLjItOS4yLDIxLjItOS4yIi8+DQo8L3N2Zz4NCg==); background-size: 74%; top: 1em; left: 0.65em; } .booking .booking__form .vsc__MEA--happy .vsc__MEA-content:before { background: #94c30f; } .booking .booking__form .vsc__MEA--noface { background: #0069a2; } .booking .booking__form .vsc__MEA--noface .vsc__MEA-content { color: #FFF; padding-left: 2em; } .booking .booking__form .vsc__MEA--noface .vsc__MEA-content .vsc__MEA-picto { display: none; } .booking .booking__form .vsc__MEA--noface .vsc__MEA-content .vsc__MEA-message { padding-left: 0; } @media only screen and (max-width: 30em) { .booking .booking__form .vsc__MEA--noface.vsc__MEA--responsive .vsc__MEA-content { padding: 1.5em; } } .booking .booking__form .vsc__MEA--top .vsc__MEA { min-height: 6.5em; } @media only screen and (min-width: 50.1em) { .booking .booking__form .vsc__MEA--top .vsc__MEA-content { padding-top: 2.5em; min-height: 7.5em; } .booking .booking__form .vsc__MEA--top .vsc__MEA-picto { margin-top: 0.9em; } } .booking .booking__form .vsc__MEA--tiny .vsc__MEA-content { padding: 0.5em; min-height: 3em; } .booking .booking__form .vsc__MEA--tiny .vsc__MEA-content:before { top: -0.2em; left: -5.6em; } .booking .booking__form .vsc__MEA--tiny .vsc__MEA-picto { background-size: 67%; margin: 0; top: -0.2em; left: 0; } .booking .booking__form .vsc__MEA--tiny .vsc__MEA-message { padding-left: 6em; padding-right: 0.3em; } @media only screen and (max-width: 30em) { .booking .booking__form .vsc__MEA--responsive .vsc__MEA-content { padding-top: 1em; min-height: 6em; } .booking .booking__form .vsc__MEA--responsive .vsc__MEA-content:before { left: -5.5em; } .booking .booking__form .vsc__MEA--responsive .vsc__MEA-message { padding-left: 6em; padding-right: 0; } .booking .booking__form .vsc__MEA--responsive .vsc__MEA-picto { background-size: 70%; margin-top: 0; } } .booking .booking__form .vsc__MEA + .vsc__MEA { position: relative; } .booking .booking__form .vsc__MEA + .vsc__MEA:before { content: ""; display: block; position: absolute; top: 0; height: 0.5em; right: 0; left: 0; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%); z-index: 1; } .booking .booking__form .vsc__MEA .vsc__button { font-size: 0.8em; vertical-align: middle; } @media only screen and (max-width: 20em) { .booking .booking__form .vsc__MEA-content:before, .booking .booking__form .vsc__MEA .vsc__MEA-picto { display: none; } .booking .booking__form .vsc__MEA .vsc__MEA-message { padding-left: 0; } } .booking .booking__form * { box-sizing: border-box; } .booking .booking__form .vsc__MEA { border-radius: 3px 3px 0 0; } .vsc__MEA + .booking .booking__form-header { border-radius: 0; } .booking .booking__form-form { position: relative; } .booking .booking__form-header { position: relative; background: #F5F5F5; width: 100%; padding: 0.8125em 0 0.8125em 0; text-align: left; margin-bottom: 1em; border-radius: 3px 3px 0 0; z-index: 0; } .booking .booking__form-header label:nth-of-type(1) { margin-right: 0.625em; } @media only screen and (max-width: 40.625em) { .booking .booking__form-header--flexible { height: 4.5em; } } .booking .booking__form .booking__form-header-link { position: absolute; right: 0.5em; top: 0.7em; font-family: AvenirBook, Arial, sans-serif; font-size: 0.875em; color: #1283c5; padding-right: 1.3em; } .booking .booking__form .booking__form-header-link:before { content: "\e60f"; font-family: "booking-ico-lib"; display: block; position: absolute; top: 0.25em; right: 0; font-size: 1.2em; } .booking .booking__form .booking__form-header-link:focus, .booking .booking__form .booking__form-header-link:hover { color: #1283c5; text-decoration: none; } @media only screen and (max-width: 40.625em) { .booking .booking__form .booking__form-header-link { top: 2.5em; left: 0.5em; right: auto; } } .booking .booking__form .booking__form-header-link-promo { display: inline-block; font-weight: bold; border: 1px solid #1283c5; border-radius: 3px; padding: 0.2em 0.5em; margin-right: 0.2em; } .booking .booking__form fieldset { border: 0 !important; margin: 0 !important; padding: 0 !important; } @media only screen and (max-width: 40em) { .booking .booking__form-cities { width: 100%; } .booking .booking__form-cities.booking--breakV { padding-bottom: 5px; padding-right: 1em; } .booking .booking__form-cities.booking--breakV:after { content: ""; display: block; position: absolute; top: auto; bottom: 0; right: 1em; left: 1em; height: 1px; width: auto; background: #e7e7e7; } } .booking .booking__form-toggle { position: absolute; top: 50%; left: 0.2em; color: #0088CE; margin-top: -1em; } .booking .booking__form-toggle span:before { font-size: 2em; } .booking .booking__form-destination { margin-top: 4px; } .booking .booking__form-outward-date, .booking .booking__form-inward-date, .booking .booking__form-departure-date, .booking .booking__form-arrival-date { position: relative; cursor: pointer; } .booking .booking__form-outward-date:after, .booking .booking__form-inward-date:after, .booking .booking__form-departure-date:after, .booking .booking__form-arrival-date:after { content: " "; display: block; position: absolute; top: 0; right: -1em; width: 1px; bottom: -1em; background: #e7e7e7; } @media only screen and (max-width: 40em) { .booking .booking__form-outward-date:after, .booking .booking__form-inward-date:after, .booking .booking__form-departure-date:after, .booking .booking__form-arrival-date:after { display: none; } } @media only screen and (max-width: 40em) { .booking .booking__form-outward-date, .booking .booking__form-inward-date, .booking .booking__form-departure-date, .booking .booking__form-arrival-date { width: 100%; } .booking .booking__form-outward-date:after, .booking .booking__form-inward-date:after, .booking .booking__form-departure-date:after, .booking .booking__form-arrival-date:after { display: none; } } .booking .booking__form-outward-date label, .booking .booking__form-inward-date label, .booking .booking__form-departure-date label, .booking .booking__form-arrival-date label { width: 5.625em; } .booking .booking__form-outward-date input, .booking .booking__form-inward-date input, .booking .booking__form-departure-date input, .booking .booking__form-arrival-date input { font-size: 0.875em; height: 2.6em; padding: 0.4em 2em 0 0.27em; position: relative; z-index: 2; cursor: pointer; width: 100%; } .booking .booking__form-outward-date input:hover, .booking .booking__form-inward-date input:hover, .booking .booking__form-departure-date input:hover, .booking .booking__form-arrival-date input:hover, .booking .booking__form-outward-date input:active, .booking .booking__form-inward-date input:active, .booking .booking__form-departure-date input:active, .booking .booking__form-arrival-date input:active, .booking .booking__form-outward-date input:focus, .booking .booking__form-inward-date input:focus, .booking .booking__form-departure-date input:focus, .booking .booking__form-arrival-date input:focus { background: transparent; } .booking .booking__form-outward-date .booking-ico-date, .booking .booking__form-inward-date .booking-ico-date, .booking .booking__form-departure-date .booking-ico-date, .booking .booking__form-arrival-date .booking-ico-date { pointer-events: none; } .booking .booking__form-outward-date .booking__error, .booking .booking__form-inward-date .booking__error, .booking .booking__form-departure-date .booking__error, .booking .booking__form-arrival-date .booking__error { width: 18em; } .booking .booking__form-outward-time, .booking .booking__form-inward-time { position: relative; height: 2.25em; } @media only screen and (max-width: 40em) { .booking .booking__form-outward-time, .booking .booking__form-inward-time { margin-top: 0.625em; } } .booking .booking__form-outward-time .booking-ico-hour, .booking .booking__form-inward-time .booking-ico-hour { cursor: pointer; z-index: 2; pointer-events: none; } .booking .booking__form-outward-time .booking__error, .booking .booking__form-inward-time .booking__error { width: 14.5em; bottom: 3em; } .booking .booking__form-outward.booking--breakV { padding-right: 0; } .booking .booking__form-outward.booking--breakV:after { display: none; } .booking .booking__form-inward-date:after, .booking .booking__form-departure-date:after { bottom: 0; } @media only screen and (max-width: 559px) { .booking .booking__form-inward-date, .booking .booking__form-departure-date { margin-bottom: 0.2em; } .booking .booking__form-inward-date:after, .booking .booking__form-departure-date:after { content: ""; display: block; position: absolute; top: auto; width: auto; bottom: -0.4em; right: 0; left: 0; height: 1px; background: #e7e7e7; } } .booking .booking__form-inward-time .booking__error { bottom: auto; top: 3em; width: 12em; } .booking .booking__form-label, .booking .booking__form-label--medium { position: absolute; top: 0.25em; line-height: normal; padding-left: 0.5em; padding-top: 0.75em; vertical-align: middle; min-width: 2.375em; padding-right: 0.3125em; white-space: nowrap; font-size: 0.75em; color: #000; text-transform: uppercase; cursor: pointer; z-index: 5; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .booking .booking__form-label-txt { position: relative; z-index: 1; } .booking .booking__form-label--medium { min-width: 4.8em; } .booking .booking__form-label--value { font-size: 0.5625em; top: -0.5em; color: #A9A9A9; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .booking .booking__form-geoloc { position: absolute; min-width: 1.75em; padding: 0.35em 0.5em 0 0.6em; height: 2.1875em; right: 0; top: 0; white-space: nowrap; } .booking .booking__form-geoloc a { display: inline-block; color: #1283c5; text-decoration: none; font-size: 1.5em; } .booking .booking__form-geoloc:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: #e7e7e7; } .booking .booking__form-input-wrapper { position: relative; background: rgba(255, 255, 255, 0); border-radius: 0px; border: 1px solid #fff; } .booking .booking__form-input-wrapper:hover { background: #F5F5F5; border-color: #F5F5F5; } .booking .booking__form-input-wrapper.errorBooking { border-radius: 3px; border-color: #9f1c37; } .booking .booking__form-input-wrapper.errorBooking .booking-ico-close { color: #c93655; } .booking .booking__form-input-wrapper--focus { background: #F7F7F7; border: 1px dotted #1283c5; } .booking .booking__form-input-wrapper--focus.errorBooking { box-shadow: 0 0 0 1px #9f1c37; } .booking .booking__form-input-wrapper--focus.errorBooking .booking-ico-close { color: #9f1c37; } .booking .booking__form-input-wrapper--focus .booking__form-input:focus { background: transparent; } .booking .booking__form-input-wrapper--focus:hover { border: 1px dotted #1283c5; } .booking .booking__form-input-wrapper--focus .booking__form-label, .booking .booking__form-input-wrapper--focus .booking__form-label--medium { font-size: 0.5625em; top: -0.5em; color: #A9A9A9; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .booking .booking__form-input-wrapper--disabled { color: #e4e4e4; } .booking .booking__form-input-wrapper--disabled input, .booking .booking__form-input-wrapper--disabled label { color: #e4e4e4; } .booking .booking__form-input { font-size: 0.95em; width: calc(100% - 40px); height: 2.4em; padding: 0.4em 0 0 0.34em; font-family: "Avenir", Arial, sans-serif; border: none; color: #1283c5; background-color: transparent; } .booking .booking__form-input-reset { position: absolute; display: none; top: 0.35em; right: 0.4375em; font-size: 1.25em; color: #8e8e8e; cursor: pointer; } .booking .booking__form-input-reset:hover { color: #5b5b5b; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .booking .booking__form-input:focus { outline: 0; } .booking .booking__form-input:active { background: #F7F7F7; } .booking .booking__form-input::-ms-clear { display: none; } .booking .booking__form-select { position: relative; z-index: 2; width: 100%; border: 1px solid #bfe1f3; border-radius: 0; background: #FFF; font-size: 0.88em; padding: 0.5em; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; } .booking .booking__form-select::-ms-expand { display: none; } .booking .booking__form-select:focus { border: 1px solid #1283c5; } .booking .booking__form-select--time { margin-top: 0; background: rgba(255, 255, 255, 0); padding: 0.75em 0 0.1em 0; font-family: "AvenirBook", Arial, sans-serif; color: #1283c5; font-size: 0.9375em; border: 0; } .booking .booking__form-select--time:focus { background: #F7F7F7; border: 0; } .booking .booking__form-centerBlock { position: relative; display: table; clear: both; text-align: center; margin: 0 0 1em 0; padding: 0 1em; min-height: 2em; } .booking .booking__form-centerBlock:before { content: ""; display: block; position: absolute; top: 50%; left: 1em; right: 1em; border-bottom: 1px solid #e7e7e7; } @media only screen and (max-width: 55em) { .booking .booking__form-centerBlock:before { display: none; } } .booking .booking__form-centerBlock .booking__col { width: 50%; float: left; } @media only screen and (max-width: 55em) { .booking .booking__form-centerBlock .booking__col { width: 100%; } .booking .booking__form-centerBlock .booking__col:first-child { margin-bottom: 0.5em; } } .booking .booking__form-centerBlock .vsc__radio { background-color: #F5F5F5; z-index: 1; padding: 0.625em 1.25em; margin-right: -5px; } @media only screen and (min-width: 40.063em) { .booking .booking__form-block { border-radius: 3em; } } @media only screen and (min-width: 40.063em) { .booking .booking__form-block-right { border-radius: 0 3em 3em 0; } } @media only screen and (min-width: 40.063em) { .booking .booking__form-block-left { border-radius: 3em 0 0 3em; } } .booking .booking__form .datepicker-wrapper:hover { background: #F5F5F5; } @media only screen and (max-width: 38.4375em) { .booking .booking__form .datepicker-wrapper .table-month-wrapper:nth-of-type(2) { display: none; } .booking .booking__form .datepicker-wrapper .month-head { width: 100%; } .booking .booking__form .datepicker-wrapper .month-head-1 { display: none; } } .booking .booking__form .vsc__MEA { display: none; } .booking .booking__form .more-criteria { visibility: hidden; } .booking .booking__form-expand-container { max-height: 0; clear: both; overflow: hidden; -webkit-transition: max-height 0.8s cubic-bezier(0, 0.74, 0.12, 1) -0.1s; transition: max-height 0.8s cubic-bezier(0, 0.74, 0.12, 1) -0.1s; } .booking .booking__form--expand { -webkit-transition: box-shadow 0.2s ease 0.6s; transition: box-shadow 0.2s ease 0.6s; box-shadow: 0 0 15px rgba(0, 0, 0, 0.46); } .booking .booking__form--expand .booking__form-expand-container { max-height: 2000px; -webkit-transition-timing-function: cubic-bezier(0.5, 0, 1, 0); transition-timing-function: cubic-bezier(0.5, 0, 1, 0); -webkit-transition-delay: 0s; transition-delay: 0s; margin-bottom: 1em; } .booking .booking__form--expand .vsc__MEA { display: block; } .booking .booking__form--expand .more-criteria { visibility: visible; } .booking .booking__form--expand-end .booking__form-expand-container { overflow: visible; } .booking .booking__form-row-colored-1, .booking .booking__form-row-colored-2 { position: relative; padding-top: 0.5em; padding-bottom: 0.5em; } .booking .booking__form-row-colored-1 { background: #e7f2f9; padding-top: 1.3em; padding-bottom: 1.3em; } .booking .booking__form-row-colored-1:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; height: 0.5em; background: -webkit-linear-gradient(top, #D7E4EA, #e7f2f9); background: linear-gradient(to bottom, #D7E4EA, #e7f2f9); } .booking .booking__form-row-colored-1:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 0.5em; background: -webkit-linear-gradient(bottom, #D7E4EA, #e7f2f9); background: linear-gradient(to top, #D7E4EA, #e7f2f9); } @media only screen and (min-width: 40.063em) { .booking .booking__form-row-colored-1:after { display: none; } } .booking .booking__form-row-colored-2 { background: #deeef7; } .booking .booking__form-link { position: relative; display: inline-block; font-family: AvenirBook, Arial, sans-serif; font-size: 0.9em; color: #0088ce; text-decoration: none; cursor: pointer; } .booking .booking__form-link:focus { outline-color: rgba(18, 131, 197, 0.8); outline-style: dotted; outline-width: thin; outline-offset: 3px; } .booking .booking__form-link [class^='booking-ico-'] { font-size: 2.2em; } .booking .booking__form-link span { display: inline-block; vertical-align: middle; position: relative; margin-right: 0.15em; } .booking .booking--hidden { position: absolute; text-indent: -100000em; } .booking .booking--breakH { margin-bottom: 0.55em; } .booking .booking--breakH:before { content: ""; display: block; position: absolute; width: 100%; bottom: -0.375em; border-bottom: 1px solid #e7e7e7; } .booking .booking--breakV { padding-right: 1.3125em; position: relative; } .booking .booking--breakV:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: -0.1em; width: 0.0625em; background: #e7e7e7; } .booking .booking__form-cta { position: relative; float: left; width: 100%; text-align: center; } @media only screen and (max-width: 40em) { .booking .booking__form-cta { padding-top: 2.1875em; } } .booking .booking__form-cta-container { position: relative; display: inline-block; } .booking .booking__form-cta-container:hover ~ .booking__button-line { background: #0f6aa0; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .booking .booking__button { display: inline-block; position: relative; font-family: "AvenirBook", Arial, sans-serif; background: transparent; border-radius: 3px; border: 0; margin: 0 0.625em 0 0; font-size: 1em; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .booking .booking__button:focus { outline-color: rgba(18, 131, 197, 0.8); outline-style: dotted; outline-width: thin; outline-offset: 3px; } .booking .booking__button-line { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: #1283c5; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .booking .booking__button--primary { position: relative; background: #1283c5; padding: 0.625em 1.875em; color: #FFF; text-transform: uppercase; border-radius: 3px 3px 0 0; } .booking .booking__button--primary:hover { background: #0f6aa0; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .booking .booking__button--primary:focus { background: #0f6aa0; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .booking .booking__button--primary:focus { outline-color: rgba(255, 255, 255, 0.8); outline-style: dotted; outline-width: thin; outline-offset: -0.4em; } .booking .booking__button--secondary { font-family: AvenirBook, Arial, Helvetica, sans-serif; font-size: 0.85em; padding: 0 0.9em 0 0.9em; color: #1283c5; border-color: transparent; text-decoration: none; } .booking .booking__button--secondary [class^="booking-ico-"] { font-size: 1.5em; vertical-align: text-bottom; } .booking .booking__button--secondary:hover { color: #1283c5; box-shadow: none; } .booking .booking__button--secondary:focus { color: #1283c5; } @media only screen and (max-width: 40em) { .booking .booking__button--secondary .texte { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } } .booking .booking__button--left { position: absolute; right: 100%; top: 50%; white-space: nowrap; margin-top: -0.65em; } .booking .booking__button--right { position: absolute; left: 100%; top: 50%; white-space: nowrap; margin-top: -0.65em; } .booking .booking__button--close { position: absolute; right: 0; bottom: 0.55em; padding: 0.3em; } .booking .booking__button--close:hover:after, .booking .booking__button--close:focus:after { right: 2.5em; } .booking .booking__button--hide { visibility: hidden; } .booking .booking__button:last-child { margin-right: 0; } .booking .booking__input-box { position: relative; z-index: 2; width: 100%; margin-top: 0.3em; border: 1px solid #fff; background: #FFF; color: #1283c5; font-size: 0.88em; padding: 0.5em 0 0.5em 0.5em; height: 2.4em; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; border-radius: 0px; } .booking .booking__input-box::-ms-expand { display: none; } .booking .booking__input-box.errorBooking { border: 1px solid; border-radius: 3px; border-color: #9f1c37; } .booking .booking__input-box.errorBooking:focus { box-shadow: 0 0 0 1px #9f1c37; } .booking .booking__input-box:focus { border: 1px dotted #1283c5; } .booking .booking__input-box__container:after { content: ""; position: absolute; right: 1px; bottom: 1px; top: 1px; margin-top: 0.3em; width: 12px; background: -webkit-linear-gradient(right, white 0%, white 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, white 0%, white 30%, rgba(255, 255, 255, 0) 100%); z-index: 2; } .booking .booking__input-box-arrow { position: relative; white-space: nowrap; -webkit-transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; } .booking .booking__input-box-arrow span { display: none; } .booking .booking__input-box-arrow:after { position: absolute; display: inline-block; line-height: 0; right: 0.5em; top: 1.3em; font-family: "booking-ico-lib"; color: #1283c5; vertical-align: text-bottom; pointer-events: none; z-index: 4; } .booking .booking__input-box-arrow:before { content: ""; display: block; position: absolute; top: 0.4em; bottom: 0.15em; right: 0.1em; width: 2em; background: #FFF; background: -webkit-linear-gradient(right, white 0%, white 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, white 0%, white 70%, rgba(255, 255, 255, 0) 100%); pointer-events: none; z-index: 3; } .booking .booking__input-box-prefix { width: 100%; display: table; position: relative; } .booking .booking__input-box-prefix--hidden { display: none; } .booking .booking__input-box-prefix span { display: table-cell; padding-right: 1em; padding-top: 0.6em; font-size: 0.8em; color: #808080; width: 1%; white-space: nowrap; vertical-align: middle; } .booking .booking__input-box-prefix input { display: table-cell; } .booking .booking__input-box-nolabel { display: none; } @media only screen and (max-width: 46em) { .booking #train-schedule { position: absolute; top: 0; left: 0; } } @media only screen and (max-width: 40em) { .booking #train-schedule { left: 0; top: 0.5em; } } @media only screen and (max-width: 46em) { .booking #train-detailed-search { position: absolute; top: 1.6em; left: 0; } } @media only screen and (max-width: 40em) { .booking #train-detailed-search { top: 0.5em; left: auto; right: 0; } } .booking .booking__ico--add > span { color: #1283c5; position: absolute !important; bottom: 0; right: 0; z-index: 0; font-size: 0.4em; } .booking .booking__ico--add > span:after { content: ""; display: block; width: 0.8em; height: 0.8em; background: #FFFFFF; position: absolute; top: 0.1em; left: 0.1em; z-index: -1; border-radius: 50%; } /* patch anim IE9 */ .booking .IE9.booking__form--expand .booking__form-expand-container { overflow: visible; } /* select Focus patch for Firefox and IE */ @-moz-document url-prefix() { .booking select.booking__form-select:-moz-focusring, .booking select.booking__form-select::-moz-focus-inner { color: transparent; text-shadow: 0 0 0 #000; background-image: none; border: 1px solid #1283c5; } .booking select.booking__form-select--time:-moz-focusring, .booking select.booking__form-select--time::-moz-focus-inner { text-shadow: 0 0 0 #1283c5; border: none; } } .booking select.booking__form-select:focus::-ms-value { background-color: transparent; color: #000; } .booking select.booking__form-select--time:focus::-ms-value { background-color: transparent; color: #1283c5; } .booking .booking__form-outward-date input, .booking .booking__form-inward-date input, .booking .booking__form-departure-date input, .booking .booking__form-arrival-date input, .booking .booking__form-inward-date input, .booking .booking__form-departure-date input { background: rgba(0, 0, 0, 0.01); } .booking .booking__form-outward-time .booking-ico-hour, .booking .booking__form-inward-time .booking-ico-hour, .booking .booking__form-inward-time .booking-ico-hour { z-index: inherit; } .booking .booking__form-select:focus { background: none; } .booking .vsc__radio [type="checkbox"]:focus + span, .booking .vsc__radio [type="radio"]:focus + span { outline-color: #1283c5; outline-style: dotted; outline-width: thin; outline-offset: 3px; } .booking .vsc__radio [type="checkbox"]:focus + span:before, .booking .vsc__radio [type="radio"]:focus + span:before { border-color: #1283c5; } /*# sourceMappingURL=main.css.map */ /* FILE ARCHIVED ON 03:44:49 Sep 13, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 06:00:55 May 20, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 408.51 exclusion.robots: 0.139 exclusion.robots.policy: 0.128 RedisCDXSource: 48.229 esindex: 0.011 LoadShardBlock: 334.803 (3) PetaboxLoader3.datanode: 420.193 (4) CDXLines.iter: 21.395 (3) load_resource: 276.67 PetaboxLoader3.resolve: 77.26 */