/* Minification failed. Returning unminified contents.
(634,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(635,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(636,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(637,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(638,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(639,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(645,31): run-time error CSS1039: Token not allowed after unary operator: '-plyr-progress-loading-size'
(674,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-family'
(677,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-weight-regular'
(679,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-line-height'
(718,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-badge-background'
(720,23): run-time error CSS1039: Token not allowed after unary operator: '-plyr-badge-border-radius'
(722,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-badge-text-color'
(724,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-badge'
(738,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small'
(741,17): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(755,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-base'
(757,24): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(763,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-large'
(772,35): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(777,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-captions-background'
(782,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-captions-text-color'
(796,23): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-radius'
(802,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(811,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-icon-size'
(814,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-icon-size'
(823,23): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tab-focus-color'
(823,51): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(823,74): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(855,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(865,27): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(870,24): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(905,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-background'
(909,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-shadow'
(911,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-color'
(913,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-base'
(929,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-arrow-size'
(930,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-arrow-size'
(935,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-icon-size'
(935,62): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(935,104): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-arrow-size'
(942,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(956,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-color'
(959,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-menu'
(959,46): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small'
(961,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(961,74): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(975,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-item-arrow-size'
(984,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(989,27): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-arrow-color'
(991,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(991,68): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-item-arrow-size'
(1000,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-weight-regular'
(1002,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1004,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1006,27): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1009,27): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1014,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-arrow-color'
(1016,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1016,67): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-item-arrow-size'
(1021,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-back-border-color'
(1023,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-menu-back-border-shadow-color'
(1028,25): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1041,27): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1055,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1074,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-toggle-checked-background'
(1074,66): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1074,89): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1091,27): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1094,27): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1103,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1105,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-fill-background'
(1105,49): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1105,72): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1108,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width'
(1108,76): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1119,65): run-time error CSS1039: Token not allowed after unary operator: '-value'
(1119,94): run-time error CSS1039: Token not allowed after unary operator: '-value'
(1122,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1124,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1134,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-background'
(1138,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow'
(1140,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1142,25): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1142,73): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1147,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1154,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1156,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1164,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-background'
(1168,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow'
(1170,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1175,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1181,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1183,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1194,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1196,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1207,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1209,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1217,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-background'
(1221,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow'
(1223,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1229,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1246,23): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tab-focus-color'
(1246,51): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1246,74): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1254,23): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tab-focus-color'
(1254,51): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1254,74): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1262,23): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tab-focus-color'
(1262,51): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1262,74): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1270,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background'
(1270,55): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background'
(1294,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-time'
(1294,46): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small'
(1300,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1310,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-background'
(1312,23): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-radius'
(1315,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-shadow'
(1317,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-color'
(1319,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small'
(1321,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-weight-regular'
(1325,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1328,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1328,66): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1340,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size'
(1342,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size'
(1344,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size'
(1344,62): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-background'
(1346,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size'
(1373,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-icon-size'
(1373,61): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1386,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-icon-size'
(1386,62): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1396,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1398,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1404,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1406,27): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1408,27): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-height'
(1418,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-time'
(1418,46): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small'
(1428,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1431,25): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1445,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1454,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1468,50): run-time error CSS1039: Token not allowed after unary operator: '-plyr-progress-loading-background'
(1468,152): run-time error CSS1039: Token not allowed after unary operator: '-plyr-progress-loading-background'
(1468,220): run-time error CSS1039: Token not allowed after unary operator: '-plyr-progress-loading-background'
(1471,25): run-time error CSS1039: Token not allowed after unary operator: '-plyr-progress-loading-size'
(1471,65): run-time error CSS1039: Token not allowed after unary operator: '-plyr-progress-loading-size'
(1477,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-progress-buffered-background'
(1482,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-progress-buffered-background'
(1496,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1498,27): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1514,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-controls-background'
(1517,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-control-color'
(1519,17): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1524,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-control-background-hover'
(1524,63): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1524,86): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1526,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-control-color-hover'
(1531,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-track-background'
(1531,67): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-progress-buffered-background'
(1536,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-track-background'
(1536,67): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-progress-buffered-background'
(1541,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-track-background'
(1541,67): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-progress-buffered-background'
(1546,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow'
(1546,125): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width'
(1546,174): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color'
(1551,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow'
(1551,125): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width'
(1551,174): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color'
(1556,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow'
(1556,125): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width'
(1556,174): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color'
(1561,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-progress-buffered-background'
(1566,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background'
(1566,49): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background'
(1576,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background'
(1576,49): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-background'
(1611,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-controls-background'
(1616,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-control-color'
(1619,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1621,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1631,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1633,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1644,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-control-background-hover'
(1644,63): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1644,86): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1646,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-control-color-hover'
(1651,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-control-background-hover'
(1651,63): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1651,86): run-time error CSS1039: Token not allowed after unary operator: '-plyr-color-main'
(1655,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-control-color'
(1660,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1688,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-range-track-background'
(1688,67): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-progress-buffered-background'
(1693,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-range-track-background'
(1693,67): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-progress-buffered-background'
(1698,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-range-track-background'
(1698,67): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-progress-buffered-background'
(1703,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow'
(1703,125): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width'
(1703,174): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color'
(1708,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow'
(1708,125): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width'
(1708,174): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color'
(1713,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-shadow'
(1713,125): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-thumb-active-shadow-width'
(1713,174): run-time error CSS1039: Token not allowed after unary operator: '-plyr-audio-range-thumb-active-shadow-color'
(1718,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-video-progress-buffered-background'
(1748,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge'
(1752,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge'
(1782,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge'
(1812,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge'
(1842,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge'
(1879,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-xlarge'
(1904,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1912,15): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1924,16): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1926,17): run-time error CSS1039: Token not allowed after unary operator: '-plyr-range-track-height'
(1936,26): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-background'
(1940,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-shadow'
(1942,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
(1945,17): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-radius'
(1961,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size'
(1963,22): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size'
(1965,20): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size'
(1965,62): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-background'
(1967,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-arrow-size'
(1980,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-radius'
(2008,28): run-time error CSS1039: Token not allowed after unary operator: '-plyr-tooltip-radius'
(2011,19): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-time'
(2011,46): run-time error CSS1039: Token not allowed after unary operator: '-plyr-font-size-small'
(2077,21): run-time error CSS1039: Token not allowed after unary operator: '-plyr-control-spacing'
 */
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@font-face {
  font-family: "wetu-icons-outline";
  src: url("../eot/wetu-icons-outlinea5b3.eot");
  src: url("../eot/wetu-icons-outlinea5b3.eot#iefix") format("embedded-opentype"), url("../ttf/wetu-icons-outlinea5b3.ttf") format("truetype"), url("../woff/wetu-icons-outlinea5b3.woff") format("woff"), url("../svg/wetu-icons-outlinea5b3.svg#wetu-icons-outline") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "wetu-icons-solid";
  src: url("../eot/wetu-icons-solid8b85.eot");
  src: url("../eot/wetu-icons-solid8b85.eot#iefix") format("embedded-opentype"), url("../ttf/wetu-icons-solid8b85.ttf") format("truetype"), url("../woff/wetu-icons-solid8b85.woff") format("woff"), url("../svg/wetu-icons-solid8b85.svg#wetu-icons-solid") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "social-icons-minimal";
  src: url("../eot/social-icons-minimal682a.eot");
  src: url("../eot/social-icons-minimal682a.eot#iefix") format("embedded-opentype"), url("../ttf/social-icons-minimal682a.ttf") format("truetype"), url("../woff/social-icons-minimal682a.woff") format("woff"), url("../svg/social-icons-minimal682a.svg#social-icons-minimal") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vi-icons-solid";
  src: url("../eot/vi-icons-solide9bf.eot");
  src: url("../eot/vi-icons-solide9bf.eot#iefix") format("embedded-opentype"), url("../ttf/vi-icons-solide9bf.ttf") format("truetype"), url("../woff/vi-icons-solide9bf.woff") format("woff"), url("../svg/vi-icons-solide9bf.svg#vi-icons-solid") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vi-icons-outline";
  src: url("../eot/vi-icons-outlinef881.eot");
  src: url("../eot/vi-icons-outlinef881.eot#iefix") format("embedded-opentype"), url("../ttf/vi-icons-outlinef881.ttf") format("truetype"), url("../woff/vi-icons-outlinef881.woff") format("woff"), url("../svg/vi-icons-outlinef881.svg#vi-icons-outline") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon_arrow-down:before {
  content: "\e900";
  color: #40484d;
}

.icon-icon_arrow-left:before {
  content: "\e901";
  color: #40484d;
}

.icon-icon_arrow-right:before {
  content: "\e902";
  color: #40484d;
}

.icon-icon_contact:before {
  content: "\e903";
  color: #40484d;
}

.icon-icon_details:before {
  content: "\e904";
  color: #43484d;
}

.icon-icon_email:before {
  content: "\e905";
  color: #43484d;
}

.icon-icon_home:before {
  content: "\e906";
  color: #41484d;
}

.icon-icon_identity:before {
  content: "\e907";
  color: #40484d;
}

.icon-icon_indenting_arrow:before {
  content: "\e908";
  color: #90a6c8;
}

.icon-icon_map:before {
  content: "\e909";
  color: #43484d;
}

.icon-icon_night:before {
  content: "\e90a";
  color: #43484d;
}

.icon-icon_overview:before {
  content: "\e90b";
  color: #43484d;
}

.icon-icon_price_terms:before {
  content: "\e90c";
  color: #43484d;
}

.icon-icon_print:before {
  content: "\e90d";
  color: #43484d;
}

.icon-icon_skype:before {
  content: "\e90e";
  color: #43484d;
}

.icon-icon_telephone:before {
  content: "\e90f";
  color: #43484d;
}

.icon-icon_web:before {
  content: "\e910";
  color: #43484d;
}

.icon-icon_consultant:before {
  content: "\e918";
  color: #43484d;
}

.icon-icon_emergency:before {
  content: "\e919";
  color: #43484d;
}

.icon-icon_person:before {
  content: "\e920";
  color: #43484d;
}

.icon-icon_company:before {
  content: "\e921";
  color: #43484d;
}

.icon-icon_close:before {
  content: "\e922";
  color: #43484d;
}

.icon-icon-facebook-:before {
  content: "\e911";
  color: #43484d;
}

.icon-icon-instagram:before {
  content: "\e912";
  color: #43484d;
}

.icon-icon-pinterest:before {
  content: "\e913";
  color: #43484d;
}

.icon-icon-twitter:before {
  content: "\e914";
  color: #43484d;
}

.icon-icon_accommodation:before {
  content: "\e915";
  color: #40484d;
}

.icon-icon_plane:before {
  content: "\e916";
  color: #43484d;
}

.icon-icon_star:before {
  content: "\e917";
  color: #40484d;
}

body {
  background-color: rgb(245, 246, 247);
  font-family: "Open Sans", sans-serif;
}
body.has-preview-banner {
  margin-top: 36px;
}

a {
  font-size: 14px;
  color: #2376D8;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
a:hover {
  text-decoration: underline;
}

h1, h2, h3, .h3, h4, .h4 {
  color: #424242;
}

p, .custom_tiny, li, .custom_caption {
  color: #5A5A5A;
}

h1, h2, h3, .h3 {
  font-weight: normal;
  margin: 0;
}

h4, .h4, a, p, .custom_caption, .custom_tiny, li {
  margin: 0;
}

h1 {
  font-size: 28px;
  font-weight: lighter;
}

h2 {
  font-size: 18px;
  text-transform: uppercase;
}
h2 .light {
  font-weight: lighter;
  margin-left: 2px;
}

h3, .h3 {
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
}

h4, .h4 {
  font-size: 14px;
  line-height: 26px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
}

p, li {
  font-size: 14px;
  line-height: 22px;
}

.custom_caption {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: normal;
}

.custom_tiny {
  font-size: 11px;
  line-height: 15px;
}

h1.inverted, h2.inverted, h3.inverted, .h3.inverted, h4.inverted, .h4.inverted, p.inverted, li.inverted, .custom_caption.inverted, .custom_tiny.inverted {
  color: white;
}

.custom_bg_primary {
  background: #BDC3C7;
}
.custom_bg_primary.light {
  background: rgba(189, 195, 199, 0.6);
}
.custom_bg_primary.table {
  background: rgba(189, 195, 199, 0.05);
}

.custom_bg_secondary {
  background: #BDC3C7;
}
.custom_bg_secondary.medium {
  background: #313231;
}
.custom_bg_secondary.light {
  background: #BDC3C7;
}

.custom_accent {
  background-color: #95A5A6;
  color: white;
}
.custom_accent.pseudo {
  background-color: transparent;
  border-color: #95A5A6;
}
.custom_accent.pseudo:before, .custom_accent.pseudo:after {
  background-color: #95A5A6;
}

.custom_cta {
  border-radius: 4px;
  background-color: #ECF0F1;
}

.custom_bg_voucher {
  background: #313231;
}

.custom_footer {
  background-color: #BDC3C7;
}

.custom_icon {
  font-family: "wetu-icons-outline";
}
.custom_icon.invert:before {
  color: #43484d;
}

.custom_nav_icons {
  font-family: "wetu-icons-outline";
}
.custom_nav_icons:before {
  color: white;
}

.custom_vi_icons {
  font-family: "vi-icons-outline";
}
.custom_vi_icons:before {
  color: #5A5A5A;
}

.custom_social_icons.minimal.facebook:before {
  color: rgb(59, 89, 152);
}
.custom_social_icons.minimal.twitter:before {
  color: rgb(255, 255, 255);
}
.custom_social_icons.minimal.instagram:before {
  color: rgb(255, 255, 255);
}
.custom_social_icons.minimal.pinterest:before {
  color: rgb(189, 8, 28);
}
.custom_social_icons.round, .custom_social_icons.square {
  position: relative;
}
.custom_social_icons.round.facebook:before, .custom_social_icons.square.facebook:before {
  background-color: rgb(59, 89, 152);
}
.custom_social_icons.round.twitter:before, .custom_social_icons.square.twitter:before {
  background-color: rgb(255, 255, 255);
}
.custom_social_icons.round.instagram:before, .custom_social_icons.square.instagram:before {
  background-color: rgb(212, 40, 130);
}
.custom_social_icons.round.pinterest:before, .custom_social_icons.square.pinterest:before {
  background-color: rgb(189, 8, 28);
}

.custom_title-bar {
  text-align: left;
  text-transform: uppercase;
  color: #5A5A5A;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex: 1 100%;
  align-items: center;
  justify-content: space-between;
}
.custom_title-bar.primary {
  padding: 6px 12px;
  background: rgba(189, 195, 199, 0.6);
}
.custom_title-bar.secondary {
  padding: 5px 12px;
  background: rgba(189, 195, 199, 0.4);
}
.custom_title-bar.table {
  display: table-row;
  background: rgba(189, 195, 199, 0.6);
}

.custom_overlay {
  background: rgba(14, 20, 30, 0.6);
}
.custom_overlay.inverted {
  background: rgb(255, 255, 255);
}
.custom_overlay.med {
  background: rgba(14, 20, 30, 0.4);
}

.custom_border_colour {
  border-width: 1px;
}
.custom_border_colour.custom_title-bar {
  border-bottom-style: solid;
}
.custom_border_colour.custom_title-bar.full {
  border-style: solid;
}
.custom_border_colour.primary {
  border-color: #D7DBDD;
}
.custom_border_colour.primary tr, .custom_border_colour.primary hr {
  border-color: #f3f4f4;
}
.custom_border_colour.primary p, .custom_border_colour.primary a, .custom_border_colour.primary li {
  border-color: #D7DBDD;
}
.custom_border_colour.primary:after {
  border-color: rgba(215, 219, 221, 0);
  border-right-color: #D7DBDD;
}
.custom_border_colour.secondary {
  border-color: #D7DBDD;
}
.custom_border_colour.secondary tr, .custom_border_colour.secondary hr {
  border-color: #f3f4f4;
}
.custom_border_colour.secondary p, .custom_border_colour.secondary a, .custom_border_colour.secondary li {
  border-color: #D7DBDD;
}
.custom_border_colour.tertiary {
  border-color: #BFBEB9;
}
.custom_border_colour.tertiary tr, .custom_border_colour.tertiary hr {
  border-color: #d7d7d4;
}
.custom_border_colour.tertiary p, .custom_border_colour.tertiary a, .custom_border_colour.tertiary li {
  border-color: #BFBEB9;
}
.custom_border_colour .custom_nav.tabbed, .custom_border_colour .custom_nav.tabbed li {
  border-color: #D7DBDD;
}

.custom_nav {
  border-width: 1px;
}
.custom_nav.tabbed {
  background-color: #FAFCFF;
  border-color: #D7DBDD;
}
.custom_nav.tabbed li {
  border-right-style: solid;
  border-color: #D7DBDD;
  border-width: 1px;
}
.custom_nav.tabbed li:hover {
  background-color: rgba(149, 165, 166, 0.4);
}
.custom_nav.tabbed li.selected, .custom_nav.tabbed li.active {
  background: #95A5A6;
  position: relative;
}
.custom_nav.tabbed li.selected a, .custom_nav.tabbed li.active a {
  color: #FFFFFF;
}
.custom_nav.tabbed.nested {
  background-color: rgba(189, 195, 199, 0.05);
}
.custom_nav.tabbed.nested li {
  color: #5A5A5A;
}
.custom_nav.tabbed.nested li.selected {
  color: white;
}
.custom_nav.first_level.top ul li {
  background: #313231;
  padding: 5px;
}
.custom_nav.first_level.top ul li:hover {
  border-bottom-color: white;
}
.custom_nav.first_level.top ul li.selected {
  background: #FAFCFF;
  border-bottom-color: #95A5A6;
}
.custom_nav.first_level.top ul li.selected a {
  color: white;
}
.custom_nav.first_level.top ul li.selected:hover {
  background-color: white;
  border-bottom-color: #95A5A6;
}
.custom_nav.first_level.bottom ul li {
  background: #313231;
}
.custom_nav.first_level.bottom ul li a div.home-icon {
  background-image: url("../svg/icon_home_static-2.svg");
}
.custom_nav.first_level.bottom ul li a div.overview-icon {
  background-image: url("../svg/icon_overview_static.svg");
}
.custom_nav.first_level.bottom ul li a div.details-icon {
  background-image: url("../svg/icon_your%20trip_static.svg");
}
.custom_nav.first_level.bottom ul li a div.extras-icon {
  background-image: url("../svg/icon_details.svg");
}
.custom_nav.first_level.bottom ul li a:hover {
  background-color: rgba(149, 165, 166, 0.4);
  color: white;
}
.custom_nav.first_level.bottom ul li a:hover .home-icon {
  background-image: url("../svg/icon_home_focused.svg");
}
.custom_nav.first_level.bottom ul li a:hover .overview-icon {
  background-image: url("../svg/icon_overview_focused.svg");
}
.custom_nav.first_level.bottom ul li a:hover .details-icon {
  background-image: url("../svg/icon_your%20trip_focused.svg");
}
.custom_nav.first_level.bottom ul li a:hover .extras-icon {
  background-image: url("../svg/icon_details_focused.svg");
}
.custom_nav.first_level.bottom ul li:hover {
  background-color: white;
}
.custom_nav.first_level.bottom ul li.selected a {
  background: #95A5A6;
  color: white;
}
.custom_nav.first_level.bottom ul li.selected a:hover div.home-icon {
  background-image: url("../svg/icon_home_static-2.svg");
}
.custom_nav.first_level.bottom ul li.selected a:hover div.overview-icon {
  background-image: url("../svg/icon_overview_static.svg");
}
.custom_nav.first_level.bottom ul li.selected a:hover div.details-icon {
  background-image: url("../svg/icon_your%20trip_static.svg");
}
.custom_nav.first_level.bottom ul li.selected a:hover div.extras-icon {
  background-image: url("../svg/icon_details.svg");
}
.custom_nav.first_level.bottom ul li.selected:hover {
  background-color: white;
}
.custom_nav.second_level {
  background: rgba(255, 255, 255, 0.8);
}
.custom_nav.second_level ul li.selected a {
  border-bottom-color: #95A5A6;
}
.custom_nav.second_level ul li.selected a:hover {
  border-bottom-color: #95A5A6;
}
.custom_nav.second_level ul li a:hover {
  border-bottom-color: #313231;
}

.custom_tabs .tab {
  background-color: white;
}
.custom_tabs .tab h3 {
  color: #5A5A5A;
}
.custom_tabs .tab:hover {
  background-color: rgba(149, 165, 166, 0.3);
}
.custom_tabs .tab:hover h3 {
  color: white;
}
.custom_tabs .tab.active {
  background-color: #95A5A6;
}
.custom_tabs .tab.active h3 {
  color: white;
}
.custom_tabs .tab.active:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(149, 165, 166, 0);
  border-left-color: #95A5A6;
  border-width: 30px;
  margin-top: -30px;
}

.hide-if-single-tab > li:only-child {
  display: none !important;
}

.preview-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: fixed;
  top: 0;
  gap: 7px;
  background-color: #C94551;
  padding: 9px 14px;
  z-index: 9999;
  color: #FFF;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

:root {
  --plyr-color-main: #6DB741;
  --plyr-video-progress-buffered-background: #D7DBDD;
  --plyr-video-controls-background: rgba(23, 23, 23, .5);
  --plyr-video-background: black;
  --plyr-range-thumb-height: 0px;
  --plyr-video-control-background-hover: transparent;
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio, .plyr iframe, .plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before {
  box-sizing: inherit;
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}

.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control.plyr__tab-focus {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

a.plyr__control {
  text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty {
  display: none;
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: hsla(0deg, 0%, 100%, 0.9);
  background: var(--plyr-menu-background, hsla(0deg, 0%, 100%, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container:after {
  border: 4px solid transparent;
  border-top: var(--plyr-menu-arrow-size, 4px) solid hsla(0deg, 0%, 100%, 0.9);
  border-width: var(--plyr-menu-arrow-size, 4px);
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid transparent;
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after, .plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after, .plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after, .plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b3ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(35, 40, 47, 0.1);
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  /*margin-right: calc(-7px - -2); This line causes compilation error. Leaving it here for future ref*/
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b3ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  background-image: linear-gradient(90deg, currentColor 0, transparent 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc(var(--plyr-range-thumb-height, 13px) / 2 * -1 - var(--plyr-range-track-height, 5px) / 2 * -1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type=range]::-ms-track {
  color: transparent;
}

.plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: 0 0;
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: hsla(0deg, 0%, 100%, 0.9);
  background: var(--plyr-tooltip-background, hsla(0deg, 0%, 100%, 0.9));
  border-radius: 3px;
  border-radius: var(--plyr-tooltip-radius, 3px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip:before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid hsla(0deg, 0%, 100%, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0deg, 0%, 100%, 0.9));
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress__buffer, .plyr__progress input[type=range] {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, transparent 0, transparent);
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: hsla(0deg, 0%, 100%, 0.25);
  background-color: var(--plyr-video-progress-buffered-background, hsla(0deg, 0%, 100%, 0.25));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #00b3ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: hsla(0deg, 0%, 100%, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0deg, 0%, 100%, 0.25)));
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: hsla(0deg, 0%, 100%, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0deg, 0%, 100%, 0.25)));
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: hsla(0deg, 0%, 100%, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0deg, 0%, 100%, 0.25)));
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0deg, 0%, 100%, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0deg, 0%, 100%, 0.5));
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0deg, 0%, 100%, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0deg, 0%, 100%, 0.5));
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0deg, 0%, 100%, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0deg, 0%, 100%, 0.5));
}

