html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: rgb(255, 255, 255); -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgb(204, 204, 204); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) }
.dropdown-toggle { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.3); border: 1px solid rgb(51, 51, 51); font-size: 12px; padding: 2px 50px 2px 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 3px 5px; background: url(http://staticassets1e.eurostar.com/sites/all/themes/custom/eurostar/base/img/sprite-header.png) no-repeat 95% -106px rgb(53, 68, 98); min-width: 159px; text-align: left }
.dropdown-toggle:hover { color: rgb(255, 255, 255); background: url(http://staticassets1e.eurostar.com/sites/all/themes/custom/eurostar/base/img/sprite-header.png) no-repeat 95% -106px rgb(53, 68, 98); border: 1px solid rgb(0, 164, 174) }
.dropdown-toggle:active, .open .dropdown-toggle { color: rgb(6, 24, 61); background: rgb(255, 255, 255); -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0x }
.dropdown-menu > li > a { border-top: 1px solid rgb(140, 140, 142); font-size: 12px; padding: 3px 25px; background: url(http://staticassets1e.eurostar.com/sites/all/themes/custom/eurostar/base/img/sprite-header.png) no-repeat -3px 2px; color: rgb(0, 164, 174) }
.dropdown-menu > li > a:hover { color: rgb(51, 51, 51) }
#uk-EN { background-position: -3px -50px }
#fr-FR { background-position: -3px 4px }
#nl-NL { background-position: -3px -14px }
[hidden], template { display: none }
a { background-color: transparent }
a:active, a:hover { outline: 0 }
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"] { 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; box-sizing: content-box }
input[type="search"]:-webkit-search-cancel-button, input[type="search"]:-webkit-search-decoration { -webkit-appearance: none }
fieldset { border: 1px solid rgb(192, 192, 192); margin: 0 2px; padding: 0.35em 0.625em 0.75em }
legend { border: 0; padding: 0 }
textarea { overflow: auto }
optgroup { font-weight: bold }
*, *:before, *:after { box-sizing: border-box }
a, abbr, acronym, address, article, aside, audio, blockquote, body, canvas, cite, code, dd, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, input, label, li, mark, nav, ol, p, pre, q, section, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, video { margin: 0; padding: 0 }
.header { background-color: rgb(6, 24, 61); background: url(http://staticassets1e.eurostar.com/sites/all/themes/custom/eurostar/base/img/gradient-180-1d4a7d-0e1640.pngp) repeat-x scroll left top rgb(6, 24, 61); background-image: -webkit-gradient(linear, left top, left 100%, from(rgb(29, 74, 125)), to(rgb(14, 22, 64))); background-image: -webkit-linear-gradient(top, rgb(29, 74, 125) 0, rgb(14, 22, 64) 100%); background-image: -moz-linear-gradient(top, rgb(29, 74, 125) 0, rgb(14, 22, 64) 100%); background-image: -ms-linear-gradient(top, rgb(29, 74, 125) 0, rgb(14, 22, 64) 100%); background-image: -o-linear-gradient(top, rgb(29, 74, 125) 0, rgb(14, 22, 64) 100%); background-image: linear-gradient(top, rgb(29, 74, 125) 0, rgb(14, 22, 64) 100%) }
@media all and (max-width: 680px) {.header { position: relative } .header__user { background: rgb(255, 255, 255) } }
.header__container { max-width: 960px; margin-left: auto; margin-right: auto }
.header__container:after { content: " "; display: block; clear: both }
.header__container:after { clear: both; content: ""; display: table }
.header__logo { margin: 0 auto; height: 44px; padding: 12px 0; width: 150px; display: block }
.header__logo__link { height: 100%; width: 100%; display: block; cursor: pointer }
@media all and (min-width: 681px) {.header__logo { background: url(../images/eurostar_logo_yellow.png); background-size: contain; background-repeat: no-repeat; height: 75px; width: 250px; float: left; margin: 15px 10px 30px 10px; padding: 0 } }
.header__logo__image { display: block }
.header__navigation__toggle { left: 0; padding: 12px 15px; position: absolute; top: 0 }
@media all and (min-width: 681px) {.header__navigation__toggle { display: none } }
.header__navigation__content { border-bottom: 2px solid rgb(6, 24, 61); background-color: rgb(255, 255, 255); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.header__navigation__content[aria-hidden="true"] { display: none }
@media all and (min-width: 681px) {.header__navigation__content { border-bottom: none; background-color: rgb(6, 24, 61); background-color: rgb(6, 24, 61); background: url(http://staticassets1e.eurostar.com/sites/all/themes/custom/eurostar/base/img/gradient-180-1d4a7d-0e1640.pngp) repeat-x scroll left top rgb(6, 24, 61); background-image: -webkit-gradient(linear, left top, left 100%, from(rgb(29, 74, 125)), to(rgb(14, 22, 64))); background-image: -webkit-linear-gradient(top, rgb(29, 74, 125) 0, rgb(14, 22, 64) 100%); background-image: -moz-linear-gradient(top, rgb(29, 74, 125) 0, rgb(14, 22, 64) 100%); background-image: -ms-linear-gradient(top, rgb(29, 74, 125) 0, rgb(14, 22, 64) 100%); background-image: -o-linear-gradient(top, rgb(29, 74, 125) 0, rgb(14, 22, 64) 100%); background-image: linear-gradient(top, rgb(29, 74, 125) 0, rgb(14, 22, 64) 100%); display: block } }
.header__user { border-radius: 0 0 7px 7px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 }
@media all and (min-width: 681px) {.header__user { background: rgb(6, 24, 61); float: right; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; padding: 5px } }
@media all and (min-width: 681px) {.header__primary { background: rgb(6, 24, 61); width: 35%; padding: 5px 0 0 5px; -webkit-border-radius: 7px 0 0 0; -moz-border-radius: 7px 0 0 0; border-radius: 7px 0 0 0 } .header__secondary { float: right; background: rgb(6, 24, 61); padding: 5px 5px 0 0; width: 65%; -webkit-border-radius: 0 7px 0 0; -moz-border-radius: 0 7px 0 0; border-radius: 0 7px 0 0 } }
@media all and (max-width: 680px) {.header__navigation__block { padding: 25px 0 } .header__logo { background: url(../images/eurostar_logo_yellow_mobile.png); background-size: contain; background-repeat: no-repeat; background-position: center } }
@font-face {font-family: "Pembroke Light"; font-style: normal; font-weight: 200; src: url(fonts/pembrokeweb-light.woff2?orgId=00Db0000000aXu7) format("woff2"), url(fonts/pembrokeweb-light.woff?orgId=00Db0000000aXu7) format("woff")}
@font-face {font-family: "Pembroke Regular"; font-style: normal; font-weight: 400; src: url(fonts/pembrokeweb-regular.woff2?orgId=00Db0000000aXu7) format("woff2"), url(fonts/pembrokeweb-regular.woff?orgId=00Db0000000aXu7) format("woff")}
@font-face {font-family: "Pembroke Medium"; font-style: normal; font-weight: 500; src: url(fonts/pembrokeweb-medium.woff2?orgId=00Db0000000aXu7) format("woff2"), url(fonts/pembrokeweb-medium.woff?orgId=00Db0000000aXu7) format("woff")}
@font-face {font-family: "Aspect Light"; font-style: normal; font-weight: 200; src: url(fonts/aspwsub-lt.woff2?orgId=00Db0000000aXu7) format("woff2"), url(fonts/aspwsub-lt.woff?orgId=00Db0000000aXu7) format("woff")}
@font-face {font-family: "Aspect Regular"; font-style: normal; font-weight: 400; src: url(fonts/aspwsub-rg.woff2?orgId=00Db0000000aXu7) format("woff2"), url(fonts/aspwsub-rg.woff?orgId=00Db0000000aXu7) format("woff")}
@font-face {font-family: "Aspect Heavy"; font-style: normal; font-weight: 800; src: url(fonts/aspwsub-hv.woff2?orgId=00Db0000000aXu7) format("woff2"), url(fonts/aspwsub-hv.woff?orgId=00Db0000000aXu7) format("woff")}
.menu { list-style: none; margin: 0; padding: 20 }
.menu__item { border-bottom: 1px solid rgb(230, 230, 231); vertical-align: middle }
.menu__item:last-child { border-bottom-width: 0 }
@media all and (min-width: 681px) {.menu__item { border-bottom: 0 } }
.menu__label { color: rgb(6, 24, 61); display: block; padding: 10px 15px; text-decoration: none }
@media all and (min-width: 681px) {.menu__label { color: rgb(255, 255, 255); display: list-item; padding: 0 } }
@media all and (min-width: 681px) {.menu__item { float: left } }
@media all and (min-width: 681px) {.menu--user .menu__item { font-size: 12px; padding: 2px 10px } }
@media all and (min-width: 681px) {.menu--a .menu__item { font-size: 14px } .menu--a .menu__label { background: url(../images/bg-navigation-tabs.png); background-color: rgb(67, 86, 125); border-radius: 5px 5px 0 0; color: rgb(255, 255, 255); display: block; margin: 0 2px; min-width: 74px; padding: 4px 6px 8px 6px; text-align: center } .menu--a .menu__label:hover { background: rgb(255, 255, 255); color: rgb(6, 24, 61) } }
@media all and (min-width: 681px) {.menu--b { float: right } .menu--b .menu__item { font-size: 14px } .menu--b .menu__item:before { background-color: rgb(59, 73, 103); content: ""; display: block; float: left; height: 20px; margin-top: 5px; width: 1px } .menu--b .menu__item:first-child:before, .menu--b .menu__item:hover:before { content: normal } .menu--b .menu__label { border-radius: 5px 5px 0 0; color: rgb(255, 255, 255); display: block; padding: 4px 6px 8px 6px; text-align: center; text-decoration: none; background: none } .menu--b .menu__label:hover { background: rgb(255, 255, 255); color: rgb(6, 24, 61) } }
@media all and (min-width: 601px) and (max-width: 900px) {.header__secondary { clear: left; padding-top: 4px; background: rgb(6, 24, 61); width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .menu--a { padding: 0 0 0 10px } .menu--b { float: left; padding: 0 0 0 10px } .header__primary { clear: left; background: rgb(6, 24, 61); width: 100%; -webkit-border-radius: 0 0 0; -moz-border-radius: 0 0 0; border-radius: 0 0 0 } }