.plyr--video .plyr__progress__buffer {
  color: hsla(0deg, 0%, 100%, 0.25);
  color: var(--plyr-video-progress-buffered-background, hsla(0deg, 0%, 100%, 0.25));
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen video {
  height: 100%;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div, .plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads:after:empty {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin: -var(--plyr-range-track-height, 5px)/2 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: hsla(0deg, 0%, 100%, 0.9);
  background-color: var(--plyr-tooltip-background, hsla(0deg, 0%, 100%, 0.9));
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid hsla(0deg, 0%, 100%, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0deg, 0%, 100%, 0.9));
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 2px;
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 2px;
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

.plyr--video .plyr__controls.plyr__title {
  bottom: unset;
  align-items: flex-start;
}

.plyr--video.plyr--hide-controls .plyr__controls.plyr__title {
  transform: translateY(-100%);
}

.plyr--video .plyr__controls {
  flex-direction: column;
  padding-top: var(--plyr-control-spacing, 10px);
}
.plyr--video .plyr__controls > .plyr__controls__row {
  width: 100%;
  display: flex;
  align-items: center;
}
.plyr--video .plyr__controls > .plyr__controls__row .plyr__progress {
  width: 100%;
}
.plyr--video .plyr__controls > .plyr__controls__row > button {
  margin-left: 15px;
}
.plyr--video .plyr__controls > .plyr__controls__row > .plyr__credit {
  width: 100%;
  text-align: start;
  margin-left: 15px;
}
.plyr--video .plyr__controls > .plyr__controls__row > .plyr__time--duration {
  padding-left: 5px;
  text-align: end;
}

.plyr--video .plyr__control--overlaid {
  background: rgba(23, 23, 23, 0.5);
}
.plyr--video .plyr__control--overlaid:hover {
  background: #95A5A6;
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, html {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 13px;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  position: relative;
}

body.lang-zh {
  font-family: "Open Sans", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", serif;
}

div, ul, ol {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style-position: outside;
  margin-left: 1em;
  padding: 0.33em 0.8em;
}

ul + ul, ol + ol, ul + ol, ol + ul {
  margin-top: 20px;
}

select {
  border: 1px solid #D7DBDD;
  color: #5A5A5A;
  font-weight: bolder;
  padding: 6px;
}

#page-wrapper {
  min-height: 100%;
  /*SANDY - need to figure out why this was used or if it is actually needed or if it can be moved.  Removed for the new header options in the template customisation*/
  /*margin-left: 1em;
  margin-right: 1em;*/
  padding-bottom: 13em;
  position: relative;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

body.unbranded #page-wrapper {
  padding-bottom: 0;
}

div.collapser {
  margin-right: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
div.collapser > span {
  width: 30px;
  height: 20px;
  background: url("../svg/icon_expand-dark-2.svg") center no-repeat;
  background-size: 50%;
  -ms-filter: "FlipV";
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
div.collapser.open span {
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  filter: FlipV;
}

.page-content {
  margin: 0 auto 40px auto;
}
.page-content.about .content-block h3, .page-content.info .content-block h3 {
  color: #5A5A5A;
}
.page-content .accordion .accordion-toggle {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.page-content hr {
  margin: 15px 0;
}
.page-content .accordion-content {
  display: none;
}
.page-content .accordion-content h3 {
  padding-bottom: 15px;
}
.page-content .accordion-content.default {
  display: block;
}

.full-width-blocks .block-container {
  display: block;
}
.full-width-blocks .block-container .side-blocks {
  display: none;
}
.full-width-blocks .block-container .body {
  display: block;
}

.block-container {
  display: flex;
}
.block-container .side-blocks {
  padding-left: 10px;
  padding-right: 0;
  vertical-align: top;
}
.block-container .side-blocks.nested {
  padding-right: 10px;
}
.block-container .side-blocks.horizontal {
  display: flex;
  flex-direction: row;
}
.block-container .side-blocks.horizontal .side-block {
  margin-right: 2em;
  width: 19em;
}
.block-container .side-blocks.horizontal .side-block:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.block-container .side-blocks #consultant-detail {
  min-width: 100%;
}
.block-container .side-blocks #consultant-detail img {
  min-width: 96px;
}
.block-container .body {
  width: 100%;
}
.block-container.two-column-layout .body > h3, .block-container.one-column-layout .body > h3 {
  padding: 10px;
}
.block-container.two-column-layout .body .two-column, .block-container.two-column-layout .body .single-column, .block-container.one-column-layout .body .two-column, .block-container.one-column-layout .body .single-column {
  padding: 10px;
}
.block-container.two-column-layout .body .two-column p:first-of-type, .block-container.two-column-layout .body .single-column p:first-of-type, .block-container.one-column-layout .body .two-column p:first-of-type, .block-container.one-column-layout .body .single-column p:first-of-type {
  margin: 0;
}
.block-container.two-column-layout .body > h3 {
  padding: 10px;
}
.block-container.two-column-layout .body div.two-column {
  padding: 10px;
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}
.block-container.two-column-layout .body div.two-column p {
  margin-top: 0;
}
.block-container.two-column-layout .body .content-body div.two-column {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}
.block-container.two-column-layout .body .content-body div.two-column p {
  margin-top: 0;
}

#company-video {
  display: block;
  width: 853px;
  height: 480px;
  margin: 1em auto;
}

.nav-target {
  position: relative;
  top: -60px;
  height: 0;
  width: 0;
}

#viewAllScheduledDepartures {
  max-width: 1340px;
}

#viewScheduledDeparturesLink {
  float: right;
}

#lightbox-title {
  margin: 0;
  padding: 0 0 0 8px;
  text-align: left;
  text-transform: uppercase;
}

.print-link-wrapper {
  left: 100%;
  margin-left: -255px;
  position: relative;
}

.panel p {
  padding: 0.5em;
}
.panel iframe {
  width: 100%;
}

#map iframe {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.swipe-wrap > div {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

.linked-itineraries table th {
  width: 26.67%;
  padding: 1em;
}
.linked-itineraries table th:nth-child(3), .linked-itineraries table td:nth-child(3) {
  text-align: left;
  padding-left: 15px;
}
.linked-itineraries table td:last-child {
  text-align: right;
  padding-right: 2em;
  width: 20%;
}
.linked-itineraries .book-scheduled {
  border: none;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 14px;
}

.linked-itineraries-note {
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
}

.hideDate tr:not(.heading) th:nth-child(1) {
  display: none;
}
.hideDate tr:not(.heading) td:nth-child(1) {
  display: none;
}

.hideAgency th:nth-child(2) {
  display: none;
}
.hideAgency td:nth-child(2) {
  display: none;
}

.hideVehicle th:nth-child(3) {
  display: none;
}
.hideVehicle td:nth-child(3) {
  display: none;
}

.hideStartTime td:nth-child(5) {
  display: none;
}

.hideEndTime td:nth-child(7) {
  display: none;
}

.hideReference tr:not(.heading) th:last-child {
  display: none;
}
.hideReference td:last-child {
  display: none;
}

.overnight {
  color: #CE3E50;
  font-weight: bold;
}

div.overview-map {
  margin-top: 20px;
  margin-bottom: 20px;
}

.content-template {
  /*width: 700px;*/
  /*margin: 20px;*/
  /*;*/
  width: 100%;
  background-color: #FFF;
  overflow: hidden;
  position: relative;
  height: 500px;
}
.content-template.duplicate {
  min-height: 200px;
  height: auto;
}
.content-template.duplicate > .content-body > .gallery-button {
  display: none;
}
.content-template .content-body {
  position: relative;
  padding-right: 85px;
  width: 100%;
  padding: 0 !important;
}
.content-template .content-body .content-template-body {
  width: calc(50% - 50px);
  display: flex;
  overflow: auto;
  height: 450px;
}
.content-template .content-body .content-template-body .content-wrap {
  display: flex;
  padding-right: 10px;
}
.content-template .content-body .content-template-body.full {
  width: 100%;
  height: auto;
}
.content-template .content-body .content-template-body.full .content-wrap {
  justify-content: space-between;
  width: 100%;
}
.content-template .content-body .content-template-body .body {
  padding: 0;
}
.content-template .content-body .content-template-header {
  background-color: #EAEAEA;
  width: 100%;
}
.content-template .content-body .content-template-header .header-more-info .more-info {
  float: right;
}
.content-template .content-body .content-template-detail {
  padding: 15px;
}
.content-template .content-body .content-template-detail .detail-description {
  width: 100%;
}
.content-template .content-body .content-images {
  top: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  position: absolute;
  right: -20%;
  width: calc(70% + 50px);
  background: white;
  opacity: 1;
  height: 446px;
}
.content-template .content-body .content-images .content-image-sidepanel {
  width: 50px;
  display: block;
  height: 446px;
  margin-left: 0;
  z-index: 9;
  position: absolute;
}
.content-template .content-body .content-images .content-image-sidepanel .gallery-button {
  display: block;
  width: 50px;
  height: 446px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.content-template .content-body .content-images .content-image-sidepanel .gallery-button.outlined {
  background: url("../svg/icon_arrow-left.svg") no-repeat;
  background-position: center center;
}
.content-template .content-body .content-images .content-image-sidepanel .gallery-button.solid {
  background: url("../svg/icon_arrow-left-2.svg") no-repeat;
  background-position: center center;
}
.content-template .content-body .content-images.content-images-display {
  width: 70% !important;
  right: 0;
}
.content-template .content-body .content-images.content-images-display .gallery-button {
  cursor: pointer;
}
.content-template .content-body .content-images.content-images-display .gallery-button.outlined {
  background: url("../svg/icon_arrow-right.svg") no-repeat;
  background-position: center center;
}
.content-template .content-body .content-images.content-images-display .gallery-button.solid {
  background: url("../svg/icon_arrow-right-2.svg") no-repeat;
  background-position: center center;
}
.content-template .content-body .content-images.content-images-display .swipe {
  width: 100% !important;
}
.content-template .content-body .content-images.content-images-display .swipe .image-next {
  right: 10px !important;
  transition: all 1s ease;
}
.content-template .content-body .content-images.content-images-display .gallery-image {
  position: relative;
  overflow: hidden;
}
.content-template .content-body .content-images.content-images-display .gallery-image div.label {
  width: 100%;
  transition: all 1s ease;
}
.content-template .content-body .content-images.content-images-display .gallery-image img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  width: 100%;
}
.content-template .content-body .content-images .swipe {
  overflow: hidden;
  width: 100%;
  max-width: 1160px;
  top: 0;
  right: 0;
}
.content-template .content-body .content-images .swipe .image-prev, .content-template .content-body .content-images .swipe .image-next {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 70%;
  z-index: 9;
  cursor: pointer;
}
.content-template .content-body .content-images .swipe .image-prev {
  left: 60px;
  background: url(../svg/icon_gallery_nav_left-37.svg) transparent no-repeat center center;
}
.content-template .content-body .content-images .swipe .image-next {
  right: calc(31% - 10px);
  transition: all 1s ease;
  background: url(../svg/icon_gallery_nav_right-37.svg) transparent no-repeat center center;
}
.content-template .content-body .content-images .swipe-wrap {
  overflow: hidden;
}
.content-template .content-body .content-images .swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
}
.content-template .content-body .content-images .swipe-gallery {
  min-height: 432px;
}
.content-template .content-body .content-images .gallery-image {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.content-template .content-body .content-images .gallery-image div.label {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 72%;
  transition: all 1s ease;
  z-index: 99;
  display: flex;
  flex-direction: column;
}
.content-template .content-body .content-images .gallery-image div.label span + span:before {
  content: "(";
}
.content-template .content-body .content-images .gallery-image div.label span + span:after {
  content: ")";
}
.content-template .content-body .content-images .gallery-image div.label span:first-child {
  padding-top: 6px;
}
.content-template .content-body .content-images .gallery-image div.label span:last-child {
  padding-bottom: 6px;
}
.content-template .content-body .content-images .gallery-image img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  width: 100%;
  /*padding-bottom: 7px;*/
}
.content-template .content-body .content-images .gallery-image div.image-next {
  opacity: 1;
  height: 44px;
  width: 28px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -22px;
  cursor: pointer;
  transition: opacity 0.6s;
  background: url("../png/next.png") transparent no-repeat center center;
}
.content-template .content-body .content-images .gallery-image div.image-prev {
  opacity: 1;
  height: 44px;
  width: 28px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -22px;
  cursor: pointer;
  transition: opacity 0.6s;
  background: url("../png/prev.png") transparent no-repeat center center;
}

/*destination classes*/
div.content-body div.more-info {
  padding-top: 10px;
  padding-bottom: 20px;
}
div.content-body.five-image .side-blocks {
  padding: 0 0 15px 0;
}
div.content-body.five-image div.five-image-gallery {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
div.content-body.five-image div.five-image-gallery .highlight-image {
  max-width: 660px;
}
div.content-body.five-image div.five-image-gallery > img {
  margin-right: 5px;
  width: 100%;
  height: 100%;
  max-height: 420px;
}
div.content-body.five-image div.five-image-gallery div.activity-images {
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
div.content-body.five-image div.five-image-gallery div.activity-images img {
  /*flex-basis: 40%;*/
  margin-right: 5px;
}
div.content-body.five-image div.five-image-gallery div.activity-images img:nth-child(-n+2) {
  margin-bottom: 5px;
}
div.content-body.six-image img:hover {
  /*border: groove;*/
}
div.content-body.six-image .side-blocks {
  padding: 0 0 15px 0;
}

div.body.narrow-body {
  width: calc(100% - 308px) !important;
}

div.btt {
  padding: 5px;
  background-color: #0E141E;
  position: fixed;
  bottom: 30px;
  right: 15px;
  color: #FFFFFF;
  z-index: 99;
}
div.btt.move {
  bottom: 95px;
}
div.btt.hide {
  opacity: 0;
  transition: visibility 0.25s ease-out, opacity 0.25s ease-out;
  visibility: hidden;
}
div.btt.show {
  opacity: 0.6;
  transition: opacity 0.25s ease-in;
}
div.btt a {
  padding: 0 10px 0 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 16px;
  font-weight: bold;
}
div.btt a .btt_icon {
  width: 16px;
  height: 9px;
  background-image: url("../svg/icon_back%20to%20top.svg");
  margin-right: 10px;
}

.paragraphs p {
  margin: 0 0 10px 0;
}
.paragraphs > h3, .paragraphs > .h3, .paragraphs > h4, .paragraphs > .h4 {
  color: #5A5A5A;
}
.paragraphs p:first-child {
  margin-top: 0;
}
.paragraphs p:last-child {
  margin-bottom: 0;
}
.paragraphs ul + P, .paragraphs ol + p {
  margin-top: 10px;
}
.paragraphs p:empty {
  margin: 0;
}

.alternative-accommodation-info {
  display: flex;
  align-items: center;
  padding: 4px 0 4px 8px;
}
.alternative-accommodation-info img {
  height: 24px;
  height: 24px;
}

.hidden {
  display: none !important;
}

.info-videos {
  display: flex;
}

#videoPlayer {
  min-height: 100%;
  width: 72.4503%;
}
#videoPlayer .plyr {
  height: 100%;
}

.menu {
  height: 100%;
  width: 27.5497%;
}

#menuList {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
  height: 550px;
  width: 100%;
  overflow: auto;
  border-left: solid;
  border-width: 1px;
  border-color: #E0E0E0;
}
#menuList li {
  list-style-type: none;
  padding-left: 4.8%;
  padding-right: 4.8%;
  padding-bottom: 3%;
}
#menuList li img,
#menuList li video {
  width: 100%;
  cursor: pointer;
}

.viewRoomPlan {
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  padding-top: 0.5rem;
  cursor: pointer;
}

.viewRoomPlan > img {
  display: none;
}

.mobileSliderHidden, .sliderHidden {
  height: 1px !important;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}

.sliderModal, .sliderModalSingle {
  position: fixed;
  z-index: 9999;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
}

.sliderModal h3, .sliderModal .custom_button_label, .sliderModalSingle h3, .sliderModalSingle .custom_button_label {
  width: 100%;
  color: white !important;
  text-align: center;
  margin-bottom: 5px;
  display: block;
}

.sliderModalSingle h3 {
  font-weight: 700;
}

.sliderModal .desc, .sliderModalSingle .desc {
  margin: 15px 0 0 0;
}

.sliderModalSingle .label {
  text-align: center !important;
}

.sliderModalSingle .image-title {
  text-align: center !important;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: normal;
}

.sliderModalSingle .credit .image-descr {
  text-align: center !important;
  font-size: 11px;
  line-height: 15px;
}

.sliderModalContent > .label {
  padding-top: 15px;
}

.sliderModalContent > .label ~ .label {
  padding-top: 0px;
}

.imgWrap {
  overflow: hidden;
  justify-content: center;
  display: flex;
  max-height: 500px;
}
.imgWrap img {
  bottom: 10px;
  object-fit: contain;
}
.imgWrap .imgPlaceholder {
  z-index: 0;
}
.imgWrap .cardImg {
  z-index: 1;
}

.sliderModalContent {
  width: 70%;
  height: 70%;
  max-width: 1344px;
  position: absolute;
  left: 15%;
  top: 15%;
}

.sliderCloseButton {
  position: absolute;
  top: 5%;
  right: 5%;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

#header, #headerBar {
  width: 100%;
  display: table;
}

body #header, body #headerBar, #contact-div, body #nav, body .page-content, body #footer .inner {
  max-width: 1092px;
}

#logoName {
  display: table-cell;
  vertical-align: top;
}
#logoName.bar {
  z-index: 101 !important;
}
#logoName div:first-child {
  display: table-row;
}
#logoName div:first-child div {
  display: table-cell;
  vertical-align: top;
}
#logoName a {
  display: block;
}

#contact-div {
  width: 100%;
  position: relative;
  margin: auto;
}
#contact-div #contact-details {
  margin-top: 5px;
}
#contact-div #contact-details.bar {
  width: auto;
  min-width: 15%;
  right: 10px;
  position: absolute;
  z-index: 100;
  margin-top: 50px;
}
#contact-div #contact-details.co-brand {
  margin-top: 70px;
}

#contact-details {
  background-color: white;
  clear: both;
  border-style: solid;
}
#contact-details.block {
  border-style: none;
}
#contact-details.co-brand {
  margin-top: 70px;
}

#headerBar {
  width: 100%;
  margin: 0 auto;
  height: 65px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#headerBar #logoNameBar {
  background-color: #FAFCFF;
  height: auto;
  min-height: 65px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 1344px;
}
#headerBar #logoNameBar .flexBar {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
  flex-grow: 1;
  align-items: center;
  padding: 10px 0;
}
#headerBar #logoNameBar .flexBar #itinerary-name {
  width: 100%;
  padding-left: 10px;
  flex: 1;
  flex-direction: column;
  max-width: 100% !important;
}
#headerBar #logoNameBar .flexBar #header-contact {
  display: flex;
  flex-direction: row-reverse;
}
#headerBar #logoNameBar .flexBar #header-contact #social-sharing {
  background: none;
  margin-left: 0;
}
#headerBar #logoNameBar .flexBar #header-contact #social-sharing span {
  color: #5A5A5A;
}
#headerBar #logoNameBar .flexBar #header-contact img.cobrand-logo {
  margin-left: 2px;
  float: left;
  margin-right: 15px;
}
#headerBar #logoNameBar .flexBar #header-contact button.book-now {
  text-transform: uppercase;
  border: 0;
  margin-right: 15px;
  margin-left: 1em;
  line-height: 2.5em;
  float: right;
  white-space: nowrap;
  font-weight: bold;
  cursor: pointer;
  height: 46px;
  padding: 0 2em;
  line-height: 46px;
}
#headerBar #logoNameBar .flexBar #header-contact a.book-now {
  text-transform: uppercase;
  border: 0;
  margin-right: 15px;
  margin-left: 1em;
  line-height: 2.5em;
  float: right;
  white-space: nowrap;
  font-weight: bold;
  cursor: pointer;
  height: 46px;
  padding: 0 2em;
  line-height: 46px;
}
#headerBar #logoNameBar .negativeFlexBar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  display: -ms-flexbox;
  display: -webkit-flex;
  height: 65px;
  margin-bottom: -70px;
  z-index: 10;
  padding: 0 15px;
}
#headerBar #logoNameBar .negativeFlexBar .cobrand-logo {
  padding-right: 15px;
}

#header {
  display: flex;
  margin: 0 auto;
  height: auto;
  min-height: 13em;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  justify-content: space-between;
}
#header #itinerary-name {
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000;
  padding-left: 20px;
  top: 15px;
  max-width: 768px;
  width: auto;
}
#header #itinerary-name .operator-name {
  text-transform: none;
}
#header.tabbed-header.bar {
  justify-content: flex-end;
}
#header #header-contact {
  float: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#header #header-contact .sharing-wrap {
  display: flex;
}
#header #header-contact #social-sharing {
  margin-bottom: 15px;
}
#header #header-contact img.cobrand-logo {
  margin-left: 2px;
  float: left;
  margin-right: 15px;
  align-self: flex-start;
}
#header #header-contact #contact-details {
  width: 100%;
  min-width: 310px;
  position: relative;
}
#header #header-contact #emergency-detail {
  position: absolute;
  top: 0;
}
#header #header-contact button.book-now {
  text-transform: uppercase;
  border: 0;
  margin-bottom: 15px;
  margin-left: 1em;
  line-height: 2.5em;
  float: right;
  white-space: nowrap;
  font-weight: bold;
  cursor: pointer;
  height: 46px;
  padding: 0 2em;
  line-height: 46px;
}
#header #header-contact a.book-now {
  text-transform: uppercase;
  border: 0;
  margin-bottom: 15px;
  margin-left: 1em;
  line-height: 2.5em;
  float: right;
  white-space: nowrap;
  font-weight: bold;
  cursor: pointer;
  height: 46px;
  padding: 0 2em;
  line-height: 46px;
}
#header #header-contact .side-block {
  clear: both;
  margin-bottom: 0;
}

.tabbed-header {
  padding: 15px;
}
.tabbed-header .co-branded {
  padding-top: 55px;
}

.photo {
  border-radius: 1px;
  width: 6em;
  height: 6em;
}

div.expand {
  width: auto;
}

#consultant-detail {
  padding: 5px;
  min-height: 6.5em;
  min-width: 18em;
  width: auto;
}

#company-detail, #emergency-detail {
  padding: 5px 10px 5px 5px;
}

#header-contact #consultant-detail, #header-contact #company-detail, #header-contact #emergency-detail {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

#consultant-detail, #company-detail, #emergency-detail {
  position: relative;
  display: flex;
  align-items: center;
  background: white;
  /*.phone {
      &.solid {
          background: url('images/general/solid/dark/icon_telephone.svg') no-repeat left 0.1px top 2px;
      }

      &.outlined {
          background: url('images/general/outline/dark/icon_telephone.svg') no-repeat left 0.1px top 2px;
      }
  }

  .email {
      &.solid {
          background: url('images/general/solid/dark/icon_email.svg') no-repeat left 0.1px top 2px;
      }

      &.outlined {
          background: url('images/general/outline/dark/icon_email.svg') no-repeat left 0.1px top 2px;
      }
  }

  .skype {
      &.solid {
          background: url('images/general/solid/dark/icon_skype.svg') no-repeat left 0.1px top 2px;
      }

      &.outlined {
          background: url('images/general/outline/dark/icon_skype.svg') no-repeat left 0.1px top 2px;
      }
  }

  .website {
      &.solid {
          background: url('images/general/solid/dark/icon_web.svg') no-repeat left 0.1px top 2px;
      }

      &.outlined {
          background: url('images/general/outline/dark/icon_web.svg') no-repeat left 0.1px top 2px;
      }
  }*/
}
#consultant-detail .photo, #company-detail .photo, #emergency-detail .photo {
  margin-right: 5px;
}
#consultant-detail h2, #company-detail h2, #emergency-detail h2 {
  margin: 0;
  padding: 0.33em 32px;
  text-align: left;
  font-size: 100%;
  text-transform: uppercase;
  background: #EAEAEA;
}
#consultant-detail h4, #company-detail h4, #emergency-detail h4 {
  margin: 0 0 0.33em 0;
  padding: 0;
  font-size: 85%;
  font-weight: 600;
}
#consultant-detail i, #company-detail i, #emergency-detail i {
  display: flex;
  line-height: 24px;
  height: 24px;
  width: 24px;
  min-width: 24px;
  font-size: 24px;
  margin: 0 5px;
  padding: 0;
}
#consultant-detail i.large, #company-detail i.large, #emergency-detail i.large {
  height: 50px;
  width: auto;
  line-height: 50px;
  font-size: 50px;
  padding-left: 15px;
}
#consultant-detail p, #consultant-detail a, #company-detail p, #company-detail a, #emergency-detail p, #emergency-detail a {
  display: flex;
  border-bottom: none;
  margin-bottom: 1px;
  padding: 0;
  align-items: center;
}
#consultant-detail .name, #company-detail .name, #emergency-detail .name {
  padding-left: 7px;
}

#emergency-detail .name {
  margin-bottom: 5px;
}

div.header-background-1344-short {
  width: 1344px;
  height: 14em;
  left: 50%;
  margin-left: -672px;
  background-size: auto 100%;
  top: 65px;
  position: absolute;
}
div.header-background-1344-short.bar:not(.remove) {
  top: 0;
}
div.header-background-1344-short.bar:not(.remove):not(.header-spaced) {
  position: relative;
}

div.header-background-1344 {
  width: 1344px;
  height: 595px;
  left: 50%;
  margin-left: -672px;
  top: 65px;
  position: absolute;
}
div.header-background-1344.bar:not(.remove) {
  top: 0;
}
div.header-background-1344.bar:not(.remove):not(.header-spaced) {
  position: relative;
}

div.header-background-1920 {
  width: 1920px;
  height: 595px;
  left: 50%;
  margin-left: -960px;
  display: none;
  top: 65px;
  position: absolute;
}
div.header-background-1920.bar:not(.remove) {
  top: 0;
}
div.header-background-1920.bar:not(.remove):not(.header-spaced) {
  position: relative;
}

div.header-spaced {
  top: 0;
}

.standard {
  top: 0 !important;
}

div.header {
  height: 660px;
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative; /* allows positioning background images*/
}
div.header.bar {
  height: 65px;
}
div.header.narrow-width {
  max-width: 1344px !important;
  margin-left: auto;
  margin-right: auto;
  /* hide invalid header modes */
}
div.header.narrow-width div.header-bar, div.header.narrow-width div.bottom-row {
  padding-left: 10px;
  padding-right: 10px;
}
div.header.narrow-width div.header-background-1344-short, div.header.narrow-width div.header-background-1920 {
  display: none;
}
div.header.spaced {
  padding-top: 20px;
  height: 595px;
}
div.header.spaced div.navigation-container, div.header.spaced div.bottom-row {
  width: 100%;
  max-width: 1344px !important;
  margin-left: auto;
  margin-right: auto;
}
div.header.spaced div.navigation-container div.full-background, div.header.spaced div.navigation-container div.second-level-nav, div.header.spaced div.bottom-row div.full-background, div.header.spaced div.bottom-row div.second-level-nav {
  padding-left: 20px;
  padding-right: 20px;
}
div.header.full-width {
  /* hide invalid header modes */
}
div.header.full-width div.header-background-1344-short, div.header.full-width div.header-background-1344 {
  display: none;
}
div.header.switched div.itinerary-name {
  background: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 1344px !important;
  margin-top: 15px;
  display: flex;
  justify-content: flex-start !important;
  padding-left: 160px;
}
div.header.switched div.itinerary-name .width-corrector {
  display: flex;
}
div.header.switched div.itinerary-name.logo-small {
  padding-left: 175px;
}
div.header.switched div.itinerary-name.logo-medium {
  padding-left: 240px;
}
div.header.switched div.itinerary-name.logo-large {
  padding-left: 300px;
}
div.header.switched div.itinerary-name.logo-hide {
  padding-left: 15px;
}
div.header.switched div.itinerary-name h1 {
  background: #ffffff;
  padding: 0 10px;
  width: auto;
  min-height: 54px;
  display: flex;
  align-items: center;
}

div.full-background {
  background-color: #333433;
  min-height: 65px;
  height: auto;
  display: flex;
  align-items: center;
}
div.full-background div.header-bar {
  display: flex;
  display: -webkit-flex; /* Safari */
  justify-content: space-between;
  max-width: 1344px !important;
  margin-left: auto;
  margin-right: auto;
  flex: 1 0 100%;
  align-items: center;
  height: 65px;
}
div.full-background div.header-bar.bar {
  width: 100%;
  display: block;
}
div.full-background div.header-bar.bar > .titleBar {
  width: 100%;
  float: left;
  display: block;
}
div.full-background div.header-bar.bar > .titleBar.small {
  padding-left: 175px;
}
div.full-background div.header-bar.bar > .titleBar.medium {
  padding-left: 240px;
}
div.full-background div.header-bar.bar > .titleBar.large {
  padding-left: 305px;
}
div.full-background div.header-bar.bar > .titleBar #itinerary-name {
  display: inline;
  line-height: 54px;
}
div.full-background div.header-bar.bar > .titleBar .right-parent {
  float: right;
}
div.full-background div.header-bar.bar > .titleBar .right-parent .right #social-sharing {
  margin-right: 20px;
  background: none;
}
div.full-background div.header-bar .cobrand-logo {
  margin-left: 25px;
  padding-top: 3px;
}
div.full-background div.header-bar div#logoName {
  padding: 30px 0;
  box-shadow: 0px 1px 1px #ccc;
  border-radius: 5%;
  background-color: #ffffff;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-top: 5px;
  margin-left: 5px;
  flex-grow: 0;
  z-index: 100;
  position: absolute;
  top: 0px;
}
div.full-background div.header-bar div#logoName.logo-extra-small {
  min-height: 0px;
  height: 55px;
}
div.full-background div.header-bar div#logoName.logo-small {
  width: 152px;
}
div.full-background div.header-bar div#logoName.logo-medium {
  width: 208px;
}
div.full-background div.header-bar div#logoName.logo-large {
  width: 280px;
}
div.full-background div.header-bar div#logoName a {
  display: block;
}
div.full-background div.header-bar div#logoName a img.logo {
  padding: 0 6px;
  box-shadow: none;
  border-radius: 0;
  background: none;
  width: 100%;
  display: block;
}
div.full-background div.header-bar a.book-now, div.full-background div.header-bar button.book-now {
  padding: 0 30px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 45px;
  height: 45px;
  margin-right: 5px;
  border: none;
  cursor: pointer;
  font-weight: bold;
}
div.full-background div.header-bar a.book-now:hover, div.full-background div.header-bar a.book-now:focus, div.full-background div.header-bar a.book-now:active, div.full-background div.header-bar button.book-now:hover, div.full-background div.header-bar button.book-now:focus, div.full-background div.header-bar button.book-now:active {
  border: none;
}
div.full-background div.header-bar div.left {
  align-self: flex-start;
}
div.full-background div.header-bar div.right {
  display: flex;
  display: -webkit-flex; /* Safari */
  flex-direction: row;
  align-items: center;
}
div.full-background.bar {
  width: 100%;
  float: left;
  display: inline-block;
}
div.full-background.bar .header-bar {
  padding-top: 6px;
}

div.itinerary-name {
  background: #FAFCFF;
  min-height: 54px;
  display: flex;
  align-items: center;
}
div.itinerary-name h1 {
  padding: 0 10px;
  line-height: 54px; /* IE fix */
}

#book-now, .book-now {
  float: right;
}

.contact-tab-wrapper {
  position: absolute;
  left: -40px;
  top: 50%;
  margin-top: -42px;
}
.contact-tab-wrapper .contact-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 2px 0 0 2px;
  border-style: solid;
}
.contact-tab-wrapper .contact-tab i {
  font-size: 26px;
  padding: 7px;
}
.contact-tab-wrapper .contact-tab:first-child {
  margin-bottom: 5px;
}
.contact-tab-wrapper .contact-tab:not(.custom_accent) {
  background: white;
}

.content-block {
  border-style: solid;
  background: #fff;
  margin-top: 10px;
}
.content-block .custom_title-bar.secondary {
  border-top: none;
  border-left: none;
  border-right: none;
}
.content-block.no_bg {
  background-color: transparent;
}
.content-block.no_bg .title_bg {
  background-color: white;
}
.content-block.nested {
  margin-bottom: 10px;
}
.content-block h2 span.date {
  float: right;
  margin-right: 1.33em;
  line-height: 40px;
}
.content-block h2 span.subheading {
  font-weight: 400;
}
.content-block .content-body {
  padding: 0.5em;
  background-color: #fff;
}
.content-block .content-body.images img {
  display: block;
}
.content-block .span-block span {
  display: block;
}
.content-block .body {
  padding: 0.66em;
  width: 100%;
}
.content-block .body > .content-body {
  padding: 0.8em 0.133em;
}
.content-block .body > .content-body:first-child {
  padding: 0.133em;
}
.content-block .body > hr:last-child {
  display: none;
}
.content-block .destination-image {
  display: block;
  width: 100%;
}
.content-block p + .activity-image-block {
  margin-top: 0.66em;
}
.content-block p + .destination-image {
  margin-top: 0.66em;
}
.content-block .activity-image-block {
  position: relative;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.content-block .activity-image-block img:nth-child(3n+1) {
  float: left;
  width: 32.73%;
  padding: 0;
}
.content-block .activity-image-block img:nth-child(3n+2) {
  width: 34.63%;
  padding: 0 0.9%;
}
.content-block .activity-image-block img:nth-child(3n+3) {
  position: absolute;
  top: 0.5em;
  right: 0;
  width: 32.73%;
}
.content-block.transport-content {
  background: transparent;
  border-top: none;
}
.content-block.no-content .body, .content-block.no-content content-body {
  padding: 0;
}
.content-block.no-content .body > .content-body:first-child, .content-block.no-content content-body > .content-body:first-child {
  padding: 0;
}
.content-block.no-content .side-block-empty {
  border: none;
}
.content-block .daily-info-block h3, .content-block .daily-info-block h4 {
  color: #5A5A5A;
}

.content-body p, #lightbox p {
  padding: 0;
}
.content-body .info h3:first-child, #lightbox .info h3:first-child {
  padding-top: 0;
}
.content-body .info > div, #lightbox .info > div {
  overflow: auto;
}
.content-body .info > div.info-videos, #lightbox .info > div.info-videos {
  overflow: hidden;
}
.content-body .panel, #lightbox .panel {
  padding: 0.66em;
}
.content-body .panel p, #lightbox .panel p {
  padding: 0;
}
.content-body .info-facilities, .content-body .info-summary, .content-body .info-description, .content-body .info-restaurants, .content-body .info-more-info, #lightbox .info-facilities, #lightbox .info-summary, #lightbox .info-description, #lightbox .info-restaurants, #lightbox .info-more-info {
  padding: 0.66em;
}
.content-body h3.item-heading, #lightbox h3.item-heading {
  padding-left: 0.66em;
}
.content-body #lightbox-rooms-units, #lightbox #lightbox-rooms-units {
  padding: 15px;
  margin-top: 0;
}

.clear {
  clear: both;
}

.content-block .doc-link, .content-body .doc-link {
  display: block;
  margin-bottom: 5px;
}

.side-block {
  width: 18em;
  margin-top: 0.66em;
  border-style: solid;
  background: #fff;
  transition: margin-top 0.33s;
  word-wrap: break-word;
  /*span.day-tour small {
      display: block;
      margin-left: 0.66em;
  }*/
  /*.sectionheading {
      border-top: 1px solid $border-color;
  }


  h2 ~ p:not(.sectionheading), p ~ p:not(.sectionheading) {
      border-bottom: none;
  }*/
}
.side-block .activity-wrap {
  display: flex;
  align-items: center;
}
.side-block .activity-wrap.padded {
  margin-left: 52px;
}
.side-block .activity-wrap > div:first-child p {
  padding-right: 0;
}
.side-block .activity-list {
  padding: 0 0.8em;
  margin-left: 4em;
}
.side-block .activity-list a, .side-block .activity-list li {
  line-height: 14px;
  padding: 0;
}
.side-block .activity-list a {
  display: inline;
}
.side-block .activity-list div {
  padding: 7px 11.2px;
  line-height: 140%;
}
.side-block .activity-list div p {
  padding: 0;
}
.side-block .day-tour {
  padding-bottom: 0.5em;
}
.side-block.no-padding .padded {
  margin-left: 0;
}
.side-block .custom_title-bar {
  border-top: none;
  border-left: none;
  border-right: none;
}
.side-block p, .side-block a {
  display: block;
  padding: 0.5em 0.8em;
  border: none;
  margin: 0;
  word-break: normal;
  word-wrap: normal;
  overflow-wrap: normal;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.side-block p:last-child, .side-block a:last-child {
  border-bottom: none;
}
.side-block.price {
  /*h3 ~ p:not(.sectionheading), p ~ p:not(.sectionheading), .custom_title-bar + p, p:not(.sectionheading) {
      border-bottom: none;
  }*/
}
.side-block ul, .side-block ol {
  display: block;
  line-height: 1.66em;
  font-size: 100%;
  color: #5E5E5E;
}
.side-block:last-child {
  margin-bottom: 0.66em;
}
.side-block #company-detail > div, .side-block #consultant-detail > div, .side-block #emergency-detail > div {
  width: 100%;
}
.side-block #company-detail a, .side-block #company-detail p, .side-block #consultant-detail a, .side-block #consultant-detail p, .side-block #emergency-detail a, .side-block #emergency-detail p {
  flex-grow: 1;
}
.side-block #company-detail a, .side-block #consultant-detail a, .side-block #emergency-detail a {
  word-break: break-all;
}
.side-block .wrap {
  word-break: break-word;
  word-wrap: break-word;
}

.side-block-empty {
  width: 18em;
  border: 1px solid transparent;
}

#modal, .modal, #viewAllScheduledDeparturesModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  background: rgba(0, 0, 0, 0.8);
}

#modal, .modal {
  z-index: 602;
  padding-bottom: 0px;
}

#viewAllScheduledDeparturesModal {
  z-index: 601;
  padding-bottom: 30px;
}
#viewAllScheduledDeparturesModal .content-block {
  margin-top: 0;
}

#enquirePopup, #viewAllScheduledDepartures {
  max-height: calc(100% - 50px);
}

#lightbox, #enquirePopup, #viewAllScheduledDepartures, .modal {
  display: none;
}

#lightbox, #enquirePopup, #viewAllScheduledDepartures, .feedbackModalWrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 20px;
  background: white;
  padding: 0;
  transition: top 0.1s;
}
#lightbox .cross, #enquirePopup .cross, #viewAllScheduledDepartures .cross, .feedbackModalWrap .cross {
  cursor: pointer;
  padding: 10px;
  position: relative;
}
#lightbox .cross > span, #enquirePopup .cross > span, #viewAllScheduledDepartures .cross > span, .feedbackModalWrap .cross > span {
  width: 20px;
  height: 20px;
  background: url(../svg/icon_close_dark-2.svg) center no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#lightbox, #viewAllScheduledDepartures {
  max-width: 964px;
}

#enquirePopup, .feedbackModalWrap {
  max-width: 670px;
}

#lightbox {
  overflow: hidden;
}

#enquirePopup {
  overflow: auto;
}

#viewAllScheduledDepartures {
  overflow: auto;
}

#lightbox {
  max-height: 100%;
}
#lightbox #lightbox-content {
  /*.info-images .swipe {
      position: relative;

      .gallery-image img {
          width: 100%;
          display: block;
      }
  }*/
}
#lightbox #lightbox-content .info > ul {
  border-left: none;
  border-right: none;
}

#lightbox-content.loading {
  min-height: 300px;
}

#enquirePopup h2 {
  margin: 0;
  text-align: left;
  text-transform: uppercase;
}
#enquirePopup p {
  display: inline-block;
}
#enquirePopup .iti__flag {
  background-image: url("../png/flags.png");
}
#enquirePopup input, #enquirePopup select {
  margin: 0;
}
#enquirePopup label {
  font-weight: 600;
  margin: 0 0 4px 0;
  padding: 0;
  text-transform: uppercase;
}
#enquirePopup input[type=radio] {
  margin-right: 0.5em;
}
#enquirePopup form {
  background: #FFFFFF;
  padding: 1em 2em;
}
#enquirePopup .message-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
#enquirePopup .message-wrap textarea {
  height: 8em;
}
#enquirePopup .details-wrap {
  display: flex;
  margin: 30px 0;
}
#enquirePopup .details-wrap p {
  margin-bottom: 24px;
}
#enquirePopup input, #enquirePopup textarea, #enquirePopup select {
  border-radius: 5px;
  padding: 7px 10px;
  border: 1px solid #ccc;
  min-height: 33px;
}
#enquirePopup select {
  width: 70px;
}
#enquirePopup input[type=tel] {
  padding: 7px 50px;
}
#enquirePopup label, #enquirePopup input[type=text], #enquirePopup input[type=tel], #enquirePopup input[type=date], #enquirePopup textarea {
  width: 100%;
}
#enquirePopup .col {
  display: flex;
  flex-direction: column;
}
#enquirePopup .col .input-wrap {
  display: flex;
  flex-direction: column;
  margin: 0 0 24px 0;
}
#enquirePopup .col .input-wrap:last-child {
  margin: 0;
}
#enquirePopup .col:first-child {
  width: 60%;
  padding-right: 30px;
  border-right-style: solid;
  border-right-width: 1px;
}
#enquirePopup .col:last-child {
  width: 40%;
  padding-left: 30px;
}
#enquirePopup .col #preference-wrap .disabled {
  pointer-events: none;
  color: #ccc;
}
#enquirePopup .col #itiTelephone::-webkit-input-placeholder {
  color: #ccc;
}
#enquirePopup .col .preference {
  display: flex;
  align-items: center;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  cursor: pointer;
  margin: 0;
}
#enquirePopup button {
  text-transform: uppercase;
  border: 0;
  margin-right: 15px;
  margin-top: 1em;
  line-height: 2.5em;
  font-weight: bold;
  cursor: pointer;
  height: 46px;
  padding: 0 2em;
  line-height: 46px;
}

.feedbackModalWrap h2 {
  text-align: center;
  width: 100%;
}
.feedbackModalWrap .modal-body {
  padding: 30px;
}
.feedbackModalWrap .modal-body .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.feedbackModalWrap .modal-body img {
  margin-bottom: 15px;
}
.feedbackModalWrap .modal-body button {
  text-transform: uppercase;
  border: 0;
  margin-top: 1em;
  line-height: 2.5em;
  font-weight: bold;
  cursor: pointer;
  height: 46px;
  padding: 0 2em;
  line-height: 46px;
}

#nav {
  margin: 0 auto;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  z-index: 300;
  border-style: solid;
  padding: 0;
}
#nav.preview-banner-offset {
  top: 36px !important;
}
#nav li {
  display: inline-block;
  border-right-style: solid;
  text-transform: uppercase;
  margin-left: -4px;
}
#nav li:first-child {
  margin-left: 0;
}
#nav li a {
  height: 45px;
  line-height: 45px;
  display: block;
  text-decoration: none;
  padding: 0 12px;
  transition: all 0.2s ease;
}
#nav li a.reducePadding {
  padding: 0 6px;
}
#nav li a.printable-link {
  white-space: nowrap;
  cursor: pointer;
  display: block;
  position: relative;
  /*&.solid {
      &:after {
          background: url(images/general/solid/light/icon_print.svg) no-repeat 0 0;
      }
  }

  &.outlined {
      &:after {
          background: url(images/general/outline/light/icon_print.svg) no-repeat 0 0;
      }
  }

  &:after {
      content: '';
      height: 30px;
      width: 30px;
      position: absolute;
      left: 13px;
      top: 12px;
      z-index: 10;
      background-size: 90%;
  }*/
}
#nav li a.printable-link i {
  font-size: 28px;
  position: relative;
  top: 5px;
}
#nav li a.printable-link.classic {
  width: 100%;
}
#nav li a.printable-link.grid {
  width: 255px;
  right: 0;
}
#nav li a.printable-link.verticle-tabs {
  width: 255px;
  margin: 0 0 1em 0;
}

div.first-nav {
  line-height: 55px;
  height: 55px;
  margin-left: 20px;
  flex-grow: 4;
  align-content: center;
  text-transform: uppercase;
}
div.first-nav ul#first-nav {
  border: none;
  letter-spacing: 0.8px;
  background: none;
  cursor: pointer;
  list-style: none;
  align-content: center;
  text-align: center;
  margin-left: 0;
  padding: 0;
}
div.first-nav ul#first-nav li {
  display: inline;
  margin: 0 20px;
}
div.first-nav ul#first-nav li.selected {
  background: none;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
div.first-nav ul#first-nav li a {
  text-decoration: none;
}
div.first-nav ul#first-nav li a:hover {
  text-decoration: none;
}
div.first-nav ul#first-nav li:hover {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
div.first-nav ul#first-nav.fit {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}
div.first-nav ul#first-nav.fit li {
  margin: 0;
  height: 32px;
}
div.first-nav.left-align {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

div.second-level-nav {
  background-color: rgba(255, 255, 255, 0.8);
  display: -webkit-flex; /* Safari */
  display: flex;
  align-content: center;
  justify-content: center;
  align-self: flex-start;
  text-transform: uppercase;
}
div.second-level-nav ul + ul {
  margin-top: 0;
}
div.second-level-nav.bar {
  position: relative;
  z-index: 100;
}
div.second-level-nav.full-width {
  width: 100%;
}
div.second-level-nav.full-width.left-align .second-level-nav {
  width: 1344px;
  margin: auto;
}
div.second-level-nav.hidden {
  display: none;
}
div.second-level-nav > ul {
  border: none;
  letter-spacing: 0.8px;
  background: none;
  cursor: pointer;
  display: block;
  line-height: 50px;
  max-width: 1344px !important;
  margin-left: 0;
  padding: 0;
}
div.second-level-nav > ul.hidden {
  display: none;
}
div.second-level-nav > ul li {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}
div.second-level-nav > ul li a {
  text-decoration: none;
  padding: 3px;
  border-bottom: none;
}
div.second-level-nav > ul li.selected a {
  border-bottom-style: solid;
  border-bottom-width: 2px;
}
div.second-level-nav > ul li:hover a {
  border-bottom-style: solid;
  border-bottom-width: 2px;
}
div.second-level-nav.fit {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}
div.second-level-nav.fit li {
  margin: 0 5px;
  height: 32px;
}
div.second-level-nav.hovered > ul li:hover a {
  border-width: 2px;
  border-bottom-style: solid;
}
div.second-level-nav.left-align {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 30px;
}
div.second-level-nav.left-align.full-width {
  padding-left: 0;
}

div.consultant-pic {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-grow: 0;
  margin-right: 30px;
  position: relative;
}
div.consultant-pic.navigation > i, div.consultant-pic.banner > i {
  font-size: 50px;
  height: 50px;
  width: 50px;
  position: relative;
}
div.consultant-pic.navigation > i:before, div.consultant-pic.banner > i:before {
  position: relative;
  z-index: 2;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
div.consultant-pic.navigation > i:after, div.consultant-pic.banner > i:after {
  content: "";
  background-color: white;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
div.consultant-pic img {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
}
div.consultant-pic div#consultant-detail {
  -webkit-transition: 0.5s all;
  -webkit-transition-delay: 2s;
  -moz-transition: 0.5s all;
  -moz-transition-delay: 2s;
  -ms-transition: 0.5s all;
  -ms-transition-delay: 2s;
  -o-transition: 0.5s all;
  -o-transition-delay: 2s;
  transition: 0.5s all;
  transition-delay: 2s;
  /*display: none;*/
  opacity: 0;
  position: absolute;
  border: none;
  border-radius: 5px;
  z-index: 1;
  display: flex;
  right: 0px;
  white-space: nowrap;
  align-items: flex-start;
  flex-direction: column;
  padding: 5px 0;
  visibility: hidden;
}
div.consultant-pic div#consultant-detail .detail-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 5px;
}
div.consultant-pic div#consultant-detail.nav {
  top: 115px;
}
div.consultant-pic div#consultant-detail.banner {
  bottom: 55px;
}
div.consultant-pic div#consultant-detail.banner.consultant-photo {
  bottom: 85px;
}
div.consultant-pic div#consultant-detail h4 {
  text-transform: uppercase;
}
div.consultant-pic div#consultant-detail img {
  height: 70px;
  width: 70px;
  border: none;
  margin: 10px;
}
div.consultant-pic div#consultant-detail .name {
  padding-left: 5px;
}
div.consultant-pic div#consultant-detail div.detail {
  float: right;
  margin: 5px 5px 5px 10px;
}
div.consultant-pic div#consultant-detail div.emergency-detail-wrap {
  width: 100%;
  padding: 10px 15px 5px 25px;
  border-top-style: solid;
}
div.consultant-pic div#consultant-detail:hover {
  display: flex;
}
div.consultant-pic:hover div#consultant-detail {
  display: flex;
  opacity: 1;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  visibility: visible;
}
div.consultant-pic.banner {
  margin-right: 10px;
}
div.consultant-pic.banner img {
  width: 80px;
  height: 80px;
}
div.consultant-pic.banner:hover div#consultant-detail {
  display: flex;
}
div.consultant-pic.banner:hover div#consultant-detail:hover {
  display: flex;
}

div.bottom-row {
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content: space-between;
  max-width: 1344px !important;
  align-self: center;
  width: 100%;
  margin-bottom: 15px;
}
div.bottom-row.on-banner {
  justify-content: flex-end;
  position: absolute;
  top: 570px;
  z-index: 99;
  left: 50%;
  margin-left: -672px;
  right: 20px;
}
div.bottom-row.spaced {
  top: 530px;
}
div.bottom-row.right-align {
  justify-content: flex-end;
}
div.bottom-row div.left {
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content: space-between;
  -webkit-align-items: center; /* Safari */
  align-items: center;
}
div.bottom-row div.left .itinerary-name {
  max-width: 1075px;
}
div.bottom-row div.consultant-pic {
  align-self: flex-end;
}

div.full-bottom-navigation {
  margin-top: -89px;
  position: relative;
  z-index: 99;
}
div.full-bottom-navigation .second-level-nav-wrap {
  background: #ffffff;
  width: 100%;
}
div.full-bottom-navigation.narrow-width {
  max-width: 1344px !important;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 30;
}
div.full-bottom-navigation.narrow-width div.bottom-row {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1344px !important;
}
div.full-bottom-navigation.full-width div.bottom-nav {
  max-width: 1344px !important;
}
div.full-bottom-navigation.full-width div.bottom-row {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100% !important;
}
div.full-bottom-navigation div.bottom-nav {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items: center;
}
div.full-bottom-navigation div.bottom-nav div.first-nav {
  height: auto;
  margin-left: 0;
  margin-right: 0;
}
div.full-bottom-navigation div.bottom-nav div.first-nav ul#first-nav {
  display: inline;
  margin-left: 5px;
}
div.full-bottom-navigation div.bottom-nav div.first-nav ul#first-nav li {
  margin: 0 1px 5px 1px;
  display: inline-block;
  text-align: center;
  border-bottom: none;
  width: 185px;
  /*div.home-icon {
      &.solid {
          background-image: url('images/general/solid/light/icon_home.svg');
      }

      &.outlined {
          background-image: url('images/general/outline/light/icon_home.svg');
      }
  }

  div.overview-icon {
      &.solid {
          background-image: url('images/general/solid/light/icon_overview.svg');
      }

      &.outlined {
          background-image: url('images/general/outline/light/icon_overview.svg');
      }
  }

  div.details-icon {
      &.solid {
          background-image: url('images/general/solid/light/icon_map.svg');
      }

      &.outlined {
          background-image: url('images/general/outline/light/icon_map.svg');
      }
  }

  div.extras-icon {
      &.solid {
          background-image: url('images/general/solid/light/icon_details.svg');
      }

      &.outlined {
          background-image: url('images/general/outline/light/icon_details.svg');
      }
  }

  div.price-icon {
      &.solid {
          background-image: url('images/general/solid/light/icon_price_terms.svg');
      }

      &.outlined {
          background-image: url('images/general/outline/light/icon_price_terms.svg');
      }
  }*/
}
div.full-bottom-navigation div.bottom-nav div.first-nav ul#first-nav li.price {
  padding: 15px 25px 15px 25px;
}
div.full-bottom-navigation div.bottom-nav div.first-nav ul#first-nav li a {
  display: flex;
  flex-direction: column;
  padding: 15px 20px 15px 20px;
}
div.full-bottom-navigation div.bottom-nav div.first-nav ul#first-nav li > i, div.full-bottom-navigation div.bottom-nav div.first-nav ul#first-nav li > a i {
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  font-size: 24px;
}
div.full-bottom-navigation div.bottom-nav div.first-nav ul#first-nav li:hover {
  background-color: #4E4F4E;
}
div.full-bottom-navigation div.bottom-nav div.first-nav ul#first-nav li.selected {
  border-bottom: none;
  /*div.overview-icon {
      &.solid {
          background-image: url('images/general/solid/light/icon_overview.svg');
      }

      &.outlined {
          background-image: url('images/general/outline/light/icon_overview.svg');
      }
  }

  div.details-icon {
      &.solid {
          background-image: url('images/general/solid/light/icon_map.svg');
      }

      &.outlined {
          background-image: url('images/general/outline/light/icon_map.svg');
      }
  }

  div.extras-icon {
      &.solid {
          background-image: url('images/general/solid/light/icon_details.svg');
      }

      &.outlined {
          background-image: url('images/general/outline/light/icon_details.svg');
      }
  }

  div.price-icon {
      &.solid {
          background-image: url('images/general/solid/light/icon_price_terms.svg');
      }

      &.outlined {
          background-image: url('images/general/outline/light/icon_price_terms.svg');
      }
  }

  a {
      //color: $primary-text-color;
  }*/
}
div.full-bottom-navigation div.bottom-row.overview {
  position: absolute;
}
div.full-bottom-navigation div.bottom-row div.left {
  width: 100%;
  align-items: flex-start;
}
div.full-bottom-navigation div.bottom-row div.left ul {
  max-width: 1344px !important;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
div.full-bottom-navigation div.second-level-nav {
  width: 100%;
  align-content: flex-start;
  justify-content: flex-start;
  opacity: 1;
}
div.full-bottom-navigation div.second-level-nav ul.second-level-nav {
  align-self: flex-start;
}
div.full-bottom-navigation div.second-level-nav ul.second-level-nav li {
  line-height: 40px;
  /*padding: 10px 30px;
  display: inline-block;*/
}
.navigation-container.logo-hide div.full-background div.header-bar.bar > .titleBar.small {
  padding-left: 15px;
}
.navigation-container .printable-link {
  margin-right: 30px;
  text-decoration: none;
  position: relative;
  color: white;
  line-height: 33px;
  display: flex;
  align-items: center;
  min-width: 75px;
}
.navigation-container .printable-link i {
  font-size: 28px;
  position: relative;
  margin-right: 5px;
}
.navigation-container .printable-link i:before {
  color: white;
}
.navigation-container .printable-link i.solid:after {
  background: url(../svg/icon_print.svg) no-repeat 0 0;
}
.navigation-container .printable-link i.outlined:after {
  background: url(../svg/icon_print-2.svg) no-repeat 0 0;
}
.navigation-container .printable-link i:after {
  content: "";
  height: 30px;
  width: 30px;
  position: absolute;
  left: -35px;
  top: 0;
  z-index: 10;
  background-size: 90%;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: white;
}
table .custom_caption {
  font-weight: bold;
}
table .custom_title-bar {
  border-left: none !important;
  border-right: none !important;
}
table .custom_title-bar.table .primary {
  background: transparent;
}
table tbody {
  background-color: white;
}
table.overview-table .custom_title-bar {
  border: none !important;
}
table.overview-table thead {
  border-bottom-style: solid;
}
table th:first-child {
  text-align: left;
  padding-left: 11px;
}
table th:nth-child(2) {
  text-align: left;
}
table tr {
  border-bottom: 1px solid rgba(213, 212, 207, 0.5);
  border-left: none;
  border-right: none;
}
table tr.stop .accommodation p {
  position: relative;
}
table tr.stop .accommodation p span {
  padding-right: 11px;
  font-size: 12px;
}
table tr.stop p {
  display: inline-block;
}
table tr.stop td {
  line-height: 16px;
}
table td {
  border-spacing: 0;
  padding: 12px 12px;
}
table td.arrive-desktop {
  padding-right: 0;
}
table td:first-child {
  padding-left: 12px;
}
table tr.heading {
  border-bottom: none;
}
table tr.heading th {
  color: #5A5A5A;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
}
table tr.heading th:first-child {
  padding: 0;
}
table .note {
  width: 33%;
}

.overview-table tr {
  border-bottom: 1px solid rgba(213, 212, 207, 0.5);
  font-weight: bold;
}
.overview-table tr.pre-stop {
  border-bottom: 1px solid #D7DBDD;
}
.overview-table tr.stop, .overview-table p.alternate {
  border-bottom: none;
  font-weight: normal;
}
.overview-table tr.shadow td {
  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.15);
}
.overview-table div.custom_title-bar {
  border-right: none;
  border-left: none;
}
.overview-table.key tr {
  font-weight: normal;
}
.overview-table.key p span {
  font-weight: bold;
  min-width: 10px;
  display: inline-block;
}

#footer {
  padding: 20px 0;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
#footer .inner {
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-content: space-between;
  justify-content: space-between;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#footer .logos {
  display: flex;
  flex-direction: row;
}
#footer img.logo, #footer img.cobrand-logo {
  display: block;
  max-height: 50px;
  align-self: center;
}
#footer img.logo {
  margin-left: 0;
}
#footer img.cobrand-logo {
  margin-left: 20px;
}
#footer #footer-contact {
  display: flex;
  align-items: center;
  display: flex;
}
#footer #footer-contact span, #footer #footer-contact a {
  display: inline-block;
  /*height: 2.33em;*/
  line-height: 26px;
  margin-left: 15px;
}
#footer #footer-contact a {
  width: 24px;
  height: 24px;
  text-decoration: none;
}
#footer #footer-contact a:hover {
  text-decoration: none;
}
#footer #footer-contact .phone, #footer #footer-contact .skype {
  padding-left: 15px;
  position: relative;
  display: flex;
  align-items: center;
}
#footer #footer-contact .phone i, #footer #footer-contact .skype i {
  font-size: 24px;
  margin-right: 5px;
  left: 0;
}

div.carousel-gallery .plyr {
  width: 576px;
}
div.carousel-gallery div.image-section {
  position: relative;
}
div.carousel-gallery div.image-section div.image-prev {
  left: 1%;
  top: 75%;
  background: url("../svg/icon_gallery_nav_left-37.svg") transparent no-repeat center center;
  background-size: 100%;
  height: 48px;
  width: 48px;
  position: absolute;
  cursor: pointer;
}
div.carousel-gallery div.image-section div.image-next {
  left: 7%;
  top: 75%;
  background: url("../svg/icon_gallery_nav_right-37.svg") transparent no-repeat center center;
  background-size: 100%;
  height: 48px;
  width: 48px;
  position: absolute;
  cursor: pointer;
}
div.carousel-gallery div.image-section div.gallery-image.info-videos {
  max-height: 432px;
}
div.carousel-gallery div.image-section div.description-pane {
  position: absolute;
  right: 0px;
  max-width: 400px;
  padding: 40px;
  color: #ffffff;
  margin-top: -432px;
  height: 432px;
  overflow: hidden;
}
div.carousel-gallery div.image-section div.description-pane p {
  color: white;
}
div.carousel-gallery div.image-section div.description-pane.wrapped {
  max-width: 800px;
}
div.carousel-gallery div.image-section div.description-pane.wrapped div.text {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}
div.carousel-gallery div.image-section div.description-pane.wrapped div.text p {
  color: white;
}
div.carousel-gallery div.image-section div.description-pane.wrapped.small-text {
  font-size: 80%;
}
div.carousel-gallery div.image-section div.description-pane span.close-icon {
  float: right;
  margin-top: -35px;
  margin-right: -30px;
  cursor: pointer;
}
div.carousel-gallery div.image-section div.description-pane span.close-icon img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
div.carousel-gallery div.image-section div.description-slither {
  position: absolute;
  right: 0px;
  background: rgba(65, 66, 65, 0.8);
  width: 50px;
  margin-top: -432px;
  height: 432px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  justify-content: center;
  padding-top: 10px;
}
div.carousel-gallery div.image-section div.description-slither img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
div.carousel-gallery div.thumbnails {
  margin-top: 30px;
}
div.carousel-gallery div.thumbnails div.activity-images {
  height: 88px;
  align-items: center;
}
div.carousel-gallery div.thumbnails div.activity-images .thumbnail-wrap {
  transition: transform 0.3s;
}
div.carousel-gallery div.thumbnails div.activity-images .thumbnail-wrap.current-thumbnail {
  transform: scale(1.1);
}
div.carousel-gallery div.panorama-placeholder {
  height: 432px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #3a3a3a;
  cursor: pointer;
}
div.carousel-gallery div.panorama-placeholder img {
  width: 223px;
  height: 140px;
  cursor: pointer;
}

/*accommodation information options*/
div.info-accommodationinfo.panels {
  display: flex;
  justify-content: flex-start;
  padding: 10px 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
div.info-accommodationinfo.panels .side-block {
  margin: 0 15px 15px 15px;
}

div.embedded-thumbnail-gallery div.detail {
  padding: 0.5em 0.5em 1em 0.5em;
}
div.embedded-thumbnail-gallery .video_wrapper {
  background-color: black;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}
div.embedded-thumbnail-gallery .video_wrapper .plyr {
  height: 100%;
}
div.embedded-thumbnail-gallery .video_wrapper .plyr .plyr__controls {
  padding-bottom: 100px;
}
div.embedded-thumbnail-gallery .video_wrapper.show {
  visibility: visible;
  z-index: 1;
}
div.embedded-thumbnail-gallery div.gallery {
  position: relative;
}
div.embedded-thumbnail-gallery div.gallery div.image-gallery-large {
  width: 100%;
  height: 600px;
  text-align: center;
  max-width: 1317px;
  overflow: hidden;
}
div.embedded-thumbnail-gallery div.gallery div.image-gallery-large img {
  max-width: 1317px;
}
div.embedded-thumbnail-gallery div.gallery div.thumbnails {
  position: absolute;
  top: 500px;
  left: 0;
  right: 0;
  width: 77%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 22px;
  padding-left: 8px;
  padding-right: 8px;
}
div.embedded-thumbnail-gallery div.gallery div.thumbnails div.activity-images {
  height: 86px;
  align-items: center;
}
div.embedded-thumbnail-gallery div.gallery div.thumbnails div.activity-images .current-thumbnail {
  border: 3px solid rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  margin-left: 0;
  margin-right: 4px;
  height: 86px;
}

div.thumbnails {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9;
}
div.thumbnails div.image-next {
  opacity: 1;
  height: 24px;
  width: 24px;
  cursor: pointer;
  transition: opacity 0.6s;
  background: url("../svg/icon_gallery_nav_right-37.svg") transparent no-repeat center center;
  background-size: 24px 24px;
  z-index: 10;
}
div.thumbnails div.image-prev {
  opacity: 1;
  height: 24px;
  width: 24px;
  cursor: pointer;
  transition: opacity 0.6s;
  background: url("../svg/icon_gallery_nav_left-37.svg") transparent no-repeat center center;
  background-size: 24px 24px;
  z-index: 10;
}
div.thumbnails div.activity-images {
  overflow: hidden;
  /*overflow-x: scroll;*/
  width: 90%;
  display: flex;
  z-index: 8;
}
div.thumbnails div.activity-images .thumbnail-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: 123.662px;
  margin-left: 3px;
  margin-right: 7px;
}
div.thumbnails div.activity-images .thumbnail-wrap.video {
  background-color: black;
}
div.thumbnails div.activity-images .thumbnail-wrap .video-thumbnail, div.thumbnails div.activity-images .thumbnail-wrap.panorama {
  min-width: auto;
}
div.thumbnails div.activity-images .thumbnail-wrap img {
  margin: 0;
}
div.thumbnails div.activity-images .thumbnail-wrap .play-icon {
  position: absolute;
  margin: 0;
}
div.thumbnails div.activity-images img {
  height: 80px;
  cursor: pointer;
  margin-left: 3px;
  margin-right: 7px;
}
div.thumbnails div.activity-images img:not(.play-icon) {
  min-width: 123.662px;
  max-width: 123.662px;
}
div.thumbnails div.activity-images img.panorama {
  min-width: 80px;
  max-width: 80px;
  width: 80px !important;
  background: #3A3A3A;
  display: inline-block;
  height: 80px;
  padding: 16px;
}
div.thumbnails div.activity-images img.play-icon {
  padding: 16px;
  margin-left: -105px;
  margin-right: 25px;
  z-index: 1000;
}
div.thumbnails div.activity-images a {
  display: inline-block;
  background: #eaeaea;
  line-height: 80px;
  /* margin-top: -30px; */
  padding: 0 10px;
}

.info {
  margin-top: 0.5em;
  position: relative;
}
.info.tabs .text h2, .info.tabs .text h3, .info.tabs .text h4, .info.tabs .text p {
  color: #5A5A5A;
}
.info div.description-pane {
  position: absolute;
  right: 0px;
  max-width: 400px;
  padding: 40px;
  color: #ffffff;
  margin-top: -432px;
  height: 432px;
  overflow: hidden;
}
.info div.description-pane p {
  color: white;
}
.info div.description-pane.wrapped {
  max-width: 800px;
}
.info div.description-pane.wrapped div.text {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}
.info div.description-pane.wrapped div.text p, .info div.description-pane.wrapped div.text li {
  color: white;
}
.info div.description-pane.wrapped.small-text {
  font-size: 80%;
}
.info div.description-pane span.close-icon {
  float: right;
  margin-top: -35px;
  margin-right: -30px;
  cursor: pointer;
}
.info div.description-pane span.close-icon img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.info select {
  min-width: 50%;
  margin: 6px;
}
.info > ul {
  display: block;
  font-size: 0;
  margin-bottom: 6px;
  border-style: solid;
}
.info > ul li {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  border-right-style: solid;
  padding: 0 12px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.info > ul li.selected {
  color: #FFFFFF;
}
.info .swipe-gallery {
  position: relative;
  min-height: 432px;
}
.info .info-videos {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.info .info-videos .youtube-player {
  padding: 0 7px 7px 7px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.info .info-videos.uploaded-video {
  display: flex;
  justify-content: center;
  background-color: transparent;
}
.info .gallery-image {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.info .gallery-image div.label {
  position: absolute;
  bottom: 7px;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.info .gallery-image div.label .custom_caption, .info .gallery-image div.label .custom_tiny {
  width: 100%;
}
.info .gallery-image div.label span:first-child {
  padding-top: 6px;
}
.info .gallery-image div.label span:last-child {
  padding-bottom: 6px;
}
.info .gallery-image div.label span + span:before {
  content: "(";
}
.info .gallery-image div.label span + span:after {
  content: ")";
}
.info .gallery-image div.label p {
  color: white;
  margin: 0;
}
.info .gallery-image img {
  height: 100%;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  padding-bottom: 7px;
}
.info div.image-next {
  opacity: 1;
  height: 36px;
  width: 36px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -18px;
  cursor: pointer;
  transition: opacity 0.6s;
  background: url("../svg/icon_gallery_nav_right-37.svg") transparent no-repeat center center;
}
.info div.image-prev {
  opacity: 1;
  height: 36px;
  width: 36px;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -18px;
  cursor: pointer;
  transition: opacity 0.6s;
  background: url("../svg/icon_gallery_nav_left-37.svg") transparent no-repeat center center;
}

#social-sharing {
  padding: 5px 0;
  height: 48px;
  background: rgba(14, 20, 30, 0.6);
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: bold;
}
#social-sharing.white {
  background: #FAFCFF;
  margin-left: 15px;
  padding: 7px 0;
  height: 54px;
}
#social-sharing #social-content {
  padding: 0 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#social-sharing #social-content > span {
  margin-right: 10px;
  line-height: 47px;
  text-transform: uppercase;
  white-space: pre;
}
#social-sharing #social-content #social-icons, #social-sharing #social-content a {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#social-sharing #social-content a {
  width: 24px;
  min-width: 24px;
  height: 24px;
  text-decoration: none;
}
#social-sharing #social-content a:first-child {
  margin-right: 15px;
}
#social-sharing #social-content a:hover {
  text-decoration: none;
}

.minimal {
  font-family: "social-icons-minimal";
}
.minimal img {
  display: none;
}

.round.facebook img, .round.twitter img, .round.instagram img, .round.pinterest img, .square.facebook img, .square.twitter img, .square.instagram img, .square.pinterest img {
  position: relative;
  width: 100%;
}
.round.facebook:before, .round.twitter:before, .round.instagram:before, .round.pinterest:before, .square.facebook:before, .square.twitter:before, .square.instagram:before, .square.pinterest:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  z-index: 0;
  top: 0;
}

.round.facebook:before, .round.twitter:before, .round.instagram:before, .round.pinterest:before {
  border-radius: 50%;
}

.square.facebook:before, .square.twitter:before, .square.instagram:before, .square.pinterest:before {
  border-radius: 3px;
}

.minimal {
  font-size: 36px;
}

div.trip-summary-timelinemap div.centered {
  padding-bottom: 10px;
}
div.trip-summary-timelinemap div.centered > .trip-summary > p {
  padding-left: 10px;
  padding-right: 10px;
}
div.trip-summary-timelinemap .timeline-title {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
div.trip-summary-timelinemap div.timeline-map {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section {
  flex-basis: 50%;
  position: relative;
  background: white;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section::after {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #D7DBDD;
  position: absolute;
  left: 86px;
  top: 0;
  z-index: 0;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section .custom_title-bar {
  position: relative;
  z-index: 3;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section .leg-wrapper {
  padding: 15px 0;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 3px 0;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg img {
  width: 30px;
  height: 30px;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg div.basis-desktop {
  width: 60px;
  padding-left: 1em;
  font-weight: bold;
  max-width: 60px;
  min-width: 60px;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg div.timeline-marker {
  width: 62px;
  text-align: center;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg div.destination-accommodation {
  display: flex;
  flex-direction: column;
  flex-basis: 70%;
  justify-content: center;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg div.destination-accommodation span {
  display: block;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg div.destination-accommodation span.accommodation {
  font-weight: bold;
  text-transform: uppercase;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg div.destination-accommodation span.accommodation a {
  color: #5E5E5E;
  text-decoration: none;
  display: block;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg div.destination-accommodation span.destination {
  padding-bottom: 10px;
  display: flex;
  align-content: center;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg div.destination-accommodation span.destination i {
  margin-right: 5px;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg div.duration {
  flex-basis: 15%;
  align-self: flex-start;
  padding-right: 5px;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg div.type {
  flex-basis: 15%;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg div.type p {
  color: #9B9B9B;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg.stop div.destination-accommodation span.destination {
  padding-left: 0px;
  padding-bottom: 0;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.leg.stop div.destination-accommodation span.destination span {
  position: relative;
  top: 0px;
  height: 12px;
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
}
div.trip-summary-timelinemap div.timeline-map div.timeline-section div.before-stop {
  margin-bottom: 0px;
}
div.trip-summary-timelinemap div.timeline-map div.map {
  flex-basis: 50%;
}
div.trip-summary-timelinemap div.timeline-map div.map iframe {
  width: 100%;
  height: 100%;
}
div.trip-summary-timelinemap div.small-line {
  width: 60%;
  border-top: 2px solid #EAEAEA;
  margin: auto;
  padding-bottom: 20px;
}

div.trip-info-left-tab {
  border: 1px solid #dfdfdf;
  background: #BDC3C7;
  margin-top: 0.66em;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
div.trip-info-left-tab div.tabs {
  padding: 20px 40px;
  flex-basis: 30%;
}
div.trip-info-left-tab div.tabs div.tab {
  padding: 15px 20px;
  margin-bottom: 10px;
  text-align: left;
  cursor: pointer;
  transition: all 0.15s ease;
  color: #414241;
}
div.trip-info-left-tab div.tabs div.tab.active {
  margin-right: -40px;
  margin-left: 40px;
  transition: all 0.15s ease;
  position: relative;
  /*&:after {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-width: 30px;
      margin-top: -30px;
  }*/
}
div.trip-info-left-tab div.content-main {
  padding: 20px 20px 20px 40px;
  background-color: #ffffff;
  flex-basis: 80%;
}
div.trip-info-left-tab div.content-main div.content {
  display: none;
  transition: all 0.15s ease;
}
div.trip-info-left-tab div.content-main div.content.fastfacts p {
  margin-bottom: 15px;
}
div.trip-info-left-tab div.content-main div.content.active {
  display: block;
  transition: all 0.15s ease;
}
div.trip-info-left-tab div.content-main div.content h2 {
  margin-top: 0;
  margin-bottom: 15px;
  color: #5A5A5A;
}
div.trip-info-left-tab div.content-main div.content div.content-body {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}
div.trip-info-left-tab div.content-main div.content div.content-body.single {
  -webkit-column-count: unset; /* Chrome, Safari, Opera */
  -moz-column-count: unset; /* Firefox */
  column-count: unset;
}
div.trip-info-left-tab div.content-main div.content div.content-body #company-detail, div.trip-info-left-tab div.content-main div.content div.content-body #consultant-detail {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
}
div.trip-info-left-tab div.content-main div.content.contact .content-body {
  display: flex;
  flex-direction: column;
}
div.trip-info-left-tab img {
  /*float: right;
  padding-bottom: 40px;
  padding-right: 15px;*/
}
div.trip-info-left-tab span {
  display: block;
}

div.trip-summary-gallery img {
  width: 100%;
}
div.trip-summary-gallery .images {
  display: flex;
  flex-direction: row;
  padding: 10px;
  justify-content: space-between;
}

div.template-grid {
  padding-top: 10px;
}
div.template-grid .grid-block {
  margin-bottom: 10px;
  background-color: #FFF;
  /*padding: 2em;*/
  border-style: solid;
}
div.template-grid .grid-block h2 {
  margin-top: 0;
}
div.template-grid .grid-block h2 span {
  float: right;
}
div.template-grid .grid-block #company-detail {
  border: none;
  background: #ffffff;
}
div.template-grid .grid-block div.grid-leg {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 15px;
}
div.template-grid .grid-block div.grid-leg div.arrival-date {
  flex-basis: 20%;
  border-right: 2px solid #5E5E5E;
}
div.template-grid .grid-block div.grid-leg div.destination-accommodation {
  display: flex;
  flex-direction: column;
  flex-basis: 60%;
  margin-left: 10px;
}
div.template-grid .grid-block div.grid-leg div.destination-accommodation a {
  padding: 5px 0 5px 0;
}
div.template-grid .grid-block div.grid-leg div.destination-accommodation .stop {
  padding: 5px 0 5px 0;
  position: relative;
  display: flex;
  align-items: center;
  /*&::before {
      content: '';
      width: 14px;
      background-image: url(images/icon_indenting_arrow.svg);
      height: 10px;
      position: absolute;
      //background-color: $primary-color;
      left: 0px;
      top: 10px;
  }*/
}
div.template-grid .grid-block div.grid-leg div.destination-accommodation .stop i {
  padding: 0 5px 0 0;
  font-size: 12px;
}
div.template-grid .grid-block div.grid-leg div.destination-accommodation .stop:hover {
  text-decoration: none;
}
div.template-grid .grid-block div.grid-leg div.basis {
  flex-basis: 10%;
  padding-right: 5px;
}
div.template-grid .grid-block div.grid-leg div.duration {
  flex-basis: 16%;
}
div.template-grid .grid-block div.grid-leg div.duration p {
  padding: 5px 0 5px 0;
}
div.template-grid .grid-block div.grid-leg div.duration p.no-padding {
  padding: 0;
}
div.template-grid .grid-block div.underline {
  /*width: 20%;
  border-top: 2px solid #EAEAEA;
  margin-bottom: 20px;*/
  display: none;
}
div.template-grid .grid-block span {
  display: block;
}
div.template-grid .gutter-sizer {
  width: 10px;
}
div.template-grid .grid-sizer,
div.template-grid .grid-block {
  width: calc(50% - 5px);
}
div.template-grid .grid-block {
  margin-bottom: 10px;
  background-color: #FFF;
  border-style: solid;
}
div.template-grid .grid-block h2 {
  /*margin-top: 0;
  text-transform: uppercase;
  font-size: 1.2em;

  span {
      float: right;
      font-size: 14px;
      line-height: 1.66em;
      font-weight: initial;
  }*/
}
div.template-grid .grid-block h2 span.date {
  float: right;
  margin-right: 1.33em;
  line-height: 40px;
}
div.template-grid .grid-block div.content-body {
  padding: 1em;
}
div.template-grid .grid-block div.content-body h2 {
  color: #5A5A5A;
}
div.template-grid .grid-block #company-detail {
  border: none;
  background: #ffffff;
}

div.destination-block-timeline {
  border: 1px solid #D7DBDD;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
  max-width: 1174px;
  width: 100%;
}
div.destination-block-timeline .destination-content {
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  width: 50%;
}
div.destination-block-timeline .destination-image {
  width: 50%;
  max-width: 50%;
  overflow: hidden;
}
div.destination-block-timeline .no-content {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.destination-block-timeline .no-content .side-blocks > .side-block:first-child {
  margin-top: 0;
}
div.destination-block-timeline div.content {
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items: flex-start;
  padding-right: 5px;
}
div.destination-block-timeline div.content .side-blocks {
  padding: 0;
}
div.destination-block-timeline div.content div.text {
  padding: 15px;
  width: 50%;
  max-width: 577px;
  max-height: 350px;
}
div.destination-block-timeline div.content img {
  display: block;
  margin: 0 !important;
  max-width: 577px;
  height: auto;
  border-right: 2px solid #dfdfdf;
}
div.destination-block-timeline:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 20px;
  margin-top: -20px;
}

div.body.destination-body {
  padding: 0 !important;
}

div.destination-grid .no-content {
  justify-content: space-between;
}
div.destination-grid .side-blocks {
  padding-right: 0;
}
div.destination-grid .side-blocks .side-block {
  margin-top: 0;
  margin-bottom: 10px;
}
div.destination-grid.content-body {
  padding: 0 !important;
}
div.destination-grid div.single-destination {
  display: flex;
}
div.destination-grid div.single-destination.info {
  margin-top: 0;
}
div.destination-grid div.single-destination .fullRow {
  width: 100%;
}
div.destination-grid div.single-destination > div:not(.fullRow) {
  flex-basis: 50%;
}
div.destination-grid div.single-destination div.details {
  padding: 15px;
  max-height: 500px;
  display: flex;
  flex-direction: row;
}
div.destination-grid div.single-destination div.details span.name {
  font-weight: bold;
}
div.destination-grid div.single-destination div.details span.more-information {
  float: right;
}
div.destination-grid div.single-destination div.details span.date, div.destination-grid div.single-destination div.details span.accommodation {
  display: block;
}

div.timeline.destinations {
  position: relative;
}
div.timeline.destinations::before {
  content: "";
  position: absolute;
  width: 2px;
  left: 68px;
  top: 0;
  bottom: 0;
  background-color: #D7DBDD;
  z-index: 0;
}
div.timeline.destinations div.timeline-block {
  display: flex;
  align-items: center;
  padding: 0.33em 0;
  z-index: 1;
  position: relative;
}
div.timeline.destinations div.timeline-block:last-child {
  padding-bottom: 20px;
}
div.timeline.destinations div.timeline-block.custom_title-bar.primary {
  padding: 0;
}
div.timeline.destinations div.timeline-block.custom_title-bar.primary h2:last-child {
  font-weight: lighter;
}
div.timeline.destinations div.timeline-block.header-line {
  height: 53px;
  color: #ffffff;
  margin-bottom: 20px;
  cursor: pointer;
  border-left: none;
}
div.timeline.destinations div.timeline-block.header-line h2 {
  padding-right: 0;
}
div.timeline.destinations div.timeline-block.header-line .timeline-detail {
  padding-left: 12px;
}
div.timeline.destinations div.timeline-block.header-line .timeline-detail > div {
  display: flex;
  flex-direction: row;
}
div.timeline.destinations div.timeline-block div.timeline-icon {
  width: 138px;
  text-align: center;
  margin-left: -1px;
}
div.timeline.destinations div.timeline-block div.timeline-icon div.day-number {
  margin: 0 auto;
  line-height: 51px;
  border-width: 1px;
  border-style: solid;
}
div.timeline.destinations div.timeline-block div.timeline-icon div.day-number h4 {
  line-height: 51px;
}
div.timeline.destinations div.timeline-block div.timeline-icon img {
  /*background: white;*/
  height: 2em;
  width: 2em;
  margin: 0.66em auto;
}
div.timeline.destinations div.timeline-block div.timeline-icon div.activity-point {
  margin: 0.66em auto;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  background-clip: padding-box;
}
div.timeline.destinations div.timeline-block div.timeline-detail {
  flex: 1;
  display: flex;
  align-items: center;
}
div.timeline.destinations div.timeline-block div.timeline-detail img {
  margin-right: 1em;
}
div.timeline.destinations div.timeline-block div.timeline-detail div.notes {
  padding: 0 0.5em 0 0.5em;
  border-width: 1px;
  border-style: solid;
}
div.timeline.destinations div.timeline-block div.timeline-detail div.notes h3 {
  padding-top: 0.5em;
  font-weight: normal;
  margin-bottom: 0.5em;
}
div.timeline.destinations div.timeline-block div.timeline-detail div.notes p {
  margin-bottom: 0.5em;
}
div.timeline.destinations div.timeline-block div.timeline-detail div.notes.small {
  width: 300px;
}
div.timeline.destinations div.timeline-block div.timeline-detail span.transport-details {
  text-decoration: underline;
  color: -webkit-link;
  cursor: pointer;
  font-style: italic;
}
div.timeline.destinations div.timeline-block div.timeline-detail.activity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 190px;
  position: relative;
}
div.timeline.destinations div.timeline-block div.timeline-detail.activity > div {
  text-align: center;
  width: 190px;
}
div.timeline.destinations div.timeline-block div.timeline-detail.activity span.activity-type {
  background: rgba(0, 0, 0, 0.7);
  width: 190px;
  color: #ffffff;
  text-align: center;
  padding: 5px;
  top: 92px;
  position: absolute;
}
div.timeline.destinations div.timeline-block div.timeline-detail span.time {
  font-style: italic;
  margin-right: 20px;
}

.destination-country {
  position: relative;
}

.alt {
  padding-left: 15px;
  position: relative;
}
.alt:before {
  content: "";
  position: absolute;
  background-color: #ffa500;
  border-radius: 50%;
  left: -2px;
  width: 5px;
  height: 5px;
  top: 50%;
  margin-top: -5px;
  border: 2px solid #fff;
}

.day-stop {
  position: relative;
}
.day-stop:before {
  content: "";
  position: absolute;
  background-color: #ffa500;
  left: -36px;
  width: 5px;
  height: 5px;
  border: 2px solid white;
  top: 50%;
  margin-top: -5px;
  transform: rotate(45deg);
}

.sexy-timeline-wrap {
  padding: 30px;
  position: relative;
}

.st-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
  filter: blur(5px);
}

.st-container {
  overflow: hidden;
  position: relative;
}

.st-content {
  width: 100%;
  position: relative;
  z-index: 1;
}
.st-content p {
  color: white;
}

.st-leg {
  display: block;
  width: 90%;
  margin-left: 5%;
  position: relative;
}
.st-leg:before {
  content: "";
  position: absolute;
  width: 100%;
  top: -1px;
  background-image: url(../png/dashed_line.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  height: 2px;
}
.st-leg .date p, .st-leg .day p {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
}
.st-leg.key {
  border-top: none;
}

.st-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex: 1 100%;
}
.st-row.title .st-col-left, .st-row.title .st-col-right {
  padding: 25px 0px 10px 25px;
}
.st-row.title .st-col-left {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.st-row.title .st-nights {
  text-transform: uppercase;
}
.st-row.title.no-stops .st-col-left, .st-row.title.no-stops .st-col-right {
  padding: 25px 0 25px 25px;
}
.st-row .st-info span {
  font-weight: 100;
  color: rgba(255, 255, 255, 0.7);
  margin-left: 8px;
}
.st-row .st-col-left {
  width: 25%;
  border-right: 3px solid white;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.st-row .st-col-right {
  width: 75%;
  display: flex;
  flex-direction: row;
  padding-left: 30px;
  align-items: center;
}
.st-row .st-col-right .st-info {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
}
.st-row .st-col-right .st-info a, .st-row .st-col-right .st-info p {
  display: flex;
  background-color: transparent;
  align-items: center;
}
.st-row .st-col-right .st-info p {
  font-weight: normal;
  padding-left: 8px;
}
.st-row .st-col-right .st-info.main a, .st-row .st-col-right .st-info.main p {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px 20px;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
}
.st-row .st-col-right .st-info.main {
  position: relative;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.st-row .st-col-right .st-info.main:before {
  content: "";
  position: absolute;
  border: 3px solid #fff;
  border-radius: 50%;
  left: -42px;
  width: 25px;
  height: 25px;
  top: 10px;
}
.st-row .st-col-right .st-nights {
  width: 20%;
  text-align: right;
}
.st-row.tag .st-col-right {
  position: relative;
  padding-left: 0;
}
.st-row.tag .st-col-right p {
  background-color: #5a5a5a;
  padding: 0 15px;
  color: #fff;
  font-weight: bold;
  position: relative;
  z-index: 2;
  line-height: 25px;
}
.st-row.tag .st-col-right p:after {
  content: "";
  position: absolute;
  background-color: white;
  border: 8px solid #5a5a5a;
  border-radius: 50%;
  left: -14px;
  width: 9px;
  height: 9px;
  top: 0;
  z-index: -1;
}
.st-row.dest .st-col-left, .st-row.tag .st-col-left {
  position: relative;
}
.st-row.dest .st-col-left p, .st-row.tag .st-col-left p {
  background-color: #5a5a5a;
  padding: 0 15px;
  color: #fff;
  font-weight: bold;
  position: relative;
  z-index: 2;
  line-height: 25px;
}
.st-row.dest .st-col-left p:after, .st-row.tag .st-col-left p:after {
  content: "";
  position: absolute;
  background-color: white;
  border: 8px solid #5a5a5a;
  border-radius: 50%;
  right: -14px;
  width: 9px;
  height: 9px;
  top: 0;
  z-index: -1;
}
.st-row.dest .st-col-right .st-nights, .st-row.tag .st-col-right .st-nights {
  text-transform: none;
}
.st-row.dest .dest-link, .st-row.tag .dest-link {
  text-transform: uppercase;
}
.st-row.dest {
  height: 50px;
}
.st-row.dest .st-col-right, .st-row.dest .st-col-left {
  height: 50px;
}
.st-row.tag .st-col-left, .st-row.tag .st-col-right {
  height: 50px;
}
.st-row.stop .st-col-left, .st-row.alt .st-col-left {
  padding-right: 25px;
}
.st-row.stop .st-col-left p, .st-row.alt .st-col-left p {
  text-align: right;
}
.st-row.stop .st-col-right .st-info, .st-row.alt .st-col-right .st-info {
  text-transform: uppercase;
  font-weight: bolder;
}
.st-row.stop .st-col-right .st-nights, .st-row.alt .st-col-right .st-nights {
  text-transform: none;
}
.st-row .dest-link, .st-row .st-col-right p {
  padding-top: 2px;
  padding-bottom: 2px;
  color: white;
}
.st-row.alternate {
  align-items: center;
}
.st-row.alternate .st-col-right, .st-row.alternate .st-col-left {
  height: 25px;
}
.st-row.divider .st-col-left, .st-row.divider .st-col-right .st-nights {
  padding-top: 10px;
}
.st-row.divider .st-col-right .st-info .dest-link {
  display: flex;
  flex-wrap: wrap;
  border-top-style: solid;
  border-width: 2px;
  padding-top: 8px;
}
.st-row.divider .st-col-right .st-info p {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
  padding-left: 8px;
  font-weight: normal;
}
.st-row.divider .st-col-right .day-stop {
  position: relative;
}
.st-row.divider .st-col-right .day-stop:before {
  top: 18px;
}
.st-row:last-child {
  height: 75px;
}
.st-row:last-child .st-col-left, .st-row:last-child .st-col-right {
  padding-bottom: 25px;
  height: 75px;
}
.st-row:last-child.no-stops {
  height: auto;
}
.st-row:last-child.no-stops .st-col-left, .st-row:last-child.no-stops .st-col-right {
  height: auto;
}
.st-row.key {
  height: 100px;
}
.st-row.key:before {
  background-image: none;
}
.st-row.key .st-col-left {
  padding: 30px 0 0 0;
  justify-content: flex-start;
  height: 100px;
}
.st-row.key .day-stop {
  padding-left: 15px;
}
.st-row.key .day-stop:before {
  left: -2px;
}

.st-mobile {
  display: none;
}

#masonry-timeline-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 30px;
  margin-top: 40px;
}
#masonry-timeline-wrap:after {
  content: "";
  width: 2px;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 15px;
  bottom: 0;
  background-color: gray;
  z-index: 0;
}

.mt-leg-wrapper {
  width: 50%;
  float: left;
  min-height: 50px;
  word-wrap: break-word;
  margin-bottom: 60px;
}
.mt-leg-wrapper:nth-child(2) {
  margin-top: 80px;
}
.mt-leg-wrapper .mt-date {
  width: 70%;
  margin: 0 15%;
}
.mt-leg-wrapper .mt-date p {
  display: inline-block;
  text-align: right;
  padding: 3px 15px;
  margin-bottom: 5px;
  position: relative;
  z-index: 6;
}
.mt-leg-wrapper.right {
  top: 50px;
}
.mt-leg-wrapper.left .date {
  display: flex;
  justify-content: flex-end;
}
.mt-leg-wrapper.left .date:before, .mt-leg-wrapper.left .date:after {
  content: "";
  position: absolute;
  z-index: 5;
}
.mt-leg-wrapper.left .date:after {
  width: 15%;
  height: 2px;
  right: 0;
  top: 13px;
}
.mt-leg-wrapper.left .date:before {
  width: 10px;
  height: 10px;
  right: 0;
  margin-right: -5px;
  border-radius: 50%;
  top: 9px;
}
.mt-leg-wrapper.right .date {
  display: flex;
}
.mt-leg-wrapper.right .date:before, .mt-leg-wrapper.right .date:after {
  content: "";
  position: absolute;
  z-index: 5;
}
.mt-leg-wrapper.right .date:after {
  width: 15%;
  height: 2px;
  left: 0;
  top: 13px;
  z-index: 5;
}
.mt-leg-wrapper.right .date:before {
  content: "";
  width: 10px;
  height: 10px;
  left: 0;
  margin-left: -5px;
  border-radius: 50%;
  top: 9px;
  z-index: 5;
}

.mt-leg {
  width: 70%;
  float: left;
  min-height: 50px;
  word-wrap: break-word;
  margin: 0 15% 10px 15%;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.2s ease-in-out;
}
.mt-leg:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.mt-leg-content {
  background-color: #ffffff;
  border: solid 1px #B4BBCD;
}
.mt-leg-content .mt-no-img-dest {
  padding: 0 10px 10px 10px;
}
.mt-leg-content .mt-leg-img {
  width: 100%;
  position: relative;
}
.mt-leg-content .mt-leg-img .mt-img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.mt-leg-content .mt-leg-img .mt-img-overlay a {
  color: white;
}
.mt-leg-content .mt-leg-img img {
  display: block;
}

.mt-leg-title, .mt-dest-content {
  padding: 15px;
}

.mt-leg-stops, .mt-leg-info {
  display: flex;
  justify-content: space-between;
}

.mt-leg-stop-info p.mt-alt {
  text-transform: uppercase;
}

.mt-leg-stops {
  margin-bottom: 10px;
}

.mt-leg-title > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.mt-leg-title .h3, .mt-leg-title h3 {
  margin-bottom: 10px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  color: #5A5A5A;
}
.mt-leg-title .h3 img, .mt-leg-title h3 img {
  margin-right: 5px;
  margin-top: 4px;
}
.mt-leg-title .h3.mt-overnight, .mt-leg-title h3.mt-overnight {
  margin-bottom: 0;
}

#card-layout-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 5px;
}

.cl-leg-wrapper {
  padding: 0 0 5px 0;
  width: 100%;
  position: relative;
}

.cl-leg {
  display: flex;
  flex-direction: row;
  position: relative;
  min-height: 300px;
  background-color: white;
  border-style: solid;
}
.cl-leg .custom_caption {
  line-height: 22px;
}
.cl-leg p.lightened {
  opacity: 0.7;
}
.cl-leg .cl-mobile {
  display: none;
}
.cl-leg .cl-nights-icon {
  padding-left: 25px;
  position: relative;
}
.cl-leg .cl-nights-icon:before {
  content: "";
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1px;
  left: 0;
}
.cl-leg .cl-nights-icon.dark.outlined:before {
  background-image: url(../svg/icon_night.svg);
}
.cl-leg .cl-nights-icon.dark.solid:before {
  background-image: url(../svg/icon_night-2.svg);
}
.cl-leg .cl-nights-icon.light.outlined:before {
  background-image: url(../svg/icon_night-3.svg);
}
.cl-leg .cl-nights-icon.light.solid:before {
  background-image: url(../svg/icon_night-4.svg);
}
.cl-leg .cl-leg-header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cl-leg .cl-leg-header .cl-leg-header-content {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 20px;
}
.cl-leg .cl-leg-header .cl-leg-num {
  min-width: 75px;
  margin-right: 20px;
  display: flex;
  justify-content: center;
}
.cl-leg .cl-leg-header .cl-leg-num h2 {
  padding: 15px 20px;
  display: inline-block;
}
.cl-leg .left, .cl-leg .right {
  width: 50%;
  height: 100%;
}
.cl-leg .right {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}
.cl-leg.no-image {
  min-height: 0;
}
.cl-leg.no-image .cl-leg-header-content {
  justify-content: space-between;
}
.cl-leg.no-image .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 20px;
}
.cl-leg.no-image .left {
  position: relative;
}
.cl-leg .cl-image-wrapper {
  position: relative;
  height: 100%;
}
.cl-leg .cl-image-wrapper .cl-image {
  height: 100%;
}
.cl-leg .cl-image-wrapper .cl-image .no-image-placeholder {
  height: 100%;
  opacity: 0.4;
}
.cl-leg .cl-image-wrapper .img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-position: center center;
}
.cl-leg .cl-image-wrapper .cl-image-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.cl-leg-content.own-arrangement a {
  margin-top: 30px;
}
.cl-leg-content .cl-stop:last-child {
  padding-bottom: 30px;
}
.cl-leg-content .h3 {
  margin: 20px 20px 17px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #5A5A5A;
}
.cl-leg-content .cl-stop {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 3px 20px;
}
.cl-leg-content .cl-stop.alt-dest {
  margin-top: 20px;
}
.cl-leg-content .cl-stop-info {
  display: flex;
  flex-direction: column;
}

@media (max-width: 899px) {
  div.info-accommodationinfo.panels {
    justify-content: center;
  }
}
@media (max-width: 899px) {
  body .block-container {
    display: block;
  }
  body .block-container .side-blocks .side-block {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    width: 50%;
  }
  body .block-container .body {
    display: block;
  }
  body .block-container #company-video {
    width: 640px;
    height: 360px;
  }
  div.info-accommodationinfo.panels {
    justify-content: center;
  }
  div.trip-summary-timelinemap div.timeline-map div.timeline-section::after {
    left: 29px;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  body, html {
    font-size: 13px !important;
  }
  .classic-itinerary-name {
    max-width: 315px !important;
  }
  body .block-container {
    display: block;
  }
  body .block-container .side-blocks {
    padding-left: 1.2em;
    padding-right: 0;
  }
  body .block-container .side-blocks .side-block {
    margin-right: 10px;
    vertical-align: top;
    max-width: 234px;
  }
  body .block-container .body {
    display: block;
  }
  #nav li {
    padding: 0 0.5em !important;
    font-size: 12px !important;
  }
  #footer .inner {
    padding: 1.5em !important;
  }
  table td:first-child {
    min-width: 90px;
  }
  .side-blocks.nested {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  div.body.narrow-body {
    width: 100% !important;
  }
  div.image-sections:not(.smaller) {
    display: none;
  }
  #social-sharing #social-content > span {
    margin-right: 3px;
  }
  #social-sharing #social-content a:first-child {
    margin-right: 3px;
  }
  div.destination-grid div.single-destination div.details {
    flex-direction: column;
  }
  div.destination-grid div.single-destination div.details .side-blocks {
    padding: 0;
    margin-top: 15px;
  }
  div.destination-grid div.single-destination div.details .side-blocks .side-block {
    width: 100%;
    max-width: none;
  }
}
@media (min-width: 900px) {
  .classic-itinerary-name {
    max-width: 435px !important;
  }
  div.image-sections.smaller {
    display: none;
  }
}
@media (min-width: 1000px) {
  .classic-itinerary-name {
    max-width: 480px !important;
  }
}
@media (min-width: 1100px) {
  .classic-itinerary-name {
    max-width: 550px !important;
  }
}
@media (min-width: 1200px) {
  .classic-itinerary-name {
    max-width: 650px !important;
  }
}
@media (min-width: 1300px) {
  .classic-itinerary-name {
    max-width: 768px !important;
  }
}
@media (min-width: 899px) and (max-width: 1159px) {
  body, html, #nav li {
    font-size: 14px !important;
  }
  body #header, body #headerBar, body #nav, body .page-content, body #footer .inner, #contact-div {
    max-width: 1176px !important;
  }
  body div.header-background-1344-short {
    width: 1176px;
    margin-left: -588px;
  }
}
@media (min-width: 1160px) and (max-width: 1399px) {
  body, html, #nav li {
    font-size: 15px !important;
  }
  body #header, body #headerBar, body #nav, body .page-content, body #footer .inner, #contact-div {
    max-width: 1260px !important;
  }
  body div.header-background-1344-short {
    width: 1260px;
    margin-left: -630px;
  }
  body #nav li a {
    padding: 0 8px;
  }
}
@media (max-width: 1399px) {
  /* suppress full-width background images, show narrower version */
  div.header-background-1920 {
    display: none;
  }
}
@media (min-width: 1400px) {
  body, html, #nav li {
    font-size: 16px !important;
  }
  body #header, body #headerBar, body #nav, body .page-content, body #footer .inner, #contact-div {
    max-width: 1344px !important;
  }
  /* show full-width background images, hide narrower version */
  div.header-background-1920.header-full-width {
    display: block;
  }
  div.header-background-1344.header-full-width {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  div.trip-summary-gallery div.description div.left-col {
    flex-basis: 30%;
  }
  div.trip-summary-gallery div.description div.right-col {
    flex-basis: 70%;
  }
  div.navigation-container.top .printable-link, div.navigation-container.top div.consultant-pic.navigation {
    margin-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1660px) {
  .header .header-bar div.consultant-pic div#consultant-detail.top {
    margin-left: -530%;
    margin-left: -480% \9 ;
  }
  @supports (-ms-accelerator: true) {
    .header .header-bar div.consultant-pic div#consultant-detail.top {
      margin-left: -530%;
    }
  }
  .header .header-bar div.consultant-pic div#consultant-detail.top, .header .header-bar div.consultant-pic div#consultant-detail x:-moz-any-link, .header .header-bar div.consultant-pic div#consultant-detail x:default {
    margin-left: -540%;
  }
  .header .header-bar div.consultant-pic div#consultant-detail:after {
    left: 92%;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  div.full-background div.header-bar div#logoName {
    min-height: 80px;
  }
  div.full-background div.header-bar div#logoName.logo-medium {
    max-width: 120px;
  }
  div.full-background div.header-bar div#logoName.logo-large {
    max-width: 150px;
  }
  div.full-background div.header-bar div#logoName a img.logo {
    width: 100%;
  }
  div.full-background div.header-bar.bar > .titleBar.medium {
    padding-left: 150px;
  }
  div.full-background div.header-bar.bar > .titleBar.large {
    padding-left: 175px;
  }
  div.full-bottom-navigation div.bottom-nav div.first-nav ul#first-nav li {
    width: 142px;
  }
  div.full-bottom-navigation div.bottom-nav div.first-nav ul#first-nav li a {
    padding: 15px 0;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  div.consultant-pic.banner:hover div#consultant-detail.top {
    margin-top: -150px;
    margin-left: -205px;
  }
  div.consultant-pic.banner:hover div#consultant-detail:after {
    margin-left: 80px;
  }
}
@media (max-width: 1400px) {
  div.content-body.five-image div.five-image-gallery div.activity-images img:nth-of-type(n+3) {
    display: none;
  }
}
@media (max-width: 899px) {
  div.template-grid .grid-block div.grid-leg div.basis {
    display: none;
  }
  .day-tablet {
    display: table-cell;
  }
  .arrive-desktop {
    display: none;
  }
  .arrive-tablet {
    display: table-cell;
  }
  .basis-desktop {
    display: none;
  }
}
@media (min-width: 900px) {
  .day-tablet {
    display: none;
  }
  .arrive-desktop {
    display: table-cell;
  }
  .arrive-tablet {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .st-mobile {
    display: block;
  }
  .st-desktop {
    display: none;
  }
  .mt-leg-wrapper .mt-date {
    width: 96%;
    margin: 0 2%;
  }
  .mt-leg {
    width: 96%;
    margin: 0 2% 10px 2%;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg .cl-desktop {
    display: none;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg .cl-mobile {
    display: block;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg .cl-leg-header p, #card-layout-wrapper .cl-leg-wrapper .cl-leg .cl-leg-header h3, #card-layout-wrapper .cl-leg-wrapper .cl-leg .cl-leg-header a, #card-layout-wrapper .cl-leg-wrapper .cl-leg .cl-leg-content p, #card-layout-wrapper .cl-leg-wrapper .cl-leg .cl-leg-content h3, #card-layout-wrapper .cl-leg-wrapper .cl-leg .cl-leg-content a {
    color: white;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg .cl-mobile-overlay {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg .left {
    width: 100%;
    z-index: 2;
    padding: 30px 30px 60px 30px;
    top: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg .left .cl-stop-info p {
    display: none;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg .right {
    width: 100%;
    z-index: 1;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg .right .cl-image {
    background: rgba(0, 0, 0, 0.6);
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg .right .cl-image-overlay {
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 3;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg .right .cl-image-overlay span {
    color: #5A5A5A;
    font-weight: bolder;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg .cl-leg-content {
    bottom: 30px;
    right: 30px;
    left: 30px;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg.no-image .left {
    position: relative;
    background: white;
  }
  #card-layout-wrapper .cl-leg-wrapper .cl-leg.no-image .cl-leg-header p {
    color: #5A5A5A;
  }
}

div.timeline {
  position: relative; }

div.timeline-section div.timeline-elements {
  position: relative;
  width: 100%;
  height: 100%; }
  div.timeline-section div.timeline-elements::before {
    content: '';
    position: absolute;
    width: 2px;
    left: 68px;
    top: 0;
    bottom: 0;
    background-color: #D7DBDD;
    z-index: 0; }

div.timeline-section div.timeline-block {
  display: flex;
  align-items: center;
  padding: 0.33em 0;
  z-index: 1;
  position: relative; }
  div.timeline-section div.timeline-block.daytour, div.timeline-section div.timeline-block.activity {
    align-items: flex-start; }
    div.timeline-section div.timeline-block.daytour div.timeline-icon, div.timeline-section div.timeline-block.activity div.timeline-icon {
      padding-top: 10px; }
      div.timeline-section div.timeline-block.daytour div.timeline-icon div.activity-point, div.timeline-section div.timeline-block.activity div.timeline-icon div.activity-point {
        margin: 0 auto auto 54px; }
  div.timeline-section div.timeline-block.route {
    flex-direction: row;
    align-items: flex-start; }
    div.timeline-section div.timeline-block.route div.routing-detail {
      min-height: 58px;
      width: 100%; }
    div.timeline-section div.timeline-block.route div.timeline-block-row {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      min-height: 58px;
      height: 100%; }
      div.timeline-section div.timeline-block.route div.timeline-block-row div.transport-details {
        display: flex;
        flex: 1 1 auto;
        flex-direction: row;
        align-items: center;
        color: #2376D8;
        cursor: pointer;
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
        z-index: 2;
        margin-bottom: 5px; }
        div.timeline-section div.timeline-block.route div.timeline-block-row div.transport-details img {
          height: auto;
          width: 10px; }
          div.timeline-section div.timeline-block.route div.timeline-block-row div.transport-details img.collapse {
            transform: rotate(180deg); }
      div.timeline-section div.timeline-block.route div.timeline-block-row h2:nth-child(1) {
        margin-right: 7px; }
    div.timeline-section div.timeline-block.route div.timeline-block-row:nth-child(1) {
      height: 58px; }
    div.timeline-section div.timeline-block.route div.timeline-block-row:nth-child(2) {
      z-index: 2;
      margin-top: -15px;
      min-height: 100%;
      height: 100%; }
    div.timeline-section div.timeline-block.route div.timeline-detail {
      flex: 1 1 auto; }
    div.timeline-section div.timeline-block.route .timeline-icon {
      display: flex; }
      div.timeline-section div.timeline-block.route .timeline-icon .icon {
        top: 6px; }
  div.timeline-section div.timeline-block.custom_title-bar.primary {
    padding: 0; }
    div.timeline-section div.timeline-block.custom_title-bar.primary h2:last-child {
      font-weight: lighter; }
  div.timeline-section div.timeline-block.header-line {
    color: #ffffff;
    cursor: pointer;
    border-left: none; }
    div.timeline-section div.timeline-block.header-line h2 {
      padding: 5px 0; }
    div.timeline-section div.timeline-block.header-line .timeline-icon {
      position: absolute;
      bottom: 0;
      top: 0; }
      div.timeline-section div.timeline-block.header-line .timeline-icon .day-number {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center; }
    div.timeline-section div.timeline-block.header-line .timeline-detail {
      padding-left: 112px; }
      div.timeline-section div.timeline-block.header-line .timeline-detail > div {
        display: flex;
        flex-direction: row; }
        div.timeline-section div.timeline-block.header-line .timeline-detail > div .date {
          min-width: 205px; }
    div.timeline-section div.timeline-block.header-line div.collapser {
      margin-right: 20px; }
      div.timeline-section div.timeline-block.header-line div.collapser img {
        width: 20px;
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV"; }
      div.timeline-section div.timeline-block.header-line div.collapser.flipped img {
        width: 20px;
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        filter: FlipV;
        -ms-filter: "FlipV"; }
  div.timeline-section div.timeline-block div.timeline-icon {
    min-width: 100px;
    width: 100px;
    text-align: center;
    margin-left: -1px;
    z-index: 2; }
    div.timeline-section div.timeline-block div.timeline-icon div.day-number {
      margin: 0 auto;
      line-height: 51px;
      border-style: solid;
      border-top: none;
      border-bottom: none; }
      div.timeline-section div.timeline-block div.timeline-icon div.day-number h4 {
        line-height: 51px; }
    div.timeline-section div.timeline-block div.timeline-icon .icon {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      position: relative;
      left: 54px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 4px 0; }
      div.timeline-section div.timeline-block div.timeline-icon .icon img {
        width: 26px;
        height: 26px; }
      div.timeline-section div.timeline-block div.timeline-icon .icon.gold {
        border-color: #DEB446;
        background-color: #DEB446; }
      div.timeline-section div.timeline-block div.timeline-icon .icon.blue {
        border-color: #064789;
        background-color: #064789; }
      div.timeline-section div.timeline-block div.timeline-icon .icon.green {
        border-color: #0F8843;
        background-color: #0F8843; }
      div.timeline-section div.timeline-block div.timeline-icon .icon.orange {
        border-color: #EF4023;
        background-color: #EF4023; }
      div.timeline-section div.timeline-block div.timeline-icon .icon.red {
        border-color: #C72927;
        background-color: #C72927; }
      div.timeline-section div.timeline-block div.timeline-icon .icon.turquoise {
        border-color: #0AB6B4;
        background-color: #0AB6B4; }
      div.timeline-section div.timeline-block div.timeline-icon .icon.purple {
        border-color: #0090FF;
        background-color: #0090FF; }
      div.timeline-section div.timeline-block div.timeline-icon .icon.pink {
        border-color: #B87CC2;
        background-color: #B87CC2; }
    div.timeline-section div.timeline-block div.timeline-icon div.activity-point {
      margin: 0.66em auto .66em 54px;
      height: 2em;
      width: 2em;
      border-radius: 50%;
      background-clip: padding-box; }
  div.timeline-section div.timeline-block div.timeline-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    div.timeline-section div.timeline-block div.timeline-cards .card:nth-child(odd) {
      margin-right: 20px; }
    div.timeline-section div.timeline-block div.timeline-cards .card:nth-child(n+3) {
      margin-top: 10px; }
  div.timeline-section div.timeline-block div.timeline-detail {
    flex: 1;
    display: flex;
    align-items: center;
    z-index: 2; }
    div.timeline-section div.timeline-block div.timeline-detail img {
      margin-right: 1em; }
    div.timeline-section div.timeline-block div.timeline-detail div.notes {
      padding: 0 0.5em 0 0.5em;
      border-style: solid; }
      div.timeline-section div.timeline-block div.timeline-detail div.notes h3 {
        padding-top: 0.5em;
        font-weight: normal;
        margin-bottom: 0.5em;
        color: #5A5A5A; }
      div.timeline-section div.timeline-block div.timeline-detail div.notes p {
        margin-bottom: 0.5em; }
      div.timeline-section div.timeline-block div.timeline-detail div.notes.small {
        width: 300px; }
      div.timeline-section div.timeline-block div.timeline-detail div.notes.full {
        width: 100%; }
    div.timeline-section div.timeline-block div.timeline-detail span.transport-details {
      text-decoration: underline;
      color: -webkit-link;
      cursor: pointer;
      font-style: italic; }
    div.timeline-section div.timeline-block div.timeline-detail.activity {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 190px;
      position: relative; }
      div.timeline-section div.timeline-block div.timeline-detail.activity > div {
        text-align: center;
        width: 190px; }
      div.timeline-section div.timeline-block div.timeline-detail.activity span.activity-type {
        background: rgba(0, 0, 0, 0.7);
        width: 190px;
        color: #ffffff;
        text-align: center;
        padding: 5px;
        top: 92px;
        position: absolute; }
    div.timeline-section div.timeline-block div.timeline-detail span.time {
      font-style: italic;
      margin-right: 20px; }

div.timeline-section.note-only .timeline-note {
  padding-bottom: 1em; }

div.timeline-section.no-content .collapser {
  display: none; }

div.timeline-note,
div.timeline-footnote {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  padding-top: 1em;
  z-index: 1;
  position: relative; }
  div.timeline-note.custom_title-bar.primary,
  div.timeline-footnote.custom_title-bar.primary {
    padding: 0; }
    div.timeline-note.custom_title-bar.primary h2:last-child,
    div.timeline-footnote.custom_title-bar.primary h2:last-child {
      font-weight: lighter; }
  div.timeline-note div.timeline-detail,
  div.timeline-footnote div.timeline-detail {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    z-index: 2;
    background-color: white; }
    div.timeline-note div.timeline-detail div.notes,
    div.timeline-footnote div.timeline-detail div.notes {
      padding: 0 0.5em 0 0.5em;
      border-style: solid; }
      div.timeline-note div.timeline-detail div.notes h3,
      div.timeline-footnote div.timeline-detail div.notes h3 {
        padding-top: 0.5em;
        font-weight: normal;
        margin-bottom: 0.5em;
        color: #5A5A5A; }
      div.timeline-note div.timeline-detail div.notes p,
      div.timeline-footnote div.timeline-detail div.notes p {
        margin-bottom: 0.5em; }
      div.timeline-note div.timeline-detail div.notes.full,
      div.timeline-footnote div.timeline-detail div.notes.full {
        width: 100%; }

div.timeline-footnote {
  margin-bottom: 1em; }

div.card-border {
  border: 1px solid #D7DBDD; }

div.timeline-cards {
  width: 100%; }

div.cards-column {
  padding: 10px 0; }

div.card {
  display: flex;
  min-height: 120px;
  min-width: 238px;
  max-width: 570px; }
  div.card.no-img {
    min-width: 428px;
    min-height: 132px; }
    div.card.no-img.large {
      max-width: 570px;
      width: 100%; }
  div.card.has-img {
    width: 428px;
    min-height: 132px; }
    div.card.has-img.large {
      width: 100%;
      max-width: 570px; }
  div.card div.card-image {
    display: flex;
    flex-direction: column;
    padding: 5px 0 5px 5px;
    border-right: 1px solid #D7DBDD;
    min-width: 190px;
    max-width: 253px;
    width: 100%; }
    div.card div.card-image img {
      display: block;
      width: 100%; }
    div.card div.card-image img:nth-child(1n+2) {
      margin-top: 5px; }
  div.card div.card-detail {
    width: 100%;
    display: flex;
    flex-direction: column; }
    div.card div.card-detail div.card-date-type {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 10px;
      width: 100%; }
      div.card div.card-detail div.card-date-type div.card-datetime {
        font-weight: bold;
        margin-left: 5px; }
      div.card div.card-detail div.card-date-type div.card-type {
        margin-right: 5px; }
    div.card div.card-detail div.card-detail-header-border {
      border-bottom: 1px solid #d7dbdd;
      padding: 5px 0px 12px 12px; }
    div.card div.card-detail div.card-detail-header-no-border {
      padding: 5px 0px 12px 12px; }
    div.card div.card-detail .card-detail-wrap {
      display: flex;
      flex-direction: column;
      height: 100%;
      padding: 5px 0px 5px 0px; }
    div.card div.card-detail .card-ref {
      padding: 5px 5px 5px 10px; }
    div.card div.card-detail div.card-description {
      padding: 9px 20px 0px 5px;
      text-align: left;
      min-height: 60px; }
      div.card div.card-detail div.card-description li, div.card div.card-detail div.card-description li > a {
        font-size: 14px;
        font-weight: normal; }

div.timeline-centered-section.note-only .timeline-note {
  padding-bottom: 1em; }

div.timeline-centered-section.no-content .collapser {
  display: none; }

div.timeline-centered-section div.timeline-block {
  display: flex;
  align-items: center;
  padding: 0.33em 0;
  z-index: 1;
  position: relative; }
  div.timeline-centered-section div.timeline-block.daytour, div.timeline-centered-section div.timeline-block.activity {
    align-items: flex-start; }
    div.timeline-centered-section div.timeline-block.daytour div.timeline-icon div.activity-point, div.timeline-centered-section div.timeline-block.activity div.timeline-icon div.activity-point {
      margin: 0.66em auto .66em auto; }
  div.timeline-centered-section div.timeline-block.route {
    flex-direction: column;
    align-items: flex-start; }
    div.timeline-centered-section div.timeline-block.route div.routing-detail {
      min-height: 58px;
      height: 100%;
      width: 100%; }
    div.timeline-centered-section div.timeline-block.route div.timeline-block-row {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column; }
      div.timeline-centered-section div.timeline-block.route div.timeline-block-row div.transport-details {
        color: #2376D8;
        cursor: pointer;
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
        z-index: 2;
        margin-bottom: 5px; }
        div.timeline-centered-section div.timeline-block.route div.timeline-block-row div.transport-details img {
          height: auto;
          width: 10px; }
          div.timeline-centered-section div.timeline-block.route div.timeline-block-row div.transport-details img.collapse {
            transform: rotate(180deg); }
    div.timeline-centered-section div.timeline-block.route div.timeline-block-row:nth-child(1) {
      margin-top: 16px; }
    div.timeline-centered-section div.timeline-block.route div.timeline-detail {
      flex: 1 1 auto; }
    div.timeline-centered-section div.timeline-block.route .timeline-icon {
      display: flex; }
      div.timeline-centered-section div.timeline-block.route .timeline-icon .icon {
        top: 6px; }
  div.timeline-centered-section div.timeline-block.custom_title-bar.primary {
    padding: 0; }
    div.timeline-centered-section div.timeline-block.custom_title-bar.primary h2:last-child {
      font-weight: lighter; }
  div.timeline-centered-section div.timeline-block.header-line {
    color: #ffffff;
    cursor: pointer;
    border-left: none; }
    div.timeline-centered-section div.timeline-block.header-line h2 {
      padding: 5px 0; }
    div.timeline-centered-section div.timeline-block.header-line .timeline-icon {
      position: absolute;
      bottom: 0;
      top: 0; }
      div.timeline-centered-section div.timeline-block.header-line .timeline-icon .day-number {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center; }
    div.timeline-centered-section div.timeline-block.header-line .timeline-detail {
      padding-left: 112px; }
      div.timeline-centered-section div.timeline-block.header-line .timeline-detail > div {
        display: flex;
        flex-direction: row; }
        div.timeline-centered-section div.timeline-block.header-line .timeline-detail > div .date {
          min-width: 205px; }
    div.timeline-centered-section div.timeline-block.header-line div.collapser {
      margin-right: 20px; }
      div.timeline-centered-section div.timeline-block.header-line div.collapser img {
        width: 20px;
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV"; }
      div.timeline-centered-section div.timeline-block.header-line div.collapser.flipped img {
        width: 20px;
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        filter: FlipV;
        -ms-filter: "FlipV"; }
  div.timeline-centered-section div.timeline-block div.timeline-icon {
    min-width: 100px;
    width: 100px;
    text-align: center;
    z-index: 2; }
    div.timeline-centered-section div.timeline-block div.timeline-icon div.day-number {
      margin: 0 auto;
      line-height: 51px;
      border-style: solid;
      border-top: none;
      border-bottom: none; }
      div.timeline-centered-section div.timeline-block div.timeline-icon div.day-number h4 {
        line-height: 51px; }
    div.timeline-centered-section div.timeline-block div.timeline-icon .icon {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      position: relative;
      left: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 4px 0 4px -16px; }
      div.timeline-centered-section div.timeline-block div.timeline-icon .icon img {
        width: 26px;
        height: 26px; }
      div.timeline-centered-section div.timeline-block div.timeline-icon .icon.gold {
        border-color: #DEB446;
        background-color: #DEB446; }
      div.timeline-centered-section div.timeline-block div.timeline-icon .icon.blue {
        border-color: #064789;
        background-color: #064789; }
      div.timeline-centered-section div.timeline-block div.timeline-icon .icon.green {
        border-color: #0F8843;
        background-color: #0F8843; }
      div.timeline-centered-section div.timeline-block div.timeline-icon .icon.orange {
        border-color: #EF4023;
        background-color: #EF4023; }
      div.timeline-centered-section div.timeline-block div.timeline-icon .icon.red {
        border-color: #C72927;
        background-color: #C72927; }
      div.timeline-centered-section div.timeline-block div.timeline-icon .icon.turquoise {
        border-color: #0AB6B4;
        background-color: #0AB6B4; }
      div.timeline-centered-section div.timeline-block div.timeline-icon .icon.purple {
        border-color: #0090ff;
        background-color: #0090ff; }
      div.timeline-centered-section div.timeline-block div.timeline-icon .icon.pink {
        border-color: #B87CC2;
        background-color: #B87CC2; }
    div.timeline-centered-section div.timeline-block div.timeline-icon div.activity-point {
      margin: 0.66em auto .66em auto;
      height: 2em;
      width: 2em;
      border-radius: 50%;
      background-clip: padding-box; }
  div.timeline-centered-section div.timeline-block div.timeline-cards {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap; }
    div.timeline-centered-section div.timeline-block div.timeline-cards div.card {
      align-self: flex-start; }
      div.timeline-centered-section div.timeline-block div.timeline-cards div.card div.card-detail {
        width: 100%;
        min-height: 132px; }
    div.timeline-centered-section div.timeline-block div.timeline-cards .card:nth-child(n+3) {
      margin-top: 10px; }
  div.timeline-centered-section div.timeline-block div.timeline-detail {
    flex: 1;
    display: flex;
    z-index: 2; }
    div.timeline-centered-section div.timeline-block div.timeline-detail img {
      margin-right: 1em; }
    div.timeline-centered-section div.timeline-block div.timeline-detail div.notes {
      padding: 0 0.5em 0 0.5em;
      border-style: solid; }
      div.timeline-centered-section div.timeline-block div.timeline-detail div.notes h3 {
        padding-top: 0.5em;
        font-weight: normal;
        margin-bottom: 0.5em; }
      div.timeline-centered-section div.timeline-block div.timeline-detail div.notes p {
        margin-bottom: 0.5em; }
      div.timeline-centered-section div.timeline-block div.timeline-detail div.notes.small {
        width: 300px; }
      div.timeline-centered-section div.timeline-block div.timeline-detail div.notes.full {
        width: 100%; }
    div.timeline-centered-section div.timeline-block div.timeline-detail span.transport-details {
      text-decoration: underline;
      color: -webkit-link;
      cursor: pointer;
      font-style: italic; }
    div.timeline-centered-section div.timeline-block div.timeline-detail.activity {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 190px;
      position: relative; }
      div.timeline-centered-section div.timeline-block div.timeline-detail.activity > div {
        text-align: center;
        width: 190px; }
      div.timeline-centered-section div.timeline-block div.timeline-detail.activity span.activity-type {
        background: rgba(0, 0, 0, 0.7);
        width: 190px;
        color: #ffffff;
        text-align: center;
        padding: 5px;
        top: 92px;
        position: absolute; }
    div.timeline-centered-section div.timeline-block div.timeline-detail span.time {
      font-style: italic;
      margin-right: 20px; }
    div.timeline-centered-section div.timeline-block div.timeline-detail.transport.voucher.card-border div.transport-image {
      display: none; }

div.timeline-centered-section div.timeline-centered-elements {
  position: relative;
  width: 100%;
  height: 100%; }
  div.timeline-centered-section div.timeline-centered-elements::before {
    content: '';
    position: absolute;
    width: 2px;
    left: calc(50% - 1px);
    top: 0;
    bottom: 0;
    background-color: #D7DBDD;
    z-index: 0; }
  div.timeline-centered-section div.timeline-centered-elements div.elements-centred-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: left; }
    div.timeline-centered-section div.timeline-centered-elements div.elements-centred-right div.timeline-block {
      display: flex;
      flex-direction: row;
      min-width: 50%;
      width: 50%; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-right div.timeline-block div.timeline-icon {
        margin-left: -25px;
        width: 50px;
        min-width: 50px; }
    div.timeline-centered-section div.timeline-centered-elements div.elements-centred-right div.timeline-cards {
      flex-direction: row; }
  div.timeline-centered-section div.timeline-centered-elements div.elements-centred-left {
    display: flex;
    flex-direction: row;
    text-align: right; }
    div.timeline-centered-section div.timeline-centered-elements div.elements-centred-left div.timeline-block {
      text-align: right;
      display: flex;
      flex-direction: row-reverse;
      min-width: 50%;
      width: 50%; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-left div.timeline-block div.timeline-block-row div.timeline-detail.transport.voucher {
        text-align: left; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-left div.timeline-block div.cards-column {
        display: flex;
        flex-direction: row-reverse;
        width: 100%; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-left div.timeline-block div.timeline-icon {
        margin-right: -25px;
        width: 50px;
        min-width: 50px; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-left div.timeline-block div.timeline-detail {
        flex-direction: row-reverse; }
  div.timeline-centered-section div.timeline-centered-elements div.elements-centred-both {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    div.timeline-centered-section div.timeline-centered-elements div.elements-centred-both div.timeline-block {
      position: relative;
      min-width: 100%; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-both div.timeline-block div.timeline-icon {
        position: absolute;
        left: calc(50% -25px);
        width: 50px;
        min-width: 50px; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-both div.timeline-block div.timeline-cards {
        min-width: 100%;
        display: flex; }
        div.timeline-centered-section div.timeline-centered-elements div.elements-centred-both div.timeline-block div.timeline-cards div.cards-column {
          width: 50%;
          display: flex; }
          div.timeline-centered-section div.timeline-centered-elements div.elements-centred-both div.timeline-block div.timeline-cards div.cards-column:nth-child(even) {
            flex-direction: row-reverse; }
            div.timeline-centered-section div.timeline-centered-elements div.elements-centred-both div.timeline-block div.timeline-cards div.cards-column:nth-child(even) .card {
              margin-right: 25px; }
          div.timeline-centered-section div.timeline-centered-elements div.elements-centred-both div.timeline-block div.timeline-cards div.cards-column:nth-child(odd) .card {
            margin-left: 25px; }
  div.timeline-centered-section div.timeline-centered-elements div.elements-centred-multi {
    display: flex;
    flex-direction: column; }
    div.timeline-centered-section div.timeline-centered-elements div.elements-centred-multi .timeline-block.route {
      align-items: flex-start;
      min-width: 50%;
      width: 50%;
      flex-direction: row-reverse;
      text-align: right; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-multi .timeline-block.route .timeline-icon {
        margin-right: -25px;
        width: 50px;
        min-width: 50px; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-multi .timeline-block.route .routing-detail {
        display: flex;
        flex-direction: column;
        align-items: flex-end; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-multi .timeline-block.route:nth-child(even) {
        align-self: flex-end;
        flex-direction: row;
        text-align: left; }
        div.timeline-centered-section div.timeline-centered-elements div.elements-centred-multi .timeline-block.route:nth-child(even) .timeline-icon {
          margin-left: -25px;
          margin-right: 0; }
        div.timeline-centered-section div.timeline-centered-elements div.elements-centred-multi .timeline-block.route:nth-child(even) .routing-detail {
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-multi .timeline-block.route .timeline-block-row {
        width: 100%; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-multi .timeline-block.route div.timeline-detail > div {
        width: 100%; }
      div.timeline-centered-section div.timeline-centered-elements div.elements-centred-multi .timeline-block.route div.timeline-cards {
        flex-direction: row; }

.margin-right-4 {
  margin-right: 4px; }

.display-flex {
  display: flex; }

.margin-left-2em {
  margin-left: 2em !important; }

div.transport-main {
  margin: 20px; }

.custom_company_details {
  font-style: italic;
  font-size: 14px;
  color: #5A5A5A; }
  .custom_company_details.tba_greyout {
    color: lightgray; }

div.transport-option {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  background: #fff;
  min-height: 198px;
  height: auto;
  width: 100%;
  border-style: solid; }
  div.transport-option .custom_tiny {
    text-transform: uppercase;
    font-weight: bold; }
  div.transport-option div.transport-image {
    padding: 0;
    width: 386px;
    position: relative; }
    div.transport-option div.transport-image div.t-img {
      height: 100%;
      width: 386px; }
      div.transport-option div.transport-image div.t-img.scheduledflight {
        background: url("../png/scheduled%20flight.png");
        background-size: cover; }
      div.transport-option div.transport-image div.t-img.charterflight {
        background: url("../png/charter%20flight.png");
        background-size: cover; }
      div.transport-option div.transport-image div.t-img.transfer {
        background: url("../png/transfer.png");
        background-size: cover; }
      div.transport-option div.transport-image div.t-img.train {
        background: url("../png/train.png");
        background-size: cover; }
      div.transport-option div.transport-image div.t-img.boat {
        background: url("../png/cruise.png");
        background-size: cover; }
      div.transport-option div.transport-image div.t-img.carhire {
        background: url("../png/car%20hire.png");
        background-size: cover; }
      div.transport-option div.transport-image div.t-img.helicopter {
        background: url("../png/helicopter.png");
        background-size: cover; }
      div.transport-option div.transport-image div.t-img.selfdrive {
        background: url("../png/self%20drive.png");
        background-size: cover; }
    div.transport-option div.transport-image .image-overlay {
      background: rgba(0, 0, 0, 0.6);
      color: #FFF;
      bottom: 0;
      position: absolute;
      height: 30px;
      line-height: 30px;
      padding: 0 10px;
      font-size: 16px;
      width: 100%;
      text-align: center; }
      div.transport-option div.transport-image .image-overlay .transport-type {
        text-transform: uppercase;
        font-weight: bold;
        margin-right: 5px; }
      div.transport-option div.transport-image .image-overlay .custom_caption {
        font-weight: bold; }
  div.transport-option div.transport-date {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: flex-start;
    min-width: 150px;
    max-width: 150px;
    padding-top: 14px;
    height: 100%;
    flex: 1;
    position: absolute;
    left: 0;
    top: 0px; }
    div.transport-option div.transport-date > div {
      width: 100%; }
    div.transport-option div.transport-date h4 {
      flex-wrap: wrap;
      padding-left: 1em;
      padding-right: 1em;
      text-align: center;
      color: #5A5A5A; }
  div.transport-option div.transport-detail {
    width: 100%; }
    div.transport-option div.transport-detail .transport-header {
      display: flex;
      margin-bottom: 15px;
      flex-direction: row;
      align-items: flex-start;
      min-height: 50px;
      position: relative;
      padding: 5px 10px; }
      div.transport-option div.transport-detail .transport-header .transport-name, div.transport-option div.transport-detail .transport-header .transport-reference, div.transport-option div.transport-detail .transport-header .transport-ticket {
        margin: 0 0 0 15px;
        color: #828282; }
      div.transport-option div.transport-detail .transport-header .transport-ticket {
        max-width: 520px; }
        div.transport-option div.transport-detail .transport-header .transport-ticket p {
          word-wrap: break-word;
          word-break: break-word; }
      div.transport-option div.transport-detail .transport-header.date {
        padding-left: 150px; }
    div.transport-option div.transport-detail .voucher-content {
      display: flex;
      flex-direction: column; }
    div.transport-option div.transport-detail .transport-journey {
      display: flex;
      display: -ms-flex;
      display: -webkit-flex;
      height: 35%;
      justify-content: space-between;
      flex-grow: 1;
      align-items: flex-start;
      min-height: 74px;
      padding-top: 15px; }
      div.transport-option div.transport-detail .transport-journey .journey-group {
        display: flex;
        display: -ms-flex;
        display: -webkit-flex;
        align-items: center;
        width: calc(50% - 65px); }
      div.transport-option div.transport-detail .transport-journey .departure-time, div.transport-option div.transport-detail .transport-journey .arrival-time {
        font-weight: bold;
        display: block; }
      div.transport-option div.transport-detail .transport-journey .transport-direction-image {
        flex-grow: 0;
        flex-basis: 130px;
        padding: 0 15px; }
        div.transport-option div.transport-detail .transport-journey .transport-direction-image .overnight-label {
          font-size: 13px;
          width: 100%;
          color: deepskyblue;
          text-align: center;
          min-height: 18px; }
      div.transport-option div.transport-detail .transport-journey .transport-direction-image {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: space-between;
        align-self: center; }
        div.transport-option div.transport-detail .transport-journey .transport-direction-image .duration-label {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: flex-end; }
          div.transport-option div.transport-detail .transport-journey .transport-direction-image .duration-label span {
            text-align: center;
            color: #979797; }
        div.transport-option div.transport-detail .transport-journey .transport-direction-image .custom_tiny {
          text-transform: none; }
      div.transport-option div.transport-detail .transport-journey .t-departure {
        padding: 0 30px 0 15px; }
      div.transport-option div.transport-detail .transport-journey .t-arrival {
        padding: 0 15px 0 30px; }
    div.transport-option div.transport-detail .transport-fineprint {
      display: flex;
      display: -ms-flex;
      display: -webkit-flex;
      justify-content: space-between;
      align-content: center;
      padding: 25px 15px; }
      div.transport-option div.transport-detail .transport-fineprint .fineprint-label {
        padding-right: 10px; }
        div.transport-option div.transport-detail .transport-fineprint .fineprint-label:last-child {
          padding: 0; }
      div.transport-option div.transport-detail .transport-fineprint div {
        text-align: left;
        flex-grow: 1; }
      div.transport-option div.transport-detail .transport-fineprint .sub-heading {
        margin-bottom: 5px;
        color: #828282; }
      div.transport-option div.transport-detail .transport-fineprint span {
        display: block; }
    div.transport-option div.transport-detail .transport-fineprint .fineprint-label.placeholder:nth-child(5) {
      display: none; }
    div.transport-option div.transport-detail .transport-fineprint .fineprint-label.placeholder:nth-child(4) {
      flex-grow: 1;
      flex-basis: 10%; }
    div.transport-option div.transport-detail .transport-fineprint .fineprint-label.placeholder:nth-child(3) {
      flex-grow: 2;
      flex-basis: 20%; }
    div.transport-option div.transport-detail .transport-fineprint .fineprint-label.placeholder:nth-child(2) {
      flex-grow: 3;
      flex-basis: 30%; }
  div.transport-option .transport-fineprint-noimage {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-content: flex-start;
    padding: 15px;
    flex-wrap: wrap;
    border-left-style: dashed;
    border-left-width: 2px;
    width: 300px;
    min-height: 100%;
    max-height: 100%;
    min-height: 198px; }
    div.transport-option .transport-fineprint-noimage div {
      display: block;
      min-width: 50%;
      max-width: 100%;
      margin-bottom: 10px;
      padding-right: 10px; }
      div.transport-option .transport-fineprint-noimage div:nth-child(even) {
        padding-right: 0; }
    div.transport-option .transport-fineprint-noimage .sub-heading {
      margin-bottom: 5px;
      color: #828282;
      font-size: 13px; }
    div.transport-option .transport-fineprint-noimage span {
      display: block; }
    div.transport-option .transport-fineprint-noimage .transport-fineprint-noimage .fineprint-label.placeholder:nth-child(5) {
      display: none; }
  div.transport-option.noimage div.transport-detail div.transport-header .transport-ticket {
    max-width: 650px; }

@media (min-width: 768px) and (max-width: 1024px) {
  div.transport-image {
    display: none; } }

@media (min-width: 768px) and (max-width: 950px) {
  div.transport-direction-image .overnight-label {
    left: 25px !important; } }

.travelArrangmentTable {
  background-color: #fff; }
  .travelArrangmentTable .mainHeading {
    color: #5a5a5a;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    border-style: solid;
    border-color: #d7dbdd;
    padding: 6px 12px 6px 12px;
    background: rgba(189, 195, 199, 0.6); }
  .travelArrangmentTable .grid {
    color: #5a5a5a;
    line-height: 28px;
    font-size: 12px;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 14px; }
    .travelArrangmentTable .grid .columnMed {
      padding-left: 12px;
      padding-right: 12px;
      width: 14%;
      text-align: left; }
    .travelArrangmentTable .grid .columnMedWithoutTicket {
      padding-left: 12px;
      padding-right: 12px;
      width: 28%;
      text-align: left; }
    .travelArrangmentTable .grid .columnXSmall {
      padding-left: 12px;
      padding-right: 12px;
      width: 5%; }
      .travelArrangmentTable .grid .columnXSmall .time {
        font-weight: bold;
        float: right; }
    .travelArrangmentTable .grid .columnSmall {
      padding-left: 12px;
      padding-right: 12px;
      width: 10%;
      text-align: left; }
    .travelArrangmentTable .grid .subHeading {
      text-transform: uppercase;
      display: flex;
      font-weight: bold;
      border-bottom: 1px solid rgba(213, 212, 207, 0.2);
      border-color: #f3f4f4; }
      .travelArrangmentTable .grid .subHeading .columnLarge {
        padding-left: 12px;
        padding-right: 12px;
        width: 22%;
        display: flex; }
    .travelArrangmentTable .grid .tableRow {
      display: flex;
      border-bottom: 1px solid rgba(213, 212, 207, 0.5);
      border-width: 1px;
      border-color: #f3f4f4;
      font-family: 'Open Sans';
      padding: 12px 0px 12px 0px; }
      .travelArrangmentTable .grid .tableRow .columnLarge {
        padding-left: 12px;
        padding-right: 12px;
        width: 22%; }
        .travelArrangmentTable .grid .tableRow .columnLarge .text {
          width: 90%; }