@charset "UTF-8"; .icon-sprite-weather { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-dbe5e788b00d63c4206bcaa8f2d0eb76/content/img/icons/weathericons.png'); background-color: transparent; background-repeat: no-repeat; } .icon-sprite-weather.cloudy { width: 70px; height: 80px; background-position: -16px -2000px; } .icon-sprite-weather.cloudywiththunder { width: 70px; height: 80px; background-position: -16px -1900px; } .icon-sprite-weather.cloudywiththunderandrain { width: 70px; height: 80px; background-position: -16px -1800px; } .icon-sprite-weather.cloudywithicerain { width: 70px; height: 80px; background-position: -16px -1700px; } .icon-sprite-weather.cloudywithlightrain { width: 70px; height: 80px; background-position: -16px -1600px; } .icon-sprite-weather.cloudywithheavyrain { width: 70px; height: 80px; background-position: -16px -1500px; } .icon-sprite-weather.cloudywithsnowandthunder { width: 70px; height: 80px; background-position: -16px -1400px; } .icon-sprite-weather.cloudywithsnow { width: 70px; height: 80px; background-position: -16px -1300px; } .icon-sprite-weather.cloudywithlightsleet { width: 70px; height: 80px; background-position: -16px -1200px; } .icon-sprite-weather.cloudywithheavysleet { width: 70px; height: 80px; background-position: -16px -1100px; } .icon-sprite-weather.partlycloudyandlightrain { width: 70px; height: 80px; background-position: -16px -1000px; } .icon-sprite-weather.partlycloudyandheavyrain { width: 70px; height: 80px; background-position: -16px -900px; } .icon-sprite-weather.foggy { width: 70px; height: 80px; background-position: -16px -800px; } .icon-sprite-weather.sunny { width: 70px; height: 80px; background-position: -16px -700px; } .icon-sprite-weather.partlycloudy { width: 70px; height: 80px; background-position: -16px -600px; } .icon-sprite-weather.partlycloudyandthundershower { width: 70px; height: 80px; background-position: -16px -500px; } .icon-sprite-weather.partlycloudywithicerain { width: 70px; height: 80px; background-position: -16px -400px; } .icon-sprite-weather.partlycloudywithsnowandthunder { width: 70px; height: 80px; background-position: -16px -300px; } .icon-sprite-weather.partlycloudywithsnow { width: 70px; height: 80px; background-position: -16px -200px; } .icon-sprite-weather.partlycloudywithlightsleet { width: 70px; height: 80px; background-position: -16px -100px; } .icon-sprite-weather.partlycloudywithheavysleet { width: 70px; height: 80px; background-position: -16px 0px; } /*$kola_color: #f9b232;*/ /*limestone_lighter*/ /*??*/ /*limestone*/ /*React apps*/ .zoneItem { clear: both; min-height: 24px; } .zoneItem .part { overflow: visible; } .dropZone { clear: both; } .dropZone .part.tab_container .containers .sectionContent { overflow: auto; width: 640px; } .dropPoint { clear: both; } #editorDialog iframe { overflow: auto; } body.nav_admin #top_navigation { visibility: hidden; } body.nav_admin .header_links a { display: block; text-indent: 50px; } body.nav_admin #main ul { list-style-type: none; margin: 0; } body.nav_admin #main ul.top_menu_admin li { background-color: #EAEAEA; margin: 5px; margin-bottom: 15px; padding: 5px; box-shadow: 2px 2px 3px #A0A0A0; } body.nav_admin #main ul.top_menu_admin li ul li { background-color: #fff; margin: 5px; padding: 5px; } body.nav_admin #main ul.top_menu_admin li ul li li { border-style: none; margin: 0; padding: 0; box-shadow: none; } body.parts_library h1 { font-size: 1.6em; } body.parts_library h2 { font-size: 1.4em; } body.parts_library div.reusable_part_preview { border: 2px dashed black; margin-bottom: 25px; margin-left: 0px; } body.parts_library div.reusable_part_preview > div { margin-left: 0px; } body.catalogue_spot_admin_page .content { width: 960px; margin: auto; } body.catalogue_spot_admin_page .explanation { background-color: #FCFDF6; } body.catalogue_spot_admin_page .assets { background-color: #F4A1A1; } body.catalogue_spot_admin_page .introduction_section { background-color: #F8F1BE; } body.catalogue_spot_admin_page .introduction_section_on_list_page { background-color: #FFFEE4; } body.catalogue_spot_admin_page .booking_box { background-color: #BEF8D5; } body.catalogue_spot_admin_page .bottom { background-color: #BED0F8; } /* %content-icon, %default-icon, %active-icon, %icon-size must be defined */ h1, h2, h3, h4, h5, h6, .reviews_page .information h2, .reviews_page .reviewcontainer h4, .climate_page .climate_table td:first-child, .travel_area_page .facts_section .title, .list_item h2, .list_item .textfacts .k_fact .heading, .address_box h3, .introduction_text .heading, .introduction .heading, table th, .flight_package_wrapper .hybrid-flight-disclaimer .heading, .flight_package_wrapper .show-more-box { font-stretch: normal; font-style: normal; color: #333333; font-family: "Filson W01 Bold", sans-serif; letter-spacing: normal; } .icon-sprite-weather { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-dbe5e788b00d63c4206bcaa8f2d0eb76/content/img/icons/weathericons.png'); background-color: transparent; background-repeat: no-repeat; } .icon-sprite-weather.cloudy { width: 70px; height: 80px; background-position: -16px -2000px; } .icon-sprite-weather.cloudywiththunder { width: 70px; height: 80px; background-position: -16px -1900px; } .icon-sprite-weather.cloudywiththunderandrain { width: 70px; height: 80px; background-position: -16px -1800px; } .icon-sprite-weather.cloudywithicerain { width: 70px; height: 80px; background-position: -16px -1700px; } .icon-sprite-weather.cloudywithlightrain { width: 70px; height: 80px; background-position: -16px -1600px; } .icon-sprite-weather.cloudywithheavyrain { width: 70px; height: 80px; background-position: -16px -1500px; } .icon-sprite-weather.cloudywithsnowandthunder { width: 70px; height: 80px; background-position: -16px -1400px; } .icon-sprite-weather.cloudywithsnow { width: 70px; height: 80px; background-position: -16px -1300px; } .icon-sprite-weather.cloudywithlightsleet { width: 70px; height: 80px; background-position: -16px -1200px; } .icon-sprite-weather.cloudywithheavysleet { width: 70px; height: 80px; background-position: -16px -1100px; } .icon-sprite-weather.partlycloudyandlightrain { width: 70px; height: 80px; background-position: -16px -1000px; } .icon-sprite-weather.partlycloudyandheavyrain { width: 70px; height: 80px; background-position: -16px -900px; } .icon-sprite-weather.foggy { width: 70px; height: 80px; background-position: -16px -800px; } .icon-sprite-weather.sunny { width: 70px; height: 80px; background-position: -16px -700px; } .icon-sprite-weather.partlycloudy { width: 70px; height: 80px; background-position: -16px -600px; } .icon-sprite-weather.partlycloudyandthundershower { width: 70px; height: 80px; background-position: -16px -500px; } .icon-sprite-weather.partlycloudywithicerain { width: 70px; height: 80px; background-position: -16px -400px; } .icon-sprite-weather.partlycloudywithsnowandthunder { width: 70px; height: 80px; background-position: -16px -300px; } .icon-sprite-weather.partlycloudywithsnow { width: 70px; height: 80px; background-position: -16px -200px; } .icon-sprite-weather.partlycloudywithlightsleet { width: 70px; height: 80px; background-position: -16px -100px; } .icon-sprite-weather.partlycloudywithheavysleet { width: 70px; height: 80px; background-position: -16px 0px; } /*$kola_color: #f9b232;*/ /*limestone_lighter*/ /*??*/ /*limestone*/ /*React apps*/ /* %content-icon, %default-icon, %active-icon, %icon-size must be defined */ h1, h2, h3, h4, h5, h6, .reviews_page .information h2, .reviews_page .reviewcontainer h4, .climate_page .climate_table td:first-child, .travel_area_page .facts_section .title, .list_item h2, .list_item .textfacts .k_fact .heading, .address_box h3, .introduction_text .heading, .introduction .heading, table th, .flight_package_wrapper .hybrid-flight-disclaimer .heading, .flight_package_wrapper .show-more-box { font-stretch: normal; font-style: normal; color: #333333; font-family: "Filson W01 Bold", sans-serif; letter-spacing: normal; } #breadcrumb { float: left; } #breadcrumb.catalogue_breadcrumb li.last { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-width: 0; padding: 3px 5px 9px 0; height: 16px; margin-top: -1px; margin-right: -1px; position: relative; top: 1px; } #breadcrumb.catalogue_breadcrumb li.last span { top: -6px; padding: 6px 15px 6px; display: block; position: relative; } #breadcrumb ol { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; } #breadcrumb ol li { float: left; margin-left: 5px; padding-top: 4px; } #breadcrumb ol li.first { padding-left: 0; padding-top: 6px; margin-left: 15px; } #breadcrumb ol li.first a { position: relative; top: -2px; height: 14px; width: 30px; float: left; } #breadcrumb ol li.last { margin-right: 10px; } #breadcrumb ol li a:before { float: right; content: ""; margin: 7px 5px 0px 5px; border: solid; border-width: 1px 1px 0px 0px; display: inline-block; padding: 2px; transform: rotate(45deg); } #breadcrumb .house { background: #333333; display: inline-block; height: 8px; margin-top: 7px; position: relative; width: 12px; } #breadcrumb .house:before { border-bottom: 5px solid #333333; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: -5px; width: 0; } #breadcrumb .house:after { background: #ffffff; content: ""; width: 4px; height: 4px; position: absolute; margin-left: 4px; margin-top: 4px; } #breadcrumb_shortcut_lists { right: 4px; z-index: 480; } #tab_navigation_shortcut_lists { top: 7px; } #breadcrumb_shortcut_lists, #tab_navigation_shortcut_lists { float: right; margin-right: 5px; position: relative; } .shortcut_list { padding: 2px 6px; margin: 0 2px; float: left; position: relative; cursor: pointer; } .shortcut_list h3 { cursor: pointer; } .shortcut_list > div { position: absolute; right: 0; } .shortcut_list .header { margin: 1px 0 2px 0; padding-right: 10px; display: block; } .shortcut_list.multi_column > div { right: 0; border-top-left-radius: 4px; } .shortcut_list.multi_column > div ul { float: left; } .shortcut_list.multi_column > div ul li:first-child { border: none; } .shortcut_list.multi_column .see_more { float: right; clear: both; white-space: nowrap; } .shortcut_list .options { display: none; z-index: 998; width: 100%; top: 24px; padding-top: 10px; } .shortcut_list .options a { padding: 6px; display: block; } .shortcut_list .options ul { margin-left: 4px; margin-right: 4px; } .shortcut_list .options ul li { clear: both; } .shortcut_list .options .last_column { float: left; position: relative; top: -13px; padding-top: 13px; left: 5px; padding-right: 10px; } .shortcut_list .options > a { margin: 0 4px 2px 4px; padding-left: 6px; padding-right: 6px; clear: both; } @media (max-width: 979px) { .responsive #tab_navigation_shortcut_lists { display: none; } } #tab_navigation { clear: both; width: 100%; margin: 0 auto; } #tab_navigation > ul { margin: 0px; } #tab_navigation > ul li { float: left; } #tab_navigation > ul > li { margin: 9px 0; height: 15px; position: relative; float: left; } #tab_navigation > ul > li.current, #tab_navigation > ul > li:hover { padding-top: 5px; margin: 4px 0 0 1px; height: 24px; } #tab_navigation > ul > li .tab_text { top: -7px; position: relative; display: block; padding: 8px 20px; } #tab_navigation > ul > li:first-child { margin-left: 0; } .bottom_section_tabs { margin: 0 auto; width: 360px; } #footer_tab_links { margin-top: 10px; } #footer_tab_links li { display: inline; clear: none; padding-right: 20px; margin-bottom: 5px; float: left; } .flex-tabs { display: flex; width: 100%; padding: 0 !important; margin: 0 auto !important; border-bottom: 5px solid #acddf0; justify-content: space-between; } .flex-tabs > li { float: left; background: #edf7fc; border: 1px solid #edf7fc; border-radius: 5px 5px 0 0; line-height: normal; text-align: center; list-style-type: none; flex-grow: 1; flex-basis: 0; } .flex-tabs > li > a { position: relative; float: left; padding: 10px 0; width: 100%; font-family: "Proxima Nova W01 Medium", sans-serif; text-decoration: none; } .flex-tabs > li > a .arrow-down { display: inline-block; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 5px solid #015790; border-right: 2px solid transparent; border-left: 2px solid transparent; } .flex-tabs > li.selected, .flex-tabs > li.expanded, .flex-tabs > li:hover { color: #000; background: #acddf0; border-color: #acddf0; } .flex-tabs > li.selected > a .arrow-down, .flex-tabs > li.expanded > a .arrow-down, .flex-tabs > li > a:hover .arrow-down { border-top-color: #ffffff; } @media all and (min-width: 768px) { .flex-tabs { font-size: 16px; } } @media only screen and (min-width: 569px) { .flex-tabs > li { margin: 0 10px !important; } .flex-tabs li:first-child { margin-left: 0 !important; } .flex-tabs li:last-child { margin-right: 0 !important; } } @media all and (max-width: 767px) { .flex-tabs { font-size: 13px; } } @media all and (max-width: 568px) { .flex-tabs { display: inherit; border-bottom: none; } .flex-tabs > li { width: 100%; margin-bottom: 4px !important; } .flex-tabs > li > a { padding: 10px 0px; } } #top_navigation a { text-decoration: none; } #top_navigation .top_header_links { display: none; } #top_navigation > .top_menu { position: relative; margin: 0 auto; height: 100%; width: 100%; } #top_navigation > .top_menu > .top_menu_item { padding-left: 0px; position: relative; line-height: 56px; height: 56px; } @media (min-width: 980px) { #top_navigation > .top_menu > .top_menu_item:not(:first-child) { margin-left: 32px; } } #top_navigation > .top_menu > .top_menu_item:hover > ul { visibility: visible; } @media (min-width: 980px) { #top_navigation > .top_menu > .top_menu_item { display: table-cell; display: flex; } #top_navigation > .top_menu > .top_menu_item:hover { box-shadow: 0 -5px 0 0 #1B1464 inset; } } #top_navigation > .top_menu > .top_menu_item.expandedMenu { height: auto; } #top_navigation > .top_menu > .top_menu_item.expandedMenu .top_menu_item > ul > li { float: none; } #top_navigation > .top_menu > .top_menu_item.expandedMenu ul > li { float: none; } #top_navigation > .top_menu > .top_menu_item.expandedMenu a { float: none; } #top_navigation > .top_menu > .top_menu_item.expandedMenu .menu_sub_section { visibility: visible; display: block; position: relative; width: auto; top: auto; } #top_navigation > .top_menu > .top_menu_item.expandedMenu .menu_sub_section .menu_sub_section_column { width: 100%; } #top_navigation > .top_menu > .top_menu_item.expandedMenu .menu_sub_section .menu_sub_section_column a { width: 100%; } #top_navigation > .top_menu > .top_menu_item.expandedMenu .menu_sub_section .menu_sub_section_column ul { display: block; float: none; } #top_navigation > .top_menu > .top_menu_item > a { display: block; } #top_navigation > .top_menu > .top_menu_item > ul { visibility: hidden; position: absolute; left: 0; border-top-width: 0; z-index: 500; list-style-type: none; display: block; } #top_navigation > .top_menu > .top_menu_item > ul > li { float: left; text-align: left; } #top_navigation > .top_menu > .top_menu_item > .menu_sub_section { top: 56px; padding-top: 4px; } #top_navigation > .top_menu > .top_menu_item > .menu_sub_section > .menu_sub_section_column { width: 200px; } #top_navigation > .top_menu > .top_menu_item > .menu_sub_section > .menu_sub_section_column > p { margin: 5px 0 4px 12px; } #top_navigation > .top_menu > .top_menu_item > .menu_sub_section > .menu_sub_section_column > ul { margin-bottom: 10px; } #top_navigation > .top_menu > .top_menu_item > .menu_sub_section > .menu_sub_section_column > ul > li { width: 100%; line-height: 21px; } @media (min-width: 980px) { #top_navigation > .top_menu > .top_menu_item > .menu_sub_section > .menu_sub_section_column > ul > li { line-height: 24px; } } #top_navigation > .top_menu > .top_menu_item > .menu_sub_section > .menu_sub_section_column > ul > li > a { width: 100%; padding: 0 15px; display: block; box-sizing: border-box; } @media (max-width: 979px) { #top_navigation { padding-top: 20px; position: fixed; top: 58px; width: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } #top_navigation.menu_expanded { width: 100%; z-index: 999; } } @media (max-width: 979px) and (max-width: 767px) { #top_navigation.menu_expanded > .top_menu > .top_menu_item a { padding-right: 20px; padding-left: 10px; } } @media (max-width: 979px) { #top_navigation .arrow { float: right; margin: 10px 16px 10px 10px; border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 8px; } #top_navigation .arrow.down_arrow { transform: rotate(45deg); -webkit-transform: rotate(45deg); } #top_navigation .arrow.up_arrow { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: 23px; } #top_navigation .top_header_links { display: block; float: left; width: 100%; padding-top: 5px; padding-bottom: 5px; background-color: rgba(255, 255, 255, 0.5); } #top_navigation .top_header_links li { padding-left: 5%; } #top_navigation .top_header_links a { width: 100%; text-decoration: none; float: left; line-height: 31px; font-size: 18px; } #top_navigation .top_menu ul { display: none; } #top_navigation .top_menu_item { width: 100%; text-align: left; font-size: 20px !important; } #top_navigation .top_menu_item > a { padding-right: 10px; } #top_navigation .top_menu_item > p { font-size: 18px; } #top_navigation .top_menu_item .menu_sub_section > .menu_sub_section_column ul { margin-bottom: 20px; } #top_navigation .top_menu_item .menu_sub_section > .menu_sub_section_column > ul > li { /* &:hover a { text-decoration: none; }*/ } #top_navigation .top_menu_item .menu_sub_section > .menu_sub_section_column > ul > li a { font-size: 18px; line-height: 31px; padding-left: 24px; } } @media (min-width: 980px) { #top_navigation #top_menu { width: 606px; display: flex; } } #filter_section { margin-bottom: 10px; } #filter_section .facilities_filter_section ul li, #filter_section .accommodation_type_filter_section ul li, #filter_section .segmentations_filter_section ul li, #filter_section .classifications_filter_section ul li { line-height: normal; } #filter_section .facilities_filter_section ul li fieldset, #filter_section .accommodation_type_filter_section ul li fieldset, #filter_section .segmentations_filter_section ul li fieldset, #filter_section .classifications_filter_section ul li fieldset { margin-top: 3px; margin-bottom: 3px; } #filter_section .facilities_filter_section ul li fieldset label, #filter_section .accommodation_type_filter_section ul li fieldset label, #filter_section .segmentations_filter_section ul li fieldset label, #filter_section .classifications_filter_section ul li fieldset label { display: table; } #filter_section .facilities_filter_section ul li fieldset label input, #filter_section .accommodation_type_filter_section ul li fieldset label input, #filter_section .segmentations_filter_section ul li fieldset label input, #filter_section .classifications_filter_section ul li fieldset label input { display: table-cell; } #filter_section .facilities_filter_section ul li fieldset label > span, #filter_section .accommodation_type_filter_section ul li fieldset label > span, #filter_section .segmentations_filter_section ul li fieldset label > span, #filter_section .classifications_filter_section ul li fieldset label > span { display: table-cell; vertical-align: middle; } #filter_section .facilities_filter_section ul li fieldset label > span .segmentation-text-label, #filter_section .facilities_filter_section ul li fieldset label > span .segmentation-icon-label, #filter_section .facilities_filter_section ul li fieldset label > span .segmentation-information-label, #filter_section .accommodation_type_filter_section ul li fieldset label > span .segmentation-text-label, #filter_section .accommodation_type_filter_section ul li fieldset label > span .segmentation-icon-label, #filter_section .accommodation_type_filter_section ul li fieldset label > span .segmentation-information-label, #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-text-label, #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-icon-label, #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label, #filter_section .classifications_filter_section ul li fieldset label > span .segmentation-text-label, #filter_section .classifications_filter_section ul li fieldset label > span .segmentation-icon-label, #filter_section .classifications_filter_section ul li fieldset label > span .segmentation-information-label { vertical-align: middle; } #filter_section .facilities_filter_section ul li fieldset label > span .segmentation-text-label img, #filter_section .facilities_filter_section ul li fieldset label > span .segmentation-icon-label img, #filter_section .facilities_filter_section ul li fieldset label > span .segmentation-information-label img, #filter_section .accommodation_type_filter_section ul li fieldset label > span .segmentation-text-label img, #filter_section .accommodation_type_filter_section ul li fieldset label > span .segmentation-icon-label img, #filter_section .accommodation_type_filter_section ul li fieldset label > span .segmentation-information-label img, #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-text-label img, #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-icon-label img, #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label img, #filter_section .classifications_filter_section ul li fieldset label > span .segmentation-text-label img, #filter_section .classifications_filter_section ul li fieldset label > span .segmentation-icon-label img, #filter_section .classifications_filter_section ul li fieldset label > span .segmentation-information-label img { vertical-align: middle; } #filter_section .facilities_filter_section ul li fieldset label > span .segmentation-text-label svg, #filter_section .facilities_filter_section ul li fieldset label > span .segmentation-icon-label svg, #filter_section .facilities_filter_section ul li fieldset label > span .segmentation-information-label svg, #filter_section .accommodation_type_filter_section ul li fieldset label > span .segmentation-text-label svg, #filter_section .accommodation_type_filter_section ul li fieldset label > span .segmentation-icon-label svg, #filter_section .accommodation_type_filter_section ul li fieldset label > span .segmentation-information-label svg, #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-text-label svg, #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-icon-label svg, #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label svg, #filter_section .classifications_filter_section ul li fieldset label > span .segmentation-text-label svg, #filter_section .classifications_filter_section ul li fieldset label > span .segmentation-icon-label svg, #filter_section .classifications_filter_section ul li fieldset label > span .segmentation-information-label svg { display: none; } @media (min-width: 768px) and (max-width: 979px) { #filter_section .facilities_filter_section ul li fieldset label > span .segmentation-icon-label img, #filter_section .accommodation_type_filter_section ul li fieldset label > span .segmentation-icon-label img, #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-icon-label img, #filter_section .classifications_filter_section ul li fieldset label > span .segmentation-icon-label img { width: 75px; } } #filter_section .facilities_filter_section ul li fieldset label > span .label, #filter_section .accommodation_type_filter_section ul li fieldset label > span .label, #filter_section .segmentations_filter_section ul li fieldset label > span .label, #filter_section .classifications_filter_section ul li fieldset label > span .label { vertical-align: middle; } #filter_section .facilities_filter_section ul li fieldset label > span .label .popover_box .bottomarrow, #filter_section .accommodation_type_filter_section ul li fieldset label > span .label .popover_box .bottomarrow, #filter_section .segmentations_filter_section ul li fieldset label > span .label .popover_box .bottomarrow, #filter_section .classifications_filter_section ul li fieldset label > span .label .popover_box .bottomarrow { line-height: 18px; } #filter_section .facilities_filter_section ul li fieldset label > span .label.cleared, #filter_section .accommodation_type_filter_section ul li fieldset label > span .label.cleared, #filter_section .segmentations_filter_section ul li fieldset label > span .label.cleared, #filter_section .classifications_filter_section ul li fieldset label > span .label.cleared { clear: none; display: inline-block; } #filter_section .facilities_filter_section ul li fieldset label > span .counter, #filter_section .accommodation_type_filter_section ul li fieldset label > span .counter, #filter_section .segmentations_filter_section ul li fieldset label > span .counter, #filter_section .classifications_filter_section ul li fieldset label > span .counter { display: inline-block; width: 40px; vertical-align: middle; } #filter_section .facilities_filter_section ul li fieldset label i.classification, #filter_section .accommodation_type_filter_section ul li fieldset label i.classification, #filter_section .segmentations_filter_section ul li fieldset label i.classification, #filter_section .classifications_filter_section ul li fieldset label i.classification { margin-right: 2px; display: inline-block; vertical-align: middle; float: none; } #filter_section .facilities_filter_section ul li fieldset label i.classification.value60 + filter-count .counter, #filter_section .accommodation_type_filter_section ul li fieldset label i.classification.value60 + filter-count .counter, #filter_section .segmentations_filter_section ul li fieldset label i.classification.value60 + filter-count .counter, #filter_section .classifications_filter_section ul li fieldset label i.classification.value60 + filter-count .counter { width: 26px; } #filter_section ul li { margin-bottom: 0px; margin-top: 2px; } #filter_section ul li fieldset { width: 100%; } #filter_section ul li fieldset input { margin: 3px; } #filter_section ul li fieldset label { display: inline-block; } #filter_section .country_filter_section button, #filter_section .area_filter_section button { width: 186px; } #filter_section .country_filter_section select, #filter_section .area_filter_section select { min-width: 186px; } @media (min-width: 768px) and (max-width: 979px) { .responsive #filter_section .country_filter_section button, .responsive #filter_section .area_filter_section button { width: 145px; } .responsive #filter_section .country_filter_section select, .responsive #filter_section .area_filter_section select { min-width: 145px; max-width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .responsive #filter_section .country_filter_section button, .responsive #filter_section .area_filter_section button { width: 240px; } .responsive #filter_section .country_filter_section select, .responsive #filter_section .area_filter_section select { min-width: 240px; max-width: 100%; } .responsive #filter_section .country_filter_section { float: left; margin-right: 20px; } } #bottom_section { width: 960px; position: relative; margin-left: auto; margin-right: auto; clear: both; margin-top: 20px; } #bottom_section .headertab { margin: 0px; } #bottom_section .currenttab { padding: 7px 10px; position: relative; z-index: 1; } #bottom_section .currenttab h2 { margin: 0; } #bottom_section li { float: left; margin: 0 5px 0 0; padding: 12px 10px; } #bottom_section .next { position: absolute; top: 35px; right: 0; cursor: pointer; z-index: 8000; } #bottom_section .previous { position: absolute; cursor: pointer; margin-top: 35px; margin-right: -50px; z-index: 8000; } #bottom_section .classification { float: none; } #bottom_section .bottom_section_container { clear: both; position: relative; } #bottom_section .row_of_siblings { padding: 20px 0px 10px 10px; margin-left: 15px; } #bottom_section .row_of_siblings .sibling { padding-right: 0; margin-left: 10px; } #bottom_section .sibling-previous, #bottom_section .sibling-next { z-index: 8000; position: absolute; top: 30px; font-size: 35px; } #bottom_section .sibling-previous { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; padding: 9px 4px 12px 4px; } #bottom_section .sibling-previous:before { content: "\00AB"; } #bottom_section .sibling-next { right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; padding: 9px 3px 12px 5px; } #bottom_section .sibling-next:after { content: "\00BB"; } #bottom_section .sibling .more_info { padding: 15px; } #bottom_section .sibling .more_info .bottomarrow { position: absolute; bottom: -12px; } #bottom_section .sibling .more_info h3 { margin-bottom: 5px; margin-top: 0px; } #bottom_section .sibling a { width: 100%; /* definition in _default.scss */ } #bottom_section .sibling a img { width: 100%; height: auto; } @media (min-width: 768px) and (max-width: 979px) { .responsive #bottom_section { width: 744px; } } @media (max-width: 767px) { .responsive #bottom_section { display: none; } } #left_nav { padding: 15px 0; margin-bottom: 20px; } #left_nav h2 { margin: 0; } #left_nav > ul { padding-top: 15px; } #left_nav li a { display: block; padding: 3px 0px 3px 5px; margin-bottom: 1px; } #left_nav li li > a { padding-left: 15px; } #left_nav li li li > a { padding-left: 30px; } #left_nav li li li li > a { padding-left: 45px; } #left_nav li li li li li > a { padding-left: 60px; } @media (max-width: 767px) { .responsive #left_nav ul { padding-top: 0; } } .search-form { width: 100%; background-color: #ffffff; display: flex; } @media (min-width: 980px) { .search-form { flex-direction: row-reverse; } } .search-form__text-input, .search-form .st-default-search-input { font-size: 14px; font-family: "Proxima N W01 Reg", sans-serif; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; height: 38px; width: calc(100% - 76px); border-radius: 2px 0 0 2px; border: 1px solid transparent; outline: none; box-sizing: border-box; text-indent: 5px; } .search-form__text-input::-moz-placeholder, .search-form .st-default-search-input::-moz-placeholder { color: #c6c8ca; } .search-form__text-input:-ms-input-placeholder, .search-form .st-default-search-input:-ms-input-placeholder { color: #c6c8ca; } .search-form__text-input::placeholder, .search-form .st-default-search-input::placeholder { color: #c6c8ca; } .search-form__button { background-color: #ffffff; outline: none; -webkit-appearance: button; cursor: pointer; height: 38px; border-radius: 0 2px 2px 0; border: 1px solid transparent; border-left: 0; box-sizing: border-box; padding: 0; width: 76px; font-size: 15px; } .search-form__icon { display: none; } @media (min-width: 980px) { .search-form--narrow .search-form__text-input, .search-form--narrow .st-default-search-input { height: 32px; width: calc(100% - 25px); border: none; } } @media (min-width: 980px) { .search-form--narrow .search-form__button { background-color: #ffffff; height: 32px; width: 32px; border: none; } .search-form--narrow .search-form__button svg { width: 15px; height: 15px; } .search-form--narrow .search-form__button .search-form__icon { display: inline; } .search-form--narrow .search-form__button .search-form__text { display: none; } } .st-results-container-secondary-header { margin: 0; } .swiftype-widget .autocomplete li.active { background: #E6E5DF; box-shadow: none; border-top: 1px solid #E6E5DF; border-bottom: 1px solid #E6E5DF; } .swiftype-widget .autocomplete li.active p.title { text-shadow: none; color: #1B1464; } .swiftype-widget .autocomplete li p { font-size: 14px; } .swiftype-widget .autocomplete li p .title { color: #1B1464; font-family: "Proxima N W01 Reg", sans-serif; margin: 0; padding: 0; } @media (min-width: 1200px) { .swiftype-widget .autocomplete { min-width: 300px; } } .search_as_you_type_menu .ui-menu-item { padding-bottom: 3px; } .search_as_you_type_menu li:last-child { padding-bottom: 0px; } .expandable_wrapper a.hideLink, .expandable_wrapper a.showLink { height: 17px; padding-right: 18px; float: left; } .body_facts_region .gradient_text { height: 30px; margin-top: -30px; overflow-x: hidden; overflow-y: hidden; position: relative; background: linear-gradient(bottom, white 15%, rgba(255, 255, 255, 0) 100%); } .tab_container > ul { margin-bottom: 10px; margin-left: 0px !important; } .tab_container > ul > li { display: inline-block; list-style-type: none; margin-right: 20px; } .tab_container > div { display: none; } .tab_container > div:first-of-type { display: block; } .btn { display: inline-block; font-family: "Filson W01 Bold", sans-serif; font-weight: 400; color: #fff; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 0.1rem solid transparent; cursor: pointer; box-sizing: border-box; letter-spacing: -0.04rem; padding: 1.1rem 2rem; font-size: 1.6rem; line-height: 1.8rem; border-radius: 0.4rem; transition: color .10s ease-in-out, background-color .10s ease-in-out, border-color .10s ease-in-out, box-shadow .10s ease-in-out; } .btn:hover { color: #fff; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; } .btn.disabled, .btn:disabled { cursor: not-allowed; } .btn a.btn.disabled, .btn fieldset:disabled a.btn { pointer-events: none; cursor: not-allowed; } .btn-primary { color: #fff; background-color: #1B5FCB; border-color: #1B5FCB; } .btn-primary:hover, .btn-primary:active { color: #fff; background-color: #054AAD; border-color: #054AAD; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #054AAD; border-color: #054AAD; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); } .btn-primary.disabled, .btn-primary:disabled { color: #ffffff; background-color: #C7C8CA; border-color: #C7C8CA; } .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #1B1464; border-color: #1B1464; } .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(27, 95, 203, 0.5); } .btn-outline-primary { color: #1B5FCB; border-color: #1B5FCB; border: 1px solid; background-color: #fff; } .btn-outline-primary:hover, .btn-outline-primary:active { color: #fff; background-color: #1B5FCB; border-color: #1B5FCB; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #ffffff; background-color: #C7C8CA; border-color: #C7C8CA; } .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #1B5FCB; border-color: #1B5FCB; } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(27, 95, 203, 0.5); } .btn-outline-transparent-primary { color: #1B5FCB; border-color: #1B5FCB; border: 1px solid; background-color: transparent; } .btn-outline-transparent-primary:hover, .btn-outline-transparent-primary:active { color: #1B5FCB; background-color: transparent; border-color: #1B5FCB; } .btn-outline-transparent-primary.disabled, .btn-outline-transparent-primary:disabled { color: #1B5FCB; background-color: #C7C8CA; border-color: #C7C8CA; } .btn-outline-transparent-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-transparent-primary.dropdown-toggle { color: #1B5FCB; background-color: transparent; border-color: #1B5FCB; } .btn-outline-transparent-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-transparent-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(27, 95, 203, 0.5); } .btn-cta { color: #fff; background-color: #E364C1; border-color: #E364C1; } .btn-cta:hover, .btn-cta:active { color: #fff; background-color: #BB3E96; border-color: #BB3E96; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); } .btn-cta:focus, .btn-cta.focus { color: #fff; background-color: #BB3E96; border-color: #BB3E96; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); } .btn-cta.disabled, .btn-cta:disabled { color: #ffffff; background-color: #C7C8CA; border-color: #C7C8CA; } .btn-cta:not(:disabled):not(.disabled).active, .show > .btn-cta.dropdown-toggle { color: #fff; background-color: #BB3E96; border-color: #BB3E96; } .btn-cta:not(:disabled):not(.disabled).active:focus, .show > .btn-cta.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(227, 100, 193, 0.5); } .btn-outline-cta { color: #E364C1; border-color: #E364C1; border: 1px solid; background-color: #fff; } .btn-outline-cta:hover, .btn-outline-cta:active { color: #fff; background-color: #E364C1; border-color: #E364C1; } .btn-outline-cta.disabled, .btn-outline-cta:disabled { color: #ffffff; background-color: #C7C8CA; border-color: #C7C8CA; } .btn-outline-cta:not(:disabled):not(.disabled).active, .show > .btn-outline-cta.dropdown-toggle { color: #fff; background-color: #E364C1; border-color: #E364C1; } .btn-outline-cta:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-cta.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(227, 100, 193, 0.5); } .btn-outline-transparent-cta { color: #E364C1; border-color: #E364C1; border: 1px solid; background-color: transparent; } .btn-outline-transparent-cta:hover, .btn-outline-transparent-cta:active { color: #E364C1; background-color: transparent; border-color: #E364C1; } .btn-outline-transparent-cta.disabled, .btn-outline-transparent-cta:disabled { color: #E364C1; background-color: #C7C8CA; border-color: #C7C8CA; } .btn-outline-transparent-cta:not(:disabled):not(.disabled).active, .show > .btn-outline-transparent-cta.dropdown-toggle { color: #E364C1; background-color: transparent; border-color: #E364C1; } .btn-outline-transparent-cta:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-transparent-cta.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(227, 100, 193, 0.5); } .btn-information { color: #fff; background-color: #1B1464; border-color: #1B1464; } .btn-information:hover, .btn-information:active { color: #fff; background-color: #041049; border-color: #041049; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); } .btn-information:focus, .btn-information.focus { color: #fff; background-color: #041049; border-color: #041049; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); } .btn-information.disabled, .btn-information:disabled { color: #ffffff; background-color: #C7C8CA; border-color: #C7C8CA; } .btn-information:not(:disabled):not(.disabled).active, .show > .btn-information.dropdown-toggle { color: #fff; background-color: #041049; border-color: #041049; } .btn-information:not(:disabled):not(.disabled).active:focus, .show > .btn-information.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(27, 20, 100, 0.5); } .btn-outline-information { color: #1B1464; border-color: #1B1464; border: 1px solid; background-color: #fff; } .btn-outline-information:hover, .btn-outline-information:active { color: #fff; background-color: #1B1464; border-color: #1B1464; } .btn-outline-information.disabled, .btn-outline-information:disabled { color: #ffffff; background-color: #C7C8CA; border-color: #C7C8CA; } .btn-outline-information:not(:disabled):not(.disabled).active, .show > .btn-outline-information.dropdown-toggle { color: #fff; background-color: #1B1464; border-color: #1B1464; } .btn-outline-information:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-information.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(27, 20, 100, 0.5); } .btn-outline-transparent-information { color: #1B1464; border-color: #1B1464; border: 1px solid; background-color: transparent; } .btn-outline-transparent-information:hover, .btn-outline-transparent-information:active { color: #1B1464; background-color: transparent; border-color: #1B1464; } .btn-outline-transparent-information.disabled, .btn-outline-transparent-information:disabled { color: #1B1464; background-color: #C7C8CA; border-color: #C7C8CA; } .btn-outline-transparent-information:not(:disabled):not(.disabled).active, .show > .btn-outline-transparent-information.dropdown-toggle { color: #1B1464; background-color: transparent; border-color: #1B1464; } .btn-outline-transparent-information:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-transparent-information.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(27, 20, 100, 0.5); } .btn-tertiary, .btn-tertiary:hover { border: none; color: #333333; } .btn-xs { letter-spacing: 0; padding: 0.3rem 1.2rem; font-size: 1.2rem; line-height: 1.7; border-radius: 0.4rem; } .btn-sm, .btn-group-sm > .btn { letter-spacing: 0; padding: 0.4rem 1.4rem; font-size: 1.4rem; line-height: 1.3; border-radius: 0.2rem; } .btn-lg, .btn-group-lg > .btn { letter-spacing: -0.04rem; padding: 0.5rem 1.8rem; font-size: 1.8rem; line-height: 1.44; border-radius: 0.4rem; border-width: 0.2rem; } .btn-xl { letter-spacing: -0.04rem; padding: 1.9rem 1.8rem; font-size: 1.8rem; line-height: 1.8rem; border-radius: 0.5rem; border-width: 0.2rem; } .btn-full-width { display: block; width: 100%; } .btn-full-width + .btn-full-width { margin-top: 0.5rem; } .btn-right { float: right; } .btn-left { float: left; } .btn-center { margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .product .part.product .btn.btn-booking { position: relative; bottom: 0; float: right; width: 40%; } } @media (max-width: 979px) { .product .part.product .btn.btn-booking { position: relative; bottom: 0; float: right; } } @media (min-width: 480px) and (max-width: 979px) { .product .part.product .btn.btn-booking { width: 25%; } } @media (min-width: 768px) and (max-width: 979px) { .product .part.product .btn.btn-booking { clear: both; position: absolute; left: 9px; right: 9px; float: none; bottom: 10px; margin-left: 0; margin-top: 8px; width: 182px; } } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; font-size: 1.3rem; border-width: 2px; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -0.1rem; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .background_image_slideshow { position: absolute; left: 0; top: 0; z-index: 999; } .background_image_slideshow.control { top: 170px; cursor: pointer; } .background_image_slideshow.next { right: 0; left: auto; } .background_image_wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; display: none; } .background_image_wrapper.current { display: block; } .background_image_wrapper img { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; } .background_image_wrapper .caption_wrapper { position: relative; width: 960px; margin: 0 auto; } .background_image_wrapper .caption_wrapper .background_caption { position: absolute; top: 125px; left: 340px; } div.banner { position: absolute; margin-left: 980px; } @media (max-width: 979px) { .responsive div.banner { display: none; } } .breadcrumb_wrapper { width: 960px; margin: 0 auto; } @media (max-width: 979px) { .responsive .breadcrumb_wrapper #breadcrumb_shortcut_lists { display: none; } } @media (min-width: 768px) and (max-width: 979px) { .responsive .breadcrumb_wrapper { width: 744px; } } @media (max-width: 767px) { .responsive .breadcrumb_wrapper { clear: both; width: 100%; } } .search_result_item { padding-bottom: 15px; padding-top: 15px; } .search_result_item .title { float: left; } .search_result_item .classification { float: left; margin-left: 5px; } .search_result_item .trail { clear: both; float: left; margin: 0; } .search_result_item .text { clear: both; float: left; } .search_result_item .thumbnail { width: 100%; } @media (max-width: 767px) { .responsive .search_result_item .text_column { width: 67%; float: left; } .responsive .search_result_item .image_column { width: 30%; float: right; } } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } :root { font-size: 62.5%; } :root body { height: 100%; margin: 0; background-color: #EFEEE9; font-size: 1.4rem; font-family: "Proxima N W01 Reg", sans-serif; line-height: 1.44; min-width: 320px; color: #333333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { margin-top: 0; margin-bottom: 1rem; } a { cursor: pointer; text-decoration: none; color: #1b5fcb; } a:hover { text-decoration: underline; } ul, li { margin: 0; padding: 0; } ul { list-style-type: none; display: block; } img { max-width: 100%; height: auto; } svg { overflow: hidden; vertical-align: middle; } hr { margin: 1rem 0; box-sizing: content-box; height: 0; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); overflow: visible; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; margin-top: 0; margin-bottom: 1rem; } h1 { font-size: 26px; line-height: 1.23; letter-spacing: -0.5px; } h2 { font-size: 18px; line-height: 1.11; letter-spacing: -0.2px; } h3 { font-size: 16px; line-height: 1.13; } h4 { font-size: 14px; line-height: 1.36; } h5 { margin-bottom: 10px; font-size: 13px; line-height: 18px; } h6 { font-size: 10px; line-height: 1; letter-spacing: 0.33px; text-transform: uppercase; } .preamble { font-size: 1.6rem; line-height: 1.3em; } html, body, div, span, object, iframe, p, a, big, img, strike, strong, sub, b, u, i, center, fieldset, form, label, table, tbody, thead, tr, th, td, footer, header, nav, section, video, input, select { margin: 0; padding: 0; } html, .angular-wrapper { height: 100%; } iframe, table, img, fieldset { border: none; } #page_subcontainer { height: 100%; display: flex; flex-direction: column; box-sizing: border-box; } #main { clear: both; position: relative; background-color: #fff; width: 960px; border-radius: 0; flex: 1 0 auto; } #main .container { position: relative; margin-top: 10px; padding-left: 10px; } p { margin-bottom: 1rem; } .clear { clear: both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } b, strong { font-weight: inherit; font-family: "Proxima N W01 Bold", sans-serif; } .part { min-width: 104px; } textarea { resize: none; } @media (max-width: 979px) { .hidden_when_mobile { display: none !important; } } @media (max-width: 767px) { .below_left_nav { display: none; } } .visibility_hidden { visibility: hidden; } @media (min-width: 480px) { .show-mobile { display: none !important; } } @media (max-width: 767px) { .hidden-mobile { display: none !important; } } /* resusable hover effect for clickable images */ #bottom_section .sibling a img, .part a img, .top_hotels .accommodation_item a img, .important_commercial_content a img { transition: ease-in-out 0.25s; } #bottom_section .sibling a img:hover, .part a img:hover, .top_hotels .accommodation_item a img:hover, .important_commercial_content a img:hover { filter: brightness(1.09); opacity: 0.9; } .content_page h2, .content_page h3, .content_page h4, .content_page h5 { margin-top: 20px; } .rich_text_part h2, .rich_text_part h3, .rich_text_part h4, .rich_text_part h5 { margin-top: 20px; } .part h2, .part h3, .part h4, .part h5 { margin-top: 0px; } .part h2:first-child, .part h3:first-child, .part h4:first-child, .part h5:first-child { margin-top: 0px; } h2, h3, h4, h5 { margin-top: 0px; } #main { margin: 0 auto; } @media (min-width: 768px) and (max-width: 979px) { .responsive #main { width: 744px; } } @media (max-width: 767px) { .responsive #main { width: 100%; padding-right: 0; margin-right: 0; } .responsive #main .container { padding-right: 10px; } } /* JavaScript disabled fallback styles */ .no-js img.lazyload { display: none; } .loader, .angular-loader { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-5ba9209486dfac79691a1b2ebf5f22e8/content/img/loader.gif'); background-position: center center; background-repeat: no-repeat; height: 32px; margin: 10px auto; width: 32px; } .dot-loader, .dot-loader:before, .dot-loader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: dotloader 1.8s infinite ease-in-out; animation: dotloader 1.8s infinite ease-in-out; } .dot-loader { color: #FAA61A; font-size: 8px; margin: 80px auto; position: relative; text-indent: -9999em; transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .dot-loader:before, .dot-loader:after { content: ''; position: absolute; top: 0; } .dot-loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .dot-loader:after { left: 3.5em; } @-webkit-keyframes dotloader { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes dotloader { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } .search_as_you_type_menu { background-color: #ffffff; } .search_as_you_type_menu .ui-menu-item a.ui-state-focus { margin: 0; } .list_image_slideshow { width: 100%; } .list_image_slideshow .loader { position: absolute; background-color: white; opacity: 0.8; margin-left: 50%; top: 30%; left: -16px; } .list_image_slideshow .controls { position: relative; } .list_image_slideshow .controls .navigation { margin: 0 auto; position: relative; width: 40px; } .list_image_slideshow .controls .navigation i { position: absolute; cursor: pointer; margin: 3px; top: 0px; } .list_image_slideshow .controls .navigation i.next { right: 0; } .list_image_slideshow .controls .navigation i.prev { left: 0; } .list_image_slideshow .controls div.enlarge_wrapper { cursor: pointer; position: absolute; right: 3px; top: 2px; } .list_image_slideshow.single .navigation { display: none; } .rsDefault { background: none; background-color: black; height: 0; } .rsDefault.list_image_gallery.gallery_small { background-color: transparent; } .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault rsVideoFrameHolder, .rsDefault .rsThumbs { background: none; } .rsDefault .rsThumb.rsNavSelected { background: none; } .rsDefault .rsGCaption { width: 100%; float: left; text-align: center; margin-left: auto; margin-right: auto; bottom: 0px; left: 0; } .rsDefault .rsArrowIcn { background: url('//cdn-prod-green-www.apollorejser.dk/v-8af173ec5a64577f7e52ef68100b2f53/content/img/royalslider/rs-default.png') 0 0; background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .rsDefault .rsThumbsArrowIcn { background: url('//cdn-prod-green-www.apollorejser.dk/v-8af173ec5a64577f7e52ef68100b2f53/content/img/royalslider/rs-default.png'); } .rsDefault .rsFullscreenIcn { background: url('//cdn-prod-green-www.apollorejser.dk/v-8af173ec5a64577f7e52ef68100b2f53/content/img/royalslider/rs-default.png') 0 0; background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .rsDefault .rsPlayBtnIcon { background: url('//cdn-prod-green-www.apollorejser.dk/v-8af173ec5a64577f7e52ef68100b2f53/content/img/royalslider/rs-default.png') no-repeat 0 -32px; } .rsDefault .rsCloseVideoIcn { background: url('//cdn-prod-green-www.apollorejser.dk/v-8af173ec5a64577f7e52ef68100b2f53/content/img/royalslider/rs-default.png') -64px 0; } .rsDefault .rsPreloader { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-3f3c90a43fd90238445e07adce9d11e7/content/img/royalslider/preloader-white.gif'); } .rsDefault .grab-cursor { cursor: url('//cdn-prod-green-www.apollorejser.dk/v-64cb702166af44d4bb113d9670729f61/content/img/royalslider/grab.png') 8 8, move; } .rsDefault .grabbing-cursor { cursor: url('//cdn-prod-green-www.apollorejser.dk/v-b268eb32d273a6c2e1d52ae97b08ba69/content/img/royalslider/grabbing.png') 8 8, move; } .rsDefault .rsLink { background: url('//cdn-prod-green-www.apollorejser.dk/v-d7533e918d9d89a61a8e9e0d10f4e351/content/img/royalslider/blank.gif'); } .rsDefault .rsSlide, .rsDefault rsVideoFrameHolder { background: none; background-color: transparent; } .rsDefault .rsOverflow { background: none; } .rsDefault .rsArrow, .rsDefault .rsNav, .rsDefault .rsThumbsArrow, .rsDefault .rsFullscreenBtn { opacity: 1; transition: opacity 0.3s linear; } .rsDefault .rsArrow.rsHidden { visibility: visible; opacity: 0.2; } .rsDefault .map_gallery_iframe { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 80%; height: 80%; } .gm-style-iw { max-height: 320px; } .royalSlider.hidden { display: none; visibility: hidden; } .royalSlider.hidden.rsFullscreen { display: block; visibility: visible; } .rsDefault.rsFullscreen .rsLink { cursor: default; } .gallery_small img.rsImg { width: 100% !important; height: 100% !important; margin-left: 0 !important; margin-top: 0 !important; } .gallery_small .rsOverflow { background: white; } .gallery_small .imagedescriptionlist { display: none; } .list_image_gallery { width: 100%; } .manual_image_slideshow .rsDefault .rsGCaption { position: relative; } .list_image_gallery.gallery_small .rsGCaption { bottom: -3px; display: block; background: none; color: black; padding: 0; position: relative; } .list_image_gallery.gallery_small .rsGCaption .rsCaption { margin: 0; } .list_image_gallery.gallery_small .rsGCaption .rsCaption .empty-caption { visibility: hidden; } .list_image_gallery.rsFullscreen .image-numbering { font-family: "Proxima N W01 Bold", sans-serif; } @media (max-width: 767px) { .gallery_small .rsFullscreenBtn { display: none; } } .sun_classification { display: none; } .checkbox_container { display: inline-table; } .checkbox_container input ~ svg { display: none; } .hotel-filters-section, .filters-section { margin-left: 0 !important; } .hotel-filters-section #filter_section, .hotel-filters-section .filter-section, .filters-section #filter_section, .filters-section .filter-section { border-radius: 4px; margin-bottom: 10px; } .hotel-filters-section #filter_section .filter_section_heading h2, .hotel-filters-section .filter-section .filter_section_heading h2, .filters-section #filter_section .filter_section_heading h2, .filters-section .filter-section .filter_section_heading h2 { font-size: 16px; } .hotel-filters-section #filter_section .filter_section_heading svg, .hotel-filters-section .filter-section .filter_section_heading svg, .filters-section #filter_section .filter_section_heading svg, .filters-section .filter-section .filter_section_heading svg { display: none; } .hotel-filters-section #filter_section .filter_section_body.expanded, .hotel-filters-section .filter-section .filter_section_body.expanded, .filters-section #filter_section .filter_section_body.expanded, .filters-section .filter-section .filter_section_body.expanded { display: block; } .hotel-filters-section #filter_section .filter-count, .hotel-filters-section .filter-section .filter-count, .filters-section #filter_section .filter-count, .filters-section .filter-section .filter-count { margin-left: 5px; } .hotel-filters-section #filter_section h2, .hotel-filters-section .filter-section h2, .filters-section #filter_section h2, .filters-section .filter-section h2 { margin: 10px; } .hotel-filters-section #filter_section .heading, .hotel-filters-section .filter-section .heading, .filters-section #filter_section .heading, .filters-section .filter-section .heading { background-color: #acddf0; border: 1px solid #acddf0; font-size: 13px; text-shadow: 1px 1px 2px #ffffff; font-family: "Filson W01 Bold", sans-serif; margin: 0px -1px; padding: 2px 0 0px 14px; height: 22px; } .hotel-filters-section #filter_section h4, .hotel-filters-section .filter-section h4, .filters-section #filter_section h4, .filters-section .filter-section h4 { font-size: 12px; margin-top: 2px; } .hotel-filters-section #filter_section ul, .hotel-filters-section .filter-section ul, .filters-section #filter_section ul, .filters-section .filter-section ul { margin: 0 8px 14px 8px; } .hotel-filters-section #filter_section ul li, .hotel-filters-section .filter-section ul li, .filters-section #filter_section ul li, .filters-section .filter-section ul li { border-bottom: 1px solid #dbeff9; } .hotel-filters-section #filter_section .popover_box ul, .hotel-filters-section .filter-section .popover_box ul, .filters-section #filter_section .popover_box ul, .filters-section .filter-section .popover_box ul { margin-left: 0; } .hotel-filters-section #filter_section .popover_box ul li, .hotel-filters-section .filter-section .popover_box ul li, .filters-section #filter_section .popover_box ul li, .filters-section .filter-section .popover_box ul li { border: none; list-style-type: disc; } .hotel-filters-section #filter_section .smallheading, .hotel-filters-section .filter-section .smallheading, .filters-section #filter_section .smallheading, .filters-section .filter-section .smallheading { padding-top: 5px; } .hotel-filters-section #filter_section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container.countries_and_travelareas_filter_container_hidden, .hotel-filters-section .filter-section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container.countries_and_travelareas_filter_container_hidden, .filters-section #filter_section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container.countries_and_travelareas_filter_container_hidden, .filters-section .filter-section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container.countries_and_travelareas_filter_container_hidden { display: none; } .hotel-filters-section #filter_section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container.countries_and_travelareas_filter_container_shown, .hotel-filters-section .filter-section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container.countries_and_travelareas_filter_container_shown, .filters-section #filter_section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container.countries_and_travelareas_filter_container_shown, .filters-section .filter-section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container.countries_and_travelareas_filter_container_shown { display: block; } .hotel-filters-section #filter_section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container .country_filter_section, .hotel-filters-section #filter_section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container .area_filter_section, .hotel-filters-section .filter-section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container .country_filter_section, .hotel-filters-section .filter-section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container .area_filter_section, .filters-section #filter_section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container .country_filter_section, .filters-section #filter_section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container .area_filter_section, .filters-section .filter-section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container .country_filter_section, .filters-section .filter-section .countries_and_travelareas_filter_section .countries_and_travelareas_filter_container .area_filter_section { margin: 10px auto 10px auto; } .hotel-filters-section #filter_section .facility_groups .smallheading, .hotel-filters-section #filter_section .collapsable-container .smallheading, .hotel-filters-section .filter-section .facility_groups .smallheading, .hotel-filters-section .filter-section .collapsable-container .smallheading, .filters-section #filter_section .facility_groups .smallheading, .filters-section #filter_section .collapsable-container .smallheading, .filters-section .filter-section .facility_groups .smallheading, .filters-section .filter-section .collapsable-container .smallheading { margin-left: 7px; background-repeat: no-repeat; background-position: 4px 10px; cursor: pointer; } .hotel-filters-section #filter_section .facility_groups .smallheading span, .hotel-filters-section #filter_section .collapsable-container .smallheading span, .hotel-filters-section .filter-section .facility_groups .smallheading span, .hotel-filters-section .filter-section .collapsable-container .smallheading span, .filters-section #filter_section .facility_groups .smallheading span, .filters-section #filter_section .collapsable-container .smallheading span, .filters-section .filter-section .facility_groups .smallheading span, .filters-section .filter-section .collapsable-container .smallheading span { color: #333333; padding-left: 20px; } .hotel-filters-section #filter_section .facility_groups .smallheading .angle_icon, .hotel-filters-section #filter_section .collapsable-container .smallheading .angle_icon, .hotel-filters-section .filter-section .facility_groups .smallheading .angle_icon, .hotel-filters-section .filter-section .collapsable-container .smallheading .angle_icon, .filters-section #filter_section .facility_groups .smallheading .angle_icon, .filters-section #filter_section .collapsable-container .smallheading .angle_icon, .filters-section .filter-section .facility_groups .smallheading .angle_icon, .filters-section .filter-section .collapsable-container .smallheading .angle_icon { display: none; } .hotel-filters-section #filter_section .facility_groups .open, .hotel-filters-section #filter_section .collapsable-container .open, .hotel-filters-section .filter-section .facility_groups .open, .hotel-filters-section .filter-section .collapsable-container .open, .filters-section #filter_section .facility_groups .open, .filters-section #filter_section .collapsable-container .open, .filters-section .filter-section .facility_groups .open, .filters-section .filter-section .collapsable-container .open { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-e0cb45eda2d4824f8e436601b6bddd0c/content/themes/apollo/content/img/icons/icons/arrow_black_up.png'); } .hotel-filters-section #filter_section .facility_groups .startup_close, .hotel-filters-section #filter_section .facility_groups .close, .hotel-filters-section #filter_section .collapsable-container .startup_close, .hotel-filters-section #filter_section .collapsable-container .close, .hotel-filters-section .filter-section .facility_groups .startup_close, .hotel-filters-section .filter-section .facility_groups .close, .hotel-filters-section .filter-section .collapsable-container .startup_close, .hotel-filters-section .filter-section .collapsable-container .close, .filters-section #filter_section .facility_groups .startup_close, .filters-section #filter_section .facility_groups .close, .filters-section #filter_section .collapsable-container .startup_close, .filters-section #filter_section .collapsable-container .close, .filters-section .filter-section .facility_groups .startup_close, .filters-section .filter-section .facility_groups .close, .filters-section .filter-section .collapsable-container .startup_close, .filters-section .filter-section .collapsable-container .close { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-9fe980452b49d6f47b241e68f3b02e72/content/themes/apollo/content/img/icons/icons/arrow_black_down.png'); } .hotel-filters-section #filter_section .facility_groups .expanded, .hotel-filters-section #filter_section .collapsable-container .expanded, .hotel-filters-section .filter-section .facility_groups .expanded, .hotel-filters-section .filter-section .collapsable-container .expanded, .filters-section #filter_section .facility_groups .expanded, .filters-section #filter_section .collapsable-container .expanded, .filters-section .filter-section .facility_groups .expanded, .filters-section .filter-section .collapsable-container .expanded { display: block; } .hotel-filters-section #filter_section .facility_groups .startup_collapsed, .hotel-filters-section #filter_section .facility_groups .collapsed, .hotel-filters-section #filter_section .collapsable-container .startup_collapsed, .hotel-filters-section #filter_section .collapsable-container .collapsed, .hotel-filters-section .filter-section .facility_groups .startup_collapsed, .hotel-filters-section .filter-section .facility_groups .collapsed, .hotel-filters-section .filter-section .collapsable-container .startup_collapsed, .hotel-filters-section .filter-section .collapsable-container .collapsed, .filters-section #filter_section .facility_groups .startup_collapsed, .filters-section #filter_section .facility_groups .collapsed, .filters-section #filter_section .collapsable-container .startup_collapsed, .filters-section #filter_section .collapsable-container .collapsed, .filters-section .filter-section .facility_groups .startup_collapsed, .filters-section .filter-section .facility_groups .collapsed, .filters-section .filter-section .collapsable-container .startup_collapsed, .filters-section .filter-section .collapsable-container .collapsed { display: none; } .hotel-filters-section #filter_section .slider_filter_container, .hotel-filters-section .filter-section .slider_filter_container, .filters-section #filter_section .slider_filter_container, .filters-section .filter-section .slider_filter_container { margin-right: 10px; min-height: 35px; } .hotel-filters-section #filter_section .slider_filter_container .slider_filter, .hotel-filters-section .filter-section .slider_filter_container .slider_filter, .filters-section #filter_section .slider_filter_container .slider_filter, .filters-section .filter-section .slider_filter_container .slider_filter { text-align: center; } .hotel-filters-section #filter_section .slider_filter_container .slider_filter .heading, .hotel-filters-section .filter-section .slider_filter_container .slider_filter .heading, .filters-section #filter_section .slider_filter_container .slider_filter .heading, .filters-section .filter-section .slider_filter_container .slider_filter .heading { text-align: left; } @media (max-width: 767px) { .responsive .hotel-filters-section #filter_section h2, .responsive .filters-section .filter-section h2 { cursor: pointer; } .responsive .hotel-filters-section #filter_section h2:after, .responsive .filters-section .filter-section h2:after { margin-left: 6px; } .responsive .hotel-filters-section #filter_section .classifications_filter li, .responsive .filters-section .filter-section .classifications_filter li { float: none; width: 100%; } } .hotel-filters-section #filter_section h2, .hotel-filters-section .filter-section h2, .filters-section #filter_section h2, .filters-section .filter-section h2 { padding: 10px; margin: 0px; } .hotel-filters-section #filter_section ul, .hotel-filters-section .filter-section ul, .filters-section #filter_section ul, .filters-section .filter-section ul { margin: 0px 7px 14px 7px; } .hotel-filters-section #filter_section .facility_groups .smallheading, .hotel-filters-section #filter_section .collapsable-container .smallheading, .hotel-filters-section .filter-section .facility_groups .smallheading, .hotel-filters-section .filter-section .collapsable-container .smallheading, .filters-section #filter_section .facility_groups .smallheading, .filters-section #filter_section .collapsable-container .smallheading, .filters-section .filter-section .facility_groups .smallheading, .filters-section .filter-section .collapsable-container .smallheading { background-image: none; } .hotel-filters-section #filter_section .facility_groups .smallheading span, .hotel-filters-section #filter_section .collapsable-container .smallheading span, .hotel-filters-section .filter-section .facility_groups .smallheading span, .hotel-filters-section .filter-section .collapsable-container .smallheading span, .filters-section #filter_section .facility_groups .smallheading span, .filters-section #filter_section .collapsable-container .smallheading span, .filters-section .filter-section .facility_groups .smallheading span, .filters-section .filter-section .collapsable-container .smallheading span { padding-left: 3px; } .hotel-filters-section #filter_section .facility_groups .smallheading.collapsable-checkbox, .hotel-filters-section #filter_section .collapsable-container .smallheading.collapsable-checkbox, .hotel-filters-section .filter-section .facility_groups .smallheading.collapsable-checkbox, .hotel-filters-section .filter-section .collapsable-container .smallheading.collapsable-checkbox, .filters-section #filter_section .facility_groups .smallheading.collapsable-checkbox, .filters-section #filter_section .collapsable-container .smallheading.collapsable-checkbox, .filters-section .filter-section .facility_groups .smallheading.collapsable-checkbox, .filters-section .filter-section .collapsable-container .smallheading.collapsable-checkbox { margin-left: 0px; margin-bottom: 5px; margin-top: 5px; padding-top: 0px; font-family: "Proxima N W01 Reg", sans-serif; } .hotel-filters-section #filter_section .facility_groups .smallheading.collapsable-checkbox span, .hotel-filters-section #filter_section .collapsable-container .smallheading.collapsable-checkbox span, .hotel-filters-section .filter-section .facility_groups .smallheading.collapsable-checkbox span, .hotel-filters-section .filter-section .collapsable-container .smallheading.collapsable-checkbox span, .filters-section #filter_section .facility_groups .smallheading.collapsable-checkbox span, .filters-section #filter_section .collapsable-container .smallheading.collapsable-checkbox span, .filters-section .filter-section .facility_groups .smallheading.collapsable-checkbox span, .filters-section .filter-section .collapsable-container .smallheading.collapsable-checkbox span { padding-left: 0px; } .hotel-filters-section #filter_section .facility_groups .smallheading.collapsable-checkbox.indeterminate span, .hotel-filters-section #filter_section .facility_groups .smallheading.collapsable-checkbox.checked span, .hotel-filters-section #filter_section .collapsable-container .smallheading.collapsable-checkbox.indeterminate span, .hotel-filters-section #filter_section .collapsable-container .smallheading.collapsable-checkbox.checked span, .hotel-filters-section .filter-section .facility_groups .smallheading.collapsable-checkbox.indeterminate span, .hotel-filters-section .filter-section .facility_groups .smallheading.collapsable-checkbox.checked span, .hotel-filters-section .filter-section .collapsable-container .smallheading.collapsable-checkbox.indeterminate span, .hotel-filters-section .filter-section .collapsable-container .smallheading.collapsable-checkbox.checked span, .filters-section #filter_section .facility_groups .smallheading.collapsable-checkbox.indeterminate span, .filters-section #filter_section .facility_groups .smallheading.collapsable-checkbox.checked span, .filters-section #filter_section .collapsable-container .smallheading.collapsable-checkbox.indeterminate span, .filters-section #filter_section .collapsable-container .smallheading.collapsable-checkbox.checked span, .filters-section .filter-section .facility_groups .smallheading.collapsable-checkbox.indeterminate span, .filters-section .filter-section .facility_groups .smallheading.collapsable-checkbox.checked span, .filters-section .filter-section .collapsable-container .smallheading.collapsable-checkbox.indeterminate span, .filters-section .filter-section .collapsable-container .smallheading.collapsable-checkbox.checked span { font-family: "Proxima Nova W01 Medium", sans-serif; } .hotel-filters-section #filter_section .facility_groups .smallheading.startup_close svg, .hotel-filters-section #filter_section .collapsable-container .smallheading.startup_close svg, .hotel-filters-section .filter-section .facility_groups .smallheading.startup_close svg, .hotel-filters-section .filter-section .collapsable-container .smallheading.startup_close svg, .filters-section #filter_section .facility_groups .smallheading.startup_close svg, .filters-section #filter_section .collapsable-container .smallheading.startup_close svg, .filters-section .filter-section .facility_groups .smallheading.startup_close svg, .filters-section .filter-section .collapsable-container .smallheading.startup_close svg { display: none; } .hotel-filters-section #filter_section .facility_groups .smallheading.close > svg, .hotel-filters-section #filter_section .facility_groups .smallheading.open > svg, .hotel-filters-section #filter_section .collapsable-container .smallheading.close > svg, .hotel-filters-section #filter_section .collapsable-container .smallheading.open > svg, .hotel-filters-section .filter-section .facility_groups .smallheading.close > svg, .hotel-filters-section .filter-section .facility_groups .smallheading.open > svg, .hotel-filters-section .filter-section .collapsable-container .smallheading.close > svg, .hotel-filters-section .filter-section .collapsable-container .smallheading.open > svg, .filters-section #filter_section .facility_groups .smallheading.close > svg, .filters-section #filter_section .facility_groups .smallheading.open > svg, .filters-section #filter_section .collapsable-container .smallheading.close > svg, .filters-section #filter_section .collapsable-container .smallheading.open > svg, .filters-section .filter-section .facility_groups .smallheading.close > svg, .filters-section .filter-section .facility_groups .smallheading.open > svg, .filters-section .filter-section .collapsable-container .smallheading.close > svg, .filters-section .filter-section .collapsable-container .smallheading.open > svg { float: right; display: inline-block; box-sizing: border-box; width: 14px; height: 14px; margin-right: 10px; } .hotel-filters-section #filter_section .slider_filter_container .slider_filter .range_slider_label, .hotel-filters-section .filter-section .slider_filter_container .slider_filter .range_slider_label, .filters-section #filter_section .slider_filter_container .slider_filter .range_slider_label, .filters-section .filter-section .slider_filter_container .slider_filter .range_slider_label { margin-top: 0; margin-bottom: 20px; } .hotel-filters-section #filter_section .accommodation_type_filter_section, .hotel-filters-section .filter-section .accommodation_type_filter_section, .filters-section #filter_section .accommodation_type_filter_section, .filters-section .filter-section .accommodation_type_filter_section { padding-bottom: 20px; } .hotel-filters-section #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label, .hotel-filters-section .filter-section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label, .filters-section #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label, .filters-section .filter-section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label { width: 16px; height: 17px; } .hotel-filters-section #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label img, .hotel-filters-section .filter-section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label img, .filters-section #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label img, .filters-section .filter-section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label img { display: none; } .hotel-filters-section #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label svg, .hotel-filters-section .filter-section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label svg, .filters-section #filter_section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label svg, .filters-section .filter-section .segmentations_filter_section ul li fieldset label > span .segmentation-information-label svg { display: block; fill: #1B1464; height: 15px; width: 15px; margin-left: 5px; vertical-align: middle; } .video-wrapper iframe { width: 100%; } @media (max-width: 767px) { .video-wrapper iframe { position: absolute; height: 100%; } } @media (max-width: 767px) { .video-wrapper-16by9-mobile { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* 16:9 */ } .video-wrapper-16by9-mobile iframe, .video-wrapper-16by9-mobile .youtube-thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .n2-error { border: 1px solid #d0021b; box-sizing: border-box; padding: 20px; position: relative; float: left; width: 100%; } .n2-error .disclaimer { font-style: italic; } .part.info_box { background-color: #edf7fc; padding: 20px; } #main ul.checkmarks, .part ul.checkmarks, ul.checkmarks { padding: 0px; list-style: none; padding-left: 2em; } #main ul.checkmarks li, .part ul.checkmarks li, ul.checkmarks li { margin-bottom: 6px; } #main ul.checkmarks li:before, .part ul.checkmarks li:before, ul.checkmarks li:before { background: url('//cdn-prod-green-www.apollorejser.dk/v-74e51e301210519dc85caa9cecb0b12e/content/img/icons/greenmarker.svg'); content: ''; display: block; float: left; height: 1.2em; width: 1.2em; margin-left: -1.5em; background-size: 100%; background-position: center; background-repeat: no-repeat; } .expandable_part .part.expandable_part .row { margin-left: 0; } .row .expandable_content_container { position: relative; margin-left: -20px; } .row .expandable_content_container .hidden { display: none; } .row .expandable_content_container ol, .row .expandable_content_container ul { padding-left: 2em; margin-left: 0; } .row .expandable_content_container .expandable_content { float: left; padding-left: 20px; padding-right: 20px; box-sizing: border-box; margin-top: -10px; padding-top: 20px; margin-bottom: 15px; padding-bottom: 5px; width: 100%; background-color: #ffffff; color: #222222; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .row .expandable_content_container .expandable_content .full-width { width: 100%; } .row .expandable_content_container .expandable_content p, .row .expandable_content_container .expandable_content ol, .row .expandable_content_container .expandable_content ul { width: 65%; } .row .expandable_content_container .expandable_content h2, .row .expandable_content_container .expandable_content h3, .row .expandable_content_container .expandable_content h4, .row .expandable_content_container .expandable_content h5 { margin-bottom: 2px; } .row .expandable_content_container .expandable_content .expandable_part_button { position: relative; float: right; bottom: 3px; margin-right: 8px; width: 25px; height: 25px; cursor: pointer; } .row .expandable_content_container .expandable_content .close_expanded_part { position: absolute; right: 12px; } .row .expandable_content_container .expandable_content .close_expanded_part:before, .row .expandable_content_container .expandable_content .close_expanded_part:after { position: absolute; content: ''; height: 25px; width: 2px; background-color: #222222; } .row .expandable_content_container .expandable_content .close_expanded_part:before { transform: rotate(45deg); } .row .expandable_content_container .expandable_content .close_expanded_part:after { transform: rotate(-45deg); } .row .expandable_content_container .expandable_content .hidden { display: none; } .expandable_part_new.first_row_element { margin-left: 0px; } .expandable_part_new .part.expandable_part_new { line-height: 10px; } .expandable_part_new .part.expandable_part_new img { width: 100%; margin-bottom: 0px; } .expandable_part_new .part.expandable_part_new .expandable_heading { background-color: #edf7fc; min-height: 29px; padding-top: 9px; cursor: pointer; border-radius: 2px; } .expandable_part_new .part.expandable_part_new .expandable_heading.active { background-color: #dbeff9; } .expandable_part_new .part.expandable_part_new .expandable_heading .expanded_part { background-color: #edf7fc; } .expandable_part_new .part.expandable_part_new .expandable_heading .expandable-header h1, .expandable_part_new .part.expandable_part_new .expandable_heading h2, .expandable_part_new .part.expandable_part_new .expandable_heading h3, .expandable_part_new .part.expandable_part_new .expandable_heading h4 { color: #222222; margin-left: 10px; } .expandable_part_new .part.expandable_part_new .expandable_heading .arrow { width: 20px; float: right; height: 20px; margin-right: 10px; } .expandable_part_new .part.expandable_part_new .expandable_heading .arrow.up_arrow { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } @media (max-width: 768px) { .row .expandable_content_container { margin-left: 0px; } .row .expandable_content_container .expandable_content { float: none; margin-bottom: 25px; padding-bottom: 29px; padding-right: 10px; padding-left: 10px; } .row .expandable_content_container .expandable_content .expandable_part_button { margin-right: 0; } .row .expandable_content_container .expandable_content .full-width { width: 100%; } .row .expandable_content_container .expandable_content p, .row .expandable_content_container .expandable_content ol, .row .expandable_content_container .expandable_content ul { width: unset; } } @media (max-width: 979px) and (min-width: 768px) { .row .expandable_content_container .expandable_content { float: none; margin-left: 0px; margin-bottom: 50px; padding-bottom: 29px; } .row .expandable_content_container .expandable_content .full-width { width: 100%; } .row .expandable_content_container .expandable_content p, .row .expandable_content_container .expandable_content ol, .row .expandable_content_container .expandable_content ul { width: unset; } } .part.usp_box { background-color: #faf7ef; padding: 20px; } .apollo_anchor { position: relative; top: -80px; display: block; visibility: hidden; } .radio_button_container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; cursor: pointer; margin-top: 5px; margin-bottom: 5px; } .radio_button_container input ~ svg { display: inline-block; width: 14px; height: 14px; vertical-align: middle; display: none; } .radio_button_container input:checked ~ svg.not_selected { display: none !important; } .radio_button_container input:not(:checked) ~ svg.selected { display: none !important; } .radio_button_container input:checked ~ span { font-family: "Proxima Nova W01 Medium", sans-serif; } .m-0 { margin: 0px; } .mb-0 { margin-bottom: 0px; } .mt-0 { margin-top: 0px; } .ml-0 { margin-left: 0px; } .mr-0 { margin-right: 0px; } .mx-0 { margin-left: 0px; margin-right: 0px; } .my-0 { margin-top: 0px; margin-bottom: 0px; } .m-1 { margin: 5px; } .mb-1 { margin-bottom: 5px; } .mt-1 { margin-top: 5px; } .ml-1 { margin-left: 5px; } .mr-1 { margin-right: 5px; } .mx-1 { margin-left: 5px; margin-right: 5px; } .my-1 { margin-top: 5px; margin-bottom: 5px; } .m-2 { margin: 10px; } .mb-2 { margin-bottom: 10px; } .mt-2 { margin-top: 10px; } .ml-2 { margin-left: 10px; } .mr-2 { margin-right: 10px; } .mx-2 { margin-left: 10px; margin-right: 10px; } .my-2 { margin-top: 10px; margin-bottom: 10px; } .m-3 { margin: 15px; } .mb-3 { margin-bottom: 15px; } .mt-3 { margin-top: 15px; } .ml-3 { margin-left: 15px; } .mr-3 { margin-right: 15px; } .mx-3 { margin-left: 15px; margin-right: 15px; } .my-3 { margin-top: 15px; margin-bottom: 15px; } .m-4 { margin: 20px; } .mb-4 { margin-bottom: 20px; } .mt-4 { margin-top: 20px; } .ml-4 { margin-left: 20px; } .mr-4 { margin-right: 20px; } .mx-4 { margin-left: 20px; margin-right: 20px; } .my-4 { margin-top: 20px; margin-bottom: 20px; } .m-5 { margin: 25px; } .mb-5 { margin-bottom: 25px; } .mt-5 { margin-top: 25px; } .ml-5 { margin-left: 25px; } .mr-5 { margin-right: 25px; } .mx-5 { margin-left: 25px; margin-right: 25px; } .my-5 { margin-top: 25px; margin-bottom: 25px; } @media (min-width: 480px) { .m-small-0 { margin: 0px; } .mb-small-0 { margin-bottom: 0px; } .mt-small-0 { margin-top: 0px; } .ml-small-0 { margin-left: 0px; } .mr-small-0 { margin-right: 0px; } .mx-small-0 { margin-left: 0px; margin-right: 0px; } .my-small-0 { margin-top: 0px; margin-bottom: 0px; } } @media (min-width: 480px) { .m-small-1 { margin: 5px; } .mb-small-1 { margin-bottom: 5px; } .mt-small-1 { margin-top: 5px; } .ml-small-1 { margin-left: 5px; } .mr-small-1 { margin-right: 5px; } .mx-small-1 { margin-left: 5px; margin-right: 5px; } .my-small-1 { margin-top: 5px; margin-bottom: 5px; } } @media (min-width: 480px) { .m-small-2 { margin: 10px; } .mb-small-2 { margin-bottom: 10px; } .mt-small-2 { margin-top: 10px; } .ml-small-2 { margin-left: 10px; } .mr-small-2 { margin-right: 10px; } .mx-small-2 { margin-left: 10px; margin-right: 10px; } .my-small-2 { margin-top: 10px; margin-bottom: 10px; } } @media (min-width: 480px) { .m-small-3 { margin: 15px; } .mb-small-3 { margin-bottom: 15px; } .mt-small-3 { margin-top: 15px; } .ml-small-3 { margin-left: 15px; } .mr-small-3 { margin-right: 15px; } .mx-small-3 { margin-left: 15px; margin-right: 15px; } .my-small-3 { margin-top: 15px; margin-bottom: 15px; } } @media (min-width: 480px) { .m-small-4 { margin: 20px; } .mb-small-4 { margin-bottom: 20px; } .mt-small-4 { margin-top: 20px; } .ml-small-4 { margin-left: 20px; } .mr-small-4 { margin-right: 20px; } .mx-small-4 { margin-left: 20px; margin-right: 20px; } .my-small-4 { margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 480px) { .m-small-5 { margin: 25px; } .mb-small-5 { margin-bottom: 25px; } .mt-small-5 { margin-top: 25px; } .ml-small-5 { margin-left: 25px; } .mr-small-5 { margin-right: 25px; } .mx-small-5 { margin-left: 25px; margin-right: 25px; } .my-small-5 { margin-top: 25px; margin-bottom: 25px; } } @media (min-width: 768px) { .m-medium-0 { margin: 0px; } .mb-medium-0 { margin-bottom: 0px; } .mt-medium-0 { margin-top: 0px; } .ml-medium-0 { margin-left: 0px; } .mr-medium-0 { margin-right: 0px; } .mx-medium-0 { margin-left: 0px; margin-right: 0px; } .my-medium-0 { margin-top: 0px; margin-bottom: 0px; } } @media (min-width: 768px) { .m-medium-1 { margin: 5px; } .mb-medium-1 { margin-bottom: 5px; } .mt-medium-1 { margin-top: 5px; } .ml-medium-1 { margin-left: 5px; } .mr-medium-1 { margin-right: 5px; } .mx-medium-1 { margin-left: 5px; margin-right: 5px; } .my-medium-1 { margin-top: 5px; margin-bottom: 5px; } } @media (min-width: 768px) { .m-medium-2 { margin: 10px; } .mb-medium-2 { margin-bottom: 10px; } .mt-medium-2 { margin-top: 10px; } .ml-medium-2 { margin-left: 10px; } .mr-medium-2 { margin-right: 10px; } .mx-medium-2 { margin-left: 10px; margin-right: 10px; } .my-medium-2 { margin-top: 10px; margin-bottom: 10px; } } @media (min-width: 768px) { .m-medium-3 { margin: 15px; } .mb-medium-3 { margin-bottom: 15px; } .mt-medium-3 { margin-top: 15px; } .ml-medium-3 { margin-left: 15px; } .mr-medium-3 { margin-right: 15px; } .mx-medium-3 { margin-left: 15px; margin-right: 15px; } .my-medium-3 { margin-top: 15px; margin-bottom: 15px; } } @media (min-width: 768px) { .m-medium-4 { margin: 20px; } .mb-medium-4 { margin-bottom: 20px; } .mt-medium-4 { margin-top: 20px; } .ml-medium-4 { margin-left: 20px; } .mr-medium-4 { margin-right: 20px; } .mx-medium-4 { margin-left: 20px; margin-right: 20px; } .my-medium-4 { margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 768px) { .m-medium-5 { margin: 25px; } .mb-medium-5 { margin-bottom: 25px; } .mt-medium-5 { margin-top: 25px; } .ml-medium-5 { margin-left: 25px; } .mr-medium-5 { margin-right: 25px; } .mx-medium-5 { margin-left: 25px; margin-right: 25px; } .my-medium-5 { margin-top: 25px; margin-bottom: 25px; } } @media (min-width: 980px) { .m-large-0 { margin: 0px; } .mb-large-0 { margin-bottom: 0px; } .mt-large-0 { margin-top: 0px; } .ml-large-0 { margin-left: 0px; } .mr-large-0 { margin-right: 0px; } .mx-large-0 { margin-left: 0px; margin-right: 0px; } .my-large-0 { margin-top: 0px; margin-bottom: 0px; } } @media (min-width: 980px) { .m-large-1 { margin: 5px; } .mb-large-1 { margin-bottom: 5px; } .mt-large-1 { margin-top: 5px; } .ml-large-1 { margin-left: 5px; } .mr-large-1 { margin-right: 5px; } .mx-large-1 { margin-left: 5px; margin-right: 5px; } .my-large-1 { margin-top: 5px; margin-bottom: 5px; } } @media (min-width: 980px) { .m-large-2 { margin: 10px; } .mb-large-2 { margin-bottom: 10px; } .mt-large-2 { margin-top: 10px; } .ml-large-2 { margin-left: 10px; } .mr-large-2 { margin-right: 10px; } .mx-large-2 { margin-left: 10px; margin-right: 10px; } .my-large-2 { margin-top: 10px; margin-bottom: 10px; } } @media (min-width: 980px) { .m-large-3 { margin: 15px; } .mb-large-3 { margin-bottom: 15px; } .mt-large-3 { margin-top: 15px; } .ml-large-3 { margin-left: 15px; } .mr-large-3 { margin-right: 15px; } .mx-large-3 { margin-left: 15px; margin-right: 15px; } .my-large-3 { margin-top: 15px; margin-bottom: 15px; } } @media (min-width: 980px) { .m-large-4 { margin: 20px; } .mb-large-4 { margin-bottom: 20px; } .mt-large-4 { margin-top: 20px; } .ml-large-4 { margin-left: 20px; } .mr-large-4 { margin-right: 20px; } .mx-large-4 { margin-left: 20px; margin-right: 20px; } .my-large-4 { margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 980px) { .m-large-5 { margin: 25px; } .mb-large-5 { margin-bottom: 25px; } .mt-large-5 { margin-top: 25px; } .ml-large-5 { margin-left: 25px; } .mr-large-5 { margin-right: 25px; } .mx-large-5 { margin-left: 25px; margin-right: 25px; } .my-large-5 { margin-top: 25px; margin-bottom: 25px; } } .p-0 { padding: 0px; } .pb-0 { padding-bottom: 0px; } .pt-0 { padding-top: 0px; } .pl-0 { padding-left: 0px; } .pr-0 { padding-right: 0px; } .px-0 { padding-left: 0px; padding-right: 0px; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .p-1 { padding: 5px; } .pb-1 { padding-bottom: 5px; } .pt-1 { padding-top: 5px; } .pl-1 { padding-left: 5px; } .pr-1 { padding-right: 5px; } .px-1 { padding-left: 5px; padding-right: 5px; } .py-1 { padding-top: 5px; padding-bottom: 5px; } .p-2 { padding: 10px; } .pb-2 { padding-bottom: 10px; } .pt-2 { padding-top: 10px; } .pl-2 { padding-left: 10px; } .pr-2 { padding-right: 10px; } .px-2 { padding-left: 10px; padding-right: 10px; } .py-2 { padding-top: 10px; padding-bottom: 10px; } .p-3 { padding: 15px; } .pb-3 { padding-bottom: 15px; } .pt-3 { padding-top: 15px; } .pl-3 { padding-left: 15px; } .pr-3 { padding-right: 15px; } .px-3 { padding-left: 15px; padding-right: 15px; } .py-3 { padding-top: 15px; padding-bottom: 15px; } .p-4 { padding: 20px; } .pb-4 { padding-bottom: 20px; } .pt-4 { padding-top: 20px; } .pl-4 { padding-left: 20px; } .pr-4 { padding-right: 20px; } .px-4 { padding-left: 20px; padding-right: 20px; } .py-4 { padding-top: 20px; padding-bottom: 20px; } .p-5 { padding: 25px; } .pb-5 { padding-bottom: 25px; } .pt-5 { padding-top: 25px; } .pl-5 { padding-left: 25px; } .pr-5 { padding-right: 25px; } .px-5 { padding-left: 25px; padding-right: 25px; } .py-5 { padding-top: 25px; padding-bottom: 25px; } @media (min-width: 480px) { .p-small-0 { padding: 0px; } .pb-small-0 { padding-bottom: 0px; } .pt-small-0 { padding-top: 0px; } .pl-small-0 { padding-left: 0px; } .pr-small-0 { padding-right: 0px; } .px-small-0 { padding-left: 0px; padding-right: 0px; } .py-small-0 { padding-top: 0px; padding-bottom: 0px; } } @media (min-width: 480px) { .p-small-1 { padding: 5px; } .pb-small-1 { padding-bottom: 5px; } .pt-small-1 { padding-top: 5px; } .pl-small-1 { padding-left: 5px; } .pr-small-1 { padding-right: 5px; } .px-small-1 { padding-left: 5px; padding-right: 5px; } .py-small-1 { padding-top: 5px; padding-bottom: 5px; } } @media (min-width: 480px) { .p-small-2 { padding: 10px; } .pb-small-2 { padding-bottom: 10px; } .pt-small-2 { padding-top: 10px; } .pl-small-2 { padding-left: 10px; } .pr-small-2 { padding-right: 10px; } .px-small-2 { padding-left: 10px; padding-right: 10px; } .py-small-2 { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 480px) { .p-small-3 { padding: 15px; } .pb-small-3 { padding-bottom: 15px; } .pt-small-3 { padding-top: 15px; } .pl-small-3 { padding-left: 15px; } .pr-small-3 { padding-right: 15px; } .px-small-3 { padding-left: 15px; padding-right: 15px; } .py-small-3 { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 480px) { .p-small-4 { padding: 20px; } .pb-small-4 { padding-bottom: 20px; } .pt-small-4 { padding-top: 20px; } .pl-small-4 { padding-left: 20px; } .pr-small-4 { padding-right: 20px; } .px-small-4 { padding-left: 20px; padding-right: 20px; } .py-small-4 { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 480px) { .p-small-5 { padding: 25px; } .pb-small-5 { padding-bottom: 25px; } .pt-small-5 { padding-top: 25px; } .pl-small-5 { padding-left: 25px; } .pr-small-5 { padding-right: 25px; } .px-small-5 { padding-left: 25px; padding-right: 25px; } .py-small-5 { padding-top: 25px; padding-bottom: 25px; } } @media (min-width: 768px) { .p-medium-0 { padding: 0px; } .pb-medium-0 { padding-bottom: 0px; } .pt-medium-0 { padding-top: 0px; } .pl-medium-0 { padding-left: 0px; } .pr-medium-0 { padding-right: 0px; } .px-medium-0 { padding-left: 0px; padding-right: 0px; } .py-medium-0 { padding-top: 0px; padding-bottom: 0px; } } @media (min-width: 768px) { .p-medium-1 { padding: 5px; } .pb-medium-1 { padding-bottom: 5px; } .pt-medium-1 { padding-top: 5px; } .pl-medium-1 { padding-left: 5px; } .pr-medium-1 { padding-right: 5px; } .px-medium-1 { padding-left: 5px; padding-right: 5px; } .py-medium-1 { padding-top: 5px; padding-bottom: 5px; } } @media (min-width: 768px) { .p-medium-2 { padding: 10px; } .pb-medium-2 { padding-bottom: 10px; } .pt-medium-2 { padding-top: 10px; } .pl-medium-2 { padding-left: 10px; } .pr-medium-2 { padding-right: 10px; } .px-medium-2 { padding-left: 10px; padding-right: 10px; } .py-medium-2 { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 768px) { .p-medium-3 { padding: 15px; } .pb-medium-3 { padding-bottom: 15px; } .pt-medium-3 { padding-top: 15px; } .pl-medium-3 { padding-left: 15px; } .pr-medium-3 { padding-right: 15px; } .px-medium-3 { padding-left: 15px; padding-right: 15px; } .py-medium-3 { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 768px) { .p-medium-4 { padding: 20px; } .pb-medium-4 { padding-bottom: 20px; } .pt-medium-4 { padding-top: 20px; } .pl-medium-4 { padding-left: 20px; } .pr-medium-4 { padding-right: 20px; } .px-medium-4 { padding-left: 20px; padding-right: 20px; } .py-medium-4 { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 768px) { .p-medium-5 { padding: 25px; } .pb-medium-5 { padding-bottom: 25px; } .pt-medium-5 { padding-top: 25px; } .pl-medium-5 { padding-left: 25px; } .pr-medium-5 { padding-right: 25px; } .px-medium-5 { padding-left: 25px; padding-right: 25px; } .py-medium-5 { padding-top: 25px; padding-bottom: 25px; } } @media (min-width: 980px) { .p-large-0 { padding: 0px; } .pb-large-0 { padding-bottom: 0px; } .pt-large-0 { padding-top: 0px; } .pl-large-0 { padding-left: 0px; } .pr-large-0 { padding-right: 0px; } .px-large-0 { padding-left: 0px; padding-right: 0px; } .py-large-0 { padding-top: 0px; padding-bottom: 0px; } } @media (min-width: 980px) { .p-large-1 { padding: 5px; } .pb-large-1 { padding-bottom: 5px; } .pt-large-1 { padding-top: 5px; } .pl-large-1 { padding-left: 5px; } .pr-large-1 { padding-right: 5px; } .px-large-1 { padding-left: 5px; padding-right: 5px; } .py-large-1 { padding-top: 5px; padding-bottom: 5px; } } @media (min-width: 980px) { .p-large-2 { padding: 10px; } .pb-large-2 { padding-bottom: 10px; } .pt-large-2 { padding-top: 10px; } .pl-large-2 { padding-left: 10px; } .pr-large-2 { padding-right: 10px; } .px-large-2 { padding-left: 10px; padding-right: 10px; } .py-large-2 { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 980px) { .p-large-3 { padding: 15px; } .pb-large-3 { padding-bottom: 15px; } .pt-large-3 { padding-top: 15px; } .pl-large-3 { padding-left: 15px; } .pr-large-3 { padding-right: 15px; } .px-large-3 { padding-left: 15px; padding-right: 15px; } .py-large-3 { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 980px) { .p-large-4 { padding: 20px; } .pb-large-4 { padding-bottom: 20px; } .pt-large-4 { padding-top: 20px; } .pl-large-4 { padding-left: 20px; } .pr-large-4 { padding-right: 20px; } .px-large-4 { padding-left: 20px; padding-right: 20px; } .py-large-4 { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 980px) { .p-large-5 { padding: 25px; } .pb-large-5 { padding-bottom: 25px; } .pt-large-5 { padding-top: 25px; } .pl-large-5 { padding-left: 25px; } .pr-large-5 { padding-right: 25px; } .px-large-5 { padding-left: 25px; padding-right: 25px; } .py-large-5 { padding-top: 25px; padding-bottom: 25px; } } @media (min-width: 320px) { .row-fluid .span-x_small-1 { width: 6.38298%; } .row-fluid .span-x_small-2 { width: 14.89362%; } .row-fluid .span-x_small-3 { width: 23.40426%; } .row-fluid .span-x_small-4 { width: 31.91489%; } .row-fluid .span-x_small-5 { width: 40.42553%; } .row-fluid .span-x_small-6 { width: 48.93617%; } .row-fluid .span-x_small-7 { width: 57.44681%; } .row-fluid .span-x_small-8 { width: 65.95745%; } .row-fluid .span-x_small-9 { width: 74.46809%; } .row-fluid .span-x_small-10 { width: 82.97872%; } .row-fluid .span-x_small-11 { width: 91.48936%; } .row-fluid .span-x_small-12 { width: 100.0%; } } @media (min-width: 480px) { .row-fluid .span-small-1 { width: 6.38298%; } .row-fluid .span-small-2 { width: 14.89362%; } .row-fluid .span-small-3 { width: 23.40426%; } .row-fluid .span-small-4 { width: 31.91489%; } .row-fluid .span-small-5 { width: 40.42553%; } .row-fluid .span-small-6 { width: 48.93617%; } .row-fluid .span-small-7 { width: 57.44681%; } .row-fluid .span-small-8 { width: 65.95745%; } .row-fluid .span-small-9 { width: 74.46809%; } .row-fluid .span-small-10 { width: 82.97872%; } .row-fluid .span-small-11 { width: 91.48936%; } .row-fluid .span-small-12 { width: 100.0%; } } @media (min-width: 768px) { .row-fluid .span-medium-1 { width: 6.38298%; } .row-fluid .span-medium-2 { width: 14.89362%; } .row-fluid .span-medium-3 { width: 23.40426%; } .row-fluid .span-medium-4 { width: 31.91489%; } .row-fluid .span-medium-5 { width: 40.42553%; } .row-fluid .span-medium-6 { width: 48.93617%; } .row-fluid .span-medium-7 { width: 57.44681%; } .row-fluid .span-medium-8 { width: 65.95745%; } .row-fluid .span-medium-9 { width: 74.46809%; } .row-fluid .span-medium-10 { width: 82.97872%; } .row-fluid .span-medium-11 { width: 91.48936%; } .row-fluid .span-medium-12 { width: 100.0%; } } @media (min-width: 980px) { .row-fluid .span-large-1 { width: 6.38298%; } .row-fluid .span-large-2 { width: 14.89362%; } .row-fluid .span-large-3 { width: 23.40426%; } .row-fluid .span-large-4 { width: 31.91489%; } .row-fluid .span-large-5 { width: 40.42553%; } .row-fluid .span-large-6 { width: 48.93617%; } .row-fluid .span-large-7 { width: 57.44681%; } .row-fluid .span-large-8 { width: 65.95745%; } .row-fluid .span-large-9 { width: 74.46809%; } .row-fluid .span-large-10 { width: 82.97872%; } .row-fluid .span-large-11 { width: 91.48936%; } .row-fluid .span-large-12 { width: 100.0%; } } .row-flex { display: flex; flex-wrap: wrap; } .responsive_table .cell_heading { display: none; } @media (max-width: 767px) { .responsive .responsive_table .cell_heading { display: inline; margin-right: 10px; white-space: nowrap; float: left; } .responsive .responsive_table thead { display: none; } } @-webkit-keyframes fadeInRight { from { opacity: 0; transform: translate3d(50%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(50%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } input:not([type='checkbox']):not([type='radio']).input, select.input { height: 30px; padding: 2px 6px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; margin-bottom: 5px; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } input:not([type='checkbox']):not([type='radio']).input[disabled], select.input[disabled] { cursor: not-allowed; background-color: #eeeeee; border-color: #ddd; } .nowrap { white-space: nowrap; } .noscroll { overflow: hidden; position: fixed; -webkit-overflow-scrolling: auto; } .first-letter-uppercase { text-transform: lowercase; display: inline-block; } .first-letter-uppercase:first-letter { text-transform: uppercase; } .bold { font-family: "Proxima N W01 Bold", sans-serif; } .box-sizing { box-sizing: border-box; } .icons-sprite { background-image: url('/content/themes/apollo/content/img/icons/icons-s6cdb31d845.png'); background-repeat: no-repeat; } .icon .trigger-icons-sprite-generation-workaround, .icon_home .trigger-icons-sprite-generation-workaround, .icon-checked .trigger-icons-sprite-generation-workaround { background-image: url('/content/themes/apollo/content/img/icons/icons-sbb3f3e9f77.png'); } .icon span, .icon_home span, .icon-checked span { height: 1043px; width: 160px; } .icon-sprite { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2770b0a382c420c08feebb29020cf9da/content/themes/apollo/content/img/icon-sprite.png'); background-color: transparent; background-repeat: no-repeat; border: none; display: block; font-size: 0; float: left; } .next { width: 41px; height: 43px; background-position: -92px -26px; } .previous { width: 41px; height: 43px; background-position: -50px -26px; } .icon-slideshow_back { width: 8px; height: 9px; background-position: -114px -1px; } .icon-slideshow_enlarge { width: 12px; height: 13px; background-position: -64px -12px; } .icon-slideshow_forward { width: 8px; height: 9px; background-position: -123px -1px; } .icon-checked { width: 13px; height: 13px; background-position: -50px -12px; } .icon-unchecked { width: 13px; height: 13px; background-position: -114px -11px; } .overlay_close { width: 48px; height: 49px; background-position: -1px -18px; } .triangle_black { width: 19px; height: 24px; background-position: -94px -1px; } .triangle_white { width: 21px; height: 16px; background-position: -1px -1px; } .icon-more_images { display: none; } .icon-video { display: none; } .icon-map { display: none; } .icon-class_large { width: 0; height: 19px; background-position: -3px -70px; } .icon-class_large.value60 { width: 136px; background-position: -3px -70px; } .icon-class_large.value55 { width: 136px; background-position: -26px -70px; } .icon-class_large.value50 { width: 113px; background-position: -3px -70px; } .icon-class_large.value45 { width: 113px; background-position: -48px -70px; } .icon-class_large.value40 { width: 90px; background-position: -3px -70px; } .icon-class_large.value35 { width: 90px; background-position: -72px -70px; } .icon-class_large.value30 { width: 67px; background-position: -3px -70px; } .icon-class_large.value25 { width: 67px; background-position: -95px -70px; } .icon-class_large.value20 { width: 44px; background-position: -3px -70px; } .icon-class_large.value15 { width: 44px; background-position: -118px -70px; } .icon-class_large.value10 { width: 21px; background-position: -3px -70px; } .icon-class_large.value05 { width: 16px; background-position: -140px -70px; } .icon-class_small { width: 0; height: 12px; background-position: -3px -92px; } .icon-class_small.value60 { width: 92px; background-position: -3px -92px; } .icon-class_small.value55 { width: 92px; background-position: -19px -92px; } .icon-class_small.value50 { width: 76px; background-position: -3px -92px; } .icon-class_small.value45 { width: 76px; background-position: -35px -92px; } .icon-class_small.value40 { width: 60px; background-position: -3px -92px; } .icon-class_small.value35 { width: 60px; background-position: -51px -92px; } .icon-class_small.value30 { width: 45px; background-position: -3px -92px; } .icon-class_small.value25 { width: 45px; background-position: -67px -92px; } .icon-class_small.value20 { width: 30px; background-position: -3px -92px; } .icon-class_small.value15 { width: 30px; background-position: -83px -92px; } .icon-class_small.value10 { width: 12px; background-position: -3px -92px; } .icon-class_small.value05 { width: 10px; background-position: -99px -92px; } .part { min-height: 1px; position: relative; } .part .clear { clear: both; } .part a { /* definition in _default.scss */ } .part img { margin-bottom: 4px; max-width: 100%; } @media (max-width: 979px) { .responsive .part img { width: 100%; } } .responsive .no-resize { width: auto !important; } .border_top { border-top-color: #eadfbe; } .border_bottom { border-bottom-color: #eadfbe; } /* %content-icon, %default-icon, %active-icon, %icon-size must be defined */ .dropdown_style1 { /* Layout helpers ----------------------------------*/ /* Icons ----------------------------------*/ /* Misc visuals ----------------------------------*/ /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ /* left-aligned */ /* Interaction states ----------------------------------*/ } .dropdown_style1 .ui-helper-hidden { display: none; } .dropdown_style1 .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .dropdown_style1 .ui-helper-reset { border: 0; outline: 0; line-height: 1.2; text-decoration: none; font-size: 100%; list-style-type: none; } .dropdown_style1 .ui-helper-clearfix:before, .dropdown_style1 .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .dropdown_style1 .ui-helper-clearfix:after { clear: both; } .dropdown_style1 .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0.0; } .dropdown_style1 .ui-front { z-index: 100; } .dropdown_style1 .ui-state-disabled { cursor: default !important; } .dropdown_style1 .ui-multiselect-optgroup { padding: 1px; } .dropdown_style1 .ui-multiselect-optgroup-label { border-top: 1px solid #dbeff9; border-bottom: 1px solid transparent; border-left: 1px solid transparent; } .dropdown_style1 .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .dropdown_style1 .ui-button-icon-only .ui-icon, .dropdown_style1 .ui-button-text-icon-primary .ui-icon, .dropdown_style1 .ui-button-text-icon-secondary .ui-icon, .dropdown_style1 .ui-button-text-icons .ui-icon, .dropdown_style1 .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .dropdown_style1 input.ui-button::-moz-focus-inner, .dropdown_style1 button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .dropdown_style1 .ui-menu { list-style-type: none; padding: 2px; margin: 0; display: block; outline: none; } .dropdown_style1 .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .dropdown_style1 .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .dropdown_style1 .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .dropdown_style1 .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .dropdown_style1 .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } .dropdown_style1.ui-widget-content { border: 1px solid #4db8e6; background: white 50% 50% repeat-x; } .dropdown_style1 .ui-state-default, .dropdown_style1 .ui-widget-content .ui-state-default, .dropdown_style1 .ui-widget-header .ui-state-default { border: 1px solid #4db8e6; background: white 50% 50% repeat-x; font-weight: normal; } .dropdown_style1 li label:hover, .dropdown_style1 .ui-widget-content .ui-state-hover, .dropdown_style1 .ui-widget-header .ui-state-hover, .dropdown_style1 .ui-state-focus, .dropdown_style1 .ui-widget-content .ui-state-focus, .dropdown_style1 .ui-widget-header .ui-state-focus, .dropdown_style1 .ui-multiselect-optgroup-label:hover { border: 1px solid #4db8e6; background: #dbeff9; background-size: 100%; border-radius: 4px; } .dropdown_style1 li label:hover a:hover, .dropdown_style1 .ui-widget-content .ui-state-hover a:hover, .dropdown_style1 .ui-widget-header .ui-state-hover a:hover, .dropdown_style1 .ui-state-focus a:hover, .dropdown_style1 .ui-widget-content .ui-state-focus a:hover, .dropdown_style1 .ui-widget-header .ui-state-focus a:hover, .dropdown_style1 .ui-multiselect-optgroup-label:hover a:hover { text-decoration: none; } .dropdown_style1 .ui-state-active, .dropdown_style1 .ui-widget-content .ui-state-active, .dropdown_style1 .ui-widget-header .ui-state-active { border: 1px solid #4db8e6; background: #4db8e6 50% 50% repeat-x; font-weight: normal; } .dropdown_style1 .ui-state-disabled, .dropdown_style1 .ui-widget-content .ui-state-disabled, .dropdown_style1 .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; } .dropdown_style1.ui-corner-all, .dropdown_style1.ui-corner-top, .dropdown_style1.ui-corner-left, .dropdown_style1.ui-corner-tl, .dropdown_style1 .ui-corner-all, .dropdown_style1 .ui-corner-top, .dropdown_style1 .ui-corner-left, .dropdown_style1 .ui-corner-tl { border-radius: 4px; } .dropdown_style1 .ui-icon { height: 16px; width: 16px; } .dropdown_style1 .ui-icon, .dropdown_style1 .ui-widget-content .ui-icon { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-46b837f2a4e61ec70db64b9748f2fba9/content/themes/apollo/content/img/icons/multiselect-sprite.png'); background-repeat: no-repeat; background-position: 0 -16px; } .dropdown_style1 .ui-state-default .ui-icon { background-position: 0 -32px; } .dropdown_style1 .ui-state-focus .ui-icon, .dropdown_style1 .ui-state-active .ui-icon { background-position: 0 0; } .part.campaign { color: #1B1464; } .part.campaign * { box-sizing: border-box; } .part.campaign .campaign-count-wrapper { margin-top: 20px; } .part.campaign .campaign-count-wrapper span { font-size: 20px; font-family: "Proxima N W01 Bold", sans-serif; } .part.campaign .campaign-list-info { margin-top: 20px; background: #1b5fcb; color: #FFF; padding: 9px 10px 10px; box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 4px; display: flex; justify-content: space-between; align-items: center; } .part.campaign .campaign-list-info .campaign-count { font-size: 18px; font-family: "Proxima N W01 Bold", sans-serif; } .part.campaign .sorting-drop-down { font-size: 13px; display: flex; align-items: center; } .part.campaign .sorting-drop-down button { border-radius: 4px; height: 23px; width: 180px; margin-left: 5px; } .part.campaign .sorting-drop-down .heading { margin-right: 5px; } .part.campaign .price-column { text-align: right; } .part.campaign .price-column .price-per-person { display: block; color: #333333; font-size: 12px; font-family: "Proxima N W01 Reg", sans-serif; } .part.campaign .price-column .current-price { white-space: nowrap; } .part.campaign .price-column .current-price .price { font-size: 26px; } @media (min-width: 768px) { .part.campaign .price-column .current-price .price { font-size: 20px; } } .part.campaign .price-column .current-price .currency { font-size: 18px; } .part.campaign .price-column .current-price:after { content: "\000A"; white-space: pre; } .part.campaign .price-column .brochure-price { text-decoration: line-through; line-height: 1; font-size: 13px; color: #888888; white-space: nowrap; } .part.campaign .price-column .brochure-price .price, .part.campaign .price-column .brochure-price .currency { color: #888888; font-size: 13px; } .part.campaign .price-column.discounted .current-price .price, .part.campaign .price-column.discounted .current-price .currency { color: #ff0000; } .part.campaign .btn { margin-top: 0; padding-left: 6px; padding-right: 6px; } .part.campaign .travel_type_option, .part.campaign .accommodation_type_option { display: inline-block; padding-right: 20px; padding-bottom: 6px; } .part.campaign .section { position: relative; margin-top: 5px; margin: 0; } @media (min-width: 768px) { .part.campaign .section.span3 { width: 25%; } .part.campaign .section.span6 { width: 50%; } } .part.campaign .section.classification_filter_section .apollo-checkbox svg { min-width: 14px; min-height: 14px; } .part.campaign .filter_section { padding: 9px; } @media (min-width: 768px) and (max-width: 1024px) { .part.campaign .filter_section select { min-width: 100%; } } .part.campaign .filter_section .heading { margin-bottom: 10px; display: block; font-family: "Proxima N W01 Bold", sans-serif; font-size: 16px; } .part.campaign .filter_section .price_filter_heading { display: inline-block; } .part.campaign .filter_section .options { float: left; margin-top: 7px; } .part.campaign .filter_section .price_filter_slider { margin-top: 8px; margin-left: 8px; margin-right: 8px; } .part.campaign .ui-slider { margin-top: 0px; margin-left: 5px; } .part.campaign select { min-width: 180px; } .part.campaign .price_filter { display: inline; } .part.campaign .filter_background { position: absolute; height: 100%; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); border-radius: 4px; } .part.campaign .campaign_items_filter { position: relative; padding-bottom: 13px; } .part.campaign table { width: 100%; font-family: "Proxima N W01 Bold", sans-serif; } @media (min-width: 768px) { .part.campaign table { border-collapse: separate; border-spacing: 0 1em; } } .part.campaign table tbody tr .tools, .part.campaign table tbody tr .price-column { background: #F4F3ED; } .part.campaign table tbody tr .configuration ul { margin-left: 20px; list-style-type: disc; max-width: 150px; } .part.campaign table tbody tr .date span:last-child { font-family: "Proxima N W01 Reg", sans-serif; } @media (min-width: 768px) { .part.campaign table tbody tr .date span:last-child { display: block; } } @media (max-width: 767px) { .part.campaign table tbody tr .date span:first-child::after { content: ','; } } .part.campaign table tbody tr .hotel .classification { float: none; transform: scale(0.75, 0.75); transform-origin: 0; } .part.campaign table tbody tr .hotel .campaign_item_hotel_category svg { fill: #1b5fcb; } .part.campaign tr { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); font-size: 12px; } .part.campaign tr th, .part.campaign tr td { vertical-align: top; background: #fff; padding: 15px 5px 10px 5px; border: 0; } @media (min-width: 768px) and (max-width: 1024px) { .part.campaign tr th, .part.campaign tr td { border: none; border-bottom: 3px solid #f1f2f2 !important; border-top: 1px solid #f1f2f2 !important; } } @media (min-width: 768px) { .part.campaign tr th:first-child, .part.campaign tr th:last-child, .part.campaign tr td:first-child, .part.campaign tr td:last-child { padding-left: 10px; } } .part.campaign tr th { border: 0; cursor: pointer; padding-top: 4px; padding-bottom: 4px; } .part.campaign tr th.configuration { width: 100px; } .part.campaign tr th.header .text { padding-right: 6px; } @media (min-width: 768px) and (max-width: 1024px) { .part.campaign tr td { font-size: 12px; } } .part.campaign tr td.destination { font-family: "Proxima N W01 Reg", sans-serif; } .part.campaign tr td.destination li.first { font-family: "Proxima N W01 Bold", sans-serif; } .part.campaign tr td.destination li.last .icon { display: none; } .part.campaign tr td.date { min-width: 70px; } .part.campaign tr td.travelTime { min-width: 60px; } .part.campaign tr td.tools { vertical-align: middle; } .part.campaign tr td.tools .btn { padding: 10px 15px; } @media (min-width: 768px) and (max-width: 1024px) { .part.campaign tr td.tools .btn { padding: 8px 10px; margin: 0 5px; } } @media (min-width: 768px) { .part.campaign tr td.configuration { max-width: 150px; } } .part.campaign tr td .campaign_item_hotel_category svg { width: 16px; height: 16px; margin-top: 2px; margin-left: 3px; } .part.campaign tr td .campaign_item_hotel_category, .part.campaign tr td .classification { clear: left; } .part.campaign tr .campaign_item_hotel_category .hotel_category_short_name { font-family: "Filson W01 Bold", sans-serif; font-size: 12px; line-height: 15px; } .part.campaign tr .campaign_item_hotel_category .label { float: none; } .part.campaign tr .label { float: left; } .part.campaign tr .destination li.middle a, .part.campaign tr .destination li.first a, .part.campaign tr .destination li.secondLast a { color: #333333; } .part.campaign tr .destination li.middle a, .part.campaign tr .destination li.first a, .part.campaign tr .destination li.middle span, .part.campaign tr .destination li.first span { text-decoration: none; } .part.campaign tr .destination li.middle a:hover, .part.campaign tr .destination li.first a:hover { text-decoration: underline; } .part.campaign tr .destination li.last { background-image: none; } .part.campaign thead.hide_departure_airport th.departure_airport { display: none; } .part.campaign thead.hide_configuration th.configuration { display: none; } .part.campaign thead th { background-color: #dbeff9; border: 0; font-family: "Filson W01 Bold", sans-serif; font-size: 13px; } .part.campaign thead th.header .icon { height: 10px; width: 7px; overflow: hidden; display: inline-block; position: relative; } .part.campaign thead th.header .icon span { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2c5f0ec13465dce03d52365378323740/content/themes/apollo/content/img/icons/icons-sprite.png'); background-position: 0 -118px; position: absolute; } .part.campaign thead th.headerSortDown { background-color: #015790; color: #ffffff; } .part.campaign thead th.headerSortDown .icon { height: 7px; width: 10px; overflow: hidden; display: inline-block; position: relative; } .part.campaign thead th.headerSortDown .icon span { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2c5f0ec13465dce03d52365378323740/content/themes/apollo/content/img/icons/icons-sprite.png'); background-position: 0 -362px; position: absolute; } .part.campaign thead th.headerSortUp { background-color: #015790; color: #ffffff; } .part.campaign thead th.headerSortUp .icon { height: 7px; width: 10px; overflow: hidden; display: inline-block; position: relative; } .part.campaign thead th.headerSortUp .icon span { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2c5f0ec13465dce03d52365378323740/content/themes/apollo/content/img/icons/icons-sprite.png'); background-position: 0 -469px; position: absolute; } .part.campaign img { width: auto; } .part.campaign .error_message { margin-top: 20px; padding-left: 8px; margin-bottom: 14px; } .part.campaign .campaignparterrormessage { text-align: center; font-family: "Proxima Nova W01 Medium", sans-serif; } @media (max-width: 767px) { .part.campaign .sorting-drop-down { display: flex; align-items: center; } .part.campaign .sorting-drop-down button { width: 140px; } .part.campaign .sorting-drop-down select { min-width: 130px; } .part.campaign .country_filter_section option { margin-left: 2px; padding: 0; } .part.campaign .campaign_items_filter .background { border-width: 1px 0; margin-left: 0; } .part.campaign .campaign_items_filter select { width: 100%; } .part.campaign table tbody tr { display: inline-block; margin-top: 20px; width: 100%; } .part.campaign table tbody tr td { float: left; padding: 5px 15px; } .part.campaign table tbody tr td li.last { display: inline; } .part.campaign table tbody tr td a { display: inline-block; } .part.campaign td.destination ul { display: flex; flex-wrap: wrap; } .part.campaign td.tools { width: 100%; box-sizing: border-box; } .part.campaign td.price-column { padding-top: 12px; width: 100%; box-sizing: border-box; display: flex; align-items: baseline; flex-flow: row-reverse; justify-content: space-between; vertical-align: bottom; font-family: "Proxima N W01 Reg", sans-serif; } .part.campaign td.price-column div { display: flex; align-items: baseline; flex-flow: row-reverse; } .part.campaign td.price-column .price-per-person { margin-top: 5px; position: relative; } .part.campaign td.price-column .current-price { float: left; display: block; } .part.campaign td.price-column .brochure-price { clear: both; display: block; margin-right: 10px; } .part.campaign td.price-column.discounted { margin-top: -8px; } .part.campaign td.hotel .classification { margin-top: 5px; } .part.campaign td.tools .btn { margin-bottom: 10px; width: 100%; } .part.campaign .section { height: auto; } .part.campaign .section.type_of_travel_filter_section { width: 50%; float: left; } .part.campaign .section.type_of_travel_filter_section .apollo-checkbox { display: block; } .part.campaign .filter_background { width: 100%; } } @media (max-width: 767px) { .part.campaign td.destination { padding-top: 0; border-bottom: 1px #F4F3ED solid; } .part.campaign td.destination li:not(.last) { margin-right: 4px; } .part.campaign td.destination li:not(.last):after { content: '\2013'; font-family: none; } .part.campaign td.destination li:not(.last) .icon { margin: 0; } .part.campaign td.destination li:not(.last).extra { width: 100%; } .part.campaign td.destination li:not(.last).extra:after { content: ''; } .part.campaign td.hotel { margin-top: 10px; } .part.campaign td.hotel .hotellink { font-size: 20px; margin-bottom: 10px; } .part.campaign td.hotel .campaign_item_hotel_category { margin-top: 5px; } .part.campaign .date, .part.campaign .travelTime { white-space: nowrap; width: 50%; padding-top: 10px; font-size: 18px; } .part.campaign .travelTime { text-align: right; } .part.campaign .configuration { width: 100%; float: left; clear: both; } .part.campaign .configuration ul { margin-bottom: 20px; } .part.campaign .hotel, .part.campaign .departure_airport, .part.campaign .destination { width: 100%; float: left; white-space: normal; } .part.campaign .departure_airport { width: 50%; padding-top: 10px; text-align: left; } } .part.text_teaser { border-radius: 3px; } .part.text_teaser a { background: url('//cdn-prod-green-www.apollorejser.dk/v-c83a21b6372d9a650831fa58e25ef3a0/content/themes/apollo/content/img/text_teaser_pointers.png') no-repeat right; font-family: "Filson W01 Bold", sans-serif; color: #ffffff; font-size: 24px; line-height: 30px; display: block; padding: 10px 60px 10px 10px; text-align: left; } .part.text_teaser a:hover { text-decoration: none; } .part.text_teaser .primary-color { background-color: #FAA61A; } .part.text_teaser .complementary-color-one { background-color: #7ec208; } .part.text_teaser .complementary-color-two { background-color: #5ac6cc; } .part.text_teaser .complementary-color-three { background-color: #e06ac3; } .part.popular_list_part { padding: 9px; border: 1px solid #EDE6DE; border-radius: 3px; } .part.popular_list_part h1, .part.popular_list_part h2, .part.popular_list_part h3, .part.popular_list_part h4, .part.popular_list_part h5, .part.popular_list_part h6, .part.popular_list_part h1 a, .part.popular_list_part h2 a, .part.popular_list_part h3 a, .part.popular_list_part h4 a, .part.popular_list_part h5 a, .part.popular_list_part h6 a, .part.popular_list_part h1 a:hover, .part.popular_list_part h2 a:hover, .part.popular_list_part h3 a:hover, .part.popular_list_part h4 a:hover, .part.popular_list_part h5 a:hover, .part.popular_list_part h6 a:hover { font-family: "Filson W01 Bold", sans-serif; color: #333333; line-height: 18px; } .part.popular_list_part h1, .part.popular_list_part h2, .part.popular_list_part h3, .part.popular_list_part h4, .part.popular_list_part h5, .part.popular_list_part h6 { margin-top: 8px; margin-bottom: -2px; } .part.popular_list_part h2 { margin-bottom: -4px; } .part.popular_list_part h3 { margin-bottom: -4px; } .part.popular_list_part h4 { margin-bottom: -6px; } .part.popular_list_part h5 { margin-bottom: -6px; } .part.popular_list_part h6 { margin-bottom: -8px; } .part.popular_list_part h1.name, .part.popular_list_part h2.name, .part.popular_list_part h3.name, .part.popular_list_part h4.name, .part.popular_list_part h5.name, .part.popular_list_part h6.name { margin-top: 10px; margin-bottom: 0px; } .part.popular_list_part h1.name, .part.popular_list_part h2.name, .part.popular_list_part h3.name, .part.popular_list_part h4.name, .part.popular_list_part h5.name, .part.popular_list_part h6.name, .part.popular_list_part h1.name a, .part.popular_list_part h2.name a, .part.popular_list_part h3.name a, .part.popular_list_part h4.name a, .part.popular_list_part h5.name a, .part.popular_list_part h6.name a, .part.popular_list_part h1.name a:hover, .part.popular_list_part h2.name a:hover, .part.popular_list_part h3.name a:hover, .part.popular_list_part h4.name a:hover, .part.popular_list_part h5.name a:hover, .part.popular_list_part h6.name a:hover { color: #015790; font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; } .part.popular_list_part .from_price_line { display: inline-block; } .part.popular_list_part .price_area { clear: left; } .part.popular_list_part .price_area .price_from_text { font-size: 11px; } .part.popular_list_part .price_area .price-from { font-size: 16px; } .part.popular_list_part .item { margin-top: 18px; float: left; width: 100%; } .part.popular_list_part .item .display_image { float: left; width: calc( 53% - 10px); margin-right: 10px; line-height: 8px; } .part.popular_list_part .item .display_image a { line-height: 8px; } .part.popular_list_part .item .display_image img { width: 100%; margin-bottom: 0px; } .part.popular_list_part .item .content { float: left; width: 47%; } .part.popular_list_part .item .content .name a { color: #333333; font-family: "Filson W01 Bold", sans-serif; } .part.popular_list_part .item .content a, .part.popular_list_part .item .content .from_price_line { color: #333333; font-size: 12px; } .part.popular_list_part .item .content a:hover .from_price_line { text-decoration: underline; } .part.popular_list_part .item .content h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .part.popular_list_part .item .price { font-size: 14px; } .part.popular_list_part a.read_more { font-family: "Proxima N W01 Reg", sans-serif; display: block; clear: left; padding-top: 8px; } .part.popular_list_part .item_noimage { margin-top: 12px; margin-right: 15px; } .part.popular_list_part .travel_area_trail { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .part.popular_list_part .travel_area_price { font-family: "Proxima N W01 Bold", sans-serif; } @media (min-width: 768px) { .span1.popular_list_part.wrapper .part.popular_list_part .item .display_image, .span2.popular_list_part.wrapper .part.popular_list_part .item .display_image, .span3.popular_list_part.wrapper .part.popular_list_part .item .display_image { width: 100%; } .span1.popular_list_part.wrapper .part.popular_list_part .item .content, .span2.popular_list_part.wrapper .part.popular_list_part .item .content, .span3.popular_list_part.wrapper .part.popular_list_part .item .content { width: 100%; } .span1.popular_list_part.wrapper .part.popular_list_part .item .content .name, .span2.popular_list_part.wrapper .part.popular_list_part .item .content .name, .span3.popular_list_part.wrapper .part.popular_list_part .item .content .name { margin-top: 6px; } } @media (min-width: 1024px) { .responsive .span10.popular_list_part .heading, .responsive .span11.popular_list_part .heading, .responsive .span12.popular_list_part .heading { text-align: center; } .responsive .span10.popular_list_part .item, .responsive .span11.popular_list_part .item, .responsive .span12.popular_list_part .item { margin-right: 2%; float: left; width: 23.5%; } .responsive .span10.popular_list_part .item .display_image, .responsive .span11.popular_list_part .item .display_image, .responsive .span12.popular_list_part .item .display_image { width: 100%; margin-right: 0px; } .responsive .span10.popular_list_part .item:nth-of-type(4n), .responsive .span11.popular_list_part .item:nth-of-type(4n), .responsive .span12.popular_list_part .item:nth-of-type(4n) { margin-right: 0px; } .responsive .span10.popular_list_part .content, .responsive .span11.popular_list_part .content, .responsive .span12.popular_list_part .content { width: 100%; } .responsive .span8.popular_list_part .heading, .responsive .span9.popular_list_part .heading { text-align: center; } .responsive .span8.popular_list_part .item, .responsive .span9.popular_list_part .item { width: 50%; } .responsive .span8.popular_list_part .item .display_image, .responsive .span9.popular_list_part .item .display_image { width: 45%; height: auto; } .responsive .span8.popular_list_part .item .display_image img, .responsive .span9.popular_list_part .item .display_image img { width: 100%; height: auto; } .responsive .span8.popular_list_part .item .content, .responsive .span9.popular_list_part .item .content { width: 50%; } } @media (max-width: 1023px) and (min-width: 651px) { .responsive .span10.popular_list_part .item, .responsive .span11.popular_list_part .item, .responsive .span12.popular_list_part .item { width: 50%; } .responsive .span10.popular_list_part .item .display_image, .responsive .span11.popular_list_part .item .display_image, .responsive .span12.popular_list_part .item .display_image { width: 45%; height: auto; margin-right: 10px; } .responsive .span10.popular_list_part .item .display_image img, .responsive .span11.popular_list_part .item .display_image img, .responsive .span12.popular_list_part .item .display_image img { width: 100%; height: auto; } .responsive .span10.popular_list_part .item .content, .responsive .span11.popular_list_part .item .content, .responsive .span12.popular_list_part .item .content { width: 50%; } } @media (max-width: 979px) and (min-width: 768px) { .responsive .span1.popular_list_part .part.popular_list_part .item, .responsive .span2.popular_list_part .part.popular_list_part .item, .responsive .span3.popular_list_part .part.popular_list_part .item, .responsive .span4.popular_list_part .part.popular_list_part .item { margin-top: 14px; } .responsive .span1.popular_list_part .part.popular_list_part .item h1, .responsive .span1.popular_list_part .part.popular_list_part .item h2, .responsive .span1.popular_list_part .part.popular_list_part .item h3, .responsive .span1.popular_list_part .part.popular_list_part .item h4, .responsive .span1.popular_list_part .part.popular_list_part .item h5, .responsive .span1.popular_list_part .part.popular_list_part .item h6, .responsive .span2.popular_list_part .part.popular_list_part .item h1, .responsive .span2.popular_list_part .part.popular_list_part .item h2, .responsive .span2.popular_list_part .part.popular_list_part .item h3, .responsive .span2.popular_list_part .part.popular_list_part .item h4, .responsive .span2.popular_list_part .part.popular_list_part .item h5, .responsive .span2.popular_list_part .part.popular_list_part .item h6, .responsive .span3.popular_list_part .part.popular_list_part .item h1, .responsive .span3.popular_list_part .part.popular_list_part .item h2, .responsive .span3.popular_list_part .part.popular_list_part .item h3, .responsive .span3.popular_list_part .part.popular_list_part .item h4, .responsive .span3.popular_list_part .part.popular_list_part .item h5, .responsive .span3.popular_list_part .part.popular_list_part .item h6, .responsive .span4.popular_list_part .part.popular_list_part .item h1, .responsive .span4.popular_list_part .part.popular_list_part .item h2, .responsive .span4.popular_list_part .part.popular_list_part .item h3, .responsive .span4.popular_list_part .part.popular_list_part .item h4, .responsive .span4.popular_list_part .part.popular_list_part .item h5, .responsive .span4.popular_list_part .part.popular_list_part .item h6 { margin-bottom: 0px; } .responsive .span1.popular_list_part .part.popular_list_part .item .content, .responsive .span2.popular_list_part .part.popular_list_part .item .content, .responsive .span3.popular_list_part .part.popular_list_part .item .content, .responsive .span4.popular_list_part .part.popular_list_part .item .content { line-height: 14px; } .responsive .span4.popular_list_part .item .display_image { width: 100%; } .responsive .span4.popular_list_part .item .content { width: 100%; } } @media (max-width: 767px) and (min-width: 651px) { .responsive .part.popular_list_part .item { width: 50%; } .responsive .part.popular_list_part .item .display_image { width: 45%; height: auto; } .responsive .part.popular_list_part .item .display_image img { width: 100%; height: auto; } .responsive .part.popular_list_part .item .content { width: 50%; } } @media (max-width: 650px) and (min-width: 480px) { .responsive .part.popular_list_part .item { width: 50%; } .responsive .part.popular_list_part .item .display_image { width: 90%; height: auto; } .responsive .part.popular_list_part .item .display_image img { width: 100%; height: auto; } .responsive .part.popular_list_part .item .content { width: 100%; } .responsive .span10.popular_list_part .item, .responsive .span11.popular_list_part .item, .responsive .span12.popular_list_part .item { width: 48%; margin-right: 4%; } .responsive .span10.popular_list_part .item:nth-of-type(2n), .responsive .span11.popular_list_part .item:nth-of-type(2n), .responsive .span12.popular_list_part .item:nth-of-type(2n) { margin-right: 0px; } .responsive .span10.popular_list_part .item .display_image, .responsive .span11.popular_list_part .item .display_image, .responsive .span12.popular_list_part .item .display_image { width: 100%; } } @media (max-width: 479px) { .responsive .part.popular_list_part .item { width: 100%; } .responsive .part.popular_list_part .item .display_image { width: 50%; height: auto; } .responsive .part.popular_list_part .item .display_image img { width: 100%; height: auto; } .responsive .part.popular_list_part .item .content { width: 40%; } .responsive .span10.popular_list_part .item .display_image, .responsive .span11.popular_list_part .item .display_image, .responsive .span12.popular_list_part .item .display_image { margin-right: 10px; } } .part.checkbox_list { background-color: #f4fafd; border: 1px solid #dbeff9; } .part.checkbox_list h1, .part.checkbox_list h2, .part.checkbox_list h3, .part.checkbox_list h4 { margin-bottom: 10px; margin-left: 10px; margin-top: 10px; font-family: "Filson W01 Bold", sans-serif; color: #333333; font-size: 22px; } .part.checkbox_list ul li { margin: 0px 15px 15px 25px; } .part.checkbox_list .check_box_list_item { font-size: 14px; line-height: 20px; } .part.checkbox_list .check_box_list_item .icon-checked { height: 13px; width: 13px; overflow: hidden; display: inline-block; position: relative; } .part.checkbox_list .check_box_list_item .icon-checked span { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2c5f0ec13465dce03d52365378323740/content/themes/apollo/content/img/icons/icons-sprite.png'); background-position: 0 -486px; position: absolute; } .part.teaser h1, .part.teaser h2, .part.teaser h3, .part.teaser h4 { margin-bottom: 4px; } .part.teaser h1, .part.teaser h2, .part.teaser h3, .part.teaser h4, .part.teaser h1 a, .part.teaser h2 a, .part.teaser h3 a, .part.teaser h4 a { color: #333333; font-style: normal; font-family: "Filson W01 Bold", sans-serif; } .part.teaser h1 a:hover, .part.teaser h2 a:hover, .part.teaser h3 a:hover, .part.teaser h4 a:hover { color: #333333; font-style: normal; font-family: "Filson W01 Bold", sans-serif; } .part.teaser ol, .part.teaser ul { margin-bottom: 10px; padding-left: 2em; } .part.teaser ol li, .part.teaser ul li { margin-bottom: 4px; } .part.teaser ul { list-style-type: disc; } .part.teaser ul ul { list-style-type: circle; } .part.teaser .image_left ul, .part.teaser .image_left ol, .part.teaser .image_right ul, .part.teaser .image_right ol { overflow: hidden; } .part.teaser .image_left > .teaser_image_container, .part.teaser .image_right > .teaser_image_container { max-width: calc(50% - 10px); } .part.teaser .image_left > .teaser_image_container img, .part.teaser .image_right > .teaser_image_container img { max-width: 100%; } .part.teaser .image_left > .teaser_image_container { float: left; margin-right: 20px; } .part.teaser .image_right > .teaser_image_container { float: right; margin-left: 20px; } .part.teaser.image_left ul, .part.teaser.image_left ol, .part.teaser.image_right ul, .part.teaser.image_right ol { overflow: hidden; } .part.teaser.image_left > .teaser_image_container, .part.teaser.image_right > .teaser_image_container { max-width: calc(50% - 10px); } .part.teaser.image_left > .teaser_image_container img, .part.teaser.image_right > .teaser_image_container img { max-width: 100%; } .part.teaser.image_left > .teaser_image_container { float: left; margin-right: 20px; } .part.teaser.image_right > .teaser_image_container { float: right; margin-left: 20px; } .part.teaser .teaser-video { margin-bottom: 4px; } .part.teaser .teaser_video_left { width: 50%; float: left; margin-right: 10px; } .part.teaser .teaser_video_right { width: 50%; float: right; margin-left: 10px; } .part.teaser .caption { display: block; font-style: italic; color: #333333; box-sizing: border-box; width: 0px; min-width: 100%; } .part.teaser a.teaser_image_link:hover { text-decoration: none; } div[class^="span"].teaser .teaser-video .video-wrapper.ratio-16-by-9 { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } div[class^="span"].teaser .teaser-video .video-wrapper.ratio-16-by-9 iframe, div[class^="span"].teaser .teaser-video .video-wrapper.ratio-16-by-9 .youtube-thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div[class^="span"].teaser .teaser-video .video-wrapper .youtube-thumbnail { width: 100%; cursor: pointer; margin-bottom: 0; } div[class^="span"].teaser .youtube-wrapper .youtube-thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } div[class^="span"].teaser .youtube-wrapper .play-button { width: 68px; height: 48px; z-index: 1; position: absolute; cursor: pointer; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } div[class^="span"].teaser .youtube-wrapper .play-button .play-button-bg { fill: #212121; fill-opacity: .8; } div[class^="span"].teaser .youtube-wrapper:hover .play-button-bg { fill: #ff0000; fill-opacity: 1; } @media (min-width: 768px) { .span1.teaser .teaser-video .video-wrapper iframe, .span1.teaser .teaser-video .youtube-thumbnail { height: 28px; } .span2.teaser .teaser-video .video-wrapper iframe, .span2.teaser .teaser-video .youtube-thumbnail { height: 69.3px; } .span3.teaser .teaser-video .video-wrapper iframe, .span3.teaser .teaser-video .youtube-thumbnail { height: 110.7px; } .span4.teaser .teaser-video .video-wrapper iframe, .span4.teaser .teaser-video .youtube-thumbnail { height: 152px; } .span5.teaser .teaser-video .video-wrapper iframe, .span5.teaser .teaser-video .youtube-thumbnail { height: 193.3px; } .span6.teaser .teaser-video .video-wrapper iframe, .span6.teaser .teaser-video .youtube-thumbnail { height: 234.66px; } .span7.teaser .teaser-video .video-wrapper iframe, .span7.teaser .teaser-video .youtube-thumbnail { height: 276px; } .span8.teaser .teaser-video .video-wrapper iframe, .span8.teaser .teaser-video .youtube-thumbnail { height: 317.33px; } .span9.teaser .teaser-video .video-wrapper iframe, .span9.teaser .teaser-video .youtube-thumbnail { height: 358.66px; } .span10.teaser .teaser-video .video-wrapper iframe, .span10.teaser .teaser-video .youtube-thumbnail { height: 400px; } .span11.teaser .teaser-video .video-wrapper iframe, .span11.teaser .teaser-video .youtube-thumbnail { height: 441.33px; } .span12.teaser .teaser-video .video-wrapper iframe, .span12.teaser .teaser-video .youtube-thumbnail { height: 362px; } } @media (min-width: 980px) { .span1.teaser .teaser-video .video-wrapper iframe, .span1.teaser .teaser-video .youtube-thumbnail { height: 40px; } .span2.teaser .teaser-video .video-wrapper iframe, .span2.teaser .teaser-video .youtube-thumbnail { height: 93.3px; } .span3.teaser .teaser-video .video-wrapper iframe, .span3.teaser .teaser-video .youtube-thumbnail { height: 146.7px; } .span4.teaser .teaser-video .video-wrapper iframe, .span4.teaser .teaser-video .youtube-thumbnail { height: 200px; } .span5.teaser .teaser-video .video-wrapper iframe, .span5.teaser .teaser-video .youtube-thumbnail { height: 253.3px; } .span6.teaser .teaser-video .video-wrapper iframe, .span6.teaser .teaser-video .youtube-thumbnail { height: 306.66px; } .span7.teaser .teaser-video .video-wrapper iframe, .span7.teaser .teaser-video .youtube-thumbnail { height: 360px; } .span8.teaser .teaser-video .video-wrapper iframe, .span8.teaser .teaser-video .youtube-thumbnail { height: 413.33px; } .span9.teaser .teaser-video .video-wrapper iframe, .span9.teaser .teaser-video .youtube-thumbnail { height: 466.66px; } .span10.teaser .teaser-video .video-wrapper iframe, .span10.teaser .teaser-video .youtube-thumbnail { height: 520px; } .span11.teaser .teaser-video .video-wrapper iframe, .span11.teaser .teaser-video .youtube-thumbnail { height: 573.33px; } .span12.teaser .teaser-video .video-wrapper iframe, .span12.teaser .teaser-video .youtube-thumbnail { height: 470px; } } @media (max-width: 767px) { .responsive .span2.teaser.wrapper { float: left; } } @media (min-width: 480px) and (max-width: 767px) { .responsive .span2.teaser.wrapper { width: 30%; margin-right: 15px; } } @media (max-width: 479px) { .responsive .span2.teaser.wrapper { margin-right: 10px; font-size: 12px; } } @media (max-width: 479px) { .responsive .span2.teaser.wrapper { width: 45%; } } @media (max-width: 479px) { .responsive .teaser .teaser_video_left, .responsive .teaser .teaser_video_right { width: 100%; float: none; margin-right: 0px; } } @media (max-width: 767px) { .responsive .teaser ul li { font-size: 15px; } .responsive .teaser table td { font-size: 15px; } } @media (max-width: 979px) { .responsive .teaser .image_left .teaser_image_container, .responsive .teaser .image_right .teaser_image_container { max-width: 100%; margin-left: 0; margin-right: 0; float: none; } } .part.product { min-height: 310px; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; } .part.product .travel_area { margin: 0 0 0 0; font-size: 1.6rem; line-height: 1.29; font-family: "Filson W01 Book", sans-serif; } .part.product .travel_area a, .part.product .travel_area span { color: #888888; } .part.product img.product_image { width: 100%; } .part.product .image_container { position: relative; } .part.product div[class^='mondo_header_banner'] { position: absolute; top: 0; z-index: 10; } .part.product .usp_text { position: absolute; bottom: 8px; background: rgba(239, 238, 233, 0.8); padding: 1px 4px; font-size: 1.4rem; line-height: 1.29; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .part.product h2 { float: left; margin-top: 0px; margin-bottom: 8px; font-family: "Filson W01 Bold", sans-serif; font-size: 1.8rem; line-height: 1.11; letter-spacing: -0.2px; } .part.product h2 a { margin-bottom: 4px; color: #1B1464; margin-right: 6px; display: block; display: -moz-box; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .part.product i.classification { display: none; } .part.product .sun_classification-block { display: block; float: none; } .part.product .sun_classification-inline { display: inline-block; float: left; } .part.product .sun_classification svg { fill: #FFCA32; width: 14px; height: 14px; vertical-align: middle; margin: 0 1px; } .part.product .sun_classification svg { width: 17.5px; height: 17.5px; margin: 0; } .part.product .custom_text { color: #6d7174; font-size: 1.4rem; line-height: 1.29; margin-top: 8px; } .part.product .product-part-bottom { margin-top: 16px; width: 100%; text-align: right; margin-bottom: 20px; border-bottom: 1px solid #d8d8d8; padding-bottom: 4px; display: flex; flex: 1 0 auto; align-items: flex-end; justify-content: flex-end; } .part.product .product-part-bottom a, .part.product .product-part-bottom a:hover { color: #E364C1; } .part.product .product-part-bottom svg { fill: #E364C1; height: 14px; width: 14px; position: relative; top: -1px; } .part.product .view-more, .part.product .from-label, .part.product .price-from, .part.product .currency-from { font-family: "Filson W01 Bold", sans-serif; font-size: 1.8rem; line-height: 1; letter-spacing: -0.4px; color: #E364C1; } @media (max-width: 767px) { .responsive .part.product .product-part-bottom { position: initial; } .responsive .part.product .product_image { width: 100%; height: auto; } } @media (max-width: 479px) { .responsive .part.product { margin-bottom: 8px; height: auto; } } @media (min-width: 480px) and (max-width: 767px) { .responsive .part.product { margin: 0 5px; float: left; margin-bottom: 5px; } } @media (min-width: 480px) and (max-width: 767px) { div[class^='span'].product { width: 50%; } .part.product { min-height: 365px; } div[class^='span'] { float: left; } } .product_part_container_part .part.product { min-height: initial; } .rich_text_part ul { list-style-type: initial; padding-left: 2em; margin-bottom: 10px; list-style-type: disc; } .rich_text_part ul ul { list-style-type: circle; } .rich_text_part ul li { margin-bottom: 4px; } .rich_text_part ul.no-style { padding: 0px; list-style-type: none; } .rich_text_part ol { padding-left: 2em; margin-bottom: 10px; } .rich_text_part ol li { margin-bottom: 4px; } .responsive .rich_text_part img { width: 100%; } @media (max-width: 767px) { .responsive .rich_text_part ul li { font-size: 15px; } .responsive .rich_text_part table td { font-size: 15px; } } @media (min-width: 480px) and (max-width: 767px) { .responsive .rich_text_part { clear: both; } } .alert_text_part_container { position: relative; padding: 25px 35px; } .alert_text_part_container .close { cursor: pointer; position: absolute; top: 16px; right: 16px; } .alert_text_part_container .close svg { width: 12px; height: 12px; } @media (max-width: 979px) { .alert_text_part_container { padding: 36px 10px 16px 10px; } .alert_text_part_container .close { right: 8px; } } .alert_text_part_container.info { background-color: #eaf3fa; color: #1B1464; } .alert_text_part_container.info .close svg { fill: #1B1464; } .alert_text_part_container.info * p { color: #1B1464; } .alert_text_part_container.info * a { color: #1B1464; text-decoration: underline; } .alert_text_part_container.warning { background-color: #fcf2f3; color: #ea5e66; } .alert_text_part_container.warning .close svg { fill: #ea5e66; } .alert_text_part_container.warning * p { color: #ea5e66; } .alert_text_part_container.warning * a { color: #ea5e66; text-decoration: underline; } .alert_text_part_container.solved { background-color: #f2fcf4; color: #119022; } .alert_text_part_container.solved .close svg { fill: #119022; } .alert_text_part_container.solved * p { color: #119022; } .alert_text_part_container.solved * a { color: #119022; text-decoration: underline; } .alert_text_part_container .alert_info { width: 100%; } @media (min-width: 980px) { .alert_text_part_container .alert_info { width: 820px; margin: auto; } } .alert_text_part_container .updated_date { text-align: center; font-family: Proxima N W01 Bold,sans-serif; font-size: 12px; line-height: 1.17; letter-spacing: 0.4px; margin-top: 12px; } @media (max-width: 767px) { .responsive .travel_destination { float: left; width: 100%; } .responsive .travel_destination li { margin-bottom: 8px; font-size: 16px; } } .flight_search_tab { position: relative; float: left; width: 100%; border-bottom: 1px solid #acddf0; } .flight_search_tab .tab { float: left; border: 1px solid #acddf0; border-bottom: none; font-family: "Filson W01 Bold", sans-serif; font-size: 20px; margin-right: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; line-height: normal; } .flight_search_tab .tab a { padding: 10px 15px; float: left; text-decoration: none; cursor: pointer; color: #333333; } .flight_search_tab .manual { padding: 10px 15px; background: #f4fafd; margin: 0; line-height: normal; font-size: 20px; top: 1px; position: relative; color: #333333; } @media (max-width: 767px) { .responsive .flight_search_tab .tab, .responsive .flight_search_tab .manual { font-size: 13px; padding: 10px; } .responsive .flight_search_tab .tab a { padding: 0; } } .hotel_search_tab { position: relative; float: left; width: 100%; border-bottom: 1px solid #acddf0; } .hotel_search_tab .tab { float: left; border: 1px solid #acddf0; border-bottom: none; background-image: url('//cdn-prod-green-www.apollorejser.dk/v-9f23e62d76e05b4ae77c8341bf1a1d86/content/themes/apollo/content/img/gradients-sprite.png'); background-position: 0 -458px; background-repeat: repeat-x; font-family: "Filson W01 Bold", sans-serif; font-size: 20px; margin-right: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; line-height: normal; } .hotel_search_tab .tab a { padding: 10px 15px; float: left; text-decoration: none; cursor: pointer; color: #333333; } .hotel_search_tab .manual { padding: 10px 15px; background: #f4fafd; margin: 0; line-height: normal; font-size: 20px; top: 1px; position: relative; color: #333333; } @media (max-width: 767px) { .responsive .hotel_search_tab .tab, .responsive .hotel_search_tab .manual { font-size: 13px; padding: 10px; } .responsive .hotel_search_tab .tab a { padding: 0; } } .dataLayer { display: none !important; } .digitalDataLayer { display: none !important; } .flight.addons .addon_container { margin-top: 10px; } .flight.addons .image { float: left; max-width: 26%; width: 26%; margin: 10px; } .addons .btn { margin-bottom: 5px; } .addons .btn.disabled, .addons .btn:disabled { display: none; } .addons .selection-container { background-color: #f2f2ed; color: #222222; border: none; } .addons .selection-container select.input { border: none; color: #333333; } .addons .selection-container .summary label { font-size: 14px; font-family: "Proxima N W01 Bold", sans-serif; } .addons .selection-container .item-selection .price, .addons .selection-container .item-selection .currency { font-size: 13px; } .addons .selection-container .flightfood-per-route-summary { padding: 6px 0 3px 0; } .addons .selection-container .flightfood-per-route-summary .flightfood-per-route-tip { float: left; font-family: "Proxima N W01 Reg", sans-serif; font-size: 15px; } .addons .selection-container .flightfood-per-route-summary .flightfood-per-route-tip .label-icon { width: 28px; height: 28px; float: left; margin: -3px 6px 0 0; } .addons .selection-container .flightfood-per-route-summary .flightfood-per-route-tip .info-text { margin-top: 5px; margin-bottom: 5px; } .addons .selection-container .flightfood-per-route-summary .total-price, .addons .selection-container .flightfood-per-route-summary .total-price span, .addons .selection-container .flightfood-per-route-summary .included-in-price { font-family: "Filson W01 Bold", sans-serif; font-size: 18px; line-height: 1.11; letter-spacing: -0.2px; } .addons .addon_group { background-color: #ffffff; padding-top: 10px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.24); border-radius: 4px; } .addons .addon_group .groupHeader { margin: 0 10px 10px 10px; font-size: 20px; } .addons .addon_group .imageAndUspItems .imageAndUspItems_content .subHeading { color: #222222; font-family: "Proxima N W01 Bold", sans-serif; font-size: 14px; } .addons .addon_group .addon { clear: both; } .addons .addon_group .addon + .addon { padding-top: 10px; border-top: solid 1px #c6c8ca; } .addons .addon_group .addon .imageAndUspItems { border: none; } .addons .addon_group .addon .addon_pax .has_children { float: left; } .addons .addon_group .addon .addon_pax .has_children input[type="checkbox"] { position: relative; top: 2px; } .addons .addon_group .addon .addon_pax .pax_selection { display: inline-block; width: 100%; } .addons .addon_group .addon .addon_pax .pax_selection .currency, .addons .addon_group .addon .addon_pax .pax_selection .price { color: #222222; } .addons .addon_group .addon .addon_pax .grouped-selection .item-selection { float: none; margin-bottom: 10px; } .addons .addon_group .addon .addon_pax .add_on_child_selection { width: 100%; box-sizing: border-box; } .addons .addon_group .addon .addon_pax .add_on_child_selection select { margin: 0; } .addons .addon_group .addon .addon_pax .add_on_child_selection .add_on_child_selection_left { width: 50%; float: left; } .addons .addon_group .addon .addon_pax .add_on_child_selection .no_children { width: 100%; } .addons .addon_group .addon .addon_pax .add_on_child_selection .add_on_child_selection_right { float: right; width: 50%; box-sizing: border-box; padding-left: 5px; } .addons .addon_group .addon .addon_pax .add_on_child_selection .add_on_child_selection_right .add_on_child_dropdown { padding-left: 10px; } .addons .addon_group .addon .addon_pax .add_on_child_selection .add_on_child_dropdown { box-sizing: border-box; display: inline-block; width: 100%; } .addons .addon_group .addon .addon_pax .pax_disabled_message, .addons .addon_group .addon .addon_pax .pax_disabled_message_grouped { color: #888888; } .addons .addon_group .addon .addon_pax .pax_disabled_message { margin-left: 17px; } .addons .addon_group .addon .addon_pax .pax_disabled_message_grouped { margin-left: 5px; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper { border-bottom: 1px solid #e3e3e3; min-height: 66px; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .item-label { font-family: "Filson W01 Bold", sans-serif; font-size: 14px; padding-top: 20px; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_left, .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_right { width: 49.5%; height: 50px; position: relative; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_left label, .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_right label { font-size: 12px; font-family: "Proxima N W01 Bold", sans-serif; color: #6d7174; line-height: 1.17; letter-spacing: 0.4px; text-transform: uppercase; pointer-events: none; position: absolute; top: 8px; left: 8px; z-index: 100; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_left .inactive label, .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_right .inactive label { opacity: 0.72; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_left select, .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_right select { position: absolute; top: 0; height: 56px; padding: 20px 8px 0px 4px; font-family: "Proxima Nova W01 Medium", sans-serif; font-size: 16px; line-height: 1.25; color: #333333; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_left .input[disabled], .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_right .input[disabled] { background-color: #ffffff; opacity: 0.72; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_left.flightfood-per-route-one-way { width: 100%; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_right { padding: 0; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_right .add_on_child_dropdown { padding: 0; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_right .add_on_child_dropdown select { padding-top: 20px; } @media (max-width: 767px) { .addons .addon_group .groupHeader { margin: 2px 0 8px 5px; } .addons .selection-container .flightfood-per-route-summary { padding-top: 0; } .addons .selection-container .flightfood-per-route-summary .flightfood-per-route-tip { min-height: 25px; margin-bottom: 5px; width: 100%; } .addons .selection-container .flightfood-per-route-summary .flightfood-per-route-tip .info-text { float: left; text-align: left; margin-top: 0; } } @media (max-width: 479px) { .addons .addon_group .addon .addon_pax .pax_selection .all_pax { width: 100%; } .addons .addon_group .addon .addon_pax .add_on_child_selection .item-selection:first-child { margin-top: 0px; } .addons .addon_group .addon .addon_pax .add_on_child_selection .add_on_child_selection_left { float: left; width: 100%; } .addons .addon_group .addon .addon_pax .add_on_child_selection .add_on_child_selection_right { width: 100%; margin-top: 5px; padding-left: 0; } .addons .addon_group .addon .addon_pax .add_on_child_selection .add_on_child_selection_right .add_on_child_dropdown { padding-left: 0px; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper { padding-bottom: 10px; padding-top: 5px; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .item-label { width: 100%; margin-bottom: 5px; padding-top: 0; } .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_left, .addons .addon_group .addon .addon_pax .flightfood-per-route-wrapper .flightfood-per-route .add_on_child_selection_right { float: left; width: 100%; position: relative; margin-bottom: 10px; } } .campaign_code_part input { padding: 3px; } @media (max-width: 767px) { .responsive .campaign_code_part input { padding: 10px 5px; } } .campaign_code_part.wrapper { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); box-sizing: border-box; padding: 10px; } .campaign_code_part.wrapper .campaign_code_part { display: table; width: 100%; } .campaign_code_part.wrapper .campaign_code_part .campaign_code_header { display: inline-block; font-family: "Filson W01 Bold", sans-serif; color: #054aad; font-size: 14px; width: 33%; } .campaign_code_part.wrapper .campaign_code_part input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; border: 1px solid #054aad; height: 30px; width: 40%; display: inline-block; margin-top: 3px; } .campaign_code_part.wrapper .campaign_code_part button { display: inline-block; float: right; margin: 0px; } .campaign_code_part.wrapper .campaign_code_part .successful { font-family: "Proxima N W01 Bold", sans-serif; font-size: 14px; } .campaign_code_part.wrapper .campaign_code_part .error { font-size: 14px; color: #d0021b; } @media (max-width: 767px) { .campaign_code_part.wrapper { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); box-sizing: border-box; padding: 10px; width: 100%; } .campaign_code_part.wrapper .campaign_code_part .campaign_code_header { width: 100%; } .campaign_code_part.wrapper .campaign_code_part input { width: 100%; margin-bottom: 10px; } .campaign_code_part.wrapper .campaign_code_part button { width: 100%; } .campaign_code_part.wrapper .campaign_code_part .campaign_code_part input { font-size: 20px; } } .part.tab_container .containers { position: relative; } .part.tab_container .sectionContent { position: absolute; top: 0; left: 0; } .part.travel_area_navigator select, .part.travel_area_navigator a { clear: both; float: left; } .part.manual_image_slideshow { min-height: 140px; overflow: initial; } .part.manual_image_slideshow ul { position: relative; height: 100%; width: 100%; margin: 0px; } .part.manual_image_slideshow ul li { width: 100%; display: none; } .part.manual_image_slideshow ul li img { margin: 0px; } .part.manual_image_slideshow ul .current { left: 0; display: block; } .part.manual_image_slideshow .caption { border-radius: 3px; position: absolute; display: none; z-index: 1; background-color: white; /* The Fallback */ background-color: rgba(255, 255, 255, 0.85); padding: 5px 10px; } .part.manual_image_slideshow .caption.topright { right: 10px; top: 10px; } .part.manual_image_slideshow .caption.topleft { left: 10px; top: 10px; } .part.manual_image_slideshow .caption.bottomright { right: 10px; bottom: 14px; } .part.manual_image_slideshow .caption.bottomleft { left: 10px; bottom: 14px; } .part.manual_image_slideshow .caption .slideshow-counter { margin-left: 0; } .part.manual_image_slideshow .caption p { margin: 0 0 0 10px; float: left; } .part.manual_image_slideshow .control_wrapper { height: 50%; position: absolute; top: 0; width: 100%; } .part.manual_image_slideshow .control_wrapper .control { z-index: 1; position: absolute; padding: 0; margin: 0; cursor: pointer; } .part.manual_image_slideshow .control_wrapper .next { right: 0; } .part.manual_image_slideshow .control_wrapper .prev { left: 0; } .part.manual_image_slideshow .image_slideshow { display: block; } .part.manual_image_slideshow .image_slideshow .slideshow-counter { position: relative; float: left; } .part.manual_image_slideshow .current .caption { display: block; } .part.manual_image_slideshow .single .control { display: none; } .part.manual_image_slideshow .single .slideshow-counter { display: none; } .part.manual_image_slideshow .next { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2770b0a382c420c08feebb29020cf9da/content/themes/apollo/content/img/icon-sprite.png'); width: 41px; height: 43px; background-position: -92px -26px; bottom: -21px; } .part.manual_image_slideshow .prev { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2770b0a382c420c08feebb29020cf9da/content/themes/apollo/content/img/icon-sprite.png'); width: 41px; height: 43px; background-position: -50px -26px; bottom: -21px; } .part.navigation_part h1, .part.navigation_part h2, .part.navigation_part h3, .part.navigation_part h4, .part.navigation_part h1 a, .part.navigation_part h2 a, .part.navigation_part h3 a, .part.navigation_part h4 a { color: #333333; font-style: normal; font-family: "Filson W01 Bold", sans-serif; } .part.navigation_part h1, .part.navigation_part h2, .part.navigation_part h3, .part.navigation_part h4 { margin-bottom: 4px; } .part.navigation_part h1 a:hover, .part.navigation_part h2 a:hover, .part.navigation_part h3 a:hover, .part.navigation_part h4 a:hover { color: #333333; font-style: normal; font-family: "Filson W01 Bold", sans-serif; } @media (min-width: 768px) { .part.navigation_part .row { display: flex; } } .part.navigation_part .navigation_part_container { display: flex; height: 100%; } .part.navigation_part .navigation_part_container .navigation_part_text { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; } .part.navigation_part .navigation_part_container .navigation_part_link { text-align: right; margin-right: 10px; } .part.navigation_part.left .image_wrapper_link { padding-right: 20px; } @media (max-width: 979px) { .part.navigation_part.left .navigation_part_container { flex-direction: column; } .part.navigation_part.left .image_wrapper_link { padding-right: 0; } } .part.navigation_part.top .navigation_part_container { flex-direction: column; } #ui-datepicker-div { background-color: #ffffff; /* Interaction states ----------------------------------*/ /* Interaction Cues ----------------------------------*/ /* Component containers ----------------------------------*/ /* Icons ----------------------------------*/ /* positioning */ /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ } #ui-datepicker-div .ui-widget { font-family: "Proxima N W01 Reg", sans-serif; font-size: 1.1em; } #ui-datepicker-div .ui-widget .ui-widget { font-size: 1em; } #ui-datepicker-div .ui-widget input, #ui-datepicker-div .ui-widget select, #ui-datepicker-div .ui-widget textarea, #ui-datepicker-div .ui-widget button { font-family: "Proxima N W01 Reg", sans-serif; font-size: 1em; } #ui-datepicker-div .ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url('//cdn-prod-green-www.apollorejser.dk/v-da124ff4c3b584cacb1d93c7472ba515/content/img/datepicker_images/ui-bg_inset-hard_100_fcfdfd_1x100.png') 50% bottom repeat-x; color: #222222; } #ui-datepicker-div .ui-widget-content a { color: #222222; } #ui-datepicker-div .ui-widget-header { border: 1px solid #ffffff; background: #5c9ccc repeat-x; color: #ffffff; font-family: "Proxima N W01 Bold", sans-serif; } #ui-datepicker-div .ui-widget-header a { color: #ffffff; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-default, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-header .ui-state-default { /*border: 1px solid #c5dbec; background: #dfeffc url('//cdn-prod-green-www.apollorejser.dk/v-661f96c5d2599ec150fc38556da0a8aa/content/img/datepicker_images/ui-bg_glass_85_dfeffc_1x400.png') 50% 50% repeat-x;*/ border: 1px solid #ffffff; background: #ffffff; font-family: "Proxima N W01 Bold", sans-serif; color: #2e6e9e; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-default a, #ui-datepicker-div .ui-datepicker-calendar .ui-state-default a:link, #ui-datepicker-div .ui-datepicker-calendar .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-hover, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-content .ui-state-hover, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-datepicker-calendar .ui-state-focus, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-content .ui-state-focus, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url('//cdn-prod-green-www.apollorejser.dk/v-bec4ab8a3d55010af79b1a1cce3a08a5/content/img/datepicker_images/ui-bg_glass_75_d0e5f5_1x400.png') 50% 50% repeat-x; font-family: "Proxima N W01 Bold", sans-serif; color: #0078ae; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-hover a, #ui-datepicker-div .ui-datepicker-calendar .ui-state-hover a:hover, #ui-datepicker-div .ui-datepicker-calendar .ui-state-hover a:link, #ui-datepicker-div .ui-datepicker-calendar .ui-state-hover a:visited, #ui-datepicker-div .ui-datepicker-calendar .ui-state-focus a, #ui-datepicker-div .ui-datepicker-calendar .ui-state-focus a:hover, #ui-datepicker-div .ui-datepicker-calendar .ui-state-focus a:link, #ui-datepicker-div .ui-datepicker-calendar .ui-state-focus a:visited { color: #0078ae; text-decoration: none; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-active, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url('//cdn-prod-green-www.apollorejser.dk/v-247c70f81daa94368cd1f6c21ce65989/content/img/datepicker_images/ui-bg_inset-hard_100_f5f8f9_1x100.png') 50% 50% repeat-x; font-family: "Proxima N W01 Bold", sans-serif; color: #e17009; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-active a, #ui-datepicker-div .ui-datepicker-calendar .ui-state-active a:link, #ui-datepicker-div .ui-datepicker-calendar .ui-state-active a:visited { color: #e17009; text-decoration: none; } #ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight { border: 1px solid #fad42e; background: #fbec88 url('//cdn-prod-green-www.apollorejser.dk/v-1c724df6ef948ec7c268b2ca4f4f4741/content/img/datepicker_images/ui-bg_flat_55_fbec88_40x100.png') 50% 50% repeat-x; color: #222222; } #ui-datepicker-div .ui-state-highlight a, #ui-datepicker-div .ui-widget-content .ui-state-highlight a, #ui-datepicker-div .ui-widget-header .ui-state-highlight a { color: #222222; } #ui-datepicker-div .ui-state-error, #ui-datepicker-div .ui-widget-content .ui-state-error, #ui-datepicker-div .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url('//cdn-prod-green-www.apollorejser.dk/v-5b5a114cbfeef411b2c7d409fc9b04e7/content/img/datepicker_images/ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x; color: #cd0a0a; } #ui-datepicker-div .ui-state-error a, #ui-datepicker-div .ui-widget-content .ui-state-error a, #ui-datepicker-div .ui-widget-header .ui-state-error a { color: #cd0a0a; } #ui-datepicker-div .ui-state-error-text, #ui-datepicker-div .ui-widget-content .ui-state-error-text, #ui-datepicker-div .ui-widget-header .ui-state-error-text { color: #cd0a0a; } #ui-datepicker-div .ui-priority-primary, #ui-datepicker-div .ui-widget-content .ui-priority-primary, #ui-datepicker-div .ui-widget-header .ui-priority-primary { font-family: "Proxima N W01 Bold", sans-serif; } #ui-datepicker-div .ui-priority-secondary, #ui-datepicker-div .ui-widget-content .ui-priority-secondary, #ui-datepicker-div .ui-widget-header .ui-priority-secondary { /* IE 5-7 */ filter: Alpha(Opacity=70); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } #ui-datepicker-div .ui-state-disabled, #ui-datepicker-div .ui-widget-content .ui-state-disabled, #ui-datepicker-div .ui-widget-header .ui-state-disabled { /* IE 5-7 */ filter: Alpha(Opacity=35); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; /* Netscape */ -moz-opacity: 0.35; /* Safari 1.x */ -khtml-opacity: 0.35; /* Good browsers */ opacity: 0.35; background-image: none; } #ui-datepicker-div .ui-icon, #ui-datepicker-div .ui-widget-content .ui-icon { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-e7c62ffd81e3c4ac2e81a4bcc025a425/content/img/datepicker_images/ui-icons_469bdd_256x240.png'); } #ui-datepicker-div .ui-widget-header .ui-icon { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-7f6d2bae4f6053989a86dc8d883b818c/content/img/datepicker_images/ui-icons_d8e7f3_256x240.png'); } #ui-datepicker-div .ui-state-default .ui-icon { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-d0477a59364b69bef6168e32e6e9f2f1/content/img/datepicker_images/ui-icons_6da8d5_256x240.png'); } #ui-datepicker-div .ui-state-hover .ui-icon, #ui-datepicker-div .ui-state-focus .ui-icon { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-3577fd1b9d7333e18905207e3c8bcb55/content/img/datepicker_images/ui-icons_217bc0_256x240.png'); } #ui-datepicker-div .ui-state-active .ui-icon { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-ca312e39e32d9aba3cf80be34db914f3/content/img/datepicker_images/ui-icons_f9bd01_256x240.png'); } #ui-datepicker-div .ui-state-highlight .ui-icon { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-1c4a5b4138073b9b29cb6e3caeb04f22/content/img/datepicker_images/ui-icons_2e83ff_256x240.png'); } #ui-datepicker-div .ui-state-error .ui-icon, #ui-datepicker-div .ui-state-error-text .ui-icon { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-b4b72fc790c7dae0c2e961211503ceab/content/img/datepicker_images/ui-icons_cd0a0a_256x240.png'); } #ui-datepicker-div .ui-icon-blank { background-position: 16px 16px; } #ui-datepicker-div .ui-icon-carat-1-n { background-position: 0 0; } #ui-datepicker-div .ui-icon-carat-1-ne { background-position: -16px 0; } #ui-datepicker-div .ui-icon-carat-1-e { background-position: -32px 0; } #ui-datepicker-div .ui-icon-carat-1-se { background-position: -48px 0; } #ui-datepicker-div .ui-icon-carat-1-s { background-position: -64px 0; } #ui-datepicker-div .ui-icon-carat-1-sw { background-position: -80px 0; } #ui-datepicker-div .ui-icon-carat-1-w { background-position: -96px 0; } #ui-datepicker-div .ui-icon-carat-1-nw { background-position: -112px 0; } #ui-datepicker-div .ui-icon-carat-2-n-s { background-position: -128px 0; } #ui-datepicker-div .ui-icon-carat-2-e-w { background-position: -144px 0; } #ui-datepicker-div .ui-icon-triangle-1-n { background-position: 0 -16px; } #ui-datepicker-div .ui-icon-triangle-1-ne { background-position: -16px -16px; } #ui-datepicker-div .ui-icon-triangle-1-e { background-position: -32px -16px; } #ui-datepicker-div .ui-icon-triangle-1-se { background-position: -48px -16px; } #ui-datepicker-div .ui-icon-triangle-1-s { background-position: -64px -16px; } #ui-datepicker-div .ui-icon-triangle-1-sw { background-position: -80px -16px; } #ui-datepicker-div .ui-icon-triangle-1-w { background-position: -96px -16px; } #ui-datepicker-div .ui-icon-triangle-1-nw { background-position: -112px -16px; } #ui-datepicker-div .ui-icon-triangle-2-n-s { background-position: -128px -16px; } #ui-datepicker-div .ui-icon-triangle-2-e-w { background-position: -144px -16px; } #ui-datepicker-div .ui-icon-arrow-1-n { background-position: 0 -32px; } #ui-datepicker-div .ui-icon-arrow-1-ne { background-position: -16px -32px; } #ui-datepicker-div .ui-icon-arrow-1-e { background-position: -32px -32px; } #ui-datepicker-div .ui-icon-arrow-1-se { background-position: -48px -32px; } #ui-datepicker-div .ui-icon-arrow-1-s { background-position: -64px -32px; } #ui-datepicker-div .ui-icon-arrow-1-sw { background-position: -80px -32px; } #ui-datepicker-div .ui-icon-arrow-1-w { background-position: -96px -32px; } #ui-datepicker-div .ui-icon-arrow-1-nw { background-position: -112px -32px; } #ui-datepicker-div .ui-icon-arrow-2-n-s { background-position: -128px -32px; } #ui-datepicker-div .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } #ui-datepicker-div .ui-icon-arrow-2-e-w { background-position: -160px -32px; } #ui-datepicker-div .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } #ui-datepicker-div .ui-icon-arrowstop-1-n { background-position: -192px -32px; } #ui-datepicker-div .ui-icon-arrowstop-1-e { background-position: -208px -32px; } #ui-datepicker-div .ui-icon-arrowstop-1-s { background-position: -224px -32px; } #ui-datepicker-div .ui-icon-arrowstop-1-w { background-position: -240px -32px; } #ui-datepicker-div .ui-icon-arrowthick-1-n { background-position: 0 -48px; } #ui-datepicker-div .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } #ui-datepicker-div .ui-icon-arrowthick-1-e { background-position: -32px -48px; } #ui-datepicker-div .ui-icon-arrowthick-1-se { background-position: -48px -48px; } #ui-datepicker-div .ui-icon-arrowthick-1-s { background-position: -64px -48px; } #ui-datepicker-div .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } #ui-datepicker-div .ui-icon-arrowthick-1-w { background-position: -96px -48px; } #ui-datepicker-div .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } #ui-datepicker-div .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } #ui-datepicker-div .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } #ui-datepicker-div .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } #ui-datepicker-div .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } #ui-datepicker-div .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } #ui-datepicker-div .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } #ui-datepicker-div .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } #ui-datepicker-div .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } #ui-datepicker-div .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } #ui-datepicker-div .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } #ui-datepicker-div .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } #ui-datepicker-div .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } #ui-datepicker-div .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } #ui-datepicker-div .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } #ui-datepicker-div .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } #ui-datepicker-div .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } #ui-datepicker-div .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } #ui-datepicker-div .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } #ui-datepicker-div .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } #ui-datepicker-div .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } #ui-datepicker-div .ui-icon-arrow-4 { background-position: 0 -80px; } #ui-datepicker-div .ui-icon-arrow-4-diag { background-position: -16px -80px; } #ui-datepicker-div .ui-icon-extlink { background-position: -32px -80px; } #ui-datepicker-div .ui-icon-newwin { background-position: -48px -80px; } #ui-datepicker-div .ui-icon-refresh { background-position: -64px -80px; } #ui-datepicker-div .ui-icon-shuffle { background-position: -80px -80px; } #ui-datepicker-div .ui-icon-transfer-e-w { background-position: -96px -80px; } #ui-datepicker-div .ui-icon-transferthick-e-w { background-position: -112px -80px; } #ui-datepicker-div .ui-icon-folder-collapsed { background-position: 0 -96px; } #ui-datepicker-div .ui-icon-folder-open { background-position: -16px -96px; } #ui-datepicker-div .ui-icon-document { background-position: -32px -96px; } #ui-datepicker-div .ui-icon-document-b { background-position: -48px -96px; } #ui-datepicker-div .ui-icon-note { background-position: -64px -96px; } #ui-datepicker-div .ui-icon-mail-closed { background-position: -80px -96px; } #ui-datepicker-div .ui-icon-mail-open { background-position: -96px -96px; } #ui-datepicker-div .ui-icon-suitcase { background-position: -112px -96px; } #ui-datepicker-div .ui-icon-comment { background-position: -128px -96px; } #ui-datepicker-div .ui-icon-person { background-position: -144px -96px; } #ui-datepicker-div .ui-icon-print { background-position: -160px -96px; } #ui-datepicker-div .ui-icon-trash { background-position: -176px -96px; } #ui-datepicker-div .ui-icon-locked { background-position: -192px -96px; } #ui-datepicker-div .ui-icon-unlocked { background-position: -208px -96px; } #ui-datepicker-div .ui-icon-bookmark { background-position: -224px -96px; } #ui-datepicker-div .ui-icon-tag { background-position: -240px -96px; } #ui-datepicker-div .ui-icon-home { background-position: 0 -112px; } #ui-datepicker-div .ui-icon-flag { background-position: -16px -112px; } #ui-datepicker-div .ui-icon-calendar { background-position: -32px -112px; } #ui-datepicker-div .ui-icon-cart { background-position: -48px -112px; } #ui-datepicker-div .ui-icon-pencil { background-position: -64px -112px; } #ui-datepicker-div .ui-icon-clock { background-position: -80px -112px; } #ui-datepicker-div .ui-icon-disk { background-position: -96px -112px; } #ui-datepicker-div .ui-icon-calculator { background-position: -112px -112px; } #ui-datepicker-div .ui-icon-zoomin { background-position: -128px -112px; } #ui-datepicker-div .ui-icon-zoomout { background-position: -144px -112px; } #ui-datepicker-div .ui-icon-search { background-position: -160px -112px; } #ui-datepicker-div .ui-icon-wrench { background-position: -176px -112px; } #ui-datepicker-div .ui-icon-gear { background-position: -192px -112px; } #ui-datepicker-div .ui-icon-heart { background-position: -208px -112px; } #ui-datepicker-div .ui-icon-star { background-position: -224px -112px; } #ui-datepicker-div .ui-icon-link { background-position: -240px -112px; } #ui-datepicker-div .ui-icon-cancel { background-position: 0 -128px; } #ui-datepicker-div .ui-icon-plus { background-position: -16px -128px; } #ui-datepicker-div .ui-icon-plusthick { background-position: -32px -128px; } #ui-datepicker-div .ui-icon-minus { background-position: -48px -128px; } #ui-datepicker-div .ui-icon-minusthick { background-position: -64px -128px; } #ui-datepicker-div .ui-icon-close { background-position: -80px -128px; } #ui-datepicker-div .ui-icon-closethick { background-position: -96px -128px; } #ui-datepicker-div .ui-icon-key { background-position: -112px -128px; } #ui-datepicker-div .ui-icon-lightbulb { background-position: -128px -128px; } #ui-datepicker-div .ui-icon-scissors { background-position: -144px -128px; } #ui-datepicker-div .ui-icon-clipboard { background-position: -160px -128px; } #ui-datepicker-div .ui-icon-copy { background-position: -176px -128px; } #ui-datepicker-div .ui-icon-contact { background-position: -192px -128px; } #ui-datepicker-div .ui-icon-image { background-position: -208px -128px; } #ui-datepicker-div .ui-icon-video { background-position: -224px -128px; } #ui-datepicker-div .ui-icon-script { background-position: -240px -128px; } #ui-datepicker-div .ui-icon-alert { background-position: 0 -144px; } #ui-datepicker-div .ui-icon-info { background-position: -16px -144px; } #ui-datepicker-div .ui-icon-notice { background-position: -32px -144px; } #ui-datepicker-div .ui-icon-help { background-position: -48px -144px; } #ui-datepicker-div .ui-icon-check { background-position: -64px -144px; } #ui-datepicker-div .ui-icon-bullet { background-position: -80px -144px; } #ui-datepicker-div .ui-icon-radio-on { background-position: -96px -144px; } #ui-datepicker-div .ui-icon-radio-off { background-position: -112px -144px; } #ui-datepicker-div .ui-icon-pin-w { background-position: -128px -144px; } #ui-datepicker-div .ui-icon-pin-s { background-position: -144px -144px; } #ui-datepicker-div .ui-icon-play { background-position: 0 -160px; } #ui-datepicker-div .ui-icon-pause { background-position: -16px -160px; } #ui-datepicker-div .ui-icon-seek-next { background-position: -32px -160px; } #ui-datepicker-div .ui-icon-seek-prev { background-position: -48px -160px; } #ui-datepicker-div .ui-icon-seek-end { background-position: -64px -160px; } #ui-datepicker-div .ui-icon-seek-start { background-position: -80px -160px; } #ui-datepicker-div .ui-icon-seek-first { background-position: -80px -160px; } #ui-datepicker-div .ui-icon-stop { background-position: -96px -160px; } #ui-datepicker-div .ui-icon-eject { background-position: -112px -160px; } #ui-datepicker-div .ui-icon-volume-off { background-position: -128px -160px; } #ui-datepicker-div .ui-icon-volume-on { background-position: -144px -160px; } #ui-datepicker-div .ui-icon-power { background-position: 0 -176px; } #ui-datepicker-div .ui-icon-signal-diag { background-position: -16px -176px; } #ui-datepicker-div .ui-icon-signal { background-position: -32px -176px; } #ui-datepicker-div .ui-icon-battery-0 { background-position: -48px -176px; } #ui-datepicker-div .ui-icon-battery-1 { background-position: -64px -176px; } #ui-datepicker-div .ui-icon-battery-2 { background-position: -80px -176px; } #ui-datepicker-div .ui-icon-battery-3 { background-position: -96px -176px; } #ui-datepicker-div .ui-icon-circle-plus { background-position: 0 -192px; } #ui-datepicker-div .ui-icon-circle-minus { background-position: -16px -192px; } #ui-datepicker-div .ui-icon-circle-close { background-position: -32px -192px; } #ui-datepicker-div .ui-icon-circle-triangle-e { background-position: -48px -192px; } #ui-datepicker-div .ui-icon-circle-triangle-s { background-position: -64px -192px; } #ui-datepicker-div .ui-icon-circle-triangle-w { background-position: -80px -192px; } #ui-datepicker-div .ui-icon-circle-triangle-n { background-position: -96px -192px; } #ui-datepicker-div .ui-icon-circle-arrow-e { background-position: -112px -192px; } #ui-datepicker-div .ui-icon-circle-arrow-s { background-position: -128px -192px; } #ui-datepicker-div .ui-icon-circle-arrow-w { background-position: -144px -192px; } #ui-datepicker-div .ui-icon-circle-arrow-n { background-position: -160px -192px; } #ui-datepicker-div .ui-icon-circle-zoomin { background-position: -176px -192px; } #ui-datepicker-div .ui-icon-circle-zoomout { background-position: -192px -192px; } #ui-datepicker-div .ui-icon-circle-check { background-position: -208px -192px; } #ui-datepicker-div .ui-icon-circlesmall-plus { background-position: 0 -208px; } #ui-datepicker-div .ui-icon-circlesmall-minus { background-position: -16px -208px; } #ui-datepicker-div .ui-icon-circlesmall-close { background-position: -32px -208px; } #ui-datepicker-div .ui-icon-squaresmall-plus { background-position: -48px -208px; } #ui-datepicker-div .ui-icon-squaresmall-minus { background-position: -64px -208px; } #ui-datepicker-div .ui-icon-squaresmall-close { background-position: -80px -208px; } #ui-datepicker-div .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } #ui-datepicker-div .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } #ui-datepicker-div .ui-icon-grip-solid-vertical { background-position: -32px -224px; } #ui-datepicker-div .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } #ui-datepicker-div .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } #ui-datepicker-div .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .checkbox_part { margin-bottom: 20px; } .checkbox_part label { position: relative; top: -2px; left: 5px; } .passenger_data .passenger_data_part h3 { margin-bottom: 4px; } .passenger_data_part h3.margin { margin-top: 20px; } .passenger_data_part h3 + small { position: relative; top: -4px; } .passenger_data_part .error { color: #d0021b; font-size: 12px; font-family: "Proxima Nova W01 Medium", sans-serif; position: relative; top: -4px; left: 4px; } .passenger_data_part .row-fluid [class*="span"] { min-height: 0; } .passenger_data_part .row-fluid { margin-bottom: 5px; } .passenger_data_part .birthdate input:nth-child(1), .passenger_data_part .birthdate input:nth-child(2) { margin-right: 2%; } .passenger_data_part select, .passenger_data_part input:not([type='radio']) { font-family: inherit; } .passenger_data_part input { padding: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .passenger_data_part input:not([type='radio']):not(.birthdate), .passenger_data_part select { width: 100%; } .passenger_data_part .birthdate { width: 100%; text-align: right; } .passenger_data_part .birthdate input { width: 32%; float: left; } .passenger_data_part input[type=radio] { vertical-align: middle; margin-top: -2px; } .passenger_data_part input[type=radio] + label { padding-left: 3px; margin-right: 15px; } .passenger_data_part .gender_value { white-space: nowrap; } .passenger_data_part .haveChosen .prefix { font-family: "Proxima Nova W01 Medium", sans-serif; } .passenger_data_part .form_separator { height: 1px; } @media (max-width: 767px) { .responsive .passenger_data_part label { font-size: 16px; } .responsive .passenger_data_part .span2 { margin-top: 10px; } .responsive .passenger_data_part select, .responsive .passenger_data_part input:not([type='radio']) { font-size: 20px; } .responsive .passenger_data_part input { padding: 10px 5px; } } .expandable_header { cursor: pointer; } .expandable_header h1, .expandable_header h2, .expandable_header h3, .expandable_header h4, .expandable_header h5, .expandable_header h6 { color: #015790; } .expandable_part_container ul { list-style-type: disc; margin-left: 20px; } .expandable_part_new .part.expandable_part_new .expandable_heading { background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); } .expandable_part_new .part.expandable_part_new .expandable_heading:hover, .expandable_part_new .part.expandable_part_new .expandable_heading.active { background-color: #054aad; color: #ffffff; } .expandable_part_new .part.expandable_part_new .expandable_heading:hover .expandable-header h1, .expandable_part_new .part.expandable_part_new .expandable_heading:hover h2, .expandable_part_new .part.expandable_part_new .expandable_heading:hover h3, .expandable_part_new .part.expandable_part_new .expandable_heading:hover h4, .expandable_part_new .part.expandable_part_new .expandable_heading.active .expandable-header h1, .expandable_part_new .part.expandable_part_new .expandable_heading.active h2, .expandable_part_new .part.expandable_part_new .expandable_heading.active h3, .expandable_part_new .part.expandable_part_new .expandable_heading.active h4 { color: #ffffff; } .expandable_part_new .part.expandable_part_new .expandable_heading:hover .arrow, .expandable_part_new .part.expandable_part_new .expandable_heading.active .arrow { fill: #ffffff; } .panel-selection { padding: 0 10px 10px 10px; } .panel-selection .content-container { margin-right: 100px; } .panel-selection .button-container { position: relative; } .panel-selection .button-container button { margin-top: 0; position: absolute; bottom: 0; right: 0; white-space: nowrap; min-width: 85px; } .selection-container { position: relative; border-top: 1px solid #D5D2C9; width: 100%; background-color: #EDE6DE; box-sizing: border-box; padding: 10px; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .selection-container .price, .selection-container .currency { color: #222222; } .selection-container .summary { text-align: right; } .selection-container .item-selection { margin-bottom: 0px; } .selection-container .item-selection:not(:last-child) { margin-bottom: 10px; } .selection-container .item-selection:last-child { float: left; } .selection-container input[type="checkbox"] { position: relative; top: 2px; } .selection-container .item-label { min-width: 155px; padding-top: 6px; display: inline-block; float: left; } .selection-container .item-selector { width: 100%; box-sizing: border-box; padding-left: 155px; } .selection-container select { margin: 0; width: 100%; } .selection-container.blurry-overlay { color: transparent; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .selection-container.blurry-overlay:before { background-color: #CCCBC7; z-index: 500; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.6; content: ""; } .selection-container.blurry-overlay select { color: transparent; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .selection-container.blurry-overlay .item-selection .currency, .selection-container.blurry-overlay .item-selection .price, .selection-container.blurry-overlay .summary .currency, .selection-container.blurry-overlay .summary .price { color: transparent; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } @media (max-width: 979px) { .panel-selection .content-container { margin-right: 0; padding-bottom: 0; } .panel-selection .button-container { width: 100%; text-align: right; } .panel-selection .button-container button { position: static; } } @media (max-width: 767px) { .panel-selection { padding: 0 5px 5px 5px; } .panel-selection .button-container button { position: static; width: 100%; } .selection-container { padding: 5px; } } @media (max-width: 479px) { .selection-container .selection-name { display: inline-block; } .selection-container .selection-name::first-letter { text-transform: capitalize; } .selection-container .selection-name > span { display: none; } .selection-container .item-label { float: none; } .selection-container .item-selector { padding-left: 0; } } #shopping_basket { border: none; box-sizing: border-box; margin-bottom: 15px; overflow: hidden; color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); border-radius: 4px; } #shopping_basket .shopping_basket_wrapper { background-color: #1b5fcb; } #shopping_basket .shopping_basket_wrapper h2, #shopping_basket .shopping_basket_wrapper h3 { color: #ffffff; } #shopping_basket .flash { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } #shopping_basket #shoppingBasket_hotel_picture { width: 100%; } #shopping_basket header.shopping-basket-header-container { padding: 10px; } #shopping_basket header.shopping-basket-header-container > h2 { margin: 0; display: inline-block; } #shopping_basket header.shopping-basket-header-container svg { height: 15px; width: 15px; float: right; top: 4px; position: relative; fill: #ffffff; float: right; } #shopping_basket article { background-color: #054aad; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); padding: 10px; margin: 10px; border-radius: 4px; } #shopping_basket article h3 { margin-bottom: 14px; } #shopping_basket article h3 svg { width: 16px; height: 16px; position: relative; margin-right: 5px; fill: #ffffff; } #shopping_basket article.flight { margin-top: 0; } #shopping_basket article.price-summary { margin: 0; background-color: #EFEEE9; color: #222222; box-shadow: none; border-radius: 0; } #shopping_basket section:not(:last-child) { margin-bottom: 15px; } #shopping_basket dl { margin: 0px; } #shopping_basket dt { float: left; margin-right: 3px; } #shopping_basket dt:after { content: ":"; } #shopping_basket dd { font-family: "Proxima Nova W01 Medium", sans-serif; margin: 0 0 0 0; } #shopping_basket dd.travel_area_trail { clear: none; } #shopping_basket .name_classification { display: inline-block; width: 100%; } #shopping_basket .flight_icon { float: left; font-size: 18px; margin-right: 5px; font-style: normal; } #shopping_basket .flight_icon.in { transform: scale(-1, 1); } #shopping_basket h3:after { content: ''; display: block; clear: both; } #shopping_basket h3 span { float: left; margin-right: 5px; } #shopping_basket i.classification { display: none; } #shopping_basket .sun_classification-block { display: block; float: none; } #shopping_basket .sun_classification-inline { display: inline-block; float: left; } #shopping_basket .sun_classification svg { fill: #FFCA32; width: 14px; height: 14px; vertical-align: middle; margin: 0 1px; } #shopping_basket .sun_classification { width: 100%; margin-bottom: 5px; } #shopping_basket .sun_classification svg { margin-right: 4px; } #shopping_basket .price-summary h3 { margin-bottom: 4px; } #shopping_basket .price-summary .currency, #shopping_basket .price-summary .price { color: #222222; } #shopping_basket .price-summary .currency { font-size: 16px; } #shopping_basket .price-summary .price { font-size: 30px; } #shopping_basket .price-summary.discounted .currency, #shopping_basket .price-summary.discounted .price { color: #ff0000; } #shopping_basket .price-summary.discounted .brochure-price { margin-bottom: 10px; display: inline-block; } #shopping_basket .price-summary.discounted .brochure-price .currency, #shopping_basket .price-summary.discounted .brochure-price .price { color: #757575; font-size: 13px; } #shopping_basket .price-summary { min-height: 0px; } @media (max-width: 767px) { .shopping-basket-header-container { cursor: pointer; } .shopping-basket-header-container h2 { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 10px; cursor: pointer; } .expand article { display: none; } #shopping_basket .price-summary.discounted .brochure-price { margin-top: 0; } } .imageAndUspItems { width: 100%; } .imageAndUspItems .subHeading { margin-bottom: 5px; } .imageAndUspItems .heading_extra_spacing .heading { margin-bottom: 12px; } .imageAndUspItems .imageAndUspItems_content .uspItemsAndExtendedInfo { float: left; width: calc(60% - 30px); padding-left: 20px; } .imageAndUspItems .imageAndUspItems_content .uspItemsAndExtendedInfo > ul { padding-right: 15px; } .imageAndUspItems .imageAndUspItems_content .read_more { display: block; width: 230px; font-family: "Proxima N W01 Bold", sans-serif; color: #1b5fcb; margin: 5px 0 20px 0; } .imageAndUspItems .imageAndUspItems_content .read_more:after { content: " »"; } .imageAndUspItems .imageAndUspItems_content ul.usp { list-style-type: disc; } .imageAndUspItems .imageAndUspItems_content ul.usp li { margin: 0 0 4px 18px; font-size: 15px; } .imageAndUspItems .imageAndUspItems_content img { border: 1px solid #D5D2C9; float: left; width: 40%; margin-bottom: 0; margin-right: 10px; box-sizing: border-box; } .imageAndUspItems .imageAndUspItems_content .heading { margin-bottom: 0px; } .imageAndUspItems .imageAndUspItems_content .subHeading { color: #ed8000; } .imageAndUspItems .imageAndUspItems_content .addon_usp_header { margin-bottom: 4px; } .imageAndUspItems .heading_extra_spacing .heading { margin-bottom: 12px; } @media (max-width: 767px) { .imageAndUspItems .imageAndUspItems_content img { float: none; width: 100%; margin-right: 0px; } .imageAndUspItems .imageAndUspItems_content .uspItemsAndExtendedInfo { width: 100%; } .imageAndUspItems .imageAndUspItems_content .uspItemsAndExtendedInfo .addon_usp_header { margin: 5px 0; } .imageAndUspItems .imageAndUspItems_content ul.usp { margin-top: 5px; margin-bottom: 10px; } .imageAndUspItems .imageAndUspItems_content ul.usp li { margin-top: 5px; } .imageAndUspItems .imageAndUspItems_content .read_more { margin-top: 5px; margin-bottom: 10px; } .imageAndUspItems .imageAndUspItems_content .hideImage { display: none; } } @-webkit-keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .callout.last-minute.orange { background-color: #F7B141; } .callout a { text-align: center; text-transform: uppercase; font-family: "Proxima N W01 Bold", sans-serif; color: #ffffff; font-size: 16px; padding: 15px 3px; display: block; text-decoration: none; line-height: 20px; margin: 0 auto; width: calc(100% - 6px); height: calc(100% - 34px); letter-spacing: 0.5px; } .callout a .icon-airplane { background: transparent url('//cdn-prod-green-www.apollorejser.dk/v-cb2ea164a4b62da54ec7003b5b44abcc/content/themes/apollo/content/img/icons/icons/airplane_white.png') no-repeat 50% -4px/40px 20px; min-width: 25px; width: auto; display: inline-block; padding: 0 0 2px 0; margin: 0 0 0 3px; height: 12px; } .callout a .icon-arrow { margin: 0 0 0 6px; border: solid; border-width: 2px 2px 0 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .callout a.seasonal h3 { margin: 0px; text-align: center; } .callout.seasonal h3 { margin: 0px; text-align: center; } .three-cells .callout { padding: 0; margin: 0 2px 0 0; background-color: #006472; display: block; float: left; width: calc(33.49% - 3px); } .callout-container.three-cells > div:last-child { margin: 0; } .two-cells .callout.seasonal { padding: 0; margin: 0 2px 0 0; background-color: #006472; display: block; float: left; width: calc(50% - 1px); } .callout-container.two-cells > div:last-child { margin: 0; } @media (max-width: 479px) { .responsive .two-cells .callout.seasonal { margin: 0 0 2px 0; float: none; clear: both; width: 100%; } } @media (max-width: 979px) { .responsive .last-minute { margin: 0 0 2px 0; float: none; clear: both; width: 100%; } .responsive .three-cells .callout { margin: 0 0 2px 0; float: none; clear: both; width: 100%; } } .responsive_image_part .part img, .responsive_image_part .part source { margin-bottom: 0; display: block; width: 100%; height: auto; } p.rich_text_box_taxes { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); border-radius: 4px; background-color: #1b5fcb; padding-top: 10px; padding-bottom: 13px; padding-left: 10px; padding-right: 10px; font-size: 13px; color: #ffffff; } p.rich_text_box_taxes strong { float: right; margin-top: 4px; margin-right: 10px; } p.rich_text_box_taxes strong:after { content: ""; } p.rich_text_box_taxes a { color: #ffffff; } p.rich_text_box_taxes img { margin-bottom: -10px; width: 28px !important; height: 28px; margin-right: 5px; } .addons .addon_group.SSB.sales-unit-id-21, .addons .addon_group.SSB.sales-unit-id-28, .addons .addon_group.SSB.sales-unit-id-29, .addons .addon_group.SSB.sales-unit-id-56 { border-radius: 5px; border-width: 2px; background-repeat: no-repeat; background-color: white; background-size: auto 25px; background-position: right 10px top 10px; border: solid; } @media (max-width: 479px) { .addons .addon_group.SSB.sales-unit-id-21, .addons .addon_group.SSB.sales-unit-id-28, .addons .addon_group.SSB.sales-unit-id-29, .addons .addon_group.SSB.sales-unit-id-56 { background-size: auto 20px; } } .addons .addon_group.SSB.sales-unit-id-28, .addons .addon_group.SSB.sales-unit-id-29, .addons .addon_group.SSB.sales-unit-id-56 { border-color: #009ee0; } .addons .addon_group.SSB.sales-unit-id-28 .addon .addon_pax, .addons .addon_group.SSB.sales-unit-id-29 .addon .addon_pax, .addons .addon_group.SSB.sales-unit-id-56 .addon .addon_pax { border-top: 0; } .addons .addon_group.SSB.sales-unit-id-28 .addon .addon_pax.selection-container, .addons .addon_group.SSB.sales-unit-id-28 .addon .addon_pax.selection-container .price, .addons .addon_group.SSB.sales-unit-id-28 .addon .addon_pax.selection-container .currency, .addons .addon_group.SSB.sales-unit-id-29 .addon .addon_pax.selection-container, .addons .addon_group.SSB.sales-unit-id-29 .addon .addon_pax.selection-container .price, .addons .addon_group.SSB.sales-unit-id-29 .addon .addon_pax.selection-container .currency, .addons .addon_group.SSB.sales-unit-id-56 .addon .addon_pax.selection-container, .addons .addon_group.SSB.sales-unit-id-56 .addon .addon_pax.selection-container .price, .addons .addon_group.SSB.sales-unit-id-56 .addon .addon_pax.selection-container .currency { color: white; background-color: #009ee0; } .addons .addon_group.SSB.sales-unit-id-28 { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-ae07107e05cf62b55822ff901431676e/content/themes/apollo/content/img/sos-childrensvillages-dk.png'); } .addons .addon_group.SSB.sales-unit-id-29 { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-9201687d5aefbee0c1969ce57bf574a1/content/themes/apollo/content/img/sos-childrensvillages-no.png'); } .addons .addon_group.SSB.sales-unit-id-56 { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-62613d0ec47e09c994a514b2daec612b/content/themes/apollo/content/img/sos-childrensvillages-fi.png'); } .addons .addon_group.SSB.sales-unit-id-21 { background-position: right top 10px; border-color: #f97b2e; background-image: url('//cdn-prod-green-www.apollorejser.dk/v-8a682356df5e486a098903829ef8a71c/content/themes/apollo/content/img/sos-childrensvillages-se.png'); } .addons .addon_group.SSB.sales-unit-id-21 .addon .addon_pax { border-top: 0; } .addons .addon_group.SSB.sales-unit-id-21 .addon .addon_pax.selection-container, .addons .addon_group.SSB.sales-unit-id-21 .addon .addon_pax.selection-container .price, .addons .addon_group.SSB.sales-unit-id-21 .addon .addon_pax.selection-container .currency { color: white; background-color: #f97b2e; font-family: "Proxima N W01 Bold", sans-serif; } .accommodation_page .toggle-liked-hotel { right: -6px; margin-top: 3px; background-color: white; border: 0; position: absolute; cursor: pointer; padding: 0; } .accommodation_page .toggle-liked-hotel svg { height: 25px; width: 30px; transition: transform 0.2s; -webkit-transition: -webkit-transform 0.2s; stroke: #bb3e96; fill: #bf308b; } .accommodation_page .toggle-liked-hotel svg path { pointer-events: all; } .accommodation_page .toggle-liked-hotel svg:hover { transform: scale(1.2); -webkit-transform: scale(1.2); } @media (max-width: 767px) { .accommodation_page .toggle-liked-hotel { right: 4px; } .accommodation_page .toggle-liked-hotel > div { margin-right: 0; } } .accommodation_page .facilities .k_fact { width: 153px; } .accommodation_page .mondoHeader { background-color: #006E9A; margin: -15.7px; margin-bottom: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 2px 5px; } .accommodation_page .main_heading { max-width: 688px; margin-bottom: 10px; } .accommodation_page .main_heading h1 { display: inline; float: none; padding-right: 10px; } .accommodation_page .main_heading .classification { display: inline-block; float: none; } .accommodation_page .main_heading i.classification { display: none; } .accommodation_page .main_heading .sun_classification-block { display: block; float: none; } .accommodation_page .main_heading .sun_classification-inline { display: inline-block; float: left; } .accommodation_page .main_heading .sun_classification svg { fill: #FFCA32; width: 14px; height: 14px; vertical-align: middle; margin: 0 1px; } .accommodation_page .main_heading .sun_classification { float: none; line-height: 28px; vertical-align: top; } .accommodation_page .main_heading .sun_classification svg { width: 18px; height: 18px; } .accommodation_page .segmentationicons { margin-top: 10px; } .accommodation_page #room_teaser_area { padding-bottom: 10px; } .accommodation_page .rating_box { margin: 0; padding: 10px 0 0 0; width: 100%; clear: both; display: inline-block; border-top: 1px solid #eadfbe; } .accommodation_page .rating_box h3 { font-size: 13px; } .accommodation_page .rating_box .tripadvisorbody a { font-size: 12px; } .accommodation_page .rating_box .ask_a_guest { padding-top: 6px; padding-bottom: 6px; font-size: 15px; font-family: "Proxima N W01 Bold", sans-serif; } .accommodation_page .rating_box .ask_a_guest:after { content: " \00BB"; } .accommodation_page .rating_box .under_link { font-size: 9px; line-height: 10px; color: #A9A4A4; } .accommodation_page .rating_box .rating-cell { float: left; width: 32%; margin-right: 1%; display: inline-table; } .accommodation_page .rating_box .rating-cell .latest-comment { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 18px; max-height: 72px; margin-bottom: 5px; } .accommodation_page .rating_box .rating-cell .latest-comment:before { content: "\0022"; } .accommodation_page .rating_box .rating-cell .latest-comment:after { content: "\0022"; } .accommodation_page .rating_box .rating-cell .score_area { font-family: "Proxima N W01 Bold", sans-serif; margin-bottom: 8px; } .accommodation_page .rating_box .rating-cell .score_area .score { font-size: 30px; } .accommodation_page .rating_box .rating-cell .score_area .out_of { font-size: 14px; color: black; } .accommodation_page .rating_box .rating-cell .score_area .based_on { font-size: 12px; } .accommodation_page .rating_box .rating-cell:nth-child(2) { margin-right: 10px; } .accommodation_page .rating_box > div:first-child { margin-top: 0; } .accommodation_page .rating_box > div:first-child > h3 { margin-top: 0; } .accommodation_page .facilities { width: 306px; margin-top: 13px; } .accommodation_page .facilities a { float: left; padding-top: 8px; font-size: 13px; } .accommodation_page .facilities h2 { margin-top: 0px; } .accommodation_page .facilities > span { display: block; margin-left: 16px; } .accommodation_page .facilities .distance_to_center span { margin-left: 0; display: inline; margin-bottom: 5px; font-family: "Proxima Nova W01 Medium", sans-serif; } .accommodation_page .facilities .distance_to_beach span { margin-left: 0; display: inline; margin-bottom: 5px; font-family: "Proxima Nova W01 Medium", sans-serif; } .accommodation_page .facilities .checkbox_label { margin-left: 5px; color: #1B1464; font-family: "Proxima Nova W01 Medium", sans-serif; } @media (max-width: 979px) { .responsive.accommodation_page .rating-cell:nth-child(2) { margin-right: 0; } } @media (min-width: 320px) and (max-width: 479px) { .responsive.accommodation_page .rating_box { float: none; margin-left: 0; } } @media (min-width: 768px) and (max-width: 979px) { .responsive.accommodation_page .rating_box { display: inline-block; } .responsive.accommodation_page .rating_box .rating-cell { float: left; width: 49%; display: inline-table; } .responsive.accommodation_page .rating_box .rating-cell:last-child { width: 100%; } } @media (max-width: 767px) { .responsive.accommodation_page .rating_box { display: inline-block; } .responsive.accommodation_page .rating_box .rating-cell { width: 100%; } .responsive.accommodation_page .rating_box > div { margin-bottom: 7px; } } @media (max-width: 767px) { .accommodation_page.modal-open .modal { top: 0px !important; left: 0px !important; right: 0px !important; bottom: 0px; } .accommodation_page.modal-open .modal .modal-dialog { margin-bottom: 0px; width: 100%; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; } .accommodation_page.modal-open .modal .modal-dialog .modal-content { padding: 0; width: 100%; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; } } .accommodation_list_page { overflow-y: scroll; } .accommodation_search_page h1 { border: 1px solid #acddf0; border-bottom: none; background: #f4fafd; font-family: "Filson W01 Bold", sans-serif; font-size: 20px; margin-right: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; float: left; padding: 10px 15px; line-height: normal; margin-bottom: 0px; position: relative; top: 1px; } .accommodation_search_page .search_tab a { border: 1px solid #acddf0; border-bottom: none; font-family: "Filson W01 Bold", sans-serif; font-size: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px 15px; float: left; margin: 0; margin-top: 5px; text-decoration: none; line-height: normal; color: #333333; } .accommodation_search_page .filter_background { background-size: 100%; border: 1px solid #95d3ec; border-radius: 3px; background-color: #f4fafd; } .accommodation_search_page #filter_section { float: left; width: 100%; } .accommodation_search_page #filter_section .basic_filters, .accommodation_search_page #filter_section .additional_filters { float: left; margin-left: 25px; width: 445px; } .accommodation_search_page #filter_section .area_filter_section { clear: left; width: 240px; } .accommodation_search_page #filter_section .facilities_filter_section fieldset, .accommodation_search_page #filter_section .classifications_filter_section fieldset { padding-top: 5px; } .accommodation_search_page #filter_section .classifications_filter_section { width: 204px; } .accommodation_search_page #filter_section .accommodation_type_filter_section { width: 370px; } .accommodation_search_page #filter_section .accommodation_type_filter_section li { float: left; width: 116px; } .accommodation_search_page #filter_section .filter_section { float: left; padding: 15px 0; } .accommodation_search_page #filter_section .filter_section .heading { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; font-size: 14px; margin-bottom: 0px; } .accommodation_search_page #filter_section .filter_section .smallheading { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; font-size: 13px; margin-bottom: 5px; } .accommodation_search_page #filter_section .filter_section .smallheading svg { display: none; } .accommodation_search_page #filter_section .filter_section .continent { background-color: #e2e2e2; } .accommodation_search_page #filter_section .filter_section li { white-space: nowrap; padding: 2px 0.5%; } .accommodation_search_page #filter_section .filter_section .popover_box li { white-space: normal; } .accommodation_search_page #filter_section .basic_filters .area_filter_group { float: left; } .accommodation_search_page #filter_section .basic_filters .area_filter_group .heading { display: block; } .accommodation_search_page #filter_section .basic_filters .area_filter_group .ui-multiselect { margin-top: 10px; } .accommodation_search_page #filter_section .additional_filters .facilities_filter_section li { width: 192px; } .accommodation_search_page #filter_section .slider_filter { clear: both; margin-top: 10px; margin-right: 40px; margin-bottom: 20px; } .accommodation_search_page #filter_section .slider_filter .heading { float: left; margin-right: 10px; font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; font-size: 14px; } .accommodation_search_page #filter_section .slider_filter .range_slider_label { line-height: 20px; } .accommodation_search_page #filter_section .facility_groups { -moz-columns: 206px 2; columns: 206px 2; margin-top: 10px; } .accommodation_search_page #filter_section .facility_container { margin-bottom: 15px; display: inline-block; } .accommodation_search_page #filter_section .facility_container ul.facilities_filter { margin-top: -8px; padding: 0; } .accommodation_search_page #filter_section .facility_container ul.facilities_filter li { margin: 0; padding: 0; } .accommodation_search_page #filter_section .facility_container ul.facilities_filter li fieldset { height: 20px; padding: 0; } .accommodation_search_page #filter_section .search_button_container { width: 100%; float: left; } .accommodation_search_page #filter_section .search_button_component { float: right; } .accommodation_search_page #filter_section .search_button_component .hotel_count_component { float: left; margin-right: 10px; } .accommodation_search_page #filter_section .search_button_component .hotel_count_component .prefix { display: inline-block; font-size: 18px; font-family: "Proxima N W01 Bold", sans-serif; line-height: 22px; padding-left: 0; } .accommodation_search_page #filter_section .search_button_component .hotel_count_component .hotel_count_text { display: inline-block; font-size: 24px; line-height: 50px; text-align: left; width: 85px; } .accommodation_search_page #filter_section .search_button_component .hotel_count_component .loader_location { text-align: right; height: 50px; display: inline-block; background-position: left center; width: 85px; margin: 0; font-size: 24px; line-height: 50px; } .accommodation_search_page #filter_section .search_button_component button { font-size: 18px; display: inline; } .accommodation_search_page #filter_section #find_hotels { float: left; } @media (max-width: 767px) { .responsive.accommodation_search_page h1, .responsive.accommodation_search_page .search_tab a { font-size: 13px; padding: 10px; } } @media (min-width: 768px) and (max-width: 979px) { .responsive.accommodation_search_page #filter_section .classifications_filter { width: 100%; } } @media (max-width: 979px) { .responsive.accommodation_search_page #filter_section .basic_filters, .responsive.accommodation_search_page #filter_section .additional_filters { width: 100%; } } @media (max-width: 767px) { .responsive.accommodation_search_page #filter_section .section .classifications_filter li { float: none; width: 100%; } .responsive.accommodation_search_page #filter_section .span3, .responsive.accommodation_search_page #filter_section .span4 { width: 50%; float: left; } .responsive.accommodation_search_page #filter_section .third { width: 100%; } .responsive.accommodation_search_page #filter_section .country_filter_section, .responsive.accommodation_search_page #filter_section .area_filter_section, .responsive.accommodation_search_page #filter_section .classifications_filter_section, .responsive.accommodation_search_page #filter_section .facilities_filter_section { float: none; } } @media (max-width: 979px) { .responsive.accommodation_search_page #filter_section .facility_groups .facility_container ul.facilities_filter li fieldset { height: auto; } } @media (min-width: 768px) and (max-width: 979px) { .responsive.accommodation_search_page #filter_section .facility_groups { -moz-columns: 3; columns: 3; } } @media (max-width: 767px) { .responsive.accommodation_search_page #filter_section .facility_groups .facility_container { display: block; } } .ie9 .accommodation_search_page .facility_groups .facility_container, .ie8 .accommodation_search_page .facility_groups .facility_container, .ie7 .accommodation_search_page .facility_groups .facility_container { float: left; width: 206px; margin-bottom: 10px; } .ie9 .accommodation_search_page .first_in_two_col_grid_facility_container, .ie8 .accommodation_search_page .first_in_two_col_grid_facility_container, .ie7 .accommodation_search_page .first_in_two_col_grid_facility_container { clear: left; } @media (min-width: 768px) and (max-width: 979px) { .ie9 .accommodation_search_page.responsive .first_in_two_col_grid_facility_container, .ie8 .accommodation_search_page.responsive .first_in_two_col_grid_facility_container, .ie7 .accommodation_search_page.responsive .first_in_two_col_grid_facility_container { clear: none; } .ie9 .accommodation_search_page.responsive .first_in_three_col_grid_facility_container, .ie8 .accommodation_search_page.responsive .first_in_three_col_grid_facility_container, .ie7 .accommodation_search_page.responsive .first_in_three_col_grid_facility_container { clear: left; } } /* %content-icon, %default-icon, %active-icon, %icon-size must be defined */ .dropdown_style1 { /* Layout helpers ----------------------------------*/ /* Icons ----------------------------------*/ /* Misc visuals ----------------------------------*/ /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ /* left-aligned */ /* Interaction states ----------------------------------*/ } .dropdown_style1 .ui-helper-hidden { display: none; } .dropdown_style1 .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .dropdown_style1 .ui-helper-reset { border: 0; outline: 0; line-height: 1.2; text-decoration: none; font-size: 100%; list-style-type: none; } .dropdown_style1 .ui-helper-clearfix:before, .dropdown_style1 .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .dropdown_style1 .ui-helper-clearfix:after { clear: both; } .dropdown_style1 .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0.0; } .dropdown_style1 .ui-front { z-index: 100; } .dropdown_style1 .ui-state-disabled { cursor: default !important; } .dropdown_style1 .ui-multiselect-optgroup { padding: 1px; } .dropdown_style1 .ui-multiselect-optgroup-label { border-top: 1px solid #dbeff9; border-bottom: 1px solid transparent; border-left: 1px solid transparent; } .dropdown_style1 .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .dropdown_style1 .ui-button-icon-only .ui-icon, .dropdown_style1 .ui-button-text-icon-primary .ui-icon, .dropdown_style1 .ui-button-text-icon-secondary .ui-icon, .dropdown_style1 .ui-button-text-icons .ui-icon, .dropdown_style1 .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .dropdown_style1 input.ui-button::-moz-focus-inner, .dropdown_style1 button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .dropdown_style1 .ui-menu { list-style-type: none; padding: 2px; margin: 0; display: block; outline: none; } .dropdown_style1 .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .dropdown_style1 .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .dropdown_style1 .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .dropdown_style1 .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .dropdown_style1 .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } .dropdown_style1.ui-widget-content { border: 1px solid #054aad; background: white 50% 50% repeat-x; } .dropdown_style1 .ui-state-default, .dropdown_style1 .ui-widget-content .ui-state-default, .dropdown_style1 .ui-widget-header .ui-state-default { border: 1px solid #054aad; background: white 50% 50% repeat-x; font-weight: normal; } .dropdown_style1 li label:hover, .dropdown_style1 .ui-widget-content .ui-state-hover, .dropdown_style1 .ui-widget-header .ui-state-hover, .dropdown_style1 .ui-state-focus, .dropdown_style1 .ui-widget-content .ui-state-focus, .dropdown_style1 .ui-widget-header .ui-state-focus, .dropdown_style1 .ui-multiselect-optgroup-label:hover { border: 1px solid #054aad; background: #dbeff9; background-size: 100%; border-radius: 4px; } .dropdown_style1 li label:hover a:hover, .dropdown_style1 .ui-widget-content .ui-state-hover a:hover, .dropdown_style1 .ui-widget-header .ui-state-hover a:hover, .dropdown_style1 .ui-state-focus a:hover, .dropdown_style1 .ui-widget-content .ui-state-focus a:hover, .dropdown_style1 .ui-widget-header .ui-state-focus a:hover, .dropdown_style1 .ui-multiselect-optgroup-label:hover a:hover { text-decoration: none; } .dropdown_style1 .ui-state-active, .dropdown_style1 .ui-widget-content .ui-state-active, .dropdown_style1 .ui-widget-header .ui-state-active { border: 1px solid #054aad; background: #054aad 50% 50% repeat-x; font-weight: normal; } .dropdown_style1 .ui-state-disabled, .dropdown_style1 .ui-widget-content .ui-state-disabled, .dropdown_style1 .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; } .dropdown_style1.ui-corner-all, .dropdown_style1.ui-corner-top, .dropdown_style1.ui-corner-left, .dropdown_style1.ui-corner-tl, .dropdown_style1 .ui-corner-all, .dropdown_style1 .ui-corner-top, .dropdown_style1 .ui-corner-left, .dropdown_style1 .ui-corner-tl { border-radius: 4px; } .dropdown_style1 .ui-icon { height: 16px; width: 16px; } .dropdown_style1 .ui-icon, .dropdown_style1 .ui-widget-content .ui-icon { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-46b837f2a4e61ec70db64b9748f2fba9/content/themes/apollo/content/img/icons/multiselect-sprite.png'); background-repeat: no-repeat; background-position: 0 -16px; } .dropdown_style1 .ui-state-default .ui-icon { background-position: 0 -32px; } .dropdown_style1 .ui-state-focus .ui-icon, .dropdown_style1 .ui-state-active .ui-icon { background-position: 0 0; } .dropdown_style1 .ui-state-active, .dropdown_style1 .ui-widget-content .ui-state-active, .dropdown_style1 .ui-widget-header .ui-state-active { font-family: "Proxima N W01 Bold", sans-serif; color: #ffffff; } .accommodation_search_page .search_tab a { background-color: #acddf0; } .hotel_list_page { overflow-y: scroll; } @media (max-width: 767px) { .hotel_list_page.modal-open .modal { top: 0px !important; left: 0px !important; right: 0px !important; bottom: 0px; } .hotel_list_page.modal-open .modal .modal-dialog { margin-bottom: 0px; width: 100%; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; } .hotel_list_page.modal-open .modal .modal-dialog .modal-content { padding: 0; width: 100%; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; } } .reviews_page .disclaimer { font-size: 1.4rem; line-height: 20px; } .reviews_page .information h2 { margin-bottom: 10px; font-size: 13px; line-height: 18px; } .reviews_page .what_to_expect li img { padding: 2px; } .reviews_page .what_to_expect li span { vertical-align: top; } .reviews_page .summary .rating_levels { float: left; border-spacing: 2px; } .reviews_page .summary .rating_levels td { border-style: none; border-color: transparent; padding: 0px; margin-bottom: 20px; } .reviews_page .summary .rating_levels td.name { padding-right: 10px; } .reviews_page .summary .rating_levels td.percentage { width: 140px; } .reviews_page .summary .rating_levels td.percentage .percentage_bar_container { width: 100%; border: 1px solid #1B5FCB; } .reviews_page .summary .rating_levels td.percentage .bar { position: relative; height: 12px; background-color: #1B5FCB; } .reviews_page .summary .rating_levels td.count { padding-left: 10px; } .reviews_page .reviewcontainer { margin-bottom: 15px; } .reviews_page .reviewcontainer .author_text { margin: 0; font-size: 12px; } .reviews_page .reviewcontainer h4 { font-size: 14px; line-height: 1.36; font-size: 1.4rem; margin-top: 0px; margin-bottom: 15px; } .reviews_page .reviewcontainer .divider { clear: both; margin-top: 15px; width: 95%; margin-left: 20px; border-bottom: 1px solid #EDE6DE; } .reviews_page .reviewcontainer .review_text { line-height: 18px; } .reviews_page .review_button_tab { margin-bottom: 15px; margin-top: 10px; } .reviews_page .load-more-reviews a { display: flex; align-items: center; justify-content: center; } .reviews_page .load-more-reviews a svg { fill: #1b5fcb; height: 12px; width: 12px; margin-left: 20px; } .reviews_page .panel { background-color: #f1f1f2; border-radius: 5px; padding: 10px 0px; } .reviews_page .panel .panel-header { padding: 0px 15px 10px 15px; font-family: "Proxima N W01 Bold", sans-serif; } .reviews_page .panel .panel-header .date { float: right; font-size: 11px; color: #808284; font-family: "Proxima N W01 Reg", sans-serif; } .reviews_page .panel .panel-body { padding: 0px 15px 10px 15px; } .reviews_page .panel > *:last-child { padding-bottom: 0px; } .reviews_page #Review_section .summary_container { font-family: "Proxima N W01 Bold", sans-serif; } .reviews_page #Review_section .summary_container .rating_area { margin-bottom: 10px; } .reviews_page #Review_section .summary_container .summary_score { color: #015790; font-size: 26px; } .reviews_page #Review_section .summary_container .summary_out_of { font-size: 1.4rem; color: black; } .reviews_page #Review_section .summary_container .summary_based_on { font-size: 10px; color: #888888; display: block; } @media (max-width: 979px) { .reviews_page #Review_section .summary_container .review_item .left_cell p { margin-bottom: 5px; font-size: 13px; } } .reviews_page #Review_section .bottom_read_more { font-family: "Proxima N W01 Bold", sans-serif; text-align: center; font-size: 16px; } .reviews_page #Review_section .bottom_read_more .under_link { font-family: "Proxima N W01 Reg", sans-serif; font-size: 9px; line-height: 10px; color: #A9A4A4; } .reviews_page #Review_section .header_latest_reviews { margin-top: 20px; } .reviews_page #Review_section .review_item p { margin: 0; padding: 0; } .reviews_page #Review_section .review_item .left_cell { text-align: center; } .reviews_page #Review_section .review_item .left_cell .rating_header { font-family: "Proxima N W01 Bold", sans-serif; margin-bottom: 10px; } .reviews_page #Review_section .review_item .left_cell .rating_score { font-size: 18px; } .reviews_page #Review_section .review_item .left_cell .based_on { font-size: 12px; color: #888888; } .reviews_page #Review_section .review_item .right_cell .positive section, .reviews_page #Review_section .review_item .right_cell .negative section { display: table-cell; } .reviews_page #Review_section .review_item .right_cell i { width: 25px; height: 16px; display: flex; float: left; font-family: "Proxima N W01 Bold", sans-serif; } .reviews_page #Review_section .review_item .right_cell i.plus { font-size: 22px; color: green; } .reviews_page #Review_section .review_item .right_cell i.minus { font-size: 26px; color: red; } .reviews_page #Review_section .review_item .right_cell .purchased { margin-top: 10px; float: right; font-size: 11px; margin-bottom: -10px; } .reviews_page .review-tab { display: inline; padding: 7px 15px 6px; } .climate_page .climate_table { padding: 20px 0 20px 20px; } .climate_page .climate_table th { height: 35px; text-align: center; font-size: 11px; line-height: 14px; } .climate_page .climate_table td { height: 23px; text-align: center; } .climate_page .climate_table td:first-child { margin-bottom: 10px; font-size: 13px; line-height: 18px; text-align: left; text-transform: capitalize; } .climate_page .climate_table > tbody .climate_source_row > td { background-color: #ffffff; border: none; font-size: 13px; text-align: right; text-transform: none; } @media (max-width: 767px) { .climate_page.responsive .climate_table { border-collapse: collapse; width: 100%; } .climate_page.responsive .climate_table tbody tr { border-width: 1px 0; border-style: solid; border-color: #acddf0; } .climate_page.responsive .climate_table tbody tr:nth-child(odd) { background-color: #f4fafd; } .climate_page.responsive .climate_table tbody tr:last-child { border: none; background-color: white; } .climate_page.responsive .climate_table tbody tr:last-child > td { background-color: white; } .climate_page.responsive .climate_table tbody td { float: left; border: none; text-align: left; width: 50%; height: auto; margin: 0; box-sizing: border-box; } .climate_page.responsive .climate_table tbody td:first-child { width: 100%; text-align: center; margin: 8px 0; font-size: 15px; } } @media (max-width: 479px) { .climate_page.responsive .climate_table tbody td { clear: left; width: 100%; } } @media (max-width: 767px) { .climate_page.responsive .climate-facts { width: 100%; } } .climate_page .climate_facts { padding: 0 0 20px 0; max-width: 700px; } @media (max-width: 767px) { .climate_page.responsive .text { width: auto; } } .content_page { overflow-y: scroll; } .content_page .list_item_main_information_inner h4 { margin-top: 0; } @media (max-width: 767px) { .responsive .content_page .below_left_nav { display: none; } } .travel_area_page .score_area { padding: 12px 16px; margin-bottom: 10px; font-size: 14px; margin-bottom: 20px; border-radius: 2px; background-color: #F1F2F2; color: #808285; } .travel_area_page .score_area .item_reviewed { font-size: 17px; font-family: "Proxima N W01 Bold", sans-serif; margin-left: 7px; } .travel_area_page .score_area .score { font-size: 26px; font-family: "Proxima N W01 Bold", sans-serif; } .travel_area_page .score_area .based_on { margin-top: 5px; } .travel_area_page .score_area .review_count { font-family: "Proxima N W01 Bold", sans-serif; } .travel_area_page .popover_box { z-index: 999; } .travel_area_page .body_facts_region { padding-bottom: 15px; border-top: solid 1px #eadfbe; border-radius: 0 3px 0 0; } .travel_area_page .divider { border-top: 1px solid #eadfbe; } .travel_area_page .description .heading { margin-top: 0px; padding-top: 10px; } .travel_area_page .description .divider { margin-top: 15px; } .travel_area_page .bookingbox { margin-left: 20px; } .travel_area_page .facts_section { margin-left: 0; width: 260px; } .travel_area_page .facts_section h3 { margin-bottom: 0px; margin-top: 0px; font-size: 15px; font-family: "Filson W01 Bold", sans-serif; line-height: 18px; } .travel_area_page .facts_section h2 { margin-top: 13px; } .travel_area_page .facts_section .title { margin: 0; font-size: 14px; line-height: 1.36; } .travel_area_page .facts_section .text { margin: 5px 0 12px 0; font-size: 13px; line-height: 18px; } .travel_area_page .facts_section a { font-size: 13px; } @media (max-width: 979px) { .travel_area_page .facts_section { width: 100%; } } .facilities_page .facilities { margin-bottom: 20px; } .facilities_page .facilities .text { margin-left: 5px; } .facts_page .facts { margin-top: 20px; color: #333333; font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; } .facts_page .facts .title { float: left; width: 300px; margin-bottom: 10px; font-family: "Filson W01 Bold", sans-serif; font-size: 15px; } .facts_page .facts .text { float: left; margin-bottom: 10px; width: 380px; font-size: 13px; } @media (max-width: 767px) { .facts_page.responsive .text { width: auto; } } .search_page p { margin: 10px 0; } .search_page .search_results h1 { color: #015790; font-family: "Filson W01 Bold", sans-serif; font-size: 18px; } .search_page .search_results .search_result_list { margin: 20px 0; float: left; clear: both; border-top: thin solid #eadfbe; width: 100%; } @media (min-width: 980px) { .responsive.search_page .search_results .search { background-position: 300px 0; } } .itinerary_page .introduction { font-size: 14px; border-bottom: solid 1px #eadfbe; } .itinerary_page .information { padding-top: 14px; font-size: 13px; border-bottom: solid 1px #eadfbe; } .ship_page .description, .ship_page .cabin_categories_description, .ship_page .gratuities { padding-top: 15px; } .ship_page .introduction { padding-bottom: 15px; border-bottom: solid 1px #eadfbe; } .emergency_page { margin-top: 0px; background: #f4efde; } .emergency_page #main { margin-bottom: 120px; } .emergency_page .header { margin-bottom: 56px; height: 100px; background: rgba(255, 255, 255, 0.4); } .emergency_page .header .logo { width: 960px; margin: 0 auto; } .emergency_page .news_item { margin-top: 15px; border-top: 1px solid #eadfbe; } .emergency_page h2 { margin-top: 15px; } .emergency_page h4 { margin-top: 10px; margin-bottom: 10px; } .emergency_page .factsbox { margin-left: 40px; margin-top: 50px; } .emergency_page .factsbox .link_home { margin-bottom: 10px; font-size: 16px; } .emergency_page .factsbox .link_home a:after { content: " »"; } .online_catalogue_page .social_media { height: 20px; margin-top: 10px; z-index: 10; position: absolute; right: 0px; } .online_catalogue_page .body_facts ul { list-style: disc; padding-left: 20px; margin-bottom: 10px; } .rooms_page .room_size_label, .rooms_page .occupancy_label { font-family: "Proxima N W01 Bold", sans-serif; clear: left; float: left; margin-right: 2px; } .rooms_page .is_room_size_value, .rooms_page .is_occupancy_value { float: left; } .rooms_page .textfacts { margin-bottom: 10px; } .rooms_page .list_item h2 { margin-bottom: 5px; } .rooms_page .textfacts ul { list-style: disc; padding-left: 20px; margin-bottom: 10px; } .booking_flow_page h1 { margin-bottom: 20px; } .booking_flow_page h3 { margin-bottom: 0px; } .booking_flow_page input[type='number'] { -moz-appearance: textfield; } .booking_flow_page input::-webkit-outer-spin-button, .booking_flow_page input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .booking_flow_page .booking_flow_footer { margin-top: 10px; display: flex; justify-content: space-between; align-items: center; } @media (min-width: 768px) { .booking_flow_page .booking_flow_footer { justify-content: flex-end; } } .booking_flow_page .booking_flow_footer .price-summary h3 { margin-bottom: 4px; } .booking_flow_page .booking_flow_footer .price-summary .currency, .booking_flow_page .booking_flow_footer .price-summary .price { color: #222222; } .booking_flow_page .booking_flow_footer .price-summary .currency { font-size: 16px; } .booking_flow_page .booking_flow_footer .price-summary .price { font-size: 30px; } .booking_flow_page .booking_flow_footer .price-summary.discounted .currency, .booking_flow_page .booking_flow_footer .price-summary.discounted .price { color: #ff0000; } .booking_flow_page .booking_flow_footer .price-summary.discounted .brochure-price { margin-bottom: 10px; display: inline-block; } .booking_flow_page .booking_flow_footer .price-summary.discounted .brochure-price .currency, .booking_flow_page .booking_flow_footer .price-summary.discounted .brochure-price .price { color: #757575; font-size: 13px; } .booking_flow_page .telephone_info_box { color: #888; } .booking_flow_page .expandable_part .part.expandable_part { padding: 0px; } .unspecified_hotel_page { overflow-y: scroll; } .unspecified_hotel_page .top-image { margin-bottom: 10px; } .unspecified_hotel_page .hotel_list_result hr { border-bottom: 2px solid #eadfbe; } .unspecified_hotel_page .hotel_list_result .upgrade_hotel_header { text-align: center; margin-top: 20px; margin-bottom: 5px; } .unspecified_hotel_page .hotel_list_result .upgrade_hotel_sub_header { text-align: center; margin-bottom: 20px; } .excursion_list_page #product_list h3 a { cursor: default; text-decoration: none; color: #333333; } .flight_list_page { overflow-y: scroll; } @media (max-width: 767px) { .flight_list_page.modal-open .modal { top: 0px !important; left: 0px !important; right: 0px !important; bottom: 0px; } .flight_list_page.modal-open .modal .modal-dialog { margin-bottom: 0px; width: 100%; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; } .flight_list_page.modal-open .modal .modal-dialog .modal-content { padding: 0; width: 100%; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; } } body.full_width_content_page { background-color: #ffffff; } body.full_width_content_page #header { background-color: #ffffff; } @media (max-width: 979px) { body.full_width_content_page #header #top_navigation { background-color: #ffffff; } } body.full_width_content_page #header .search-form-wrapper { background: #ffffff; border: 1px solid #E6E5DF; } @media (max-width: 979px) { body.full_width_content_page #header .search-form-wrapper { background: #ffffff; border: none; } } body.full_width_content_page .breadcrumb_wrapper { width: auto; } body.full_width_content_page #breadcrumb { float: none; margin-bottom: 1.6rem; } body.full_width_content_page #breadcrumb li span { font-family: "Proxima Nova W01 Medium", sans-serif; } body.full_width_content_page #breadcrumb ol li.first { margin-left: 0; } body.full_width_content_page #footer .footer-wrapper { padding-left: 12px; padding-right: 12px; } #assets { position: relative; margin-bottom: 10px; width: 100%; height: auto; } #assets .asset-media { position: relative; } #assets .asset-media > img { max-width: 100%; height: auto; } #assets .asset-media .asset_links { position: absolute; left: 10px; bottom: 10px; } #assets .asset-media .asset_links > a, #assets .asset-media .asset_links > div { margin-right: 10px; display: inline-block; } #assets .asset_overlay { max-width: 400px; position: absolute; right: 10px; bottom: 10px; min-width: 180px; overflow: visible; padding: 10px 15px 15px 15px; background-color: white; background-color: rgba(255, 255, 255, 0.85); border-radius: 4px; } #assets .asset_overlay h3 { margin-top: 5px; margin-bottom: 0px; } #assets .asset_overlay .label { padding-top: 5px; } #assets .asset_overlay .label img { vertical-align: top; } #assets .asset_overlay .product_segmentation { text-align: center; width: 230px; margin-left: -15px; } #assets .asset_overlay .product_segmentation .label { display: inline-block; text-align: left; } #assets .asset_overlay ul { margin-top: 5px; } #assets .asset_overlay ul li { margin-top: 9px; margin-bottom: 4px; } @media (max-width: 767px) { .responsive #assets { margin-bottom: 0px; } .responsive #assets .asset_overlay { box-sizing: border-box; float: left; margin-bottom: 5px; margin-top: 5px; max-width: none; padding: 0 8px; position: static; right: initial; width: 100%; border: 1px solid #ddd; background-color: #eee; border-radius: 4px; } .responsive #assets .asset_overlay .label { padding-top: 5px; padding-bottom: 5px; } } @media (max-width: 479px) { .responsive #assets .asset_overlay { margin-top: 10px; } .responsive #assets .asset_links { position: static; } } .list_item { margin-top: 10px; margin-bottom: 10px; } .list_item .price_from-text { margin-top: 5px; margin-bottom: 5px; } .list_item .list_item_main_information_inner { padding-top: 5px; } .list_item h2 { margin-top: 0px; float: left; font-size: 14px; line-height: 1.36; margin-bottom: 0px; font-size: 18px; } .list_item h2 .name { margin-right: 10px; } .list_item .textfacts { float: left; clear: both; } .list_item .textfacts .k_fact { clear: both; float: left; } .list_item .textfacts .k_fact .heading { margin-top: 0px; margin-bottom: 0px; margin-bottom: 10px; font-size: 13px; line-height: 18px; font-size: 12px; } .list_item .textfacts .k_fact p { margin-bottom: 5px; padding: 0; clear: none; font-size: 12px; line-height: 16px; } .list_item .textfacts .k_fact a { float: none; } .list_item .textfacts .k_fact .fact_name { margin-right: 6px; } .list_item .segmentationicons { margin-bottom: 5px; margin-top: 5px; clear: both; } .list_item .product_segmentation { position: absolute; z-index: 10; } .list_item .product_segmentation .label img { width: 75px; height: 75px; } .list_item .list_item_main_information { float: right; } .list_item .list_item_main_information_inner { width: 100%; min-height: 110px; margin-left: -10px; padding-left: 10px; } .list_item .facilities { margin-bottom: 10px; clear: both; } .list_item .divider { height: 3px; margin: 15px 0 0 20px; background-color: #eadfbe; border-top: 1px solid #dfc183; border-radius: 4px; } @media (min-width: 480px) and (max-width: 767px) { .list_item .span3 { float: left; padding-right: 20px; } } @media (max-width: 767px) { .list_item .divider { margin-left: 0; } } .list_item .classification { margin: 2px 6px 6px 0px; float: left; } .list_item .list_item_rating h3 { margin: 10px 0 5px 0; float: none; display: block; font-size: 12px; } .list_item .list_item_rating div .tripAdvisorRating { float: none; } .list_item .TypeOfTour { margin-right: 10px; } .list_item .TypeOfSafari { margin-right: 10px; } .list_item .subareas { width: 100%; font-size: 12px; } .list_item .subareas ul { margin: 0; } .list_item .from-price { margin-top: 5px; margin-bottom: 10px; font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; font-size: 13px; color: #015790; } .list_item .from-price .price, .list_item .from-price .currency { color: #015790; } .list_item .hotels { float: right; } .list_item .subareas { clear: both; } .list_item .subareas ul { display: inline; } .list_item .subareas li { display: inline; } .list_item .subareas li a:after { content: ","; } .list_item .subareas li.last a:after { content: ""; } .list_item .totalhotelcount { clear: both; } .list_item .name { float: left; } .list_item .more_about { float: left; clear: both; margin-bottom: 10px; margin-top: 5px; color: #015790; font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; font-size: 13px; } .list_item .more_about:after { content: " »"; } .list_item .slideshow-counter { float: left; } .list_item .product_page_link { float: left; clear: both; margin: 10px 0 0 0; } .list_item .separator { height: 50px; } .list_item .name_heading { clear: left; } .list_item .hotel_category_short_name { display: inline; float: left; margin-right: 5px; } .list_item .list-item-video { display: block; float: left; margin-top: -54px; margin-left: 3px; } .list_item .list-item-video .btn { position: relative; z-index: 100; } @media (max-width: 767px) { .responsive .list_item .textfacts .k_fact p { font-size: 15px; line-height: 18px; } } .booking_information { font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; font-size: 12px; } .booking_information .badge { display: inline-block; background: #EB424A; color: #ffffff; padding: 4px 5px; border-radius: 4px; margin-bottom: 6px; } .booking_information .price_from_text { margin-top: 0px; margin-bottom: 0px; } .booking_information .disclaimer_text { margin-top: 0px; margin-bottom: 0px; } .booking_information.without_price .disclaimer_text { width: 260px; } .booking_information.from_price { margin-top: 2px; } .booking_information.from_price .price_from_text { color: #333333; } .booking_information.from_price .price_from_text .price { font-size: 20px; color: #333333; } .booking_information.from_price .price_from_text .currency { font-size: 13px; color: #333333; } .booking_information.from_price .disclaimer_text { font-size: 10px; line-height: 120%; } .booking_information.cheapest .total-price .price { font-size: 25px; } .booking_information.cheapest .price_from_text { float: right; text-align: right; line-height: normal; margin-left: 15px; } .booking_information .excursion_data { min-height: 50px; } .booking_information .excursion_data .column_left { float: left; padding-right: 6px; } .booking_information .excursion_data .header { font-family: "Proxima Nova W01 Medium", sans-serif; } .booking_information .first_letter_uppcase { text-transform: lowercase; } .booking_information .first_letter_uppcase:first-letter { text-transform: capitalize; } .booking_information.without_price .disclaimer_text { font-size: 13px; } .booking_information .additional_disclaimer { float: left; margin-top: 10px; } .booking_information .from_text, .booking_information .disclaimer_text, .booking_information .additional_disclaimer { color: #222222; } .booking_information .disclaimer_title, .booking_information .additional_disclaimer_title { font-family: "Proxima Nova W01 Medium", sans-serif; font-size: 13px; margin-bottom: 0; color: #222222; } .booking_information .upgraded-flightclass { display: table; } .booking_information .upgraded-flightclass * { display: table-cell; vertical-align: middle; } .booking_information .upgraded-flightclass .upgraded-flightclass-text { padding-left: 5px; font-family: "Proxima Nova W01 Medium", sans-serif; font-size: 13px; } .booking_information .popover-container { display: inline-block; } .booking_information .popover-container .popover { bottom: 32px; left: -20px; } .booking_information .popover-container .triangle { left: 85px; bottom: 20px; } .booking_information .popover-container .trianglein { bottom: 26px; left: 85px; } @media (max-width: 979px) { .responsive .booking_information.without_price .disclaimer_text { width: 100%; } } .bookingbox { position: relative; top: 60px; margin-bottom: 70px; background-color: #dbeff9; border: 1px solid #acddf0; border-radius: 0 3px 3px 3px; } .bookingbox h2 { line-height: 60px; color: #ffffff; font-size: 20px; font-family: "Filson W01 Bold", sans-serif; background-image: url('//cdn-prod-green-www.apollorejser.dk/v-9f23e62d76e05b4ae77c8341bf1a1d86/content/themes/apollo/content/img/gradients-sprite.png'); background-position: 0 -202px; background-repeat: repeat-x; text-shadow: 0px -1px 2px rgba(51, 51, 51, 0.3); border-top-right-radius: 4px; border-top-left-radius: 4px; text-align: center; } .bookingbox h2.book_emphasis { position: absolute; top: -60px; left: -1px; width: 130px; margin-top: 0px; } .bookingbox .booking_information { position: absolute; top: -60px; left: 140px; height: 0; z-index: 1; } .bookingbox .booking_information .price_from_text { padding-bottom: 0px; font-size: 12px; } .bookingbox .booking_information .price_from_text .price { font-size: 24px; } .bookingbox .booking_information .disclaimer_text { font-size: 10px; } .bookingbox .booking_information.without_price .disclaimer_text { position: relative; top: 10px; font-size: 13px; } .bookingbox .booking_box_body { height: 60px; height: 108px; border-bottom: 1px solid #acddf0; border-radius: 0 2px 0 0; background-color: #f4fafd; } .bookingbox .booking_box_body .icon { height: 10px; width: 30px; overflow: hidden; display: inline-block; position: relative; left: 50px; top: -3px; top: -3px; } .bookingbox .booking_box_body .icon span { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2c5f0ec13465dce03d52365378323740/content/themes/apollo/content/img/icons/icons-sprite.png'); background-position: 0 -476px; position: absolute; } .bookingbox .booking_box_body label, .bookingbox .booking_box_body select { position: absolute; } .bookingbox .booking_box_body label { top: 30px; left: 10px; font-size: 14px; color: #333333; font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; } .bookingbox .booking_box_body select { top: 54px; left: 10px; height: 22px; font-size: 12px; color: #333333; font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; } .bookingbox .booking_box_body select.day { width: 40px; } .bookingbox .booking_box_body select.yearmonth { width: 32%; } .bookingbox .booking_box_body select.departure { width: 41%; } .bookingbox .booking_box_body.departures .yearmonth { left: 48%; } .bookingbox .booking_box_body.departures select.day { left: 84%; } .bookingbox .booking_box_body.no-departures select.day { left: 148px; } .bookingbox .booking_button_area { padding: 8px; } .bookingbox .btn { float: right; margin-top: 0; } @media (max-width: 767px) { .responsive .bookingbox_container { margin-top: 20px; } } .bookingBoxListPage { padding: 6px 6px 6px 10px; width: 95%; position: relative; float: left; clear: both; min-height: 36px; } .bookingBoxListPage .btn { margin-top: 5px; } @media (min-width: 320px) and (max-width: 479px) { .responsive .bookingBoxListPage { width: 96%; } } .bookingBoxListPage { width: 100%; border: none; border-radius: 0; box-sizing: border-box; background-color: #F4F3ED; border-top-left-radius: 4px; padding-bottom: 15px; padding-right: 15px; } .bookingBoxListPage .booking_information .disclaimer_title, .bookingBoxListPage .booking_information .additional_disclaimer_title { color: #1B1464; } .bookingBoxListPage .booking_information .disclaimer_text, .bookingBoxListPage .booking_information .additional_disclaimer_text { color: #1B1464; } .bookingBoxListPage .booking_information .price_from_text { margin-top: 6px; } .bookingBoxListPage .booking_information .price_from_text .total-price .price { font-size: 26px; color: #333333; } .bookingBoxListPage .booking_information .price_from_text .total-price .currency { font-size: 18px; color: #333333; } .bookingBoxListPage .booking_information .price_from_text .from_text { color: #1B1464; } .bookingBoxListPage .booking_information .price_from_text .brochure-price { font-size: 13px; } .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency { color: #ff0000; } .bookingBoxListPage .aggregated_price_specification .expandable_header h4 { color: #1b5fcb; } .bookingBoxListPage .aggregated_price_specification table td { border-color: #1B1464; color: #1B1464; } .address_box { padding-top: 13px; padding-bottom: 13px; margin-top: 13px; border-top: 1px solid #eadfbe; border-bottom: 1px solid #eadfbe; font-size: 13px; } .address_box h3 { margin-top: 0px; padding-left: 15px; margin-bottom: 10px; font-size: 13px; line-height: 18px; } .address_box p { padding-left: 15px; } .facilities { font-size: 12px; } .facilities .k_fact { white-space: nowrap; width: 185px; float: left; text-align: left; } .facilities .k_fact p { float: left; clear: none; padding: 0; margin: 0; } .facilities .k_fact p span { margin: 5px 0 0 2px; } .facilities .k_fact .icon-sprite { margin: 0 3px 0 0; position: relative; top: 2px; } .facilities .fact_name { margin-right: 6px; float: left; } .k_fact svg { display: none; } @media (max-width: 979px) { .responsive .facilities .k_fact { width: 49%; } } @media (max-width: 767px) { .responsive .facilities .k_fact p { font-size: 15px; line-height: 18px; } } .introduction_text > p, .introduction > p { font-size: 14px; line-height: 20px; } .introduction_text .heading, .introduction .heading { margin-top: 10px; font-size: 18px; line-height: 1.11; letter-spacing: -0.2px; } #product_list { margin-top: 10px; margin-bottom: 10px; } #product_list .label li { list-style-type: disc; } #product_list h4 { margin-top: 0; } #product_list .boxleft { position: absolute; } #product_list .sorting_header { position: relative; padding: 3px; float: left; background-color: #faf7ef; border-radius: 4px; border: 1px solid #dfc183; } #product_list .sorting_header .sorting_section { float: right; } #product_list .sorting_header p { position: relative; max-width: 200px; float: left; margin-right: 5px; margin-top: 2px; margin-bottom: 0px; text-align: right; font-size: 12px; } #product_list .sorting_header select { float: left; } #product_list .range_slider_label { width: 100%; } #product_list .price_filter { margin: 0 20px 10px 20px; } @media (max-width: 767px) { .responsive #product_list .span8 .sorting_header { float: left; } } @media (min-width: 320px) and (max-width: 479px) { .responsive #product_list .span8 .sorting_header { float: left; } .responsive #product_list .span8 .sorting_header .sorting_section { width: 100%; } } @media (min-width: 320px) and (max-width: 479px) { .responsive #product_list .sorting_header .sorting_section select { width: 106px; } } .label .popover_box .bottomarrow { width: 24px; height: 14px; } .invert { transform: scaleX(-1); display: inline-block; } .label { position: relative; padding-right: 3px; display: inline-block; vertical-align: top; } .label.cleared { clear: both; display: block; } .label .popover_box { width: 220px; position: absolute; bottom: 20px; display: none; z-index: 9999; padding: 15px; background-color: #333333; border: 1px solid #080808; border-radius: 3px; box-shadow: 0 0 2px #000; } .label .popover_box h3 { margin: 0; color: #ffffff; font-size: 14px; } .label .popover_box p { margin: 5px 0px 0px 0px; white-space: normal; } .label .popover_box p, .label .popover_box ul { color: #ffffff; font-size: 12px; } .label .popover_box .bottomarrow { position: absolute; background: transparent; font-size: 20px; text-shadow: 0 0 2px #000; bottom: -11px; } .label .popover_box .bottomarrow:after { content: "▼"; } .label .popover_box ul { position: relative; } .label .popover_box ul li { line-height: 15px; display: list-item; margin-left: 15px; list-style-type: disc; } .list_item_main_information .list_item_main_information_inner .label { display: block; } .list_item_main_information .list_item_main_information_inner .label img { margin-bottom: 10px; } iframe.travel_area_booking_box { height: 415px; margin-top: 10px; } @media (min-width: 768px) and (max-width: 979px) { .responsive iframe.travel_area_booking_box { height: 450px; } } .map_gallery_iframe #map_canvas .gm-style-iw { max-height: 1000px; } .map_part #map_canvas .gm-style-iw { max-height: 370px; } .rsDefault #map_canvas, .rsSlide #map_canvas { color: #333333; } #map_canvas .map_item_label span { border-radius: 3px; font-size: 13px; font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; } #map_canvas .list-item-video, #map_canvas .rsFullscreenBtn { display: none; } #map_canvas .image_slideshow .enlarge_wrapper { display: none; } #map_canvas .gm-style-iw { top: 0px !important; left: 0px !important; padding-right: 10px !important; padding-bottom: 10px !important; overflow-y: auto; border-bottom: solid white 10px; } #map_canvas .gm-style-iw > div { overflow: visible !important; } #map_canvas .rsLink { pointer-events: none; cursor: default; } #map_canvas .list_item { margin-top: 0; width: 644px; overflow: hidden; } #map_canvas .list_item .divider { display: none; } #map_canvas .list_item .span6 { width: 382px; } #map_canvas .list_item .span6 .name_heading a { font-size: 18px; } #map_canvas .list_item .left_region .travel_area_trail li a { font-size: 12px; font-family: "Proxima N W01 Bold", sans-serif; } #map_canvas .list_item .right_region { float: left; } #map_canvas .list_item .right_region .facilities { -moz-column-count: 2; column-count: 2; font-size: 12px; font-family: "Proxima N W01 Reg", sans-serif; margin-top: 5px; } @media (min-width: 320px) and (max-width: 479px) { .responsive #map_canvas .bookingBoxListPage { width: 92%; } } @media (max-width: 979px) { .responsive .part .trip_advisor_rating img { width: auto; } } @media (min-width: 768px) and (max-width: 979px) { .responsive .map_gallery_iframe #map_canvas .list_item .span3, .responsive .map_part #map_canvas .list_item .span3 { margin-left: 0px; } } @media (max-width: 1024px) { .responsive .map_gallery_iframe #map_canvas .row, .responsive .map_part #map_canvas .row { margin-left: 0px; } } @media (min-width: 1024px) and (max-width: 1024px) { .responsive .map_gallery_iframe #map_canvas .list_item, .responsive .map_part #map_canvas .list_item { width: 574px; } .responsive .map_gallery_iframe #map_canvas .list_item .span6, .responsive .map_part #map_canvas .list_item .span6 { width: 310px; } } @media (max-width: 979px) { .responsive .map_gallery_iframe #map_canvas .gm-style-iw, .responsive .map_part #map_canvas .gm-style-iw { max-height: 300px; } .responsive .map_gallery_iframe #map_canvas .list_item, .responsive .map_part #map_canvas .list_item { width: 100%; } } @media (max-width: 767px) { .responsive .map_gallery_iframe #map_canvas .gm-style-iw, .responsive .map_part #map_canvas .gm-style-iw { max-height: 252px; } .responsive .map_gallery_iframe #map_canvas .list_item, .responsive .map_part #map_canvas .list_item { width: auto; } .responsive .map_gallery_iframe #map_canvas .list_item .span6, .responsive .map_part #map_canvas .list_item .span6 { width: 100%; float: none; } .responsive .map_gallery_iframe #map_canvas .btn.btn-right, .responsive .map_part #map_canvas .btn.btn-right { float: left; margin-left: 0px; } } @media (max-width: 767px) and (orientation: landscape) { .responsive .map_gallery_iframe #map_canvas .gm-style-iw, .responsive .map_part #map_canvas .gm-style-iw { max-height: 180px; } .responsive .map_gallery_iframe #map_canvas .accommodation_list_item .span3, .responsive .map_gallery_iframe #map_canvas .cruise_list_item .span3, .responsive .map_gallery_iframe #map_canvas .travelarea_list_item .span3, .responsive .map_part #map_canvas .accommodation_list_item .span3, .responsive .map_part #map_canvas .cruise_list_item .span3, .responsive .map_part #map_canvas .travelarea_list_item .span3 { margin-left: 0px; width: calc(100% - (62% - 20px)); } .responsive .map_gallery_iframe #map_canvas .accommodation_list_item .span6, .responsive .map_gallery_iframe #map_canvas .cruise_list_item .span6, .responsive .map_gallery_iframe #map_canvas .travelarea_list_item .span6, .responsive .map_part #map_canvas .accommodation_list_item .span6, .responsive .map_part #map_canvas .cruise_list_item .span6, .responsive .map_part #map_canvas .travelarea_list_item .span6 { width: calc(58% - 20px); } } @media (min-width: 480px) and (max-width: 1024px) and (orientation: landscape) { .responsive .map_gallery_iframe #map_canvas .gm-style-iw, .responsive .map_part #map_canvas .gm-style-iw { max-height: 168px; } .responsive .map_gallery_iframe #map_canvas .accommodation_list_item .span3, .responsive .map_gallery_iframe #map_canvas .cruise_list_item .span3, .responsive .map_gallery_iframe #map_canvas .travelarea_list_item .span3, .responsive .map_part #map_canvas .accommodation_list_item .span3, .responsive .map_part #map_canvas .cruise_list_item .span3, .responsive .map_part #map_canvas .travelarea_list_item .span3 { margin-left: 0px; width: calc(100% - (63% - 20px)); float: left; } .responsive .map_gallery_iframe #map_canvas .accommodation_list_item .span6, .responsive .map_gallery_iframe #map_canvas .cruise_list_item .span6, .responsive .map_gallery_iframe #map_canvas .travelarea_list_item .span6, .responsive .map_part #map_canvas .accommodation_list_item .span6, .responsive .map_part #map_canvas .cruise_list_item .span6, .responsive .map_part #map_canvas .travelarea_list_item .span6 { width: calc(57% - 20px); float: right; } } @media (min-width: 768px) and (max-width: 979px) { .responsive .map_gallery_iframe #map_canvas .accommodation_list_item .span3, .responsive .map_gallery_iframe #map_canvas .cruise_list_item .span3, .responsive .map_gallery_iframe #map_canvas .travelarea_list_item .span3, .responsive .map_part #map_canvas .accommodation_list_item .span3, .responsive .map_part #map_canvas .cruise_list_item .span3, .responsive .map_part #map_canvas .travelarea_list_item .span3 { margin-left: 0px; width: calc(100% - (63% - 20px)); } .responsive .map_gallery_iframe #map_canvas .accommodation_list_item .span6, .responsive .map_gallery_iframe #map_canvas .cruise_list_item .span6, .responsive .map_gallery_iframe #map_canvas .travelarea_list_item .span6, .responsive .map_part #map_canvas .accommodation_list_item .span6, .responsive .map_part #map_canvas .cruise_list_item .span6, .responsive .map_part #map_canvas .travelarea_list_item .span6 { width: calc(57% - 20px); } } .map_gallery.new-brand-identity #map_canvas .row .span3 { width: 220px; } .map_gallery.new-brand-identity #map_canvas .row .span6 { width: 382px; } @media (min-width: 768px) and (max-width: 979px), (min-width: 480px) and (max-width: 767px), (min-width: 1024px) and (max-width: 1024px) { .map_gallery.new-brand-identity #map_canvas .row .span3 { margin-left: 0px; } } @media (max-width: 767px) { .map_gallery.new-brand-identity #map_canvas .row div[class*=span] { float: left; width: 100%; box-sizing: border-box; padding-left: 10px; padding-right: 10px; } } .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner { padding-top: 0px; box-shadow: none; -webkit-box-shadow: none; } .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .right_region, .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .left_region { position: static; top: auto; } .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .right_region .facilities, .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .left_region .facilities { -moz-column-count: auto; column-count: auto; } .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .right_region .facilities .k_fact, .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .left_region .facilities .k_fact { float: left; width: 150px; } .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .right_region, .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .left_region, .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .hotel_name, .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .flight_name { width: 100%; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; } .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .bookingBoxListPage { width: 100%; margin-left: 0px; margin-right: 0px; } .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner .bookingBoxListPage .btn { margin-top: 10px; } @media (min-width: 768px) and (max-width: 979px), (min-width: 480px) and (max-width: 767px), (min-width: 1024px) and (max-width: 1024px) { .map_gallery.new-brand-identity #map_canvas .list_item .list_item_inner { margin-left: 0px; } } @media (min-width: 1024px) and (max-width: 1024px) { .map_gallery.new-brand-identity #map_canvas .list_item { width: 644px; } } .top_hotels > h2 { padding: 5px 0 5px 10px; background-color: #eadfbe; border-top: 1px solid #dfc183; border-radius: 4px; font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; font-size: 14px; color: #333333; } .top_hotels .accommodation_item h3 { float: left; } .top_hotels .accommodation_item .classification { float: left; position: relative; } .top_hotels .accommodation_item img { width: 100%; } .top_hotels .accommodation_item .separator { height: 10px; border-top: 1px solid #eadfbe; } .top_hotels .accommodation_item .accommodation_information { position: relative; min-height: 100px; } .top_hotels .accommodation_item .accommodation_information h3 { margin: 0 6px 0 0; padding: 0; font-family: "Filson W01 Bold", sans-serif; color: #015790; font-size: 13px; line-height: 14px; } .top_hotels .accommodation_item .accommodation_information h3:hover { text-decoration: underline; } .top_hotels .accommodation_item .accommodation_information .price_disclaimer { clear: both; font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; font-size: 10px; line-height: 12px; color: #333333; } .top_hotels .accommodation_item .accommodation_information .from_price { color: #333333; font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; font-size: 12px; } .top_hotels .accommodation_item .accommodation_information .from_price .price { font-size: 18px; } .top_hotels .accommodation_item .accommodation_information .btn { position: absolute; bottom: 10px; right: 10px; } .top_hotels .accommodation_item:last-child .separator { border-radius: 0 5px 0 0; } .top_hotels .hotel_list_link { padding: 5px 25px; top: -11px; position: relative; float: right; border: 1px solid #eadfbe; border-radius: 0 5px 5px 5px; font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; font-size: 12px; } .top_hotels .hotel_list_link:after { content: " »"; } @media (max-width: 767px) { .responsive .top_hotels .accommodation_item img { width: 100%; height: auto; } } @media (min-width: 768px) and (max-width: 979px) { .responsive .top_hotels .accommodation_item .top_hotels_image { width: 289px; } .responsive .top_hotels .accommodation_item .accommodation_information { width: 287px; } } @media (min-width: 480px) and (max-width: 767px) { .responsive .top_hotels .accommodation_item .top_hotels_image { width: 48%; float: left; } .responsive .top_hotels .accommodation_item .accommodation_information { width: 48%; float: right; } .responsive .top_hotels .accommodation_item .separator { float: left; } .responsive .top_hotels .accommodation_item:last-child .separator { display: none; } } @media (max-width: 479px) { .responsive .top_hotels .accommodation_item:last-child .separator { display: none; } } @media (max-width: 767px) { .responsive .top_hotels .hotel_list_link { width: 100%; padding: 5px 0; margin-top: 15px; border-radius: 5px; text-align: center; } } .tour_list_facts { border-top: 1px solid #eadfbe; } .tour_list_facts ul { list-style-type: disc; list-style-position: inside; } .important_commercial_content { position: relative; padding-bottom: 10px; margin-top: 10px; border-top: solid 1px #eadfbe; border-radius: 0 3px 0 0; } .important_commercial_content .see-all { position: absolute; top: 0; right: 0; margin: 0; width: auto; padding: 6px 20px; font-size: 12px; font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; border-left: solid 1px #eadfbe; border-radius: 0 3px 3px 3px; border-right: solid 1px #eadfbe; border-bottom: solid 1px #eadfbe; } .important_commercial_content h2 { margin-top: 10px; margin-bottom: 10px; } .important_commercial_content .item-2 { clear: left; } .important_commercial_content img { width: 100px; height: 50px; float: left; margin-right: 10px; } .important_commercial_content > div { width: 265px; overflow: hidden; float: left; margin: 5px 5px 8px 0px; } .important_commercial_content .accommodation p, .important_commercial_content .accommodation .price, .important_commercial_content .accommodation .currency { margin-top: 1px; } .important_commercial_content .accommodation h3, .important_commercial_content .travel_area h3, .important_commercial_content .manual h3 { margin-top: 0px; margin-bottom: 0px; } .important_commercial_content .accommodation h3 a, .important_commercial_content .travel_area h3 a, .important_commercial_content .manual h3 a { float: left; margin-top: 0; margin-bottom: 0; } .important_commercial_content .accommodation > div, .important_commercial_content .travel_area > div, .important_commercial_content .manual > div { padding-top: 3px; float: left; width: 150px; } .important_commercial_content .accommodation .list_page_teaser, .important_commercial_content .travel_area .list_page_teaser, .important_commercial_content .manual .list_page_teaser { clear: left; float: left; padding: 0; } .important_commercial_content .accommodation .classification, .important_commercial_content .travel_area .classification, .important_commercial_content .manual .classification { clear: left; margin-top: 3px; } .important_commercial_content .accommodation .price, .important_commercial_content .travel_area .price { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; } .important_commercial_content .accommodation a, .important_commercial_content .travel_area a { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; font-size: 13px; line-height: 14px; } .important_commercial_content .accommodation > div .list_page_teaser a, .important_commercial_content .travel_area > div .list_page_teaser a { font-size: 12px; text-decoration: none; line-height: 18px; } .important_commercial_content .travel_area p, .important_commercial_content .travel_area .price-from, .important_commercial_content .travel_area .currency { font-size: 12px; font-family: "Proxima N W01 Bold", sans-serif; } .important_commercial_content .accommodation p, .important_commercial_content .accommodation .price-from, .important_commercial_content .accommodation .currency { font-size: 13px; } .important_commercial_content .accommodation .price-from { font-size: 15px; } @media (max-width: 979px) { .responsive .important_commercial_content { float: left; } } @media (min-width: 768px) and (max-width: 979px) { .responsive .important_commercial_content > div { width: 200px; } .responsive .important_commercial_content .manual > div { padding: 3px 0 0 0; width: auto; } .responsive .important_commercial_content img { width: 170px; height: auto; } .responsive .important_commercial_content .see-all { width: auto; } } @media (max-width: 479px) { .responsive .important_commercial_content { border-radius: 0; } .responsive .important_commercial_content .see-all { position: relative; width: 100%; padding: 5px 0; margin: 5px 0; text-align: center; border-radius: 5px; border: 1px solid #eadfbe; } } .product-list-overview { float: right; padding: 10px; width: 200px; margin-bottom: 10px; margin-left: 10px; margin-top: 0; margin-right: 0; border-left: solid 1px #eadfbe; border-radius: 0 3px 3px 3px; border-right: solid 1px #eadfbe; border-bottom: solid 1px #eadfbe; } .product-list-overview h3 { padding-bottom: 5px; margin-bottom: 0px; font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; font-size: 12px; } .product-list-overview .from-price { float: right; } .product-list-overview li { line-height: 18px; } .product-list-overview li a { font-size: 12px; } .product-list-overview li a span { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; } .product-list-overview li a.from-price .price, .product-list-overview li a.from-price .currency { color: #015790; } @media (max-width: 767px) { .responsive .product-list-overview { width: 100%; padding: 0; } .responsive .product-list-overview h3 { margin: 5px 0 0 10px; } .responsive .product-list-overview ul { margin-left: 10px; } .responsive .product-list-overview li { float: left; width: 100%; } .responsive .product-list-overview li a.from-price { margin-left: 17px; float: none; } } @media (max-width: 479px) { .responsive .product-list-overview { border-radius: 5px; } } .climate_overview { float: right; margin-right: -15px; width: 270px; } .climate_overview > .icon { height: 31px; width: 36px; overflow: hidden; display: inline-block; position: relative; float: left; margin-top: 4px; float: left; margin-top: 4px; } .climate_overview > .icon span { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2c5f0ec13465dce03d52365378323740/content/themes/apollo/content/img/icons/icons-sprite.png'); background-position: 0 -1012px; position: absolute; } .climate_overview h2 { padding-left: 50px; height: 35px; margin-bottom: 0px; margin-top: 5px; line-height: 35px; } .climate_overview table { clear: both; } .climate_overview table tr:nth-child(odd) td { background-color: transparent; } .climate_overview table tbody { display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; } .climate_overview table tr { margin-right: 5px; margin-bottom: 5px; width: 80px; padding-top: 5px; padding-bottom: 5px; float: left; border: 1px solid #EDE6DE; } .climate_overview table tr td { padding: 0; margin: 0; margin-right: 8px; border-style: none; border-color: transparent; } .climate_overview table tr td:first-child { float: left; padding-left: 2px; margin: 0; width: 44px; overflow: hidden; font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; text-transform: capitalize; text-align: center; } .climate_overview a { margin-left: 8px; font-size: 13px; } .climate_overview .climate_overview_footer { margin-right: 14px; } .climate_overview .climate_overview_footer .climate_source_text { float: right; margin-top: -6px; font-size: 10px; } @media (min-width: 768px) and (max-width: 979px) { .responsive .climate_overview { margin-left: 0; width: 100%; } } @media (max-width: 979px) { .responsive .climate_overview { float: none; } } .hotelcategory { margin-bottom: 10px; background-color: #ffffff; color: #333333; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); border: none; border-radius: 4px; padding: 15px; padding-bottom: 10px; } .hotelcategory .body { -moz-column-count: 2; column-count: 2; } @media (min-width: 768px) and (max-width: 979px) { .responsive .hotelcategory .body { -moz-column-count: 1; column-count: 1; } } @media (max-width: 767px) { .responsive .hotelcategory .body { font-size: 15px; } .responsive .hotelcategory .body ul { margin-left: 16px; } .responsive .hotelcategory .footerlink { font-size: 15px; } } @media (max-width: 479px) { .responsive .hotelcategory .body { -moz-column-count: 1; column-count: 1; } } .hotelcategory .mondoHeader { background-color: #1B1464; color: #ffffff !important; } .hotelcategory .mondoHeader img { margin: 10px; vertical-align: middle; } .hotelcategory .body { font-family: "Proxima N W01 Reg", sans-serif; font-size: 13px; margin-bottom: 10px; } .hotelcategory .body ul { list-style-type: none; font-family: "Proxima Nova W01 Medium", sans-serif; margin-left: 15px; padding-left: 0px; list-style-type: disc; line-height: 16px; } .hotelcategory .body ul li { padding-bottom: 5px; } .hotelcategory .footerlink { color: #1b5fcb; font-family: "Proxima Nova W01 Medium", sans-serif; font-size: 13px; } .available_flights { margin-bottom: 20px; } .available_flights .loader { height: 100px; width: 100%; margin-top: 0; background-color: #ffffff; } .available_flights .span5 .span12, .available_flights .span4 .span12, .available_flights .span3 .span12 { width: 380px; } .available_flights .error-information { margin-bottom: 10px; } .search-result-info { border: 2px solid #015790; font-size: 14px; font-family: "Proxima Nova W01 Medium", sans-serif; margin-bottom: 20px; background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2e1ea4a324f6e5a368f9de173fd2dd56/content/themes/apollo/content/img/icons/icons/info-sign.png'); background-repeat: no-repeat; background-position: 10px center; padding: 10px; padding-left: 46px; } .search-result-info > div { line-height: 18px; } #hotel_result_list .search-result-info:not(:first-child) { display: none; } .flight-Search-Messages { margin-top: 30px; } .dialogue_widget { clear: both; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ffffff; } .dialogue_widget.selected { box-shadow: 0 0 2px 1px #dbeff9; z-index: 100; } .dialogue_widget.selectWidget .dialogue-widget-dropdown { opacity: 0.0; position: absolute; top: 0px; left: 0; right: 0; bottom: 0; height: 100%; } .dialogue_widget .button { color: #015790; padding-top: 0px; } .dialogue_widget .contents { padding-top: 5px; white-space: nowrap; } .room-types { margin-bottom: 40px; } .room-types .room-type { width: 75px; min-height: 60px; line-height: normal; border-radius: 4px; margin-right: 5px; margin-top: 5px; overflow: hidden; padding: 5px; padding-bottom: 25px; position: relative; cursor: pointer; } .room-types .room-type.disabled { cursor: default; } .room-types .room-type .check-wrapper { visibility: hidden; position: absolute; bottom: 2px; left: 0px; width: 100%; } .room-types .room-type .check-wrapper svg { height: 16px; width: 16px; } .room-types .room-type.selected .check-wrapper { visibility: visible; } .room-types .option-price { margin-top: 4px; display: inline-block; } .room-types:after { clear: both; content: ""; display: block; width: 100%; } .room-configuration .room-option { border-radius: 4px; margin-bottom: 5px; min-height: 30px; line-height: 30px; padding: 5px 10px; position: relative; cursor: pointer; } .room-configuration .room-option.selected svg { display: inline-block; } .room-configuration .room-option .option-price { position: absolute; right: 15px; top: 5px; line-height: 30px; padding-left: 4px; width: 85px; height: 80%; } .room-configuration .room-option .option-name { padding-right: 90px; line-height: 14px; } .room-configuration .room-option .option-description { float: left; margin-top: 2px; margin-bottom: 2px; } .room-configuration .room-option .option-error-message { float: left; clear: both; } .room-configuration .room-option svg { display: none; height: 16px; width: 16px; position: absolute; right: 9px; top: 13px; } .roomAndMealBoxContainer .roomAndMealBox { padding: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); border-radius: 4px 4px 0 0; font-family: "Proxima N W01 Reg", sans-serif; background-color: #1b5fcb; color: #ffffff; } .roomAndMealBoxContainer .roomAndMealBox .error-message { font-family: "Proxima Nova W01 Medium", sans-serif; color: #EB424A; } .roomAndMealBoxContainer .roomAndMealBox h2, .roomAndMealBoxContainer .roomAndMealBox h3, .roomAndMealBoxContainer .roomAndMealBox h4 { margin-bottom: 0; color: #ffffff; } .roomAndMealBoxContainer .roomAndMealBox h3 + h4 { margin-top: 10px; } .roomAndMealBoxContainer .roomAndMealBox h3 { margin-bottom: 20px; } .roomAndMealBoxContainer .roomAndMealBox h4 { margin-top: 15px; margin-bottom: 5px; } .roomAndMealBoxContainer .roomAndMealBox .center-content { line-height: 15px; vertical-align: middle; display: inline-block; } .roomAndMealBoxContainer .roomAndMealBox .room-type .center-content { cursor: pointer; display: block; width: 100%; } .roomAndMealBoxContainer .roomAndMealBox .room-type.disabled { cursor: default; } .roomAndMealBoxContainer .roomAndMealBox .room-type .vertical-align { position: relative; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type { box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); background-color: #ffffff; color: #333333; text-align: center; font-size: 12px; } .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type .price, .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type .currency { /*color: $dark_gray_color;*/ font-family: "Proxima Nova W01 Medium", sans-serif; font-size: 12px; } .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type.selected { font-family: "Proxima Nova W01 Medium", sans-serif; background-color: #054aad; color: #FFCA32; } .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type.selected .brochure-price .price, .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type.selected .brochure-price .currency { font-family: "Proxima Nova W01 Medium", sans-serif; } .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type.selected .price, .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type.selected .currency { font-family: "Proxima N W01 Bold", sans-serif; color: #FFCA32; font-size: 12px; } .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type:not(.selected):hover { background-color: #054aad; font-family: "Proxima Nova W01 Medium", sans-serif; color: #ffffff; } .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type:not(.selected):hover .price, .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type:not(.selected):hover .currency { color: #ffffff; font-size: 12px; } .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type svg { fill: #FFCA32; } .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type.disabled { color: #333333; background: #ffdede; } .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type.disabled .price, .roomAndMealBoxContainer .roomAndMealBox .room-types .room-type.disabled .currency { text-decoration: none; color: #333333; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option { box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); background-color: #ffffff; font-family: "Proxima N W01 Reg", sans-serif; color: #333333; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option .price, .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option .currency { color: #333333; font-family: "Proxima Nova W01 Medium", sans-serif; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option.selected { font-family: "Proxima Nova W01 Medium", sans-serif; background-color: #054aad; color: #FFCA32; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option.selected .price, .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option.selected .currency { color: #FFCA32; font-family: "Proxima N W01 Bold", sans-serif; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option:not(.selected):hover { background-color: #054aad; color: #ffffff; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option:not(.selected):hover .option-name { color: #ffffff; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option:not(.selected):hover .price, .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option:not(.selected):hover .currency { color: #ffffff; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option.disabled { color: #333333; background: #ffdede; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option.disabled .price, .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option.disabled .currency { text-decoration: none; color: #888888; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option .option-description { font-size: 13px; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option .option-error-message { font-family: "Proxima Nova W01 Medium", sans-serif; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option .option-name { /*text-transform: lowercase;*/ } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option .option-name:first-letter { text-transform: uppercase; } .roomAndMealBoxContainer .roomAndMealBox .room-configuration .room-option svg { fill: #FFCA32; } .roomAndMealBoxContainer .roomAndMealBox .button-description { color: grey; font-size: 12px; text-align: center; } .roomAndMealBoxContainer .room-footer { padding: 10px 0px 0px 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); border-radius: 0 0 4px 4px; background-color: #F4F3ED; color: #333333; } .roomAndMealBoxContainer .room-footer .room_footer_wrapper { float: left; width: 60%; } .roomAndMealBoxContainer .room-footer .room_footer_button { float: right; width: 40%; margin-top: 5%; } .roomAndMealBoxContainer .room-footer .room_footer_button .btn { float: right; margin-right: 10px; } .roomAndMealBoxContainer .room-footer .price-summary { margin-left: 10px; } .roomAndMealBoxContainer .room-footer .price-summary h3 { margin-bottom: 4px; font-size: 14px; } .roomAndMealBoxContainer .room-footer .price-summary .total-price .price, .roomAndMealBoxContainer .room-footer .price-summary .total-price .currency { color: #333333; } .roomAndMealBoxContainer .room-footer .price-summary.discounted .price_wrapper { display: table; } .roomAndMealBoxContainer .room-footer .price-summary.discounted .price_wrapper .total-price .price, .roomAndMealBoxContainer .room-footer .price-summary.discounted .price_wrapper .total-price .currency { color: #ff0000; } .roomAndMealBoxContainer .room-footer .price-summary.discounted .price_wrapper .brochure-price .price, .roomAndMealBoxContainer .room-footer .price-summary.discounted .price_wrapper .brochure-price .currency { color: #757575; } .roomAndMealBoxContainer .room-footer .aggregated_price_specification { margin: 0 10px 20px; padding-top: 5px; } .roomAndMealBoxContainer .room-footer .aggregated_price_specification .expandable_header h4 { color: #1B1464; } .roomAndMealBoxContainer .room-footer .center-content { margin: auto 5px; } .roomAndMealBoxContainer .room-footer .divider { margin-bottom: 4px; } #accommodationPanel .room-and-meal-to-price-calendar-panel { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); background-color: #1B1464; border: none; } .my-search-container { font-size: 13px; background-color: #1B1464; margin-left: 0; margin-bottom: 10px; box-sizing: border-box; width: 100%; position: relative; z-index: 101; } .my-search-container h2 { color: #ffffff; font-size: 16px; } .my-search-container dl > dt > span:first-child:after { content: ": "; } .my-search-container .my-search-label, .my-search-container a { line-height: 20px; } .my-search-container > div { padding: 10px 0; } .my-search-container .my-search-body-container { color: #ffffff; line-height: 28px; } .my-search-container .my-search-header-container { margin-left: 10px; margin-right: 20px; display: inline-block; vertical-align: middle; } .my-search-container .my-search-header-container h2 { margin-bottom: 0; } .my-search-container .my-search-header-container .error-message { margin-left: 10px; color: #ffffff; } .my-search-container .my-search-values-container { display: inline-block; font-family: "Proxima N W01 Bold", sans-serif; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 600px; } .my-search-container .my-search-new-search-button-container { text-align: right; display: inline-block; float: right; margin-right: 10px; cursor: pointer; } .my-search-container .my-search-new-search-button-container .btn-new-search { margin: 0 5px 0 0; color: #EFAADC; display: inline-block; vertical-align: middle; } .my-search-container .my-search-new-search-button-container svg { fill: #EFAADC; height: 14px; width: 14px; position: relative; } .my-search-container .my-search-new-search-button-container:hover .btn-new-search, .my-search-container .my-search-new-search-button-container:active .btn-new-search, .my-search-container .my-search-new-search-button-container.active .btn-new-search { color: #e364c1; } .my-search-container .my-search-new-search-button-container:hover svg, .my-search-container .my-search-new-search-button-container:active svg, .my-search-container .my-search-new-search-button-container.active svg { fill: #e364c1; } .my-search-container .my-search-values-mobile-container { color: #ffffff; margin: 5px 10px 5px 10px; display: inline-block; font-family: "Proxima N W01 Bold", sans-serif; vertical-align: middle; } .my-search-container #my-search-container_search-box { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; } .my-search-container #my-search-container_search-box.show_search { max-height: 200px; transition: max-height 0.3s ease-in; } @media (min-width: 768px) and (max-width: 979px) { .my-search-container { margin-left: 0 !important; } .my-search-container .my-search-values-container { max-width: 440px; } } @media (max-width: 767px) { .my-search-container { font-size: 15px; position: static; cursor: pointer; } .my-search-container .hide-body { display: none; } .my-search-container #my-search-container_search-box.show_search { max-height: 500px; } .my-search-container.collapse h2 { background: url('//cdn-prod-green-www.apollorejser.dk/v-ae02b26468a7eb3b62aaa5a3ba80dc9d/content/themes/apollo/content/img/icons/icons/minus2x.png') no-repeat right 0px top 10px; background-size: 15px 4px; } .my-search-container.expand h2 { background: url('//cdn-prod-green-www.apollorejser.dk/v-f54e9ccde80ca4869767244443271cb8/content/themes/apollo/content/img/icons/icons/plus2x.png') no-repeat right 0px top 4px; background-size: 15px 15px; } .hide-mobile { display: none; } .show-mobile { display: block !important; } } .progress-container { box-sizing: border-box; padding: 10px 0px 0px; overflow: hidden; margin-bottom: 10px; margin-top: 3px; } .progress-container a { color: #222222; } .progress-container a:hover { text-decoration: none; } .progress-container .progress { color: #ffffff; list-style-type: none; margin: 0; padding: 0; display: table; table-layout: fixed; width: 100%; } .progress-container .progress > li { font-family: "Proxima Nova W01 Medium", sans-serif; position: relative; display: table-cell; text-align: center; font-size: 1em; } .progress-container .progress > li:before { content: attr(data-step); display: block; margin: 0 auto; width: 1.8em; height: 1.8em; text-align: center; margin-bottom: 0.25em; line-height: 1.9em; border-radius: 100%; position: relative; z-index: 1; } .progress-container .progress > li:after { content: ''; position: absolute; display: block; width: 100%; height: 0.3em; top: 0.8em; left: 50%; margin-left: 1.5em \9; z-index: 0; } .progress-container .progress > li:last-child:after { display: none; } .progress-container .progress > li p { margin-bottom: 0px; } .progress-container .progress > li:before { background: #c6c8ca; } .progress-container .progress > li:after { background: #c6c8ca; border: 2px solid #c6c8ca; } .progress-container .progress > li.is-complete { color: #ffffff; } .progress-container .progress > li.is-complete:before, .progress-container .progress > li.is-complete:after { background: #FFCA32; border: 2px solid #FFCA32; } .progress-container .progress > li.is-active { color: #1B1464; } .progress-container .progress > li.is-active:before { background: #ffffff; border: 2px solid #FFCA32; } .progress-container .progress .li-hover:hover.is-complete { color: #1B1464; cursor: pointer; } .progress-container .progress .li-hover:hover.is-complete:before { background: #ffffff; border: 2px solid #FFCA32; } .progress-container .progress--medium { font-size: 1.5em; } .progress-container .progress--large { font-size: 2em; } @media (max-width: 979px) { .progress-container { font-size: 0.78em; } .progress-container p { font-size: 1.2em; padding-left: 12px; padding-right: 12px; line-height: 1.3em; } } @media (max-width: 767px) { .progress-container { font-size: 0.78em; } .progress-container p { font-size: 1.1em; padding-left: 15px; padding-right: 15px; line-height: 1.2em; } } @media (max-width: 479px) { .progress-container { font-size: 0.80em; margin-top: 0; } .progress-container p { font-size: 0.9em; padding-left: 10px; padding-right: 10px; line-height: 1.0em; } } .booking-confirmation .coloured-background { background-color: #C9E8FB; padding: 7px; } .booking-confirmation .coloured-background p:after { content: ":"; } .booking-confirmation .coloured-background.span2 { margin-top: 10px; width: 100%; } @media (min-width: 768px) { .booking-confirmation .coloured-background.span2 { width: 150px; } } .booking-confirmation .important-info { background: url('//cdn-prod-green-www.apollorejser.dk/v-f1f28228ff550578ad2e4e5cba2cf6f0/content/themes/apollo/content/img/icons/icons/important-info.png') no-repeat; } .booking-confirmation .important-info h2 { margin: 0 0 15px 50px; margin-bottom: 0; } .booking-confirmation .important-info p { margin-left: 50px; } @media (max-width: 767px) { .booking-confirmation .important-info { margin-top: 20px; } } @media (min-width: 768px) { .booking-confirmation .btn-full-width { width: auto; } } .booking-flow-form .passenger-data-wrapper { margin-left: -20px; } .booking-flow-form .passenger-data-wrapper hr { margin-right: 20px; } .booking-flow-form div.button-container { width: 300px; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .booking-flow-form div.button-container .btn { width: 300px; } @media (max-width: 767px) { .booking-flow-form div.button-container { width: auto; margin-left: auto; margin-right: auto; } .booking-flow-form div.button-container .btn { width: 100%; } } .payment-information { background: url('//cdn-prod-green-www.apollorejser.dk/v-a4bac3809c795abaee4618dbef3d36ff/content/themes/apollo/content/img/icons/icons/payment.png') no-repeat; } .payment-information .table-wrapper { padding-bottom: 7px; overflow-x: auto; } .payment-information h2 { margin-left: 50px; margin-bottom: 15px; } .payment-information .info-row { margin-bottom: 4px; } .payment-information .info-row .column-left { min-width: 180px; display: inline-block; margin-right: 25px; white-space: nowrap; } .payment-information .info-row .column-left span:first-child { margin-right: 5px; } .payment-information .info-row .column-left span[price] { float: right; } .payment-information .info-row .due-date { white-space: nowrap; } .payment-information .info-row .due-date span:first-child { font-family: "Proxima N W01 Bold", sans-serif; } .payment-information .info-row.total-payment { margin-bottom: 0px; } .payment-information .info-row.total-payment .column-left span:first-child { font-family: "Proxima N W01 Bold", sans-serif; } #accommodationPanel { margin-bottom: 20px; } #accommodationPanel .room-and-meal-to-price-calendar-panel { margin-bottom: 10px; } .price-calendar { border: 1px solid #1B1464; } .price-calendar .product-search-box { margin-left: 0; } .price-calendar .product-search-box .product-search-box-row .dialogue-widget-wrapper.last-dialogue-widget-wrapper { margin-bottom: 0px; } .price-calendar .date-picker { width: auto; padding: 0 10px; position: relative; margin: -7px 0 7px 0; } .price-calendar .date-picker .calendar-heading { margin: 10px 0; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar { padding: 0; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .title { font-size: 14px; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .header-row :first-child .nav-bar-cell:first-child button { background-position: center; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .header-row :first-child .nav-bar-cell:last-child button { background-position: center; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper button { padding: 0; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body { margin-top: 5px; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell button.btn[disabled].btn-sold-out, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell button.btn[disabled].btn-sold-out:hover { background-color: #eeeeee; color: #333333; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell .price, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell .currency, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn .price, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn .currency { font-size: 0.75em; color: #222222; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell.daypicker-day-hidden, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn.daypicker-day-hidden { visibility: hidden; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell button.btn, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn button.btn { background-color: #acddf0; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell button.btn:hover, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn button.btn:hover { background-color: #4db8e6; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell button[disabled], .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn button[disabled] { background-color: transparent; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell button[disabled].btn-sold-out, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn button[disabled].btn-sold-out { font-size: 1.1em; color: #222222; } .price-calendar .date-picker .loader { position: absolute; width: 100%; top: 50%; } .price-calendar .date-picker .no-available-flights-overlay { position: absolute; top: 20px; right: 0; left: 0; height: 92%; background: #ffffff; background: rgba(255, 255, 255, 0.7); text-align: center; } .price-calendar .date-picker .no-available-flights-overlay .no-available-flights-content { position: absolute; top: 47%; left: 0; right: 0; padding-left: 10px; padding-right: 10px; transform: translateY(-50%); display: inline-block; font-size: 14px; font-family: "Proxima Nova W01 Medium", sans-serif; } .price-calendar .date-picker .no-available-flights-overlay .no-available-flights-content > div { display: inline-block; } .price-calendar .date-picker .no-available-flights-overlay .no-available-flights-content .left-navigation { float: left; padding-left: 22px; margin-right: 5px; background-image: url('//cdn-prod-green-www.apollorejser.dk/v-d9d0d44937fb603993c6d05d3b351c37/content/themes/apollo/content/img/icons/icons/modaldatepicker_blue_arrow_left.png'); background-position: 0 100%; } .price-calendar .date-picker .no-available-flights-overlay .no-available-flights-content .right-navigation { float: right; padding-right: 22px; margin-left: 5px; background-image: url('//cdn-prod-green-www.apollorejser.dk/v-e3c3952b1bde0c49ef8dd6ba8ca563e4/content/themes/apollo/content/img/icons/icons/modaldatepicker_blue_arrow_right.png'); background-position: 100% 100%; } .price-calendar .date-picker .no-available-flights-overlay .no-available-flights-content .left-navigation, .price-calendar .date-picker .no-available-flights-overlay .no-available-flights-content .right-navigation { padding-top: 10px; -ms-background-size: 17px 18px; background-size: 17px 18px; background-repeat: no-repeat; cursor: pointer; color: #015790; } .price-calendar .date-picker .no-available-flights-overlay .no-available-flights-content .left-navigation.disabled, .price-calendar .date-picker .no-available-flights-overlay .no-available-flights-content .right-navigation.disabled { color: #a1a1a1; cursor: default; } .price-calendar .date-picker .no-available-flights-overlay .no-available-flights-content .left-navigation.disabled { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-49c2e4e24d5f34a7a33fc0749f03af61/content/themes/apollo/content/img/icons/icons/datepicker_disabled_arrow_left.png'); } .price-calendar .date-picker .no-available-flights-overlay .no-available-flights-content .right-navigation.disabled { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-95ab344e4c12492d2fcd1f3dbe3f225c/content/themes/apollo/content/img/icons/icons/datepicker_disabled_arrow_right.png'); } .price-calendar .footer { padding: 15px 10px; border-radius: 0px 0px 5px 5px !important; background-color: #edf7fc; } .price-calendar .footer .price-panel { float: left; } .price-calendar .footer .btn { margin-top: 15px; } .price-calendar .flight_package_container:last-child { border-radius: 0; } .price-calendar .flight_package_container div.flight_type_container .dashed_wrapper { border-left: none !important; } .price-calendar .flight_package_container div.flight_type_container .date_heading { margin-top: 7px; } .price-calendar .flight_package_container div.flight_type_container:nth-child(3) .dashed_wrapper { border-top: 1px dashed #FBD184; } @media (min-width: 768px) and (max-width: 979px) { .price-calendar .date-picker { padding: 0 5px; } .price-calendar .date-picker .no-available-flights-overlay .no-available-flights-content { padding-left: 5px; padding-right: 5px; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell { height: 36px; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn { line-height: 14px; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn .price, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn .currency { font-size: 0.56em; } } @media (max-width: 479px) { .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell.day, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn { height: 36px; line-height: 14px; } .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell.day .price, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row .day-cell.day .currency, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn .price, .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .day-picker-body .day-picker-body-row button.btn .currency { font-size: 0.56em; } } #accommodationPanel.product-search-box .price-calendar .product-search-box .form { background-color: #1B1464; } #accommodationPanel .price-calendar { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); border: none; border-radius: 4px; } #accommodationPanel .price-calendar .product-search-box .form { background-color: #1b5fcb; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); } #accommodationPanel .price-calendar .flight-details .flight-detail-panel .flight_details_inner_panel li { line-height: 20px; } #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn[disabled].btn-sold-out, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn[disabled].btn-sold-out:hover { background-color: #c6c8ca; color: #333333; } #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn[disabled].btn-sold-out .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn[disabled].btn-sold-out .currency, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn[disabled].btn-sold-out:hover .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn[disabled].btn-sold-out:hover .currency { color: #333333; } #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell .currency, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn .currency { color: #333333; } #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn { background-color: #1b5fcb; color: #ffffff; } #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn .currency, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn .currency { color: #ffffff; } #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn:hover, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn:hover { color: #1B1464; background-color: #ffe894; } #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn:hover .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn:hover .currency, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn:hover .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn:hover .currency { color: #1B1464; } #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn.btn-info, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn.btn-start, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn.btn-info, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn.btn-start { color: #1B1464; background-color: #FFCA32; } #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn.btn-info .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn.btn-info .currency, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn.btn-start .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn.btn-start .currency, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn.btn-info .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn.btn-info .currency, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn.btn-start .price, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button.btn.btn-start .currency { color: #1B1464; } #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button[disabled], #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button[disabled] { background-color: transparent; color: #B6B6B6; } #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button[disabled]:hover, #accommodationPanel .price-calendar .date-picker .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row button.btn button[disabled]:hover { background-color: transparent; color: #B6B6B6; } #accommodationPanel .price-calendar .footer { background-color: #F4F3ED; } #accommodationPanel .price-calendar .footer .price-summary h3 { font-size: 16px; margin-bottom: 7px; } #accommodationPanel .price-calendar .footer .btn.btn-primary { margin-top: 15px; } #accommodationPanel .price-calendar .footer .price-summary { margin-left: 10px; } #accommodationPanel .price-calendar .footer .price-summary.discounted .total-price .price, #accommodationPanel .price-calendar .footer .price-summary.discounted .total-price .currency { color: #ff0000; } #accommodationPanel .price-calendar .footer .price-summary .total-price .price, #accommodationPanel .price-calendar .footer .price-summary .total-price .currency { color: #333333; } #accommodationPanel .price-calendar .footer .price-summary .brochure-price .price, #accommodationPanel .price-calendar .footer .price-summary .brochure-price .currency { color: #757575; } .travel_area_trail { min-height: 20px; clear: both; } .travel_area_trail li { float: left; margin-right: 3px; } .travel_area_trail_prefix { float: left; } .travel_area_trail_multi li:after { content: ","; } .travel_area_trail_multi li:last-child:after { content: ""; } .list_item .travel_area_trail, .top_hotels .travel_area_trail { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; font-size: 12px; color: #333333; } .list_item .travel_area_trail li a, .top_hotels .travel_area_trail li a { color: #333333; } .sibling { float: left; position: relative; z-index: 1; } .sibling img { width: 140px; height: 70px; } .sibling .more_info { position: absolute; bottom: 20px; display: none; width: 220px; } .bookingbox_container iframe { overflow: hidden; width: 100%; } .responsive .bookingbox_container iframe { height: 380px; } @media (orientation: portrait) and (device-width: 320px) { .responsive .bookingbox_container iframe { width: 320px; } } @media (orientation: portrait) and (device-width: 768px) { .responsive .bookingbox_container iframe { width: 352px; } } @media (max-width: 370px) { .responsive .bookingbox_container iframe { height: 420px; } } .facility_group { clear: both; margin: 10px 0; } .facility_group p { display: inline-block; margin-bottom: 0; padding-bottom: 0; margin-top: 0; } /*$kola_color: #f9b232;*/ /*limestone_lighter*/ /*??*/ /*limestone*/ /*React apps*/ #header { background: #EFEEE9; transition: 250ms; transition-timing-function: ease; } #header.menu_expanded { z-index: 9999; width: 100%; position: fixed; } @media (max-width: 979px) { #header.menu_expanded .header-top-menu-item { display: none; } #header.menu_expanded .header-top-menu-item-trigger { display: block; box-shadow: none; } } @media (max-width: 979px) { #header.menu_expanded #header-content { padding: 0 10px; } } #header #header-top { width: 100%; box-shadow: 0 1px 0 0 #d3d0c5; display: flex; justify-content: space-between; align-items: stretch; } @media (max-width: 979px) { #header #header-top { box-shadow: none; height: 78px; align-items: center; } } #header #header-top-menu { display: flex; } @media (max-width: 979px) { #header #header-top-menu { align-items: center; } } #header #header-editable-content-desktop { display: flex; } @media (max-width: 979px) { #header #header-editable-content-desktop { display: none; } } #header #header-editable-content-mobile { display: none; width: 100%; } @media (max-width: 979px) { #header #header-editable-content-mobile { display: flex; } } @media (min-width: 768px) and (max-width: 979px) { #header #header-editable-content-mobile { width: 744px; margin: 0 auto; } } #header #header-main { display: flex; align-items: center; justify-content: space-between; width: 100%; } #header .header-top-menu-item { text-decoration: none; display: flex; align-items: center; display: flex; align-items: center; margin-left: 18px; height: 100%; cursor: pointer; } #header .header-top-menu-item .my-hotels-container, #header .header-top-menu-item .my-hotels { display: flex; align-self: stretch; } #header .header-top-menu-item-icon { stroke: blue; height: 24px; width: 24px; margin-right: 9px; } #header .header-top-menu-item-trigger { padding: 10px 20px; box-shadow: -2px 0 0px -1px #d3d0c5; } #header .header-top-menu-item-text { font-family: "Filson W01 Bold", sans-serif; font-size: 14px; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; color: #1B1464; } @media (max-width: 979px) { #header .header-top-menu-item-text { display: none; } } @media (min-width: 980px) { #header .header-top-menu-item.header-top-menu-mobile { display: none; } #header .header-top-menu-item:hover, #header .header-top-menu-item.active, #header .header-top-menu-item .toggle-my-hotels-btn:hover { box-shadow: 0 -5px 0 -1px #1B1464 inset; } } #header #header-content { flex-flow: column; height: auto; position: relative; margin: 0 auto; width: 960px; } #header #header-content .logotype { height: 60px; display: table-cell; vertical-align: middle; display: flex; align-items: center; } #header #header-content .logotype > a { line-height: 0; } #header #header-content .logotype > a > img { height: 40px; width: 160px; transition: 200ms; transition-timing-function: ease; } #header #header-content .menu_opener { cursor: pointer; } #header #header-content .search_opener { height: 24px; width: 24px; cursor: pointer; } #header #header-content .search_opener svg { fill: #1B1464; width: 100%; height: 100%; } @media (max-width: 979px) { #header #header-content .search-form-wrapper { background: #EFEEE9; padding-bottom: 10px; width: 100%; } } @media (min-width: 980px) { #header #header-content .search-form-wrapper { background-color: transparent; } } #header .headershortcutmenu { position: absolute; right: 10px; top: 10px; } #header .headershortcutmenu ul { float: left; } #header .headershortcutmenu li { float: left; margin-left: 40px; } #header .headershortcutmenu li a { font-size: 13px; color: #ffffff; } .header-top-menu-item svg { width: 24px; height: 24px; stroke: #1B1464; } @media (max-width: 979px) { #header { height: auto; margin-bottom: -2px; } } @media (min-width: 980px) { #header #header-content { padding-top: 10px; display: table; display: flex; align-items: center; justify-content: space-between; } } @media (min-width: 768px) and (max-width: 979px) { #header #header-content { width: 744px; } } @media (max-width: 767px) { #header #header-content { width: auto; padding-left: 10px; } #header #header-content .headershortcutmenu { display: none; } } @media (max-width: 979px) { #header #header-content .logotype img { width: 126px; height: 32px; } #header #header-content .menu_opener { display: inline-block; } #header #header-content .menu_opener .hamburger_menu_top_bar, #header #header-content .menu_opener .hamburger_menu_center_bar, #header #header-content .menu_opener .hamburger_menu_bottom_bar { background-color: #1B1464; width: 30px; height: 3px; margin: 6px 0; transition: 0.3s; } #header #header-content .hamburger_menu_close .hamburger_menu_top_bar { transform: rotate(45deg) translate(7px, 7px); } #header #header-content .hamburger_menu_close .hamburger_menu_center_bar { opacity: 0; } #header #header-content .hamburger_menu_close .hamburger_menu_bottom_bar { transform: rotate(-45deg) translate(6px, -6px); } } .multiple_top_products { margin-bottom: 20px; } .multiple_top_products .close > a { padding: 8px 10px; width: 330px; display: inline-block; } .multiple_top_products .open > a { padding: 8px 10px; width: 330px; display: inline-block; } .multiple_top_products .section_heading { margin: 0px; line-height: 22px; } .multiple_top_products .section_heading > a { padding-top: 7px; padding-bottom: 7px; } .multiple_top_products .top_product_header { margin: 0 6px 0 0; padding: 0; display: inline-block; } .multiple_top_products .l-product_item { padding: 10px; } .multiple_top_products .top_holiday_text { display: inline-block; } .multiple_top_products .product_item { margin-left: 0px; } .multiple_top_products .product_item .image { float: left; padding-right: 10px; } .multiple_top_products .product_item .image img { width: 100px; height: 50px; } .multiple_top_products .product_item h3 { float: left; } .multiple_top_products .product_item .classification { float: left; position: relative; top: 3px; margin-bottom: 8px; } .multiple_top_products .product_item:last-child .separator { border-radius: 0 5px 0 0; } .multiple_top_products .product_item .separator { height: 10px; } .multiple_top_products .top_product_information { position: relative; float: right; padding-right: 10px; width: 240px; } .multiple_top_products .top_product_information .price_disclaimer { clear: both; } .multiple_top_products .top_product_information .additional_price_disclaimer { clear: both; } .multiple_top_products .top_product_information .from_price { clear: both; } .multiple_top_products .hotel_list_link { float: right; padding-right: 25px; } .multiple_top_products .custom_iframe { width: 380px; } .price { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; } .price a { text-decoration: none; } /* Used by ckeditor */ .price-offer { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; color: #ff0000; } .discounted .price, .discounted .currency { color: #ff0000; } .discounted .price a, .discounted .currency a { color: #ff0000; } .currency { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; font-size: 12px; } .price-from { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; color: #333333; } .price-from a { text-decoration: none; } .currency-from { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; color: #333333; font-size: 12px; } .from_price { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; } .brochure-price .price, .brochure-price .currency { font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; font-size: 14px; color: #888888; text-decoration: line-through; } .price-table-fullsize { box-sizing: border-box; overflow-x: auto; margin-bottom: 15px; min-width: 50%; font-size: 12px; } .price-table-fullsize th { min-width: 85px; } .price-table-fullsize th, .price-table-fullsize td { padding: 5px; padding-right: 15px; text-align: right; box-sizing: border-box; } .price-table-fullsize tr:first-child { background-color: #dbeff9; } .price-table-fullsize td:first-child { text-align: left; } .price-table-fullsize .table-footer { font-family: "Proxima Nova W01 Medium", sans-serif; background-color: #dbeff9; } .price-table-fullsize .table-cell { margin: 2px; padding: 4px; text-align: center; width: 140px; float: left; white-space: nowrap; } .price-table-fullsize .row:nth-last-child(1), .price-table-fullsize .row:nth-last-child(2), .price-table-fullsize .row:first-child { font-family: "Proxima Nova W01 Medium", sans-serif; } .price-table-fullsize .row .table-cell:first-child { margin-left: 20px; } .price-table-fullsize .span2 { margin-left: 2px; } .price-table { width: 100%; border-collapse: collapse; } .price-table tbody td:nth-child(odd) { background-color: #f4fafd; } .price-table tbody td:nth-child(even) { background-color: white; } .price-table tbody tr { border-width: 1px 0; border-style: solid; border-color: #acddf0; } .price-table tbody td { box-sizing: border-box; float: left; text-align: left; width: 50%; } .price-table tbody td:first-child { background-color: #dbeff9 !important; width: 100%; text-align: center; } .price-table tbody .cell-heading { font-family: "Proxima N W01 Bold", sans-serif; margin-right: 10px; white-space: nowrap; float: left; } @media (min-width: 768px) { .price-table-container { width: 100%; overflow: auto; } } @media (min-width: 768px) { .price-table { display: none; } } @media (max-width: 767px) { .price-table-fullsize { display: none; } .price-table tbody td:nth-child(odd) { background-color: white; } .price-table tbody td:nth-child(4n-1), .price-table tbody td:nth-child(4n-2) { background-color: #f4fafd; } .price-table tbody td:last-child:nth-child(4n), .price-table tbody td:last-child:nth-child(4n+2) { width: 100%; } } @media (max-width: 479px) { .price-table tbody td { width: 100%; } .price-table tbody td:nth-child(odd) { background-color: white; } .price-table tbody td:nth-child(even) { background-color: #f4fafd; } } .equal-heights-for-same-size-floated-direct-child-elements-list { display: flex; flex-wrap: wrap; } .equal-heights-for-same-size-floated-direct-child-elements-list-item { display: flex; align-items: center; } table { border-spacing: 0; } table tr:nth-child(odd) td { background-color: #f4fafd; } table th { text-align: left; padding-left: 15px; margin-bottom: 10px; font-size: 13px; line-height: 18px; border-width: 1px 0 1px 0; border-style: solid; border-color: #acddf0; font-weight: inherit; } @media (max-width: 767px) { table th { font-size: 15px; } } table td { border-width: 0 0 1px 0; border-style: solid; border-color: #acddf0; padding: 5px 5px 5px 15px; } .table.table_apollo { margin-top: 10px; border-collapse: collapse; width: 100%; } .table.table_apollo p { margin-bottom: 0; } .table.table_apollo thead { display: none; } @media (min-width: 768px) { .table.table_apollo thead { display: table-header-group; } } .table.table_apollo thead tr { border: 0; } .table.table_apollo thead tr th { background-color: #dbeff9; color: #222222; border: 0; padding: 5px 10px 5px 10px; font-family: "Filson W01 Bold", sans-serif; font-size: 13px; font-weight: inherit; } .table.table_apollo tbody tr { font-size: 13px; } .table.table_apollo tbody tr th { background-color: #4db8e6; color: #ffffff; padding: 5px 10px; border: none; } .table.table_apollo tbody tr th p { color: #ffffff; font-size: 13px; } @media (min-width: 768px) { .table.table_apollo tbody tr:nth-child(odd) td { background-color: #ffffff; } .table.table_apollo tbody tr:nth-child(odd) td:first-child { background-color: #ffffff; } } .table.table_apollo tbody tr td { display: block; border: 0; padding: 5px 10px 5px 10px; background-color: #edf7fc; } .table.table_apollo tbody tr td p { display: inline-block; } .table.table_apollo tbody tr td[data-content]:before { content: attr(data-content); padding-right: 10px; } @media (min-width: 768px) { .table.table_apollo tbody tr td[data-content]:before { padding-right: 0; content: ''; } } .table.table_apollo tbody tr td:first-child { background-color: #dbeff9; } @media (min-width: 768px) { .table.table_apollo tbody tr td:first-child { background-color: #edf7fc; } } .table.table_apollo tbody tr td:last-child { padding: 5px 10px 10px 10px; margin-bottom: 10px; } @media (min-width: 768px) { .table.table_apollo tbody tr td:last-child { margin-bottom: 0; } } .table.table_apollo tbody tr td a { margin: 0; } .table.table_apollo tbody tr td a.btn { width: 100%; box-sizing: border-box; } @media (min-width: 768px) { .table.table_apollo tbody tr td { display: table-cell; } } .hotel_count_component .prefix, .result-count .prefix { margin-right: 5px; } .price-summary, .price-summary-hotel-list-item { min-width: 120px; min-height: 62px; } .price-summary h3, .price-summary-hotel-list-item h3 { font-size: 14px; margin-bottom: 0px; } .price-summary .total-price, .price-summary-hotel-list-item .total-price { line-height: 20px; margin-bottom: -3px; } .price-summary .total-price .price, .price-summary-hotel-list-item .total-price .price { font-size: 27px; } .price-summary .total-price .currency, .price-summary-hotel-list-item .total-price .currency { font-size: 18px; } .price-summary .brochure-price .price, .price-summary .brochure-price .currency, .price-summary-hotel-list-item .brochure-price .price, .price-summary-hotel-list-item .brochure-price .currency { font-size: 14px; } .price-summary.discounted .brochure-price, .price-summary-hotel-list-item.discounted .brochure-price { display: inline; } .price-summary .price-loader, .price-summary-hotel-list-item .price-loader { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-5ba9209486dfac79691a1b2ebf5f22e8/content/img/loader.gif'); background-repeat: no-repeat; background-size: 15px; background-position: right; min-width: 15px; min-height: 15px; display: inline-block; } .price-summary .padding-right, .price-summary-hotel-list-item .padding-right { padding-right: 20px; } .price-summary, .price-summary-flight-list-item { min-width: 120px; min-height: 62px; } .price-summary h3, .price-summary-flight-list-item h3 { font-size: 14px; margin-bottom: 0px; } .price-summary .total-price, .price-summary-flight-list-item .total-price { line-height: 20px; margin-bottom: -3px; } .price-summary .total-price .price, .price-summary-flight-list-item .total-price .price { font-size: 27px; } .price-summary .total-price .currency, .price-summary-flight-list-item .total-price .currency { font-size: 18px; } .price-summary .brochure-price .price, .price-summary .brochure-price .currency, .price-summary-flight-list-item .brochure-price .price, .price-summary-flight-list-item .brochure-price .currency { font-size: 14px; } .price-summary.discounted .brochure-price, .price-summary-flight-list-item.discounted .brochure-price { display: inline; } .price-summary .price-loader, .price-summary-flight-list-item .price-loader { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-5ba9209486dfac79691a1b2ebf5f22e8/content/img/loader.gif'); background-repeat: no-repeat; background-size: 15px; background-position: right; min-width: 15px; min-height: 15px; display: inline-block; } .price-summary .padding-right, .price-summary-flight-list-item .padding-right { padding-right: 20px; } .flight-details { width: 94%; margin-left: auto; margin-right: auto; } .flight-details p:last-child { margin-bottom: 0; } .flight-details .flight-detail-panel { float: left; width: 50%; margin-bottom: 20px; } .flight-details .flight-detail-panel h3 { font-size: 17px; padding: 5px 10px; position: relative; } .flight-details .flight-detail-panel h3 svg { width: 16px; height: 16px; position: absolute; top: 8px; margin-left: 10px; } .flight-details .flight-detail-panel .flight_details_inner_panel { box-sizing: border-box; padding: 10px 20px; position: relative; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); } .flight-details .flight-detail-panel .flight_details_inner_panel li { list-style-type: none; padding: 1px 0; } .flight-details .flight-detail-panel .flight_details_inner_panel li label { display: inline-block; padding-left: 2px; width: 40%; } .flight-details .flight-detail-panel .flight_details_inner_panel li span { display: inline-block; font-family: "Proxima Nova W01 Medium", sans-serif; } .flight-details .flight-detail-panel .flight_details_inner_panel li span::first-letter { text-transform: uppercase; } .flight-details .flight-detail-panel .flight_details_inner_panel .column { float: left; min-width: 100%; } .flight-details .flight-detail-panel.two-legs { width: 100%; } .flight-details .flight-detail-panel.two-legs:first-child { margin-right: 0; } .flight-details .flight-detail-panel.two-legs .column { min-width: 48%; } .flight_details_wrapper svg { fill: #1B1464; } .flight_details_wrapper .flight_details_inner_panel { background: #ffffff; } .flight_details_wrapper.selected svg { fill: #ffffff; } .flight_details_wrapper.selected .flight_details_inner_panel { background: #054aad; } .price-calendar .flight_package_wrapper .flight_details_wrapper.show { max-height: 1600px; } @media (min-width: 768px) { .flight-details .flight-detail-panel:not(.two-legs):first-child .flight_details_inner_panel { margin-right: 10px; } .flight-details .flight-detail-panel:not(.two-legs):last-child .flight_details_inner_panel { margin-left: 10px; } } @media (min-width: 769px) and (max-width: 979px) { .flight-details { width: 600px; } .flight-details .flight-detail-panel.two-legs { width: 100%; } .flight-details .flight-detail-panel.two-legs .column { width: 48%; } } @media (max-width: 767px) { .flight_details_modal { background: #1b5fcb; color: #ffffff; padding: 20px 0px; height: 100%; box-sizing: border-box; overflow-y: scroll; } .flight_details_modal h2, .flight_details_modal h3 { color: #ffffff; } .flight_details_modal svg { fill: #ffffff; } .flight_details_modal .flight_details_inner_panel { background: #054aad; } .flight-details { width: auto; } .flight-details h2 { padding-left: 10px; font-size: 24px !important; } .flight-details .flight-detail-panel { width: 100%; padding: 10px 12px; margin-bottom: 0px; box-sizing: border-box; } .flight-details .flight-detail-panel .flight_details_inner_panel { padding: 12px; } .flight-details .flight-detail-panel h3 { font-size: 18px; padding-left: 0; } .flight-details .flight-detail-panel li { line-height: 28px; } .flight-details .flight-detail-panel li span { float: right; } .flight-details .flight-detail-panel .column { width: 100%; } .flight-details .flight-detail-panel.two-legs .column:first-of-type { margin-bottom: 20px; } .flight-details .flight-detail-panel:not(.two-legs) .flight_details_inner_panel { margin-left: 0; margin-right: 0; } } .price-calendar .flight-details { width: auto; } .price-calendar .flight-details h2 { padding-left: 10px; font-size: 24px !important; } .price-calendar .flight-details .flight-detail-panel { width: 100%; padding: 10px 12px; margin-bottom: 0px; box-sizing: border-box; } .price-calendar .flight-details .flight-detail-panel .flight_details_inner_panel { padding: 12px; } .price-calendar .flight-details .flight-detail-panel h3 { font-size: 18px; padding-left: 0; } .price-calendar .flight-details .flight-detail-panel li { line-height: 28px; } .price-calendar .flight-details .flight-detail-panel li span { float: right; } .price-calendar .flight-details .flight-detail-panel .column { width: 100%; } .price-calendar .flight-details .flight-detail-panel.two-legs .column:first-of-type { margin-bottom: 20px; } .price-calendar .flight-details .flight-detail-panel:not(.two-legs) .flight_details_inner_panel { margin-left: 0; margin-right: 0; } @media (max-width: 328px) { .flight_details_modal { padding-left: 0px; padding-right: 0px; } } .popover-container { position: relative; } @keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .popover-container .popover { padding: 15px; position: absolute; width: 200px; z-index: 2000; text-align: left; border: 1px solid #080808; border-radius: 3px; box-shadow: 0 0 2px #222222; background-color: #333333; color: #ffffff; font-family: "Proxima N W01 Reg", sans-serif; -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; } .popover-container .popover p { margin-bottom: 0; font-size: 12px; color: #ffffff; } .popover-container .popover h3 { margin: 0 0 4px 0; font-size: 14px; line-height: 20px; font-family: "Filson W01 Bold", sans-serif; } .popover-container .triangle { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; z-index: 9999; -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; } .popover-container .trianglein { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; } .popover-container .triangle-downwards-pointing { border-top: 13px solid #080808; } .popover-container .trianglein-downwards-pointing { border-top: 13px solid #333333; } .popover-container .triangle-upwards-pointing { border-bottom: 13px solid #080808; } .popover-container .trianglein-upwards-pointing { border-bottom: 13px solid #333333; } .flight_package_wrapper { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); } .flight_package_wrapper div:last-child > div.flight_package.multipleFlights { border-bottom: none; } .flight_package_wrapper .h3 { color: #333333; } .flight_package_wrapper .h3.selected { color: #ffffff; } .flight_package_wrapper .flight_package_container { color: #1B1464; } .flight_package_wrapper .flight_package_container .flight_package_title { font-size: 14px; font-family: "Proxima Nova W01 Medium", sans-serif; color: #1B1464; } .flight_package_wrapper .flight_package_container .flight_type_container .flight_type_data.direction_icon svg { fill: #1B1464; } .flight_package_wrapper .flight_package_container .flight_type_container.inbound { border-top: 1px solid #1B1464; } .flight_package_wrapper .hybrid-flight-disclaimer { border-radius: 0.2rem; background-color: #eaf3fa; padding: 0.8rem; border: solid 1px #739bd8; color: #054aad; margin-top: 10px; margin-bottom: 10px; } .flight_package_wrapper .hybrid-flight-disclaimer .heading { font-size: 14px; line-height: 1.36; color: #054aad; } .flight_package_wrapper .hybrid-flight-disclaimer p { @h5-text; } .flight_package_wrapper .show-more-box { margin: 10px 0px 10px 0; padding: 8px; border: solid 1px #B6B6B6; border-radius: 0.4rem; background-color: #ffffff; text-align: center; cursor: pointer; font-size: 14px; line-height: 1.36; color: #054aad; background: none; } .flight_package_wrapper .show-more-box.bold, .flight_package_wrapper .show-more-box svg { height: 15px; width: 16px; display: inline-block; top: -1px; margin-right: 10px; margin-left: 6px; position: relative; fill: #054aad; } .flight_package_wrapper .show-more-box:hover { filter: brightness(120%); } .flight_package_container { width: 100%; border-bottom: 1px solid #c6c8ca; } .flight_package_container:last-child { border-bottom: none; } .flight_package_container .flight_package { overflow: auto; display: flex; flex-wrap: wrap; width: 100%; padding: 8px 0; } .flight_package_container .flight_package.multipleFlights.selected { border-bottom: none; } .flight_package_container .flight_package.selected { background: #054aad; color: #ffffff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); } .flight_package_container .flight_package.selected .flight_package_title { color: #FFCA32; } .flight_package_container .flight_package.selected .flight_package_title input ~ svg { fill: #FFCA32; } .flight_package_container .flight_package.selected .flight_type_container { font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; } .flight_package_container .flight_package.selected .flight_type_container.inbound { border-top: 1px solid #1B1464; } .flight_package_container .flight_package.selected .flight_type_container.outbound { border-bottom: 1px solid #ffffff; } .flight_package_container .flight_package.selected .flight_type_container .direction_icon svg { fill: #ffffff; } .flight_package_container .flight_package.selected .flight_package_information .flight_package_information_left p { color: #ffffff; } .flight_package_container .flight_package.selected .flight_package_information .flight_package_information_left p.flight_package_price { color: #FFCA32; } .flight_package_container .flight_package.selected .flight_package_information .flight_package_information_right svg { fill: #ffffff; } .flight_package_container.expanded .flight_package.selected { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); } .flight_package_container .flight_type_container { position: relative; box-sizing: border-box; height: auto; border-bottom: none; overflow: hidden; padding: 7px 0; font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; } .flight_package_container .flight_type_container .flight_type_data { text-align: center; } .flight_package_container .flight_type_container .flight_type_data.direction { text-align: left; } .flight_package_container .flight_type_container .flight_type_data.direction_icon { line-height: 0; } .flight_package_container .flight_type_container .flight_type_data.direction_icon svg { width: 16px; height: 16px; margin-top: 2px; } .flight_package_container .flight_type_container.inbound .direction_icon { transform: scale(-1, 1); } .flight_package_container .flight_package_information { display: block; } .flight_package_container .flight_package_information p { margin-bottom: 0; } .flight_package_container .flight_package_information .flight_package_information_left p { color: #1B1464; } .flight_package_container .flight_package_information .flight_package_information_right svg { fill: #1B1464; } .flight_package_container .flight_package_title { box-sizing: border-box; height: auto; padding: 15px; cursor: pointer; width: 25%; display: flex; vertical-align: middle; align-items: center; order: 1; } .flight_package_container .flight_package_title input[type='radio'] { margin-right: 7px; } .flight_package_container .flight_package_title label + label { cursor: pointer; } .flight_package_container .flight_package_title .radio_button_container { vertical-align: baseline; } .flight_package_container .flight_package_title .radio_button_container input { display: none; } .flight_package_container .flight_package_title .radio_button_container input ~ svg { height: 17px; width: 17px; display: inline-block; top: -1px; margin-right: 10px; position: relative; } .flight_package_container .flight_package_hybrid-flight-baggage-tag { margin: 0 0 0 15px; padding: 0 4px; border-radius: 0.2rem; background-color: #F4F3ED; display: flex; order: 5; line-height: 10px; text-align: center; } .flight_package_container .flight_package_hybrid-flight-baggage-tag.selected { background-color: #FFCA32; } .flight_package_container .flight_package_hybrid-flight-baggage-tag .hybrid-flight-baggage-ingr { font-size: 1rem; line-height: 1.7; text-align: left; color: #222222; text-transform: uppercase; } .flight_package_container .flight_type_wrapper { width: 50%; cursor: pointer; display: flex; flex-direction: column; order: 3; vertical-align: middle; } .flight_package_container .flight_package_information { box-sizing: border-box; width: 25%; display: flex; order: 4; align-items: center; vertical-align: middle; } .flight_package_container .flight_package_information .flight_package_information_left { float: left; text-align: center; width: 80%; } .flight_package_container .flight_package_information .flight_package_information_left p { text-align: right; } .flight_package_container .flight_package_information .flight_package_information_right { width: 20%; text-align: center; float: right; } .flight_package_container .flight_package_information .flight_package_information_right svg { height: 20px; width: 20px; } .flight_details_wrapper { background: #ffffff; color: #1B1464; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; } .flight_details_wrapper.show { max-height: 700px; transition: max-height 0.3s ease-in; } .flight_details_wrapper.selected { background: #1b5fcb; color: #ffffff; } .flight_details_wrapper.selected h3 { color: #ffffff; } .flight_details_wrapper .flight-details { padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px) { .flight_package_container .flight_type_container .flight_type_data { display: inline-block; float: left; width: 18%; } .flight_package_container .flight_type_container .flight_type_data.direction_icon { margin-left: 1%; margin-right: 4%; width: 5%; } } @media (min-width: 1024px) { .flight_package_container .flight_package { position: relative; transition: box-shadow 0.01s; transition-delay: 0.3s; } .flight_package_container.expanded .flight_package { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); position: relative; transition-delay: 0s; } } @media (max-width: 767px) { .flight_package_container .flight_package { display: flex; flex-wrap: wrap; } .flight_package_container .flight_package .flight_package_title { order: 1; width: 60%; display: flex; align-items: center; padding: 10px; } .flight_package_container .flight_package .flight_type_wrapper { order: 3; width: 90%; margin: 0 5%; margin-bottom: 8px; display: block; vertical-align: baseline; } .flight_package_container .flight_package .flight_type_wrapper .flight_type_data { display: inline-block; width: 21%; text-align: center; } .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction { display: none; } .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction_icon { width: 10%; } .flight_package_container .flight_package .flight_package_information { order: 2; width: 40%; display: flex; align-items: center; justify-content: flex-end; } .flight_package_container .flight_package .flight_package_information .flight_package_information_left { padding-right: 10px; } .flight_package_container .flight_package .flight_package_information .flight_package_information_left p { font-size: 13px; } .flight_package_container .flight_package .flight_package_information .flight_package_information_right { margin-top: 3px; margin-right: 5px; } .flight_package_container .flight_package .flight_package_hybrid-flight-baggage-tag { margin: 0 0 0 10px; } .flight_package_wrapper .hide-mobile { display: none !important; } } .price-calendar .flight_package_container .flight_package { display: flex; flex-wrap: wrap; } .price-calendar .flight_package_container .flight_package .flight_package_title { order: 1; width: 60%; display: flex; align-items: center; padding: 10px; } .price-calendar .flight_package_container .flight_package .flight_type_wrapper { order: 3; width: 90%; margin: 0 5%; margin-bottom: 8px; display: block; vertical-align: baseline; } .price-calendar .flight_package_container .flight_package .flight_type_wrapper .flight_type_data { display: inline-block; width: 21%; text-align: center; } .price-calendar .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction { display: none; } .price-calendar .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction_icon { width: 10%; } .price-calendar .flight_package_container .flight_package .flight_package_information { order: 2; width: 40%; display: flex; align-items: center; justify-content: flex-end; } .price-calendar .flight_package_container .flight_package .flight_package_information .flight_package_information_left { padding-right: 10px; } .price-calendar .flight_package_container .flight_package .flight_package_information .flight_package_information_left p { font-size: 13px; } .price-calendar .flight_package_container .flight_package .flight_package_information .flight_package_information_right { margin-top: 3px; margin-right: 5px; } .price-calendar .flight_package_container .flight_package .flight_package_hybrid-flight-baggage-tag { margin: 0 0 0 10px; } .flight_package_groups { position: relative; } .flight_package_groups .previous, .flight_package_groups .next { z-index: 10; position: absolute; top: 0; cursor: pointer; display: inline-block; width: 35px; height: 100%; text-align: center; background-color: #ffffff; opacity: 0.8; } .flight_package_groups .previous svg, .flight_package_groups .next svg { height: 30px; width: 30px; margin-top: 22px; fill: #1B1464; } .flight_package_groups .next { right: 0; } .flight_package_groups .flight_package_groups_container { white-space: nowrap; position: relative; overflow-x: hidden; overflow-y: hidden; font-size: 0; margin-bottom: 2px; padding: 6px 0; -webkit-transform: translateZ(0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } .flight_package_groups .flight_package_groups_container .flight_package_group { min-height: 42px; display: inline-block; width: 16%; margin: 0px 5px; padding-top: 9px; background: #ffffff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: solid 2px #054aad; border-radius: 4px; padding-bottom: 5px; position: relative; } .flight_package_groups .flight_package_groups_container .flight_package_group label { display: block; text-align: center; cursor: pointer; color: #054aad; font-size: 14px; line-height: 1.3; } .flight_package_groups .flight_package_groups_container .flight_package_group label.destination { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; font-family: "Proxima N W01 Bold", sans-serif; } .flight_package_groups .flight_package_groups_container .flight_package_group.selected, .flight_package_groups .flight_package_groups_container .flight_package_group:hover { background: #054aad; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); } .flight_package_groups .flight_package_groups_container .flight_package_group.selected label, .flight_package_groups .flight_package_groups_container .flight_package_group:hover label { color: #ffffff; } .flight_package_groups .flight_package_groups_container .flight_package_group .loader { position: absolute; height: 100%; width: 100%; background-color: transparent; margin-top: -6px; margin-left: 0; } .flight_package_groups .flight_package_groups_container .flight_package_group:last-child { margin-right: 40%; } .flight_package_groups .flight_package_groups_container .flight_package_group:last-child.is-loading-right:after { width: 140px; height: 59px; position: absolute; left: 140px; top: 0; display: inline-block; content: " "; background-image: url('//cdn-prod-green-www.apollorejser.dk/v-5ba9209486dfac79691a1b2ebf5f22e8/content/img/loader.gif'); background-position: center center; background-repeat: no-repeat; } .flight_package_groups .flight_package_groups_container .flight_package_group:first-child { margin-left: 40%; } .flight_package_groups .flight_package_groups_container .flight_package_group:first-child.is-loading-left:before { width: 140px; height: 59px; position: absolute; left: -140px; top: 0; display: inline-block; content: " "; background-image: url('//cdn-prod-green-www.apollorejser.dk/v-5ba9209486dfac79691a1b2ebf5f22e8/content/img/loader.gif'); background-position: center center; background-repeat: no-repeat; } @media (max-width: 1024px) { .flight_package_groups_container { overflow-x: scroll; } } @media (max-width: 979px) { .flight_package_groups .previous, .flight_package_groups .next { width: 50px; } .flight_package_groups .flight_package_groups_container { overflow-x: scroll; } .flight_package_groups .flight_package_groups_container .flight_package_group { min-height: 42px; display: inline-block; width: 33%; text-indent: 0; } .flight_package_groups .flight_package_groups_container .flight_package_group:last-child { margin-right: 33%; } .flight_package_groups .flight_package_groups_container .flight_package_group:first-child { margin-left: 33%; } } @media (min-width: 1024px) { .flight_package_groups .flight_package_groups_container { height: 60px; } .flight_package_groups .flight_package_groups_container .flight_package_group { box-sizing: border-box; transition: padding 0.2s, margin-top 0.2s; padding: 6px; } .flight_package_groups .flight_package_groups_container .flight_package_group.selected { padding: 8px; } .flight_package_groups .flight_package_groups_container .flight_package_group:not(.selected) { margin-top: 2px; } } .filter-classification { cursor: pointer; } .filter-classification .option { padding-bottom: 6px; } .filter-classification .classification-icons { padding-bottom: 6px; display: block; } .filter-classification .classification-icons svg { fill: #FFCA32; width: 14px; height: 14px; vertical-align: middle; margin: 0 2px; } .placeholder-animation { opacity: .1; -webkit-animation: fading 3s infinite; animation: fading 3s infinite; } @-webkit-keyframes fading { 0% { opacity: .1; } 50% { opacity: .2; } 100% { opacity: .1; } } @keyframes fading { 0% { opacity: .1; } 50% { opacity: .2; } 100% { opacity: .1; } } .placeholder-hotel-list-count { display: inline-block; background: #fff; width: 100px; height: 18px; } .placeholder-hotel-list-item { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); margin-top: 20px; margin-left: 0; padding-top: 20px; border-radius: 4px; } .placeholder-hotel-list-item-main-container { margin-left: 0; box-sizing: border-box; padding-left: 10px; padding-right: 10px; } @media (max-width: 767px) { .placeholder-hotel-list-item-main-container { padding-top: 20px; } } .placeholder-hotel-list-item-header { background-color: #444; height: 18px; width: 120px; margin-right: 5px; } .placeholder-hotel-list-item-text { background-color: #444; display: block; height: 12px; width: 25%; } .placeholder-hotel-list-item-text-line-half { width: 50%; } .placeholder-hotel-list-item-text-line { width: 100%; } .placeholder-hotel-list-item-classification { background-color: #FFCA32; height: 18px; width: 18px; margin-left: 4px; display: inline-block; } .placeholder-hotel-list-item-button { background-color: #444; width: 150px; height: 40px; float: right; } .placeholder-hotel-list-item-button-container { float: left; clear: left; display: flex; width: 100%; justify-content: flex-end; } .placeholder-hotel-list-item-reset-pseudo::after, .placeholder-hotel-list-item-reset-pseudo::before { content: '' !important; } .placeholder-hotel-list-item-image { background-color: #444; height: 105px; min-width: 100px; margin: 0 10px; } @media (max-width: 767px) { .placeholder-hotel-list-item-image { padding-top: 15px; } } .apollo-checkbox label { display: flex; align-items: center; cursor: pointer; font-size: 15px; color: #1B1464; } .apollo-checkbox label input { display: none; } .apollo-checkbox label svg { display: inline-block; width: 16px; height: 16px; min-width: 16px; min-height: 16px; vertical-align: middle; margin-right: 8px; fill: #1B1464; } .apollo-checkbox label input:checked ~ svg.not_checked { display: none !important; } .apollo-checkbox label input:not(:checked) ~ svg.checked { display: none !important; } .flight-list-section .angle_down, .flight-list-section .angle_up, .filter-results .angle_down, .filter-results .angle_up { height: 10px; width: 10px; padding-bottom: 2px; } .flight-list-section div[aria-expanded="true"] .angle_down, .filter-results div[aria-expanded="true"] .angle_down { display: none; } .flight-list-section div[aria-expanded="false"] .angle_up, .filter-results div[aria-expanded="false"] .angle_up { display: none; } .flight-list-section a[aria-expanded="true"] .angle_down, .filter-results a[aria-expanded="true"] .angle_down { display: none; } .flight-list-section a[aria-expanded="false"] .angle_up, .filter-results a[aria-expanded="false"] .angle_up { display: none; } .flight-list-section .flight_list_item, .filter-results .flight_list_item { margin-top: 15px; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; } .flight-list-section .flight_package_container, .filter-results .flight_package_container { width: 100%; border-radius: 4px; } .flight-list-section .flight_package_container .flight_package_header, .filter-results .flight_package_container .flight_package_header { order: 1; padding: 5px 15px 5px 15px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16); border-top-left-radius: 4px; border-top-right-radius: 4px; width: auto; } .flight-list-section .flight_package_container .flight_package_body, .filter-results .flight_package_container .flight_package_body { box-shadow: inset -1px -1px 1px 0 rgba(0, 0, 0, 0.16); display: flex; } .flight-list-section .flight_package_container .flight_package, .filter-results .flight_package_container .flight_package { overflow: auto; display: inline-table; width: 75%; padding: 8px 0; margin: auto; } .flight-list-section .flight_package_container .flight_package_information_right, .filter-results .flight_package_container .flight_package_information_right { float: right; width: 15%; text-align: right; } .flight-list-section .flight_package_container .flight_package_information_right svg, .filter-results .flight_package_container .flight_package_information_right svg { height: 20px; width: 20px; cursor: pointer; } .flight-list-section .flight_package_container .flight_type_container, .filter-results .flight_package_container .flight_type_container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; box-sizing: border-box; height: auto; border-bottom: none; overflow: hidden; padding: 7px 0; } .flight-list-section .flight_package_container .flight_type_container .flight_type_data, .filter-results .flight_package_container .flight_type_container .flight_type_data { text-align: center; } .flight-list-section .flight_package_container .flight_type_container .flight_type_data.direction, .filter-results .flight_package_container .flight_type_container .flight_type_data.direction { text-align: left; } .flight-list-section .flight_package_container .flight_type_container .flight_type_data.direction_icon, .filter-results .flight_package_container .flight_type_container .flight_type_data.direction_icon { line-height: 0; } .flight-list-section .flight_package_container .flight_type_container .flight_type_data.direction_icon svg, .filter-results .flight_package_container .flight_type_container .flight_type_data.direction_icon svg { width: 16px; height: 16px; margin-top: 2px; } .flight-list-section .flight_package_container .flight_type_container.inbound .direction_icon, .filter-results .flight_package_container .flight_type_container.inbound .direction_icon { transform: scale(-1, 1); } .flight-list-section .flight_package_container .flight_package_title, .filter-results .flight_package_container .flight_package_title { box-sizing: border-box; height: auto; padding: 5px; cursor: pointer; width: 25%; display: table-cell; vertical-align: middle; justify-content: flex-end; font-family: "Proxima Nova W01 Medium", sans-serif; } .flight-list-section .flight_package_container .flight_type_wrapper, .filter-results .flight_package_container .flight_type_wrapper { width: 95%; cursor: pointer; display: inline-block; vertical-align: middle; } .flight-list-section .flight_package_container .flight_type_wrapper .inbound, .filter-results .flight_package_container .flight_type_wrapper .inbound { border-top: 1px solid; } .flight-list-section .flight_package_container .flight_package_information, .filter-results .flight_package_container .flight_package_information { box-sizing: border-box; width: 5%; display: table-cell; vertical-align: middle; order: 1; font-size: 22px; } .flight-list-section .flight_package_container .flight_package_information .angle_down, .filter-results .flight_package_container .flight_package_information .angle_down { height: 16px; width: 16px; padding-bottom: 0px; } .flight-list-section .flight_package_container .flight_package_information .flight_package_information_left, .filter-results .flight_package_container .flight_package_information .flight_package_information_left { text-align: center; float: left; width: 100%; padding-left: 5px; } .flight-list-section .flight_charter_link, .filter-results .flight_charter_link { background-color: #F4F3ED; display: flex; cursor: pointer; padding-top: 4px; align-items: center; background-color: #F4F3ED; } .flight-list-section .flight_charter_link svg, .filter-results .flight_charter_link svg { width: 10px; height: 10px; fill: #1b5fcb; margin-bottom: -1px; margin-left: -1px; } .flight-list-section .flight_charter_link .flight_charter_link_header, .filter-results .flight_charter_link .flight_charter_link_header { margin-left: 10px; font-size: 12px; color: #1b5fcb; } .flight-list-section .flight_start_package .flight_start_package_header, .filter-results .flight_start_package .flight_start_package_header { display: flex; cursor: pointer; padding-top: 4px; align-items: center; background-color: #F4F3ED; } .flight-list-section .flight_start_package .flight_start_package_header .flight_start_package_header_text, .filter-results .flight_start_package .flight_start_package_header .flight_start_package_header_text { padding-right: 10px; padding-left: 10px; font-size: 12px; } .flight-list-section .flight_start_package .flight_start_package_text, .filter-results .flight_start_package .flight_start_package_text { padding-left: 16px; line-height: 22px; font-size: 13px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background-color: white; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; width: 60%; } .flight-list-section .flight_start_package .flight_start_package_text.show, .filter-results .flight_start_package .flight_start_package_text.show { max-height: 700px; transition: max-height 0.3s ease-in; padding-bottom: 10px; padding-top: 7px; } .flight-list-section .flight_start_package .info_icon, .filter-results .flight_start_package .info_icon { margin-left: 7px; margin-bottom: 6px; height: 16px; width: 16px; } .flight-list-section .flight_start_package a, .filter-results .flight_start_package a { padding-left: 5px; padding-right: 10px; } .flight-list-section .flight_details_wrapper .flight-details, .filter-results .flight_details_wrapper .flight-details { padding-top: 0px; padding-bottom: 0px; color: #333333; } .flight-list-section .flight_details_wrapper .flight-details .flight-detail-panel h3, .filter-results .flight_details_wrapper .flight-details .flight-detail-panel h3 { margin-bottom: 3px; } .flight-list-section .flight_details_wrapper .flight-details.selected, .filter-results .flight_details_wrapper .flight-details.selected { color: #ffffff; } .flight-list-section .flight_details_wrapper .price_disclaimer, .filter-results .flight_details_wrapper .price_disclaimer { /*box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);*/ background-color: #F4F3ED; width: 25%; float: right; } .flight-list-section .flight_details_wrapper .price_disclaimer .price_disclaimer_text, .filter-results .flight_details_wrapper .price_disclaimer .price_disclaimer_text { margin: 4px 4px 4px 10px; font-size: 12px; display: block; } @media (min-width: 768px) { .flight-list-section .flight_package_container .flight_type_container .flight_type_data, .filter-results .flight_package_container .flight_type_container .flight_type_data { display: inline-block; float: left; width: 18%; } .flight-list-section .flight_package_container .flight_type_container .flight_type_data.direction_icon, .filter-results .flight_package_container .flight_type_container .flight_type_data.direction_icon { margin-left: 1%; margin-right: 4%; width: 5%; } } @media (max-width: 767px) { .flight-list-section .flight_package_container .flight_package_body, .filter-results .flight_package_container .flight_package_body { display: table !important; } .flight-list-section .flight_package_container .flight_package, .filter-results .flight_package_container .flight_package { display: flex; flex-wrap: wrap; width: 100%; } .flight-list-section .flight_package_container .flight_package .flight_package_information, .filter-results .flight_package_container .flight_package .flight_package_information { order: 1; width: 15%; display: flex; align-items: center; justify-content: flex-start; } .flight-list-section .flight_package_container .flight_package .flight_package_information .flight_package_information_left, .filter-results .flight_package_container .flight_package .flight_package_information .flight_package_information_left { padding-right: 10px; } .flight-list-section .flight_package_container .flight_package .flight_package_information .flight_package_information_left p, .filter-results .flight_package_container .flight_package .flight_package_information .flight_package_information_left p { font-size: 13px; } .flight-list-section .flight_package_container .flight_package .flight_package_information .flight_package_information_right, .filter-results .flight_package_container .flight_package .flight_package_information .flight_package_information_right { margin-top: 3px; margin-right: 5px; } .flight-list-section .flight_package_container .flight_package .flight_package_title, .filter-results .flight_package_container .flight_package .flight_package_title { width: 100%; display: flex; align-items: center; justify-content: left; padding: 10px; padding-left: 20px; } .flight-list-section .flight_package_container .flight_package .flight_type_wrapper, .filter-results .flight_package_container .flight_package .flight_type_wrapper { order: 3; width: 90%; margin: 0 5%; margin-bottom: 8px; display: block; vertical-align: baseline; } .flight-list-section .flight_package_container .flight_package .flight_type_wrapper .flight_type_data, .filter-results .flight_package_container .flight_package .flight_type_wrapper .flight_type_data { display: inline-block; width: 21%; text-align: center; } .flight-list-section .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction, .filter-results .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction { display: none; } .flight-list-section .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction_icon, .filter-results .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction_icon { width: 10%; } .flight-list-section .flight_package_container .bookingBoxListPage, .filter-results .flight_package_container .bookingBoxListPage { width: 50% !important; } } @media (max-width: 767px) and (min-width: 320px) and (max-width: 479px) { .flight-list-section .flight_package_container .bookingBoxListPage, .filter-results .flight_package_container .bookingBoxListPage { width: 100% !important; } } @media (max-width: 767px) { .flight-list-section .flight_start_package_header_text, .filter-results .flight_start_package_header_text { padding-left: 10px !important; } .flight-list-section .flight_start_package_modal, .filter-results .flight_start_package_modal { background-color: white; color: black; padding: 20px 0px; height: 100%; box-sizing: border-box; overflow-y: scroll; } .flight-list-section .flight_start_package_modal .flight_start_package_header_text, .filter-results .flight_start_package_modal .flight_start_package_header_text { width: 65% !important; padding-left: 10px !important; } .flight-list-section .flight_start_package_modal .flight_start_package_header_text_modal, .filter-results .flight_start_package_modal .flight_start_package_header_text_modal { padding: 10px !important; padding-left: 15px !important; } .flight-list-section .flight_start_package_modal .flight_start_package_header_text_modal h2, .filter-results .flight_start_package_modal .flight_start_package_header_text_modal h2 { float: none; font-size: 24px; } .flight-list-section .flight_start_package_modal .flight_start_package_text_modal, .filter-results .flight_start_package_modal .flight_start_package_text_modal { font-family: "Proxima Nova W01 Medium", sans-serif; line-height: 20px; font-size: 16px; margin: 20px; padding: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .flight-list-section .flight_start_package_modal .close-modal-box-wrapper, .filter-results .flight_start_package_modal .close-modal-box-wrapper { position: relative; height: 20px; } .flight-list-section .flight_start_package_modal .close-modal-box-wrapper .close-modal-box, .filter-results .flight_start_package_modal .close-modal-box-wrapper .close-modal-box { position: absolute; right: -10px; top: -10px; } .flight-list-section .flight_start_package_modal .close-modal-box-wrapper .close-modal-box-icon, .filter-results .flight_start_package_modal .close-modal-box-wrapper .close-modal-box-icon { fill: black !important; position: absolute; top: -10px; right: 10px; height: 20px; width: 20px; cursor: pointer; } } .flight-list-section .price-calendar .flight_package_container .flight_package_body, .filter-results .price-calendar .flight_package_container .flight_package_body { display: table !important; } .flight-list-section .price-calendar .flight_package_container .flight_package, .filter-results .price-calendar .flight_package_container .flight_package { display: flex; flex-wrap: wrap; width: 100%; } .flight-list-section .price-calendar .flight_package_container .flight_package .flight_package_information, .filter-results .price-calendar .flight_package_container .flight_package .flight_package_information { order: 1; width: 15%; display: flex; align-items: center; justify-content: flex-start; } .flight-list-section .price-calendar .flight_package_container .flight_package .flight_package_information .flight_package_information_left, .filter-results .price-calendar .flight_package_container .flight_package .flight_package_information .flight_package_information_left { padding-right: 10px; } .flight-list-section .price-calendar .flight_package_container .flight_package .flight_package_information .flight_package_information_left p, .filter-results .price-calendar .flight_package_container .flight_package .flight_package_information .flight_package_information_left p { font-size: 13px; } .flight-list-section .price-calendar .flight_package_container .flight_package .flight_package_information .flight_package_information_right, .filter-results .price-calendar .flight_package_container .flight_package .flight_package_information .flight_package_information_right { margin-top: 3px; margin-right: 5px; } .flight-list-section .price-calendar .flight_package_container .flight_package .flight_package_title, .filter-results .price-calendar .flight_package_container .flight_package .flight_package_title { width: 100%; display: flex; align-items: center; justify-content: left; padding: 10px; padding-left: 20px; } .flight-list-section .price-calendar .flight_package_container .flight_package .flight_type_wrapper, .filter-results .price-calendar .flight_package_container .flight_package .flight_type_wrapper { order: 3; width: 90%; margin: 0 5%; margin-bottom: 8px; display: block; vertical-align: baseline; } .flight-list-section .price-calendar .flight_package_container .flight_package .flight_type_wrapper .flight_type_data, .filter-results .price-calendar .flight_package_container .flight_package .flight_type_wrapper .flight_type_data { display: inline-block; width: 21%; text-align: center; } .flight-list-section .price-calendar .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction, .filter-results .price-calendar .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction { display: none; } .flight-list-section .price-calendar .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction_icon, .filter-results .price-calendar .flight_package_container .flight_package .flight_type_wrapper .flight_type_data.direction_icon { width: 10%; } .flight-list-section .price-calendar .flight_package_container .bookingBoxListPage, .filter-results .price-calendar .flight_package_container .bookingBoxListPage { width: 50% !important; } @media (min-width: 320px) and (max-width: 479px) { .flight-list-section .price-calendar .flight_package_container .bookingBoxListPage, .filter-results .price-calendar .flight_package_container .bookingBoxListPage { width: 100% !important; } } .flight-list-section .price-calendar .flight_start_package_header_text, .filter-results .price-calendar .flight_start_package_header_text { padding-left: 10px !important; } .flight-list-section .price-calendar .flight_start_package_modal, .filter-results .price-calendar .flight_start_package_modal { background-color: white; color: black; padding: 20px 0px; height: 100%; box-sizing: border-box; overflow-y: scroll; } .flight-list-section .price-calendar .flight_start_package_modal .flight_start_package_header_text, .filter-results .price-calendar .flight_start_package_modal .flight_start_package_header_text { width: 65% !important; padding-left: 10px !important; } .flight-list-section .price-calendar .flight_start_package_modal .flight_start_package_header_text_modal, .filter-results .price-calendar .flight_start_package_modal .flight_start_package_header_text_modal { padding: 10px !important; padding-left: 15px !important; } .flight-list-section .price-calendar .flight_start_package_modal .flight_start_package_header_text_modal h2, .filter-results .price-calendar .flight_start_package_modal .flight_start_package_header_text_modal h2 { float: none; font-size: 24px; } .flight-list-section .price-calendar .flight_start_package_modal .flight_start_package_text_modal, .filter-results .price-calendar .flight_start_package_modal .flight_start_package_text_modal { font-family: "Proxima Nova W01 Medium", sans-serif; line-height: 20px; font-size: 16px; margin: 20px; padding: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .flight-list-section .price-calendar .flight_start_package_modal .close-modal-box-wrapper, .filter-results .price-calendar .flight_start_package_modal .close-modal-box-wrapper { position: relative; height: 20px; } .flight-list-section .price-calendar .flight_start_package_modal .close-modal-box-wrapper .close-modal-box, .filter-results .price-calendar .flight_start_package_modal .close-modal-box-wrapper .close-modal-box { position: absolute; right: -10px; top: -10px; } .flight-list-section .price-calendar .flight_start_package_modal .close-modal-box-wrapper .close-modal-box-icon, .filter-results .price-calendar .flight_start_package_modal .close-modal-box-wrapper .close-modal-box-icon { fill: black !important; position: absolute; top: -10px; right: 10px; height: 20px; width: 20px; cursor: pointer; } .flight-list-section .flight_filter_info, .flight-list-section .filter-info, .filter-results .flight_filter_info, .filter-results .filter-info { margin-bottom: 10px; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer, .flight-list-section .flight_filter_info .info-container, .flight-list-section .filter-info .flight_filter_info_subcontainer, .flight-list-section .filter-info .info-container, .filter-results .flight_filter_info .flight_filter_info_subcontainer, .filter-results .flight_filter_info .info-container, .filter-results .filter-info .flight_filter_info_subcontainer, .filter-results .filter-info .info-container { padding: 3px 10px 10px 10px; background-color: #f4fafd; border: 1px solid #dbeff9; border-radius: 4px; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .text, .flight-list-section .flight_filter_info .info-container .text, .flight-list-section .filter-info .flight_filter_info_subcontainer .text, .flight-list-section .filter-info .info-container .text, .filter-results .flight_filter_info .flight_filter_info_subcontainer .text, .filter-results .flight_filter_info .info-container .text, .filter-results .filter-info .flight_filter_info_subcontainer .text, .filter-results .filter-info .info-container .text { margin-top: 10px; margin-left: 5px; display: inline-block; font-family: "Proxima Nova W01 Medium", sans-serif; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .text_clickable, .flight-list-section .flight_filter_info .info-container .text_clickable, .flight-list-section .filter-info .flight_filter_info_subcontainer .text_clickable, .flight-list-section .filter-info .info-container .text_clickable, .filter-results .flight_filter_info .flight_filter_info_subcontainer .text_clickable, .filter-results .flight_filter_info .info-container .text_clickable, .filter-results .filter-info .flight_filter_info_subcontainer .text_clickable, .filter-results .filter-info .info-container .text_clickable { color: #015790; text-decoration: underline; cursor: pointer; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .text_left_margin, .flight-list-section .flight_filter_info .info-container .text_left_margin, .flight-list-section .filter-info .flight_filter_info_subcontainer .text_left_margin, .flight-list-section .filter-info .info-container .text_left_margin, .filter-results .flight_filter_info .flight_filter_info_subcontainer .text_left_margin, .filter-results .flight_filter_info .info-container .text_left_margin, .filter-results .filter-info .flight_filter_info_subcontainer .text_left_margin, .filter-results .filter-info .info-container .text_left_margin { margin-left: 10px; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .text_right_margin, .flight-list-section .flight_filter_info .info-container .text_right_margin, .flight-list-section .filter-info .flight_filter_info_subcontainer .text_right_margin, .flight-list-section .filter-info .info-container .text_right_margin, .filter-results .flight_filter_info .flight_filter_info_subcontainer .text_right_margin, .filter-results .flight_filter_info .info-container .text_right_margin, .filter-results .filter-info .flight_filter_info_subcontainer .text_right_margin, .filter-results .filter-info .info-container .text_right_margin { margin-right: 5px; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .pill, .flight-list-section .flight_filter_info .info-container .pill, .flight-list-section .filter-info .flight_filter_info_subcontainer .pill, .flight-list-section .filter-info .info-container .pill, .filter-results .flight_filter_info .flight_filter_info_subcontainer .pill, .filter-results .flight_filter_info .info-container .pill, .filter-results .filter-info .flight_filter_info_subcontainer .pill, .filter-results .filter-info .info-container .pill { background-color: #f4fafd; border: 1px solid #acddf0; border-radius: 100px; border-width: 1.5px; cursor: pointer; position: relative; padding: 6px 15px 5px 10px; margin-left: 5px; margin-top: 7px; display: inline-block; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .pill:after, .flight-list-section .flight_filter_info .info-container .pill:after, .flight-list-section .filter-info .flight_filter_info_subcontainer .pill:after, .flight-list-section .filter-info .info-container .pill:after, .filter-results .flight_filter_info .flight_filter_info_subcontainer .pill:after, .filter-results .flight_filter_info .info-container .pill:after, .filter-results .filter-info .flight_filter_info_subcontainer .pill:after, .filter-results .filter-info .info-container .pill:after { content: "\00D7"; position: relative; left: 5px; vertical-align: middle; font-family: "Proxima N W01 Bold", sans-serif; font-size: larger; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .pill:hover, .flight-list-section .flight_filter_info .info-container .pill:hover, .flight-list-section .filter-info .flight_filter_info_subcontainer .pill:hover, .flight-list-section .filter-info .info-container .pill:hover, .filter-results .flight_filter_info .flight_filter_info_subcontainer .pill:hover, .filter-results .flight_filter_info .info-container .pill:hover, .filter-results .filter-info .flight_filter_info_subcontainer .pill:hover, .filter-results .filter-info .info-container .pill:hover { color: white; background-color: black; border-color: black; } .flight-list-section .loader, .filter-results .loader { clear: both; } .flight-list-section .empty_left_column, .filter-results .empty_left_column { min-height: 1px; } .flight-list-section .flight_counter_and_sorting_options, .flight-list-section .list-header, .filter-results .flight_counter_and_sorting_options, .filter-results .list-header { display: table; width: 100%; color: #ffffff; background-color: #1b5fcb; padding: 9px 10px 10px; box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 4px; } .flight-list-section .flight_counter_and_sorting_options .flight_counter_label_wrapper, .flight-list-section .flight_counter_and_sorting_options .title, .flight-list-section .list-header .flight_counter_label_wrapper, .flight-list-section .list-header .title, .filter-results .flight_counter_and_sorting_options .flight_counter_label_wrapper, .filter-results .flight_counter_and_sorting_options .title, .filter-results .list-header .flight_counter_label_wrapper, .filter-results .list-header .title { display: table-cell; vertical-align: middle; margin-top: 5px; margin-bottom: 5px; } .flight-list-section .flight_counter_and_sorting_options .flight_counter_label_wrapper .flight_count_component, .flight-list-section .flight_counter_and_sorting_options .flight_counter_label_wrapper .result-count, .flight-list-section .flight_counter_and_sorting_options .title .flight_count_component, .flight-list-section .flight_counter_and_sorting_options .title .result-count, .flight-list-section .list-header .flight_counter_label_wrapper .flight_count_component, .flight-list-section .list-header .flight_counter_label_wrapper .result-count, .flight-list-section .list-header .title .flight_count_component, .flight-list-section .list-header .title .result-count, .filter-results .flight_counter_and_sorting_options .flight_counter_label_wrapper .flight_count_component, .filter-results .flight_counter_and_sorting_options .flight_counter_label_wrapper .result-count, .filter-results .flight_counter_and_sorting_options .title .flight_count_component, .filter-results .flight_counter_and_sorting_options .title .result-count, .filter-results .list-header .flight_counter_label_wrapper .flight_count_component, .filter-results .list-header .flight_counter_label_wrapper .result-count, .filter-results .list-header .title .flight_count_component, .filter-results .list-header .title .result-count { font-size: 18px; font-family: "Filson W01 Bold", sans-serif; line-height: 22px; } .flight-list-section .flight_counter_and_sorting_options .sorting_header, .flight-list-section .flight_counter_and_sorting_options .controls, .flight-list-section .list-header .sorting_header, .flight-list-section .list-header .controls, .filter-results .flight_counter_and_sorting_options .sorting_header, .filter-results .flight_counter_and_sorting_options .controls, .filter-results .list-header .sorting_header, .filter-results .list-header .controls { float: right; display: table-cell; vertical-align: middle; padding: 3px 10px 3px 10px; background-color: #faf7ef; border-radius: 4px; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: transparent; border-radius: 0; border: none; padding: 0; } .flight-list-section .flight_counter_and_sorting_options .sorting_header p, .flight-list-section .flight_counter_and_sorting_options .controls p, .flight-list-section .list-header .sorting_header p, .flight-list-section .list-header .controls p, .filter-results .flight_counter_and_sorting_options .sorting_header p, .filter-results .flight_counter_and_sorting_options .controls p, .filter-results .list-header .sorting_header p, .filter-results .list-header .controls p { font-family: "Proxima Nova W01 Medium", sans-serif; color: #ffffff; } .flight-list-section .flight_counter_and_sorting_options .sorting_header .sortedby_text, .flight-list-section .flight_counter_and_sorting_options .controls .sortedby_text, .flight-list-section .list-header .sorting_header .sortedby_text, .flight-list-section .list-header .controls .sortedby_text, .filter-results .flight_counter_and_sorting_options .sorting_header .sortedby_text, .filter-results .flight_counter_and_sorting_options .controls .sortedby_text, .filter-results .list-header .sorting_header .sortedby_text, .filter-results .list-header .controls .sortedby_text { float: left; margin-right: 5px; margin-top: 2px; margin-bottom: 0px; text-align: right; font-size: 13px; } .flight-list-section .flight_counter_and_sorting_options .sorting_header .sortedby_text:first-letter, .flight-list-section .flight_counter_and_sorting_options .controls .sortedby_text:first-letter, .flight-list-section .list-header .sorting_header .sortedby_text:first-letter, .flight-list-section .list-header .controls .sortedby_text:first-letter, .filter-results .flight_counter_and_sorting_options .sorting_header .sortedby_text:first-letter, .filter-results .flight_counter_and_sorting_options .controls .sortedby_text:first-letter, .filter-results .list-header .sorting_header .sortedby_text:first-letter, .filter-results .list-header .controls .sortedby_text:first-letter { text-transform: uppercase; } .flight-list-section .flight_counter_and_sorting_options .sorting_header select, .flight-list-section .flight_counter_and_sorting_options .controls select, .flight-list-section .list-header .sorting_header select, .flight-list-section .list-header .controls select, .filter-results .flight_counter_and_sorting_options .sorting_header select, .filter-results .flight_counter_and_sorting_options .controls select, .filter-results .list-header .sorting_header select, .filter-results .list-header .controls select { padding: 2px 4px; } .flight-list-section .flight_counter_and_sorting_options .sorting_header select.list-sorter, .flight-list-section .flight_counter_and_sorting_options .controls select.list-sorter, .flight-list-section .list-header .sorting_header select.list-sorter, .flight-list-section .list-header .controls select.list-sorter, .filter-results .flight_counter_and_sorting_options .sorting_header select.list-sorter, .filter-results .flight_counter_and_sorting_options .controls select.list-sorter, .filter-results .list-header .sorting_header select.list-sorter, .filter-results .list-header .controls select.list-sorter { float: left; } .flight-list-section .sorting_header_divider, .filter-results .sorting_header_divider { height: 3px; margin: 0 0 0 20px; background-color: #eadfbe; border-top: 1px solid #dfc183; border-radius: 4px; display: none; } .flight-list-section .flight_list_item.row .span3, .flight-list-section .panel-wrapper.row .span3, .flight-list-section .cruise_list_item.row .span3, .filter-results .flight_list_item.row .span3, .filter-results .panel-wrapper.row .span3, .filter-results .cruise_list_item.row .span3 { margin-left: 0; box-sizing: border-box; padding-left: 10px; } .flight-list-section .flight_list_item.row-fluid .panel > .row-fluid > [class*=span]:first-child, .flight-list-section .panel-wrapper.row-fluid .panel > .row-fluid > [class*=span]:first-child, .flight-list-section .cruise_list_item.row-fluid .panel > .row-fluid > [class*=span]:first-child, .filter-results .flight_list_item.row-fluid .panel > .row-fluid > [class*=span]:first-child, .filter-results .panel-wrapper.row-fluid .panel > .row-fluid > [class*=span]:first-child, .filter-results .cruise_list_item.row-fluid .panel > .row-fluid > [class*=span]:first-child { margin-left: 0; box-sizing: border-box; padding-left: 10px; } .flight-list-section .flight_list_item .list_item_inner, .flight-list-section .flight_list_item .panel, .flight-list-section .panel-wrapper .list_item_inner, .flight-list-section .panel-wrapper .panel, .flight-list-section .cruise_list_item .list_item_inner, .flight-list-section .cruise_list_item .panel, .filter-results .flight_list_item .list_item_inner, .filter-results .flight_list_item .panel, .filter-results .panel-wrapper .list_item_inner, .filter-results .panel-wrapper .panel, .filter-results .cruise_list_item .list_item_inner, .filter-results .cruise_list_item .panel { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); margin-top: 20px; margin-left: 20px; border-radius: 4px; } .flight-list-section .flight_list_item .panel .media-slideshow .list-item-video, .flight-list-section .panel-wrapper .panel .media-slideshow .list-item-video, .flight-list-section .cruise_list_item .panel .media-slideshow .list-item-video, .filter-results .flight_list_item .panel .media-slideshow .list-item-video, .filter-results .panel-wrapper .panel .media-slideshow .list-item-video, .filter-results .cruise_list_item .panel .media-slideshow .list-item-video { display: block; float: left; margin-top: -54px; margin-left: 3px; } .flight-list-section .flight_list_item .panel .media-slideshow .list-item-video .btn, .flight-list-section .panel-wrapper .panel .media-slideshow .list-item-video .btn, .flight-list-section .cruise_list_item .panel .media-slideshow .list-item-video .btn, .filter-results .flight_list_item .panel .media-slideshow .list-item-video .btn, .filter-results .panel-wrapper .panel .media-slideshow .list-item-video .btn, .filter-results .cruise_list_item .panel .media-slideshow .list-item-video .btn { position: relative; z-index: 100; } .flight-list-section .flight_list_item .panel .media-slideshow .list-item-video .btn.btn-information, .flight-list-section .panel-wrapper .panel .media-slideshow .list-item-video .btn.btn-information, .flight-list-section .cruise_list_item .panel .media-slideshow .list-item-video .btn.btn-information, .filter-results .flight_list_item .panel .media-slideshow .list-item-video .btn.btn-information, .filter-results .panel-wrapper .panel .media-slideshow .list-item-video .btn.btn-information, .filter-results .cruise_list_item .panel .media-slideshow .list-item-video .btn.btn-information { background-color: #1b5fcb !important; color: #ffffff !important; border: none; } .flight-list-section .flight_list_item .list_item_rating .score_area > div, .flight-list-section .panel-wrapper .list_item_rating .score_area > div, .flight-list-section .cruise_list_item .list_item_rating .score_area > div, .filter-results .flight_list_item .list_item_rating .score_area > div, .filter-results .panel-wrapper .list_item_rating .score_area > div, .filter-results .cruise_list_item .list_item_rating .score_area > div { margin-top: 12px; margin-bottom: 8px; } .flight-list-section .flight_list_item .list_item_rating .score_area .score, .flight-list-section .panel-wrapper .list_item_rating .score_area .score, .flight-list-section .cruise_list_item .list_item_rating .score_area .score, .filter-results .flight_list_item .list_item_rating .score_area .score, .filter-results .panel-wrapper .list_item_rating .score_area .score, .filter-results .cruise_list_item .list_item_rating .score_area .score { font-size: 36px; } .flight-list-section .flight_list_item .panel-facts .fact-group, .flight-list-section .panel-wrapper .panel-facts .fact-group, .flight-list-section .cruise_list_item .panel-facts .fact-group, .filter-results .flight_list_item .panel-facts .fact-group, .filter-results .panel-wrapper .panel-facts .fact-group, .filter-results .cruise_list_item .panel-facts .fact-group { margin-bottom: 5px; float: left; display: block; width: 100%; } .flight-list-section .flight_list_item .panel-facts .fact-group .fact-label, .flight-list-section .panel-wrapper .panel-facts .fact-group .fact-label, .flight-list-section .cruise_list_item .panel-facts .fact-group .fact-label, .filter-results .flight_list_item .panel-facts .fact-group .fact-label, .filter-results .panel-wrapper .panel-facts .fact-group .fact-label, .filter-results .cruise_list_item .panel-facts .fact-group .fact-label { font-family: "Proxima Nova W01 Medium", sans-serif; float: left; margin-right: 5px; } .flight-list-section .flight_list_item .panel-facts .fact-group ul.inline-list li, .flight-list-section .panel-wrapper .panel-facts .fact-group ul.inline-list li, .flight-list-section .cruise_list_item .panel-facts .fact-group ul.inline-list li, .filter-results .flight_list_item .panel-facts .fact-group ul.inline-list li, .filter-results .panel-wrapper .panel-facts .fact-group ul.inline-list li, .filter-results .cruise_list_item .panel-facts .fact-group ul.inline-list li { float: left; margin-right: 5px; display: inline; } .flight-list-section .flight_list_item .panel-facts .fact-group ul.inline-list li a, .flight-list-section .panel-wrapper .panel-facts .fact-group ul.inline-list li a, .flight-list-section .cruise_list_item .panel-facts .fact-group ul.inline-list li a, .filter-results .flight_list_item .panel-facts .fact-group ul.inline-list li a, .filter-results .panel-wrapper .panel-facts .fact-group ul.inline-list li a, .filter-results .cruise_list_item .panel-facts .fact-group ul.inline-list li a { display: inline; } .flight-list-section .flight_list_item .panel-facts .fact-group ul.inline-list li::after, .flight-list-section .panel-wrapper .panel-facts .fact-group ul.inline-list li::after, .flight-list-section .cruise_list_item .panel-facts .fact-group ul.inline-list li::after, .filter-results .flight_list_item .panel-facts .fact-group ul.inline-list li::after, .filter-results .panel-wrapper .panel-facts .fact-group ul.inline-list li::after, .filter-results .cruise_list_item .panel-facts .fact-group ul.inline-list li::after { content: ","; } .flight-list-section .flight_list_item .panel-facts .fact-group ul.inline-list li:last-child::after, .flight-list-section .panel-wrapper .panel-facts .fact-group ul.inline-list li:last-child::after, .flight-list-section .cruise_list_item .panel-facts .fact-group ul.inline-list li:last-child::after, .filter-results .flight_list_item .panel-facts .fact-group ul.inline-list li:last-child::after, .filter-results .panel-wrapper .panel-facts .fact-group ul.inline-list li:last-child::after, .filter-results .cruise_list_item .panel-facts .fact-group ul.inline-list li:last-child::after { content: ""; } .flight-list-section .flight_list_item .list_item_main_information_inner, .flight-list-section .flight_list_item .panel-body, .flight-list-section .panel-wrapper .list_item_main_information_inner, .flight-list-section .panel-wrapper .panel-body, .flight-list-section .cruise_list_item .list_item_main_information_inner, .flight-list-section .cruise_list_item .panel-body, .filter-results .flight_list_item .list_item_main_information_inner, .filter-results .flight_list_item .panel-body, .filter-results .panel-wrapper .list_item_main_information_inner, .filter-results .panel-wrapper .panel-body, .filter-results .cruise_list_item .list_item_main_information_inner, .filter-results .cruise_list_item .panel-body { border: none; padding-top: 0; } .flight-list-section .flight_list_item .list_item_main_information_inner i.classification, .flight-list-section .flight_list_item .panel-body i.classification, .flight-list-section .panel-wrapper .list_item_main_information_inner i.classification, .flight-list-section .panel-wrapper .panel-body i.classification, .flight-list-section .cruise_list_item .list_item_main_information_inner i.classification, .flight-list-section .cruise_list_item .panel-body i.classification, .filter-results .flight_list_item .list_item_main_information_inner i.classification, .filter-results .flight_list_item .panel-body i.classification, .filter-results .panel-wrapper .list_item_main_information_inner i.classification, .filter-results .panel-wrapper .panel-body i.classification, .filter-results .cruise_list_item .list_item_main_information_inner i.classification, .filter-results .cruise_list_item .panel-body i.classification { display: none; } .flight-list-section .flight_list_item .list_item_main_information_inner .sun_classification-block, .flight-list-section .flight_list_item .panel-body .sun_classification-block, .flight-list-section .panel-wrapper .list_item_main_information_inner .sun_classification-block, .flight-list-section .panel-wrapper .panel-body .sun_classification-block, .flight-list-section .cruise_list_item .list_item_main_information_inner .sun_classification-block, .flight-list-section .cruise_list_item .panel-body .sun_classification-block, .filter-results .flight_list_item .list_item_main_information_inner .sun_classification-block, .filter-results .flight_list_item .panel-body .sun_classification-block, .filter-results .panel-wrapper .list_item_main_information_inner .sun_classification-block, .filter-results .panel-wrapper .panel-body .sun_classification-block, .filter-results .cruise_list_item .list_item_main_information_inner .sun_classification-block, .filter-results .cruise_list_item .panel-body .sun_classification-block { display: block; float: none; } .flight-list-section .flight_list_item .list_item_main_information_inner .sun_classification-inline, .flight-list-section .flight_list_item .panel-body .sun_classification-inline, .flight-list-section .panel-wrapper .list_item_main_information_inner .sun_classification-inline, .flight-list-section .panel-wrapper .panel-body .sun_classification-inline, .flight-list-section .cruise_list_item .list_item_main_information_inner .sun_classification-inline, .flight-list-section .cruise_list_item .panel-body .sun_classification-inline, .filter-results .flight_list_item .list_item_main_information_inner .sun_classification-inline, .filter-results .flight_list_item .panel-body .sun_classification-inline, .filter-results .panel-wrapper .list_item_main_information_inner .sun_classification-inline, .filter-results .panel-wrapper .panel-body .sun_classification-inline, .filter-results .cruise_list_item .list_item_main_information_inner .sun_classification-inline, .filter-results .cruise_list_item .panel-body .sun_classification-inline { display: inline-block; float: left; } .flight-list-section .flight_list_item .list_item_main_information_inner .sun_classification svg, .flight-list-section .flight_list_item .panel-body .sun_classification svg, .flight-list-section .panel-wrapper .list_item_main_information_inner .sun_classification svg, .flight-list-section .panel-wrapper .panel-body .sun_classification svg, .flight-list-section .cruise_list_item .list_item_main_information_inner .sun_classification svg, .flight-list-section .cruise_list_item .panel-body .sun_classification svg, .filter-results .flight_list_item .list_item_main_information_inner .sun_classification svg, .filter-results .flight_list_item .panel-body .sun_classification svg, .filter-results .panel-wrapper .list_item_main_information_inner .sun_classification svg, .filter-results .panel-wrapper .panel-body .sun_classification svg, .filter-results .cruise_list_item .list_item_main_information_inner .sun_classification svg, .filter-results .cruise_list_item .panel-body .sun_classification svg { fill: #FFCA32; width: 14px; height: 14px; vertical-align: middle; margin: 0 1px; } .flight-list-section .flight_list_item .list_item_main_information_inner .flight_name, .flight-list-section .flight_list_item .list_item_main_information_inner .panel-heading, .flight-list-section .flight_list_item .panel-body .flight_name, .flight-list-section .flight_list_item .panel-body .panel-heading, .flight-list-section .panel-wrapper .list_item_main_information_inner .flight_name, .flight-list-section .panel-wrapper .list_item_main_information_inner .panel-heading, .flight-list-section .panel-wrapper .panel-body .flight_name, .flight-list-section .panel-wrapper .panel-body .panel-heading, .flight-list-section .cruise_list_item .list_item_main_information_inner .flight_name, .flight-list-section .cruise_list_item .list_item_main_information_inner .panel-heading, .flight-list-section .cruise_list_item .panel-body .flight_name, .flight-list-section .cruise_list_item .panel-body .panel-heading, .filter-results .flight_list_item .list_item_main_information_inner .flight_name, .filter-results .flight_list_item .list_item_main_information_inner .panel-heading, .filter-results .flight_list_item .panel-body .flight_name, .filter-results .flight_list_item .panel-body .panel-heading, .filter-results .panel-wrapper .list_item_main_information_inner .flight_name, .filter-results .panel-wrapper .list_item_main_information_inner .panel-heading, .filter-results .panel-wrapper .panel-body .flight_name, .filter-results .panel-wrapper .panel-body .panel-heading, .filter-results .cruise_list_item .list_item_main_information_inner .flight_name, .filter-results .cruise_list_item .list_item_main_information_inner .panel-heading, .filter-results .cruise_list_item .panel-body .flight_name, .filter-results .cruise_list_item .panel-body .panel-heading { width: 300px; float: left; } .flight-list-section .flight_list_item .list_item_main_information_inner .flight_name h2, .flight-list-section .flight_list_item .list_item_main_information_inner .panel-heading h2, .flight-list-section .flight_list_item .panel-body .flight_name h2, .flight-list-section .flight_list_item .panel-body .panel-heading h2, .flight-list-section .panel-wrapper .list_item_main_information_inner .flight_name h2, .flight-list-section .panel-wrapper .list_item_main_information_inner .panel-heading h2, .flight-list-section .panel-wrapper .panel-body .flight_name h2, .flight-list-section .panel-wrapper .panel-body .panel-heading h2, .flight-list-section .cruise_list_item .list_item_main_information_inner .flight_name h2, .flight-list-section .cruise_list_item .list_item_main_information_inner .panel-heading h2, .flight-list-section .cruise_list_item .panel-body .flight_name h2, .flight-list-section .cruise_list_item .panel-body .panel-heading h2, .filter-results .flight_list_item .list_item_main_information_inner .flight_name h2, .filter-results .flight_list_item .list_item_main_information_inner .panel-heading h2, .filter-results .flight_list_item .panel-body .flight_name h2, .filter-results .flight_list_item .panel-body .panel-heading h2, .filter-results .panel-wrapper .list_item_main_information_inner .flight_name h2, .filter-results .panel-wrapper .list_item_main_information_inner .panel-heading h2, .filter-results .panel-wrapper .panel-body .flight_name h2, .filter-results .panel-wrapper .panel-body .panel-heading h2, .filter-results .cruise_list_item .list_item_main_information_inner .flight_name h2, .filter-results .cruise_list_item .list_item_main_information_inner .panel-heading h2, .filter-results .cruise_list_item .panel-body .flight_name h2, .filter-results .cruise_list_item .panel-body .panel-heading h2 { font-size: 14px; } .flight-list-section .flight_list_item .list_item_main_information_inner .flight_name h2 a, .flight-list-section .flight_list_item .list_item_main_information_inner .panel-heading h2 a, .flight-list-section .flight_list_item .panel-body .flight_name h2 a, .flight-list-section .flight_list_item .panel-body .panel-heading h2 a, .flight-list-section .panel-wrapper .list_item_main_information_inner .flight_name h2 a, .flight-list-section .panel-wrapper .list_item_main_information_inner .panel-heading h2 a, .flight-list-section .panel-wrapper .panel-body .flight_name h2 a, .flight-list-section .panel-wrapper .panel-body .panel-heading h2 a, .flight-list-section .cruise_list_item .list_item_main_information_inner .flight_name h2 a, .flight-list-section .cruise_list_item .list_item_main_information_inner .panel-heading h2 a, .flight-list-section .cruise_list_item .panel-body .flight_name h2 a, .flight-list-section .cruise_list_item .panel-body .panel-heading h2 a, .filter-results .flight_list_item .list_item_main_information_inner .flight_name h2 a, .filter-results .flight_list_item .list_item_main_information_inner .panel-heading h2 a, .filter-results .flight_list_item .panel-body .flight_name h2 a, .filter-results .flight_list_item .panel-body .panel-heading h2 a, .filter-results .panel-wrapper .list_item_main_information_inner .flight_name h2 a, .filter-results .panel-wrapper .list_item_main_information_inner .panel-heading h2 a, .filter-results .panel-wrapper .panel-body .flight_name h2 a, .filter-results .panel-wrapper .panel-body .panel-heading h2 a, .filter-results .cruise_list_item .list_item_main_information_inner .flight_name h2 a, .filter-results .cruise_list_item .list_item_main_information_inner .panel-heading h2 a, .filter-results .cruise_list_item .panel-body .flight_name h2 a, .filter-results .cruise_list_item .panel-body .panel-heading h2 a { color: #1B1464; } .flight-list-section .flight_list_item .list_item_main_information_inner .airport_names, .flight-list-section .flight_list_item .panel-body .airport_names, .flight-list-section .panel-wrapper .list_item_main_information_inner .airport_names, .flight-list-section .panel-wrapper .panel-body .airport_names, .flight-list-section .cruise_list_item .list_item_main_information_inner .airport_names, .flight-list-section .cruise_list_item .panel-body .airport_names, .filter-results .flight_list_item .list_item_main_information_inner .airport_names, .filter-results .flight_list_item .panel-body .airport_names, .filter-results .panel-wrapper .list_item_main_information_inner .airport_names, .filter-results .panel-wrapper .panel-body .airport_names, .filter-results .cruise_list_item .list_item_main_information_inner .airport_names, .filter-results .cruise_list_item .panel-body .airport_names { width: 100%; } .flight-list-section .flight_list_item .list_item_main_information_inner .airport_names .departure_airport_name, .flight-list-section .flight_list_item .list_item_main_information_inner .airport_names .panel-heading, .flight-list-section .flight_list_item .panel-body .airport_names .departure_airport_name, .flight-list-section .flight_list_item .panel-body .airport_names .panel-heading, .flight-list-section .panel-wrapper .list_item_main_information_inner .airport_names .departure_airport_name, .flight-list-section .panel-wrapper .list_item_main_information_inner .airport_names .panel-heading, .flight-list-section .panel-wrapper .panel-body .airport_names .departure_airport_name, .flight-list-section .panel-wrapper .panel-body .airport_names .panel-heading, .flight-list-section .cruise_list_item .list_item_main_information_inner .airport_names .departure_airport_name, .flight-list-section .cruise_list_item .list_item_main_information_inner .airport_names .panel-heading, .flight-list-section .cruise_list_item .panel-body .airport_names .departure_airport_name, .flight-list-section .cruise_list_item .panel-body .airport_names .panel-heading, .filter-results .flight_list_item .list_item_main_information_inner .airport_names .departure_airport_name, .filter-results .flight_list_item .list_item_main_information_inner .airport_names .panel-heading, .filter-results .flight_list_item .panel-body .airport_names .departure_airport_name, .filter-results .flight_list_item .panel-body .airport_names .panel-heading, .filter-results .panel-wrapper .list_item_main_information_inner .airport_names .departure_airport_name, .filter-results .panel-wrapper .list_item_main_information_inner .airport_names .panel-heading, .filter-results .panel-wrapper .panel-body .airport_names .departure_airport_name, .filter-results .panel-wrapper .panel-body .airport_names .panel-heading, .filter-results .cruise_list_item .list_item_main_information_inner .airport_names .departure_airport_name, .filter-results .cruise_list_item .list_item_main_information_inner .airport_names .panel-heading, .filter-results .cruise_list_item .panel-body .airport_names .departure_airport_name, .filter-results .cruise_list_item .panel-body .airport_names .panel-heading { width: 300px; float: left; font-size: 14px; } .flight-list-section .flight_list_item .list_item_main_information_inner .airport_names .arrival_airport_name, .flight-list-section .flight_list_item .list_item_main_information_inner .airport_names .panel-heading, .flight-list-section .flight_list_item .panel-body .airport_names .arrival_airport_name, .flight-list-section .flight_list_item .panel-body .airport_names .panel-heading, .flight-list-section .panel-wrapper .list_item_main_information_inner .airport_names .arrival_airport_name, .flight-list-section .panel-wrapper .list_item_main_information_inner .airport_names .panel-heading, .flight-list-section .panel-wrapper .panel-body .airport_names .arrival_airport_name, .flight-list-section .panel-wrapper .panel-body .airport_names .panel-heading, .flight-list-section .cruise_list_item .list_item_main_information_inner .airport_names .arrival_airport_name, .flight-list-section .cruise_list_item .list_item_main_information_inner .airport_names .panel-heading, .flight-list-section .cruise_list_item .panel-body .airport_names .arrival_airport_name, .flight-list-section .cruise_list_item .panel-body .airport_names .panel-heading, .filter-results .flight_list_item .list_item_main_information_inner .airport_names .arrival_airport_name, .filter-results .flight_list_item .list_item_main_information_inner .airport_names .panel-heading, .filter-results .flight_list_item .panel-body .airport_names .arrival_airport_name, .filter-results .flight_list_item .panel-body .airport_names .panel-heading, .filter-results .panel-wrapper .list_item_main_information_inner .airport_names .arrival_airport_name, .filter-results .panel-wrapper .list_item_main_information_inner .airport_names .panel-heading, .filter-results .panel-wrapper .panel-body .airport_names .arrival_airport_name, .filter-results .panel-wrapper .panel-body .airport_names .panel-heading, .filter-results .cruise_list_item .list_item_main_information_inner .airport_names .arrival_airport_name, .filter-results .cruise_list_item .list_item_main_information_inner .airport_names .panel-heading, .filter-results .cruise_list_item .panel-body .airport_names .arrival_airport_name, .filter-results .cruise_list_item .panel-body .airport_names .panel-heading { width: 300px; float: right; text-align: right; font-size: 14px; } .flight-list-section .flight_list_item .list_item_main_information_inner .panel-content, .flight-list-section .flight_list_item .panel-body .panel-content, .flight-list-section .panel-wrapper .list_item_main_information_inner .panel-content, .flight-list-section .panel-wrapper .panel-body .panel-content, .flight-list-section .cruise_list_item .list_item_main_information_inner .panel-content, .flight-list-section .cruise_list_item .panel-body .panel-content, .filter-results .flight_list_item .list_item_main_information_inner .panel-content, .filter-results .flight_list_item .panel-body .panel-content, .filter-results .panel-wrapper .list_item_main_information_inner .panel-content, .filter-results .panel-wrapper .panel-body .panel-content, .filter-results .cruise_list_item .list_item_main_information_inner .panel-content, .filter-results .cruise_list_item .panel-body .panel-content { padding-right: 10px; } .flight-list-section .flight_list_item .list_item_main_information_inner .sun_classification, .flight-list-section .flight_list_item .panel-body .sun_classification, .flight-list-section .panel-wrapper .list_item_main_information_inner .sun_classification, .flight-list-section .panel-wrapper .panel-body .sun_classification, .flight-list-section .cruise_list_item .list_item_main_information_inner .sun_classification, .flight-list-section .cruise_list_item .panel-body .sun_classification, .filter-results .flight_list_item .list_item_main_information_inner .sun_classification, .filter-results .flight_list_item .panel-body .sun_classification, .filter-results .panel-wrapper .list_item_main_information_inner .sun_classification, .filter-results .panel-wrapper .panel-body .sun_classification, .filter-results .cruise_list_item .list_item_main_information_inner .sun_classification, .filter-results .cruise_list_item .panel-body .sun_classification { top: -2px; position: relative; } .flight-list-section .flight_list_item .list_item_main_information_inner .left_region, .flight-list-section .flight_list_item .panel-body .left_region, .flight-list-section .panel-wrapper .list_item_main_information_inner .left_region, .flight-list-section .panel-wrapper .panel-body .left_region, .flight-list-section .cruise_list_item .list_item_main_information_inner .left_region, .flight-list-section .cruise_list_item .panel-body .left_region, .filter-results .flight_list_item .list_item_main_information_inner .left_region, .filter-results .flight_list_item .panel-body .left_region, .filter-results .panel-wrapper .list_item_main_information_inner .left_region, .filter-results .panel-wrapper .panel-body .left_region, .filter-results .cruise_list_item .list_item_main_information_inner .left_region, .filter-results .cruise_list_item .panel-body .left_region { width: 300px; } .flight-list-section .flight_list_item .list_item_main_information_inner .left_region .travel_area_trail, .flight-list-section .flight_list_item .panel-body .left_region .travel_area_trail, .flight-list-section .panel-wrapper .list_item_main_information_inner .left_region .travel_area_trail, .flight-list-section .panel-wrapper .panel-body .left_region .travel_area_trail, .flight-list-section .cruise_list_item .list_item_main_information_inner .left_region .travel_area_trail, .flight-list-section .cruise_list_item .panel-body .left_region .travel_area_trail, .filter-results .flight_list_item .list_item_main_information_inner .left_region .travel_area_trail, .filter-results .flight_list_item .panel-body .left_region .travel_area_trail, .filter-results .panel-wrapper .list_item_main_information_inner .left_region .travel_area_trail, .filter-results .panel-wrapper .panel-body .left_region .travel_area_trail, .filter-results .cruise_list_item .list_item_main_information_inner .left_region .travel_area_trail, .filter-results .cruise_list_item .panel-body .left_region .travel_area_trail { margin-bottom: 5px; } .flight-list-section .flight_list_item .list_item_main_information_inner .left_region .travel_area_trail li a, .flight-list-section .flight_list_item .panel-body .left_region .travel_area_trail li a, .flight-list-section .panel-wrapper .list_item_main_information_inner .left_region .travel_area_trail li a, .flight-list-section .panel-wrapper .panel-body .left_region .travel_area_trail li a, .flight-list-section .cruise_list_item .list_item_main_information_inner .left_region .travel_area_trail li a, .flight-list-section .cruise_list_item .panel-body .left_region .travel_area_trail li a, .filter-results .flight_list_item .list_item_main_information_inner .left_region .travel_area_trail li a, .filter-results .flight_list_item .panel-body .left_region .travel_area_trail li a, .filter-results .panel-wrapper .list_item_main_information_inner .left_region .travel_area_trail li a, .filter-results .panel-wrapper .panel-body .left_region .travel_area_trail li a, .filter-results .cruise_list_item .list_item_main_information_inner .left_region .travel_area_trail li a, .filter-results .cruise_list_item .panel-body .left_region .travel_area_trail li a { color: #1B1464; } .flight-list-section .flight_list_item .list_item_main_information_inner .right_region .facilities .k_fact, .flight-list-section .flight_list_item .panel-body .right_region .facilities .k_fact, .flight-list-section .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact, .flight-list-section .panel-wrapper .panel-body .right_region .facilities .k_fact, .flight-list-section .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact, .flight-list-section .cruise_list_item .panel-body .right_region .facilities .k_fact, .filter-results .flight_list_item .list_item_main_information_inner .right_region .facilities .k_fact, .filter-results .flight_list_item .panel-body .right_region .facilities .k_fact, .filter-results .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact, .filter-results .panel-wrapper .panel-body .right_region .facilities .k_fact, .filter-results .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact, .filter-results .cruise_list_item .panel-body .right_region .facilities .k_fact { width: 150px; } .flight-list-section .flight_list_item .list_item_main_information_inner .right_region .facilities .k_fact svg, .flight-list-section .flight_list_item .panel-body .right_region .facilities .k_fact svg, .flight-list-section .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact svg, .flight-list-section .panel-wrapper .panel-body .right_region .facilities .k_fact svg, .flight-list-section .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact svg, .flight-list-section .cruise_list_item .panel-body .right_region .facilities .k_fact svg, .filter-results .flight_list_item .list_item_main_information_inner .right_region .facilities .k_fact svg, .filter-results .flight_list_item .panel-body .right_region .facilities .k_fact svg, .filter-results .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact svg, .filter-results .panel-wrapper .panel-body .right_region .facilities .k_fact svg, .filter-results .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact svg, .filter-results .cruise_list_item .panel-body .right_region .facilities .k_fact svg { width: 14px; height: 14px; display: inline-block; fill: #1B1464; } .flight-list-section .flight_list_item .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .flight-list-section .flight_list_item .panel-body .right_region .facilities .k_fact .checkbox_label, .flight-list-section .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .flight-list-section .panel-wrapper .panel-body .right_region .facilities .k_fact .checkbox_label, .flight-list-section .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .flight-list-section .cruise_list_item .panel-body .right_region .facilities .k_fact .checkbox_label, .filter-results .flight_list_item .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .filter-results .flight_list_item .panel-body .right_region .facilities .k_fact .checkbox_label, .filter-results .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .filter-results .panel-wrapper .panel-body .right_region .facilities .k_fact .checkbox_label, .filter-results .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .filter-results .cruise_list_item .panel-body .right_region .facilities .k_fact .checkbox_label { margin-left: 5px; color: #1B1464; font-family: "Proxima Nova W01 Medium", sans-serif; } .flight-list-section .flight_list_item .list_item_main_information_inner .more_about, .flight-list-section .flight_list_item .panel-body .more_about, .flight-list-section .panel-wrapper .list_item_main_information_inner .more_about, .flight-list-section .panel-wrapper .panel-body .more_about, .flight-list-section .cruise_list_item .list_item_main_information_inner .more_about, .flight-list-section .cruise_list_item .panel-body .more_about, .filter-results .flight_list_item .list_item_main_information_inner .more_about, .filter-results .flight_list_item .panel-body .more_about, .filter-results .panel-wrapper .list_item_main_information_inner .more_about, .filter-results .panel-wrapper .panel-body .more_about, .filter-results .cruise_list_item .list_item_main_information_inner .more_about, .filter-results .cruise_list_item .panel-body .more_about { color: #2C6AC7; font-size: 13px; font-family: "Proxima Nova W01 Medium", sans-serif; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage, .filter-results .flight_list_item .panel-body .bookingBoxListPage, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage, .filter-results .panel-wrapper .panel-body .bookingBoxListPage, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage, .filter-results .cruise_list_item .panel-body .bookingBoxListPage { float: right; width: 25%; box-sizing: border-box; background-color: #F4F3ED; padding-bottom: 16px; padding-right: 15px; text-align: center; display: inline-table; border: none; border-radius: 0px; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information { display: table-cell; vertical-align: bottom; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_title, .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_title, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information .disclaimer_title, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_title, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_title, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_title, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information .disclaimer_title, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_title, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_title, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_title, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information .disclaimer_title, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_title, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_title, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_title, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information .disclaimer_title, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_title, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_title, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_title, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information .disclaimer_title, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_title, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_title, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_title, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information .disclaimer_title, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_title { color: #1B1464; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_text, .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_text, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information .disclaimer_text, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_text, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_text, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_text, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information .disclaimer_text, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_text, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_text, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_text, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information .disclaimer_text, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_text, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_text, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_text, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information .disclaimer_text, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_text, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_text, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_text, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information .disclaimer_text, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_text, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .disclaimer_text, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .additional_disclaimer_text, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information .disclaimer_text, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information .additional_disclaimer_text { color: #1B1464; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information .price_from_text, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text { margin-top: 6px; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .price { font-size: 16px; color: #222222; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .currency, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .currency, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .currency, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information .price_from_text .currency, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .currency, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .currency, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .currency, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .currency, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .currency, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information .price_from_text .currency, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .currency, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .currency { font-size: 14px; color: #222222; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .from_text, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .from_text, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .from_text, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information .price_from_text .from_text, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .from_text, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .from_text, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .from_text, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .from_text, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .from_text, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information .price_from_text .from_text, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .from_text, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .from_text { color: #1B1464; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .brochure-price, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .brochure-price, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .brochure-price, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information .price_from_text .brochure-price, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .brochure-price, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .brochure-price, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .brochure-price, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .brochure-price, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .brochure-price, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information .price_from_text .brochure-price, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .brochure-price, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information .price_from_text .brochure-price { font-size: 13px; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .price, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information.discounted .price_from_text .total-price .currency { color: #ff0000; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .seats_left, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .booking_information .seats_left, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .seats_left, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .booking_information .seats_left, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .seats_left, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .booking_information .seats_left, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .seats_left, .filter-results .flight_list_item .panel-body .bookingBoxListPage .booking_information .seats_left, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .booking_information .seats_left, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .booking_information .seats_left, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .booking_information .seats_left, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .booking_information .seats_left { color: #ff0000; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .btn.btn-cta, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .btn.btn-cta, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .btn.btn-cta, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .btn.btn-cta, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .btn.btn-cta, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .btn.btn-cta, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .btn.btn-cta, .filter-results .flight_list_item .panel-body .bookingBoxListPage .btn.btn-cta, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .btn.btn-cta, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .btn.btn-cta, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .btn.btn-cta, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .btn.btn-cta { float: right; margin-top: 20px; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification .expandable_header h4, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .aggregated_price_specification .expandable_header h4, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification .expandable_header h4, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .aggregated_price_specification .expandable_header h4, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification .expandable_header h4, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .aggregated_price_specification .expandable_header h4, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification .expandable_header h4, .filter-results .flight_list_item .panel-body .bookingBoxListPage .aggregated_price_specification .expandable_header h4, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification .expandable_header h4, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .aggregated_price_specification .expandable_header h4, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification .expandable_header h4, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .aggregated_price_specification .expandable_header h4 { color: #1b5fcb; } .flight-list-section .flight_list_item .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification table td, .flight-list-section .flight_list_item .panel-body .bookingBoxListPage .aggregated_price_specification table td, .flight-list-section .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification table td, .flight-list-section .panel-wrapper .panel-body .bookingBoxListPage .aggregated_price_specification table td, .flight-list-section .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification table td, .flight-list-section .cruise_list_item .panel-body .bookingBoxListPage .aggregated_price_specification table td, .filter-results .flight_list_item .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification table td, .filter-results .flight_list_item .panel-body .bookingBoxListPage .aggregated_price_specification table td, .filter-results .panel-wrapper .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification table td, .filter-results .panel-wrapper .panel-body .bookingBoxListPage .aggregated_price_specification table td, .filter-results .cruise_list_item .list_item_main_information_inner .bookingBoxListPage .aggregated_price_specification table td, .filter-results .cruise_list_item .panel-body .bookingBoxListPage .aggregated_price_specification table td { border-color: #1B1464; color: #1B1464; } .flight-list-section .flight_list_item .flight_start_package .flight_start_package_header .flight_start_package_header_text, .flight-list-section .panel-wrapper .flight_start_package .flight_start_package_header .flight_start_package_header_text, .flight-list-section .cruise_list_item .flight_start_package .flight_start_package_header .flight_start_package_header_text, .filter-results .flight_list_item .flight_start_package .flight_start_package_header .flight_start_package_header_text, .filter-results .panel-wrapper .flight_start_package .flight_start_package_header .flight_start_package_header_text, .filter-results .cruise_list_item .flight_start_package .flight_start_package_header .flight_start_package_header_text { color: #1B1464; } .flight-list-section .flight_list_item .flight_start_package .flight_start_package_header .flight_start_package_read_more, .flight-list-section .panel-wrapper .flight_start_package .flight_start_package_header .flight_start_package_read_more, .flight-list-section .cruise_list_item .flight_start_package .flight_start_package_header .flight_start_package_read_more, .filter-results .flight_list_item .flight_start_package .flight_start_package_header .flight_start_package_read_more, .filter-results .panel-wrapper .flight_start_package .flight_start_package_header .flight_start_package_read_more, .filter-results .cruise_list_item .flight_start_package .flight_start_package_header .flight_start_package_read_more { color: #1b5fcb; font-size: 12px; } .flight-list-section .flight_list_item .flight_start_package svg, .flight-list-section .panel-wrapper .flight_start_package svg, .flight-list-section .cruise_list_item .flight_start_package svg, .filter-results .flight_list_item .flight_start_package svg, .filter-results .panel-wrapper .flight_start_package svg, .filter-results .cruise_list_item .flight_start_package svg { fill: #1b5fcb; } .flight-list-section .flight_list_item .panel-footer, .flight-list-section .panel-wrapper .panel-footer, .flight-list-section .cruise_list_item .panel-footer, .filter-results .flight_list_item .panel-footer, .filter-results .panel-wrapper .panel-footer, .filter-results .cruise_list_item .panel-footer { border: none; border-radius: 0; box-sizing: border-box; background-color: #F4F3ED; border-top-left-radius: 4px; padding: 15px 10px 15px 10px; } .flight-list-section .flight_list_item .panel-footer .panel-facts .fact-group .fact-label, .flight-list-section .panel-wrapper .panel-footer .panel-facts .fact-group .fact-label, .flight-list-section .cruise_list_item .panel-footer .panel-facts .fact-group .fact-label, .filter-results .flight_list_item .panel-footer .panel-facts .fact-group .fact-label, .filter-results .panel-wrapper .panel-footer .panel-facts .fact-group .fact-label, .filter-results .cruise_list_item .panel-footer .panel-facts .fact-group .fact-label { color: #1B1464; } .flight-list-section .divider, .filter-results .divider { display: none; } .flight-list-section .flight_list .angular_loader_container, .flight-list-section .results-list .angular_loader_container, .filter-results .flight_list .angular_loader_container, .filter-results .results-list .angular_loader_container { min-height: 32px; } .flight-list-section .flight_list .error-information, .flight-list-section .results-list .error-information, .filter-results .flight_list .error-information, .filter-results .results-list .error-information { box-sizing: border-box; margin-top: 10px; margin-bottom: 0; } @media (max-width: 767px) { .responsive .flight-list-section .flight_counter_and_sorting_options, .responsive .flight-list-section .list-header, .responsive .filter-results .flight_counter_and_sorting_options, .responsive .filter-results .list-header { padding: 8px 10px 8px 10px; box-sizing: border-box; } .responsive .flight-list-section .flight_counter_and_sorting_options .flight_counter_label_wrapper, .responsive .flight-list-section .flight_counter_and_sorting_options .title, .responsive .flight-list-section .list-header .flight_counter_label_wrapper, .responsive .flight-list-section .list-header .title, .responsive .filter-results .flight_counter_and_sorting_options .flight_counter_label_wrapper, .responsive .filter-results .flight_counter_and_sorting_options .title, .responsive .filter-results .list-header .flight_counter_label_wrapper, .responsive .filter-results .list-header .title { margin: 0; } .responsive .flight-list-section .flight_counter_and_sorting_options .sorting_header, .responsive .flight-list-section .flight_counter_and_sorting_options .controls, .responsive .flight-list-section .list-header .sorting_header, .responsive .flight-list-section .list-header .controls, .responsive .filter-results .flight_counter_and_sorting_options .sorting_header, .responsive .filter-results .flight_counter_and_sorting_options .controls, .responsive .filter-results .list-header .sorting_header, .responsive .filter-results .list-header .controls { border: 0; border-radius: 0; padding: 0; background-color: transparent; } } @media (max-width: 479px) { .responsive .flight-list-section .flight_counter_and_sorting_options .sorting_header .sortedby_text, .responsive .flight-list-section .flight_counter_and_sorting_options .controls .sortedby_text, .responsive .flight-list-section .list-header .sorting_header .sortedby_text, .responsive .flight-list-section .list-header .controls .sortedby_text, .responsive .filter-results .flight_counter_and_sorting_options .sorting_header .sortedby_text, .responsive .filter-results .flight_counter_and_sorting_options .controls .sortedby_text, .responsive .filter-results .list-header .sorting_header .sortedby_text, .responsive .filter-results .list-header .controls .sortedby_text { margin-top: 0; text-align: left; float: none; padding-bottom: 8px; } } @media (max-width: 767px) { .responsive .flight-list-section .flight_list_container, .responsive .filter-results .flight_list_container { margin-bottom: 10px; } .responsive .flight-list-section .angular-loader, .responsive .filter-results .angular-loader { margin-top: 0; } } @media (max-width: 979px) { .responsive .flight-list-section .list_item ._label img, .responsive .filter-results .list_item ._label img { width: auto; } } @media (max-width: 767px) { .responsive .flight-list-section .sorting_header_divider, .responsive .filter-results .sorting_header_divider { display: none; } } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer { background-color: #ffffff; border-color: #1B1464; border-radius: 0; border: none; padding-left: 0; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .text { color: #1B1464; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer div:first-child { display: block; font-size: 16px; margin-bottom: 5px; margin-left: 0; font-family: "Filson W01 Bold", sans-serif; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer div:last-child { font-size: 14px; float: right; margin-top: 15px; margin-bottom: 15px; text-decoration: none; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .pill { background-color: #739bd8; border: none; border-radius: 4px; color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); font-family: "Proxima Nova W01 Medium", sans-serif; font-size: 13px; font-family: "Filson W01 Bold", sans-serif; padding-top: 8px; padding-bottom: 8px; margin-left: 0; margin-right: 5px; } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .pill:after { font-size: 19px; top: -1px; } @media (max-width: 767px) { .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .pill:after { font-size: 17px; top: -2px; } } .flight-list-section .flight_filter_info .flight_filter_info_subcontainer .pill:hover { background-color: #1B1464; } @media (max-width: 767px) { .flight-list-section .flight_list_item, .filter-results .flight_list_item { margin: 0px; padding: 0px; } .flight-list-section .flight_list_item > div, .flight-list-section .panel-wrapper > div, .flight-list-section .cruise_list_item > div, .flight-list-section .panel-wrapper > div, .filter-results .flight_list_item > div, .filter-results .panel-wrapper > div, .filter-results .cruise_list_item > div, .filter-results .panel-wrapper > div { margin-left: 0px !important; } .flight-list-section .flight_list_item > div .span3, .flight-list-section .panel-wrapper > div .span3, .flight-list-section .cruise_list_item > div .span3, .flight-list-section .panel-wrapper > div .span3, .filter-results .flight_list_item > div .span3, .filter-results .panel-wrapper > div .span3, .filter-results .cruise_list_item > div .span3, .filter-results .panel-wrapper > div .span3 { padding-right: 10px; } .flight-list-section .flight_list_item > div .list_item_main_information, .flight-list-section .flight_list_item > div .panel-body-wrapper, .flight-list-section .panel-wrapper > div .list_item_main_information, .flight-list-section .panel-wrapper > div .panel-body-wrapper, .flight-list-section .cruise_list_item > div .list_item_main_information, .flight-list-section .cruise_list_item > div .panel-body-wrapper, .flight-list-section .panel-wrapper > div .list_item_main_information, .flight-list-section .panel-wrapper > div .panel-body-wrapper, .filter-results .flight_list_item > div .list_item_main_information, .filter-results .flight_list_item > div .panel-body-wrapper, .filter-results .panel-wrapper > div .list_item_main_information, .filter-results .panel-wrapper > div .panel-body-wrapper, .filter-results .cruise_list_item > div .list_item_main_information, .filter-results .cruise_list_item > div .panel-body-wrapper, .filter-results .panel-wrapper > div .list_item_main_information, .filter-results .panel-wrapper > div .panel-body-wrapper { margin-bottom: 5px; } .flight-list-section .flight_list_item > div .list_item_main_information_inner, .flight-list-section .flight_list_item > div .panel-body, .flight-list-section .panel-wrapper > div .list_item_main_information_inner, .flight-list-section .panel-wrapper > div .panel-body, .flight-list-section .cruise_list_item > div .list_item_main_information_inner, .flight-list-section .cruise_list_item > div .panel-body, .flight-list-section .panel-wrapper > div .list_item_main_information_inner, .flight-list-section .panel-wrapper > div .panel-body, .filter-results .flight_list_item > div .list_item_main_information_inner, .filter-results .flight_list_item > div .panel-body, .filter-results .panel-wrapper > div .list_item_main_information_inner, .filter-results .panel-wrapper > div .panel-body, .filter-results .cruise_list_item > div .list_item_main_information_inner, .filter-results .cruise_list_item > div .panel-body, .filter-results .panel-wrapper > div .list_item_main_information_inner, .filter-results .panel-wrapper > div .panel-body { padding-top: 15px; } .flight-list-section .flight_list_item > div .list_item_main_information_inner .flight_name, .flight-list-section .flight_list_item > div .list_item_main_information_inner .left_region, .flight-list-section .flight_list_item > div .list_item_main_information_inner .right_region, .flight-list-section .flight_list_item > div .list_item_main_information_inner .list_item_rating, .flight-list-section .flight_list_item > div .list_item_main_information_inner > a, .flight-list-section .flight_list_item > div .panel-body .flight_name, .flight-list-section .flight_list_item > div .panel-body .left_region, .flight-list-section .flight_list_item > div .panel-body .right_region, .flight-list-section .flight_list_item > div .panel-body .list_item_rating, .flight-list-section .flight_list_item > div .panel-body > a, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .flight_name, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .left_region, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .list_item_rating, .flight-list-section .panel-wrapper > div .list_item_main_information_inner > a, .flight-list-section .panel-wrapper > div .panel-body .flight_name, .flight-list-section .panel-wrapper > div .panel-body .left_region, .flight-list-section .panel-wrapper > div .panel-body .right_region, .flight-list-section .panel-wrapper > div .panel-body .list_item_rating, .flight-list-section .panel-wrapper > div .panel-body > a, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .flight_name, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .left_region, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .right_region, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .list_item_rating, .flight-list-section .cruise_list_item > div .list_item_main_information_inner > a, .flight-list-section .cruise_list_item > div .panel-body .flight_name, .flight-list-section .cruise_list_item > div .panel-body .left_region, .flight-list-section .cruise_list_item > div .panel-body .right_region, .flight-list-section .cruise_list_item > div .panel-body .list_item_rating, .flight-list-section .cruise_list_item > div .panel-body > a, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .flight_name, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .left_region, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .list_item_rating, .flight-list-section .panel-wrapper > div .list_item_main_information_inner > a, .flight-list-section .panel-wrapper > div .panel-body .flight_name, .flight-list-section .panel-wrapper > div .panel-body .left_region, .flight-list-section .panel-wrapper > div .panel-body .right_region, .flight-list-section .panel-wrapper > div .panel-body .list_item_rating, .flight-list-section .panel-wrapper > div .panel-body > a, .filter-results .flight_list_item > div .list_item_main_information_inner .flight_name, .filter-results .flight_list_item > div .list_item_main_information_inner .left_region, .filter-results .flight_list_item > div .list_item_main_information_inner .right_region, .filter-results .flight_list_item > div .list_item_main_information_inner .list_item_rating, .filter-results .flight_list_item > div .list_item_main_information_inner > a, .filter-results .flight_list_item > div .panel-body .flight_name, .filter-results .flight_list_item > div .panel-body .left_region, .filter-results .flight_list_item > div .panel-body .right_region, .filter-results .flight_list_item > div .panel-body .list_item_rating, .filter-results .flight_list_item > div .panel-body > a, .filter-results .panel-wrapper > div .list_item_main_information_inner .flight_name, .filter-results .panel-wrapper > div .list_item_main_information_inner .left_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .list_item_rating, .filter-results .panel-wrapper > div .list_item_main_information_inner > a, .filter-results .panel-wrapper > div .panel-body .flight_name, .filter-results .panel-wrapper > div .panel-body .left_region, .filter-results .panel-wrapper > div .panel-body .right_region, .filter-results .panel-wrapper > div .panel-body .list_item_rating, .filter-results .panel-wrapper > div .panel-body > a, .filter-results .cruise_list_item > div .list_item_main_information_inner .flight_name, .filter-results .cruise_list_item > div .list_item_main_information_inner .left_region, .filter-results .cruise_list_item > div .list_item_main_information_inner .right_region, .filter-results .cruise_list_item > div .list_item_main_information_inner .list_item_rating, .filter-results .cruise_list_item > div .list_item_main_information_inner > a, .filter-results .cruise_list_item > div .panel-body .flight_name, .filter-results .cruise_list_item > div .panel-body .left_region, .filter-results .cruise_list_item > div .panel-body .right_region, .filter-results .cruise_list_item > div .panel-body .list_item_rating, .filter-results .cruise_list_item > div .panel-body > a, .filter-results .panel-wrapper > div .list_item_main_information_inner .flight_name, .filter-results .panel-wrapper > div .list_item_main_information_inner .left_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .list_item_rating, .filter-results .panel-wrapper > div .list_item_main_information_inner > a, .filter-results .panel-wrapper > div .panel-body .flight_name, .filter-results .panel-wrapper > div .panel-body .left_region, .filter-results .panel-wrapper > div .panel-body .right_region, .filter-results .panel-wrapper > div .panel-body .list_item_rating, .filter-results .panel-wrapper > div .panel-body > a { padding-left: 10px; } .flight-list-section .flight_list_item > div .list_item_main_information_inner .right_region, .flight-list-section .flight_list_item > div .panel-body .right_region, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .flight-list-section .panel-wrapper > div .panel-body .right_region, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .right_region, .flight-list-section .cruise_list_item > div .panel-body .right_region, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .flight-list-section .panel-wrapper > div .panel-body .right_region, .filter-results .flight_list_item > div .list_item_main_information_inner .right_region, .filter-results .flight_list_item > div .panel-body .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .panel-body .right_region, .filter-results .cruise_list_item > div .list_item_main_information_inner .right_region, .filter-results .cruise_list_item > div .panel-body .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .panel-body .right_region { position: initial; padding-top: 10px; padding-bottom: 10px; } .flight-list-section .flight_list_item > div .list_item_main_information_inner .left_region .facilities, .flight-list-section .flight_list_item > div .panel-body .left_region .facilities, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .left_region .facilities, .flight-list-section .panel-wrapper > div .panel-body .left_region .facilities, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .left_region .facilities, .flight-list-section .cruise_list_item > div .panel-body .left_region .facilities, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .left_region .facilities, .flight-list-section .panel-wrapper > div .panel-body .left_region .facilities, .filter-results .flight_list_item > div .list_item_main_information_inner .left_region .facilities, .filter-results .flight_list_item > div .panel-body .left_region .facilities, .filter-results .panel-wrapper > div .list_item_main_information_inner .left_region .facilities, .filter-results .panel-wrapper > div .panel-body .left_region .facilities, .filter-results .cruise_list_item > div .list_item_main_information_inner .left_region .facilities, .filter-results .cruise_list_item > div .panel-body .left_region .facilities, .filter-results .panel-wrapper > div .list_item_main_information_inner .left_region .facilities, .filter-results .panel-wrapper > div .panel-body .left_region .facilities { padding: 5px 0; line-height: 20px; } .flight-list-section .flight_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information, .flight-list-section .flight_list_item > div .panel-body .bookingBoxListPage .booking_information, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information, .flight-list-section .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information, .flight-list-section .cruise_list_item > div .panel-body .bookingBoxListPage .booking_information, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information, .flight-list-section .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information, .filter-results .flight_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information, .filter-results .flight_list_item > div .panel-body .bookingBoxListPage .booking_information, .filter-results .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information, .filter-results .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information, .filter-results .cruise_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information, .filter-results .cruise_list_item > div .panel-body .bookingBoxListPage .booking_information, .filter-results .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information, .filter-results .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information { display: flex; margin-top: 10px; margin-bottom: -6px; align-items: flex-end; justify-content: space-between; } .flight-list-section .flight_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .flight_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .flight_list_item > div .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .flight_list_item > div .panel-body .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .cruise_list_item > div .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .cruise_list_item > div .panel-body .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .flight-list-section .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .flight-list-section .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .price_from_text, .filter-results .flight_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .flight_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .filter-results .flight_list_item > div .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .flight_list_item > div .panel-body .bookingBoxListPage .booking_information .price_from_text, .filter-results .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .filter-results .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .price_from_text, .filter-results .cruise_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .cruise_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .filter-results .cruise_list_item > div .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .cruise_list_item > div .panel-body .bookingBoxListPage .booking_information .price_from_text, .filter-results .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .price_from_text, .filter-results .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .price_from_text .price, .filter-results .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .price_from_text { font-size: 26px; align-items: baseline; } .flight-list-section .flight_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .currency, .flight-list-section .flight_list_item > div .panel-body .bookingBoxListPage .booking_information .currency, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .currency, .flight-list-section .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .currency, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .currency, .flight-list-section .cruise_list_item > div .panel-body .bookingBoxListPage .booking_information .currency, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .currency, .flight-list-section .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .currency, .filter-results .flight_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .currency, .filter-results .flight_list_item > div .panel-body .bookingBoxListPage .booking_information .currency, .filter-results .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .currency, .filter-results .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .currency, .filter-results .cruise_list_item > div .list_item_main_information_inner .bookingBoxListPage .booking_information .currency, .filter-results .cruise_list_item > div .panel-body .bookingBoxListPage .booking_information .currency, .filter-results .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .booking_information .currency, .filter-results .panel-wrapper > div .panel-body .bookingBoxListPage .booking_information .currency { padding-left: 5px; } .flight-list-section .flight_list_item > div .list_item_main_information_inner .bookingBoxListPage .btn.btn-primary, .flight-list-section .flight_list_item > div .panel-body .bookingBoxListPage .btn.btn-primary, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .btn.btn-primary, .flight-list-section .panel-wrapper > div .panel-body .bookingBoxListPage .btn.btn-primary, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .bookingBoxListPage .btn.btn-primary, .flight-list-section .cruise_list_item > div .panel-body .bookingBoxListPage .btn.btn-primary, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .btn.btn-primary, .flight-list-section .panel-wrapper > div .panel-body .bookingBoxListPage .btn.btn-primary, .filter-results .flight_list_item > div .list_item_main_information_inner .bookingBoxListPage .btn.btn-primary, .filter-results .flight_list_item > div .panel-body .bookingBoxListPage .btn.btn-primary, .filter-results .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .btn.btn-primary, .filter-results .panel-wrapper > div .panel-body .bookingBoxListPage .btn.btn-primary, .filter-results .cruise_list_item > div .list_item_main_information_inner .bookingBoxListPage .btn.btn-primary, .filter-results .cruise_list_item > div .panel-body .bookingBoxListPage .btn.btn-primary, .filter-results .panel-wrapper > div .list_item_main_information_inner .bookingBoxListPage .btn.btn-primary, .filter-results .panel-wrapper > div .panel-body .bookingBoxListPage .btn.btn-primary { width: 25%; margin-top: 0px; justify-content: center; } .flight-list-section .flight_list_item > div .list_item_rating, .flight-list-section .panel-wrapper > div .list_item_rating, .flight-list-section .cruise_list_item > div .list_item_rating, .flight-list-section .panel-wrapper > div .list_item_rating, .filter-results .flight_list_item > div .list_item_rating, .filter-results .panel-wrapper > div .list_item_rating, .filter-results .cruise_list_item > div .list_item_rating, .filter-results .panel-wrapper > div .list_item_rating { padding-bottom: 5px; } .flight-list-section .flight_list_item > div .panel-footer, .flight-list-section .panel-wrapper > div .panel-footer, .flight-list-section .cruise_list_item > div .panel-footer, .flight-list-section .panel-wrapper > div .panel-footer, .filter-results .flight_list_item > div .panel-footer, .filter-results .panel-wrapper > div .panel-footer, .filter-results .cruise_list_item > div .panel-footer, .filter-results .panel-wrapper > div .panel-footer { border-top-left-radius: 0px; } .flight-list-section .airport_names, .filter-results .airport_names { width: 85% !important; } .flight-list-section .airport_names h2, .filter-results .airport_names h2 { padding-bottom: 8px; } .flight-list-section .airport_names .departure_airport_name, .flight-list-section .airport_names .panel-heading, .filter-results .airport_names .departure_airport_name, .filter-results .airport_names .panel-heading { width: 100% !important; } .flight-list-section .airport_names .arrival_airport_name, .flight-list-section .airport_names .panel-heading, .filter-results .airport_names .arrival_airport_name, .filter-results .airport_names .panel-heading { width: 100% !important; float: left !important; text-align: left !important; } .panel > .row-fluid > [class*=span] { padding-left: 10px; padding-right: 10px; box-sizing: border-box; margin-left: 0px; margin-right: 0px; } .panel .panel-heading { padding-left: 0px; margin-top: 20px; } } @media (max-width: 979px) { .flight-list-section .flight_list_item > div .list_item_main_information_inner .right_region, .flight-list-section .flight_list_item > div .panel-body .right_region, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .flight-list-section .panel-wrapper > div .panel-body .right_region, .flight-list-section .cruise_list_item > div .list_item_main_information_inner .right_region, .flight-list-section .cruise_list_item > div .panel-body .right_region, .flight-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .flight-list-section .panel-wrapper > div .panel-body .right_region, .filter-results .flight_list_item > div .list_item_main_information_inner .right_region, .filter-results .flight_list_item > div .panel-body .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .panel-body .right_region, .filter-results .cruise_list_item > div .list_item_main_information_inner .right_region, .filter-results .cruise_list_item > div .panel-body .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .panel-body .right_region { position: initial; } } .flight_package_wrapper .modal-open { overflow: hidden; } .flight_package_wrapper .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .flight_package_wrapper .modal { overflow-x: hidden; overflow-y: auto; } .flight_package_wrapper .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .flight_package_wrapper .modal-dialog { transform: translate(0, -25%); } .modal.show .flight_package_wrapper .modal-dialog { transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); } .flight_package_wrapper .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .flight_package_wrapper .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); outline: 0; } .flight_package_wrapper .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .flight_package_wrapper .modal-backdrop.fade { opacity: 0; } .flight_package_wrapper .modal-backdrop.show { opacity: 0.5; } .flight_package_wrapper .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; } .flight_package_wrapper .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .flight_package_wrapper .modal-title { margin-bottom: 0; line-height: 1.44; } .flight_package_wrapper .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .flight_package_wrapper .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .flight_package_wrapper .modal-footer > :not(:first-child) { margin-left: .25rem; } .flight_package_wrapper .modal-footer > :not(:last-child) { margin-right: .25rem; } .flight_package_wrapper .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .flight_package_wrapper .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .flight_package_wrapper .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .flight_package_wrapper .modal-content { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); } .flight_package_wrapper .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .flight_package_wrapper .modal-lg { max-width: 800px; } } #breadcrumb ol { font-size: 12px; font-family: "Proxima N W01 Reg", sans-serif; background: #ffffff; } #breadcrumb .house { background: #1B1464; } #breadcrumb .house:before { border-bottom-color: #1B1464; } #breadcrumb .house:after { background: #ffffff; } #breadcrumb li { background: #ffffff; padding-bottom: 4px; } #breadcrumb li a { text-decoration: none; } #breadcrumb li span { font-size: 13px; } #breadcrumb.catalogue_breadcrumb li.last { background: #1b5fcb; } #breadcrumb.catalogue_breadcrumb li.last span { font-family: "Proxima Nova W01 Medium", sans-serif; color: #ffffff; } .shortcut_list { border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 0 3px #CCCCCC; background: #ffffff; } .shortcut_list .header { font-size: 12px; font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; color: #015790; line-height: 20px; background-color: #ffffff; } .shortcut_list .header .icon { height: 7px; width: 10px; overflow: hidden; display: inline-block; position: relative; left: 5px; } .shortcut_list .header .icon span { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2c5f0ec13465dce03d52365378323740/content/themes/apollo/content/img/icons/icons-sprite.png'); background-position: 0 -998px; position: absolute; } .shortcut_list .header.expanded .icon span { background-position: 0 -1005px; } .shortcut_list .options { font-size: 12px; font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; color: #015790; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: -3px 1px 2px rgba(51, 51, 51, 0.3), 2px -1px 2px rgba(51, 51, 51, 0.3), 2px 2px 5px rgba(51, 51, 51, 0.3); background-color: #ffffff; } .shortcut_list .options.single_column { box-shadow: -3px 3px 3px 0px rgba(51, 51, 51, 0.3), 3px 3px 3px 0px rgba(51, 51, 51, 0.3); } .shortcut_list .options a:hover { background-color: #015790; color: #ffffff; text-decoration: none; } .shortcut_list .options ul { border-bottom: 1px solid #eadfbe; } .shortcut_list .options ul li { border-top: 1px solid #eadfbe; } .shortcut_list .options .last_column { border-bottom: none; background: #ffffff; } .shortcut_list .options > a { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; } .shortcut_list .options > a:after { content: " »"; } #tab_navigation { line-height: 15px; background: #1b5fcb; color: #015790; } #tab_navigation > ul { border-radius: 4px 4px 0 0; font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; font-size: 13px; } #tab_navigation > ul > li.current, #tab_navigation > ul > li:hover { border: 0px; background: #ffffff; border-top-left-radius: 4px; border-top-right-radius: 4px; margin: 4px 0px 0px 0px; /*box-shadow: $no_border_shadow-1px-up;*/ color: #1B1464; } #tab_navigation > ul > li .tab_text { text-decoration: none; } #tab_navigation > ul > li > a { color: #ffffff; } #tab_navigation > ul > li > a:hover { color: #1B1464; } #tab_navigation > ul > li:first-child { border-left: none; } @media (max-width: 767px) { .responsive #tab_navigation { background-image: none; background-color: #1b5fcb; } .responsive #tab_navigation li.current, .responsive #tab_navigation li:hover { height: 24px; margin-left: 0px; margin-bottom: 0px; } .responsive #tab_navigation a { color: #ffffff; } .responsive #tab_navigation a:hover { color: #1B1464; } } #footer_tab_links li { font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; font-size: 12px; color: #333333; } #top_navigation { background-color: #EFEEE9; } @media (min-width: 980px) { #top_navigation { background-color: transparent; } } #top_navigation > .top_menu > .top_menu_item { color: #1B1464; font-size: 17px; font-family: "Filson W01 Bold", sans-serif; align-items: center; } #top_navigation > .top_menu > .top_menu_item.expandedMenu > a { background-color: #E6E5DF; } @media (min-width: 980px) { #top_navigation > .top_menu > .top_menu_item.expandedMenu > a { background-color: transparent; } } #top_navigation > .top_menu > .top_menu_item a { color: #1B1464; } #top_navigation > .top_menu > .top_menu_item a:hover { text-decoration: none; } #top_navigation > .top_menu > .top_menu_item .arrow { border: solid #1B1464; border-width: 0 3px 3px 0; } @media (min-width: 980px) { #top_navigation > .top_menu > .top_menu_item .arrow { border: none; } } #top_navigation > .top_menu > .top_menu_item > .menu_sub_section { background-color: white; text-shadow: none; } #top_navigation > .top_menu > .top_menu_item > .menu_sub_section > li { color: #333333; font-size: 14px; } #top_navigation > .top_menu > .top_menu_item > .menu_sub_section > li > p { font-size: 18px; font-family: "Filson W01 Bold", sans-serif; } #top_navigation > .top_menu > .top_menu_item > .menu_sub_section > li > ul { font-family: "Proxima N W01 Reg", sans-serif; line-height: 16px; } #top_navigation > .top_menu > .top_menu_item > .menu_sub_section > li > ul > li:hover { background-color: #E6E5DF; } @media (max-width: 767px) { #filter_section .filter_section_heading.collapsed { background: url('//cdn-prod-green-www.apollorejser.dk/v-f54e9ccde80ca4869767244443271cb8/content/themes/apollo/content/img/icons/icons/plus2x.png') no-repeat right 10px top 4px; background-size: 15px 15px; } #filter_section .filter_section_heading.expanded { background: url('//cdn-prod-green-www.apollorejser.dk/v-ae02b26468a7eb3b62aaa5a3ba80dc9d/content/themes/apollo/content/img/icons/icons/minus2x.png') no-repeat right 10px top 10px; background-size: 15px 4px; } } #filter_section ul li fieldset { font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; color: #333333; font-size: 11px; } #filter_section .search_button_container { background-size: 100%; background-color: #acddf0; padding: 10px; box-sizing: border-box; } .hotel-filters-section #filter_section, .hotel-filters-section .filter-section, .filters-section #filter_section, .filters-section .filter-section { background: #ffffff; color: #1B1464; border: none; } .hotel-filters-section #filter_section fieldset, .hotel-filters-section .filter-section fieldset, .filters-section #filter_section fieldset, .filters-section .filter-section fieldset { color: #1B1464; font-size: 12px; } .hotel-filters-section #filter_section fieldset label > span .segmentation-text-label, .hotel-filters-section .filter-section fieldset label > span .segmentation-text-label, .filters-section #filter_section fieldset label > span .segmentation-text-label, .filters-section .filter-section fieldset label > span .segmentation-text-label { margin-left: 5px; } .hotel-filters-section #filter_section fieldset label i.classification, .hotel-filters-section .filter-section fieldset label i.classification, .filters-section #filter_section fieldset label i.classification, .filters-section .filter-section fieldset label i.classification { margin-left: 5px; } .hotel-filters-section #filter_section fieldset > .checkbox_container, .hotel-filters-section .filter-section fieldset > .checkbox_container, .filters-section #filter_section fieldset > .checkbox_container, .filters-section .filter-section fieldset > .checkbox_container { margin-top: 5px; margin-bottom: 5px; } .hotel-filters-section #filter_section .filter_section_heading, .hotel-filters-section .filter-section .filter_section_heading, .filters-section #filter_section .filter_section_heading, .filters-section .filter-section .filter_section_heading { background: #1b5fcb; border-top-left-radius: 4px; border-top-right-radius: 4px; } .hotel-filters-section #filter_section .filter_section_heading h2, .hotel-filters-section .filter-section .filter_section_heading h2, .filters-section #filter_section .filter_section_heading h2, .filters-section .filter-section .filter_section_heading h2 { color: #ffffff; margin-bottom: 0px; display: inline-block; } .hotel-filters-section #filter_section .filter_section_heading svg, .hotel-filters-section .filter-section .filter_section_heading svg, .filters-section #filter_section .filter_section_heading svg, .filters-section .filter-section .filter_section_heading svg { width: 16px; height: 16px; fill: #ffffff; display: inline-block; position: relative; top: 13px; float: right; right: 10px; } .hotel-filters-section #filter_section .radio_button_container input, .hotel-filters-section .filter-section .radio_button_container input, .filters-section #filter_section .radio_button_container input, .filters-section .filter-section .radio_button_container input { display: none; } .hotel-filters-section #filter_section .radio_button_container input ~ svg, .hotel-filters-section .filter-section .radio_button_container input ~ svg, .filters-section #filter_section .radio_button_container input ~ svg, .filters-section .filter-section .radio_button_container input ~ svg { display: inline-block; } .hotel-filters-section #filter_section .checkbox_container, .hotel-filters-section .filter-section .checkbox_container, .filters-section #filter_section .checkbox_container, .filters-section .filter-section .checkbox_container { cursor: pointer; } .hotel-filters-section #filter_section .checkbox_container .checkbox_marker, .hotel-filters-section .filter-section .checkbox_container .checkbox_marker, .filters-section #filter_section .checkbox_container .checkbox_marker, .filters-section .filter-section .checkbox_container .checkbox_marker { display: none; } .hotel-filters-section #filter_section .checkbox_container input, .hotel-filters-section .filter-section .checkbox_container input, .filters-section #filter_section .checkbox_container input, .filters-section .filter-section .checkbox_container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .hotel-filters-section #filter_section .checkbox_container input ~ svg, .hotel-filters-section .filter-section .checkbox_container input ~ svg, .filters-section #filter_section .checkbox_container input ~ svg, .filters-section .filter-section .checkbox_container input ~ svg { fill: #1B1464; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-right: 5px; } .hotel-filters-section #filter_section .checkbox_container input:checked ~ svg.not_checked, .hotel-filters-section #filter_section .checkbox_container input:checked ~ svg.indeterminate, .hotel-filters-section .filter-section .checkbox_container input:checked ~ svg.not_checked, .hotel-filters-section .filter-section .checkbox_container input:checked ~ svg.indeterminate, .filters-section #filter_section .checkbox_container input:checked ~ svg.not_checked, .filters-section #filter_section .checkbox_container input:checked ~ svg.indeterminate, .filters-section .filter-section .checkbox_container input:checked ~ svg.not_checked, .filters-section .filter-section .checkbox_container input:checked ~ svg.indeterminate { display: none !important; } .hotel-filters-section #filter_section .checkbox_container input:not(.read-only) ~ svg.checked_readonly, .hotel-filters-section #filter_section .checkbox_container input.read-only:not(:checked) ~ svg.checked_readonly, .hotel-filters-section .filter-section .checkbox_container input:not(.read-only) ~ svg.checked_readonly, .hotel-filters-section .filter-section .checkbox_container input.read-only:not(:checked) ~ svg.checked_readonly, .filters-section #filter_section .checkbox_container input:not(.read-only) ~ svg.checked_readonly, .filters-section #filter_section .checkbox_container input.read-only:not(:checked) ~ svg.checked_readonly, .filters-section .filter-section .checkbox_container input:not(.read-only) ~ svg.checked_readonly, .filters-section .filter-section .checkbox_container input.read-only:not(:checked) ~ svg.checked_readonly { display: none !important; } .hotel-filters-section #filter_section .checkbox_container input.read-only ~ svg.checked, .hotel-filters-section #filter_section .checkbox_container input.read-only ~ svg.indeterminate, .hotel-filters-section .filter-section .checkbox_container input.read-only ~ svg.checked, .hotel-filters-section .filter-section .checkbox_container input.read-only ~ svg.indeterminate, .filters-section #filter_section .checkbox_container input.read-only ~ svg.checked, .filters-section #filter_section .checkbox_container input.read-only ~ svg.indeterminate, .filters-section .filter-section .checkbox_container input.read-only ~ svg.checked, .filters-section .filter-section .checkbox_container input.read-only ~ svg.indeterminate { display: none !important; } .hotel-filters-section #filter_section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.checked, .hotel-filters-section #filter_section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.indeterminate, .hotel-filters-section .filter-section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.checked, .hotel-filters-section .filter-section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.indeterminate, .filters-section #filter_section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.checked, .filters-section #filter_section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.indeterminate, .filters-section .filter-section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.checked, .filters-section .filter-section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.indeterminate { display: none !important; } .hotel-filters-section #filter_section .checkbox_container input:not(:checked):indeterminate ~ svg.checked, .hotel-filters-section #filter_section .checkbox_container input:not(:checked):indeterminate ~ svg.not_checked, .hotel-filters-section .filter-section .checkbox_container input:not(:checked):indeterminate ~ svg.checked, .hotel-filters-section .filter-section .checkbox_container input:not(:checked):indeterminate ~ svg.not_checked, .filters-section #filter_section .checkbox_container input:not(:checked):indeterminate ~ svg.checked, .filters-section #filter_section .checkbox_container input:not(:checked):indeterminate ~ svg.not_checked, .filters-section .filter-section .checkbox_container input:not(:checked):indeterminate ~ svg.checked, .filters-section .filter-section .checkbox_container input:not(:checked):indeterminate ~ svg.not_checked { display: none !important; } .hotel-filters-section #filter_section .checkbox_container input:checked ~ span, .hotel-filters-section #filter_section .checkbox_container input:indeterminate ~ span, .hotel-filters-section .filter-section .checkbox_container input:checked ~ span, .hotel-filters-section .filter-section .checkbox_container input:indeterminate ~ span, .filters-section #filter_section .checkbox_container input:checked ~ span, .filters-section #filter_section .checkbox_container input:indeterminate ~ span, .filters-section .filter-section .checkbox_container input:checked ~ span, .filters-section .filter-section .checkbox_container input:indeterminate ~ span { font-family: "Proxima Nova W01 Medium", sans-serif; } .hotel-filters-section #filter_section .checkbox_container i.classification, .hotel-filters-section .filter-section .checkbox_container i.classification, .filters-section #filter_section .checkbox_container i.classification, .filters-section .filter-section .checkbox_container i.classification { display: none; } .hotel-filters-section #filter_section .checkbox_container .sun_classification-block, .hotel-filters-section .filter-section .checkbox_container .sun_classification-block, .filters-section #filter_section .checkbox_container .sun_classification-block, .filters-section .filter-section .checkbox_container .sun_classification-block { display: block; float: none; } .hotel-filters-section #filter_section .checkbox_container .sun_classification-inline, .hotel-filters-section .filter-section .checkbox_container .sun_classification-inline, .filters-section #filter_section .checkbox_container .sun_classification-inline, .filters-section .filter-section .checkbox_container .sun_classification-inline { display: inline-block; float: left; } .hotel-filters-section #filter_section .checkbox_container .sun_classification svg, .hotel-filters-section .filter-section .checkbox_container .sun_classification svg, .filters-section #filter_section .checkbox_container .sun_classification svg, .filters-section .filter-section .checkbox_container .sun_classification svg { fill: #FFCA32; width: 14px; height: 14px; vertical-align: middle; margin: 0 1px; } .hotel-filters-section #filter_section .checkbox_container .sun_classification, .hotel-filters-section .filter-section .checkbox_container .sun_classification, .filters-section #filter_section .checkbox_container .sun_classification, .filters-section .filter-section .checkbox_container .sun_classification { margin-left: 5px; } .hotel-filters-section #filter_section .facility_groups .smallheading, .hotel-filters-section .filter-section .facility_groups .smallheading, .filters-section #filter_section .facility_groups .smallheading, .filters-section .filter-section .facility_groups .smallheading { background-image: none; margin-left: 0; } .hotel-filters-section #filter_section .facility_groups .smallheading span, .hotel-filters-section .filter-section .facility_groups .smallheading span, .filters-section #filter_section .facility_groups .smallheading span, .filters-section .filter-section .facility_groups .smallheading span { padding-left: 0; color: #1B1464; } .hotel-filters-section #filter_section .facility_groups .smallheading .angle_icon, .hotel-filters-section .filter-section .facility_groups .smallheading .angle_icon, .filters-section #filter_section .facility_groups .smallheading .angle_icon, .filters-section .filter-section .facility_groups .smallheading .angle_icon { visibility: visible; fill: #1B1464; } .hotel-filters-section #filter_section .filter_section_body, .hotel-filters-section .filter-section .filter_section_body, .filters-section #filter_section .filter_section_body, .filters-section .filter-section .filter_section_body { margin-left: 10px; } .hotel-filters-section #filter_section .filter_section_body .classifications_filter .counter, .hotel-filters-section .filter-section .filter_section_body .classifications_filter .counter, .filters-section #filter_section .filter_section_body .classifications_filter .counter, .filters-section .filter-section .filter_section_body .classifications_filter .counter { margin-left: 5px; } .hotel-filters-section #filter_section .heading, .hotel-filters-section .filter-section .heading, .filters-section #filter_section .heading, .filters-section .filter-section .heading { background: #ffffff; color: #1B1464; border: none; padding: 15px 0px; font-size: 17px; } .hotel-filters-section #filter_section ul, .hotel-filters-section .filter-section ul, .filters-section #filter_section ul, .filters-section .filter-section ul { margin-left: 22px; margin-bottom: 0px; margin-right: 0px; } .hotel-filters-section #filter_section ul li, .hotel-filters-section .filter-section ul li, .filters-section #filter_section ul li, .filters-section .filter-section ul li { border-bottom: none; } .hotel-filters-section #filter_section .filter_section > ul, .hotel-filters-section #filter_section ul.facilities_filter, .hotel-filters-section .filter-section .filter_section > ul, .hotel-filters-section .filter-section ul.facilities_filter, .filters-section #filter_section .filter_section > ul, .filters-section #filter_section ul.facilities_filter, .filters-section .filter-section .filter_section > ul, .filters-section .filter-section ul.facilities_filter { margin-left: 0px; margin-bottom: 14px; } .list_image_slideshow .controls { top: -3px; height: 18px; border-color: #eadfbe; border-style: solid; border-width: 1px 0; } .list_image_slideshow .controls .navigation { margin-top: 1px; } @media (max-width: 479px) { .responsive .list_image_slideshow .navigation { margin-top: -120px; width: 100%; } .responsive .list_image_slideshow .navigation i { margin: 0px; } .responsive .list_image_slideshow .slideshow_enlarge { visibility: hidden; } .responsive .list_image_slideshow .icon-slideshow_back { width: 41px; height: 43px; background-position: -50px -26px; left: -10px; } .responsive .list_image_slideshow .icon-slideshow_forward { width: 41px; height: 43px; background-position: -92px -26px; right: -10px; } } #bottom_section .bottom_section_container { border-radius: 0px 0px 4px 4px; background-color: white; } #bottom_section .currenttab { border-radius: 4px 4px 0px 0px; background-color: white; border: none; } #bottom_section .currenttab h2 { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; color: #333333; font-size: 13px; } #bottom_section li { border-bottom: none; } #bottom_section .sibling .more_info { box-shadow: 0px 0px 5px -1px #000; background-color: white; border-radius: 4px; border: 1px solid #EEE; } #bottom_section .sibling .more_info .bottomarrow { background: transparent; font-size: 20px; text-shadow: 0px 2px 3px #999; color: white; } #bottom_section .sibling .more_info .bottomarrow:after { content: "▼"; } #bottom_section .sibling .more_info p { font-size: 12px; font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; color: #333333; } #bottom_section .sibling .more_info h3 { font-family: "Filson W01 Bold", sans-serif; color: #333333; font-size: 14px; } #bottom_section .sibling a { font-family: "Filson W01 Bold", sans-serif; font-size: 14px; } #left_nav { border-bottom: solid 1px #eadfbe; border-top: solid 1px #eadfbe; } #left_nav h2 { font-family: "Proxima N W01 Bold", sans-serif; font-weight: inherit; } #left_nav li { font-family: "Proxima N W01 Reg", sans-serif; font-weight: inherit; font-size: 13px; line-height: 18px; } #left_nav li a:hover { background-color: #015790; color: white; text-decoration: none; } #left_nav li.current > a { background-color: #015790 !important; color: #ffffff; } #left_nav li li > a { background-color: #dbeff9; } #left_nav li li > a:hover { background-color: #015790; text-decoration: none; } #left_nav li li li > a { background-color: #f4fafd; } #left_nav li li li li > a { background-color: #f4fafd; } #left_nav li li li li li > a { background-color: #f4fafd; } @media (max-width: 767px) { .responsive #left_nav li { font-size: 15px; } } .search-form__text-input, .search-form .st-default-search-input { border-color: #1B1464; } .search-form__button { color: #ffffff; border-color: #1B1464; background-color: #1B1464; } @media (min-width: 980px) { .search-form--narrow .search-form__button { background-color: #ffffff; color: #1B1464; } } /*Core*/ #header.menu_expanded { z-index: 9999; width: 100%; position: fixed; } @media (max-width: 979px) { #header.menu_expanded .header-top-menu-item { display: none; } #header.menu_expanded .header-top-menu-item-trigger { display: block; box-shadow: none; } } @media (max-width: 979px) { #header.menu_expanded #header-content { padding: 0 10px; } } #header #header-top { width: 100%; box-shadow: 0 1px 0 0 #d3d0c5; display: flex; justify-content: space-between; align-items: stretch; } @media (max-width: 979px) { #header #header-top { box-shadow: none; height: 78px; align-items: center; } } #header #header-top-menu { display: flex; } @media (max-width: 979px) { #header #header-top-menu { align-items: center; } } #header #header-editable-content-desktop { display: flex; } @media (max-width: 979px) { #header #header-editable-content-desktop { display: none; } } #header #header-editable-content-mobile { display: none; width: 100%; } @media (max-width: 979px) { #header #header-editable-content-mobile { display: flex; } } @media (min-width: 768px) and (max-width: 979px) { #header #header-editable-content-mobile { width: 744px; margin: 0 auto; } } #header #header-main { display: flex; align-items: center; justify-content: space-between; width: 100%; } #header .header-top-menu-item { text-decoration: none; display: flex; align-items: center; display: flex; align-items: center; margin-left: 18px; height: 100%; cursor: pointer; } #header .header-top-menu-item .my-hotels-container, #header .header-top-menu-item .my-hotels { display: flex; align-self: stretch; } #header .header-top-menu-item-icon { stroke: blue; height: 24px; width: 24px; margin-right: 9px; } #header .header-top-menu-item-trigger { padding: 10px 20px; box-shadow: -2px 0 0px -1px #d3d0c5; } #header .header-top-menu-item-text { font-family: "Filson W01 Bold", sans-serif; font-size: 14px; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; color: #1B1464; } @media (max-width: 979px) { #header .header-top-menu-item-text { display: none; } } @media (min-width: 980px) { #header .header-top-menu-item.header-top-menu-mobile { display: none; } #header .header-top-menu-item:hover, #header .header-top-menu-item.active, #header .header-top-menu-item .toggle-my-hotels-btn:hover { box-shadow: 0 -5px 0 -1px #1B1464 inset; } } #header #header-content { flex-flow: column; height: auto; position: relative; margin: 0 auto; width: 960px; } #header #header-content .logotype { height: 60px; display: table-cell; vertical-align: middle; display: flex; align-items: center; } #header #header-content .logotype > a { line-height: 0; } #header #header-content .logotype > a > img { height: 40px; width: 160px; } #header #header-content .menu_opener { cursor: pointer; } #header #header-content .search_opener { height: 24px; width: 24px; cursor: pointer; } #header #header-content .search_opener svg { width: 100%; height: 100%; } @media (max-width: 979px) { #header #header-content .search-form-wrapper { padding-bottom: 10px; width: 100%; } } #header .headershortcutmenu { position: absolute; right: 10px; top: 10px; } #header .headershortcutmenu ul { float: left; } #header .headershortcutmenu li { float: left; margin-left: 40px; } .header-top-menu-item svg { width: 24px; height: 24px; stroke: #1B1464; } @media (max-width: 979px) { #header { height: auto; margin-bottom: -2px; } } @media (min-width: 980px) { #header #header-content { padding-top: 10px; display: table; display: flex; align-items: center; justify-content: space-between; } } @media (min-width: 768px) and (max-width: 979px) { #header #header-content { width: 744px; } } @media (max-width: 767px) { #header #header-content { width: auto; padding-left: 10px; } #header #header-content .headershortcutmenu { display: none; } } @media (max-width: 979px) { #header #header-content .logotype img { width: 126px; height: 32px; } #header #header-content .menu_opener { display: inline-block; } #header #header-content .menu_opener .hamburger_menu_top_bar, #header #header-content .menu_opener .hamburger_menu_center_bar, #header #header-content .menu_opener .hamburger_menu_bottom_bar { width: 30px; height: 3px; background-color: #fff; margin: 6px 0; transition: 0.3s; } #header #header-content .hamburger_menu_close .hamburger_menu_top_bar { transform: rotate(45deg) translate(7px, 7px); } #header #header-content .hamburger_menu_close .hamburger_menu_center_bar { opacity: 0; } #header #header-content .hamburger_menu_close .hamburger_menu_bottom_bar { transform: rotate(-45deg) translate(6px, -6px); } } /*Component*/ #header { background: #EFEEE9; } #header .headershortcutmenu li a { font-size: 13px; color: #ffffff; } #header .search_opener svg { fill: #1B1464; } #header { transition: 250ms; transition-timing-function: ease; } #header #header-content .logotype > a > img { transition: 200ms; transition-timing-function: ease; } @media (min-width: 980px) { #header .search-form-wrapper { background-color: transparent; } } @media (max-width: 979px) { #header { height: auto; margin-bottom: -2px; } #header .search-form-wrapper { background: #EFEEE9; } } @media (max-width: 979px) { #header #header-content .menu_opener .hamburger_menu_top_bar, #header #header-content .menu_opener .hamburger_menu_center_bar, #header #header-content .menu_opener .hamburger_menu_bottom_bar { background-color: #1B1464; } } #footer { background-color: #1B1464; width: 100%; /* For graceful deploy TODO: Remove when all sales units have updated markup */ /* For graceful deploy TODO: Remove when all sales units have updated markup */ } @media (min-width: 768px) and (max-width: 979px) { #footer { width: 744px; } } @media (max-width: 767px) { #footer { width: auto; } } @media (min-width: 768px) and (max-width: 979px) { #footer { width: 100%; } } @media (max-width: 767px) { #footer { width: 100%; } } #footer h4 { color: #ffffff; } #footer ul { list-style-type: none; display: block; } #footer a { text-decoration: none; } #footer .content_cell { width: 180px; float: left; min-height: 170px; } @media (max-width: 979px) { #footer .content_cell { margin-bottom: 20px; } } #footer .content_cell a { font-size: 15px; color: #ffffff; } #footer .footer { width: auto; margin: 0 auto; color: #ffffff; fill: currentColor; flex-shrink: 0; } @media (min-width: 980px) { #footer .footer { width: 960px; } } @media (min-width: 768px) and (max-width: 979px) { #footer .footer { width: 744px; } } #footer .footer-wrapper { width: auto; padding-left: 10px; padding-right: 10px; } #footer .footer-section { text-align: center; } @media (min-width: 768px) { #footer .footer-section { text-align: left; margin-bottom: 1.6rem; } } #footer .footer-section--no-heading { margin-top: 2.4rem; margin-bottom: 2.4rem; } @media (min-width: 768px) { #footer .footer-section--no-heading { margin-top: 0; margin-bottom: 1.6rem; } } #footer .footer-section--center { text-align: center; } #footer .footer-section__heading { color: #ffffff; text-transform: uppercase; margin: 2.9rem 0 1.6rem; } @media (min-width: 768px) { #footer .footer-section__heading { margin-top: 1.6rem; } } #footer .footer-section__heading--social { margin-bottom: 1.3rem; } #footer .footer-section__link { color: #ffffff; font-family: "Filson W01 Book", sans-serif; font-size: 16px; } #footer .footer-section__link--icon-and-text { display: flex; flex-direction: column; } #footer .footer-section__link--icon-and-text svg { width: 25px; height: 25px; margin: 0px auto 10px; fill: #ffffff; } @media (min-width: 768px) { #footer .footer-section__link--icon-and-text { flex-direction: row; } #footer .footer-section__link--icon-and-text svg { margin: 0 10px 0 0; } #footer .footer-section__link--icon-and-text span { line-height: 32px; } } #footer .footer-section__link--icon-and-dual-text { display: flex; flex-direction: column; margin-top: 20px; } #footer .footer-section__link--icon-and-dual-text img { align-self: center; height: 50px; width: 50px; margin: 0 10px 0 0; } @media (min-width: 768px) { #footer .footer-section__link--icon-and-dual-text { flex-direction: row; margin-top: 20px; } #footer .footer-section__link--icon-and-dual-text span { display: flex; align-items: center; } #footer .footer-section__link--icon-and-dual-text svg { margin: 0 5px 0 0; } } #footer .footer-section__link--icon { width: 40px; height: 40px; background: #ffffff; border-radius: 100%; display: inline-block; vertical-align: middle; display: inline-flex; align-items: center; } #footer .footer-section__link--icon svg { fill: #1B1464; width: 60%; height: 60%; margin: 0 auto; } #footer .footer-section__list li { margin-bottom: 1.6rem; } @media (min-width: 768px) { #footer .footer-section__list li { margin-bottom: 0.8rem; } } #footer .footer-section__list--horizontal li { display: inline-block; margin-right: 12px; } #footer .footer-section__list--horizontal li:last-child { margin-right: 0; } #footer .footer-section__list--customer-services { display: flex; flex-grow: 1; justify-content: space-around; max-width: 400px; margin: 0 auto; } @media (min-width: 768px) { #footer .footer-section__list--customer-services { display: block; max-width: none; margin: 0; } #footer .footer-section__list--customer-services li { margin-bottom: 10px; } } #footer .footer__divider { border-color: #ffffff; } #footer .footer__logo { max-height: 40px; } .search_as_you_type_menu { box-shadow: 0px 0px 2px 2px rgba(51, 51, 51, 0.3); border-radius: 3px; font-size: 12px; } .search_as_you_type_menu .ui-menu-item a.ui-state-focus { color: #ffffff; background-color: #1B1464; } .search_as_you_type_menu li:last-child { border-top: 1px solid #eadfbe; } .search_as_you_type_menu li:last-child a { font-size: 14px; } .expandable_wrapper .hideLink .icon { height: 7px; width: 10px; overflow: hidden; display: inline-block; position: relative; left: 5px; } .expandable_wrapper .hideLink .icon span { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2c5f0ec13465dce03d52365378323740/content/themes/apollo/content/img/icons/icons-sprite.png'); background-position: 0 -355px; position: absolute; } .expandable_wrapper .showLink .icon { height: 7px; width: 10px; overflow: hidden; display: inline-block; position: relative; left: 5px; } .expandable_wrapper .showLink .icon span { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-2c5f0ec13465dce03d52365378323740/content/themes/apollo/content/img/icons/icons-sprite.png'); background-position: 0 -128px; position: absolute; } .search_result_item { border-bottom: thin solid #eadfbe; } .search_result_item .title { font-size: 14px; font-family: "Filson W01 Bold", sans-serif; line-height: 16px; } .search_result_item .text { font-size: 12px; line-height: 16px; } .search_result_item .trail { font-size: 12px; } .ui-multiselect { padding: 2px 0 2px 4px; text-align: left; } .ui-multiselect span.ui-icon { float: right; } .ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important; } .ui-multiselect-header { margin-bottom: 3px; padding: 3px 0 3px 4px; } .ui-multiselect-header ul li { float: left; padding: 0 10px 0 0; } .ui-multiselect-header a { text-decoration: none; } .ui-multiselect-header a:hover { text-decoration: underline; } .ui-multiselect-header span.ui-icon { float: left; } .ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0; } .ui-multiselect-menu { display: none; padding: 3px; position: absolute; z-index: 10000; text-align: left; } .ui-multiselect-checkboxes { overflow-y: auto; } .ui-multiselect-checkboxes label { cursor: default; display: block; border: 1px solid transparent; padding: 3px 1px; } .ui-multiselect-checkboxes label input { position: relative; top: 1px; margin-right: 4px; } .ui-multiselect-checkboxes li { clear: both; font-size: 0.9em; } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: left; font-family: "Proxima Nova W01 Medium", sans-serif; } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; } .ui-multiselect-checkboxes { max-height: 400px; } .error-information { border: 2px solid #015790; font-size: 14px; font-family: "Proxima N W01 Bold", sans-serif; margin-bottom: 20px; background: white url('//cdn-prod-green-www.apollorejser.dk/v-2e1ea4a324f6e5a368f9de173fd2dd56/content/themes/apollo/content/img/icons/icons/error-sign.png') no-repeat 10px center; padding: 10px; padding-left: 46px; line-height: 38px; } .error-information > div { line-height: 18px; } .rsDefault { background-color: #EFEEE9; } .rsDefault .rsGCaption { background: #E2DEDA; transition: opacity .3s linear; } .rsDefault .rsThumbs { background: #E2DEDA; transition: opacity .3s linear; } .rsDefault .rsFullscreenIcn { background-color: #1b5fcb; } .rsDefault .rsFullscreenIcn:hover { background-color: #1b5fcb; } .rsDefault .rsArrowIcn { background-color: #1b5fcb; } .rsDefault .rsArrowIcn:hover { background-color: #1b5fcb; transition: opacity .3s linear; } .rsDefault .rsThumbsArrow { background-color: #E2DEDA; } .rsContent { background: #EFEEE9; } .rsCaption { font-family: "Proxima N W01 Reg", sans-serif; color: #1B1464; background: #E2DEDA; } .gallery_small .rsCaption { color: #fff; background: #054aad; } .radio_button_container input ~ svg { fill: #1B1464; } @media (max-width: 767px) { .radio_button_container { margin-right: 10px; padding-bottom: 0px; } } .modal .modal-dialog .modal-content .close-modal-box-wrapper .close-modal-box-icon { fill: #ffffff; cursor: pointer; } .flight-filters-section #filter_section .heading, .filters-section .filter-section .heading { background: #acddf0; height: auto; } .flight-filters-section #filter_section, .flight-filters-section .filter-section, .filters-section #filter_section, .filters-section .filter-section { background: #ffffff; color: #1B1464; border: none; } .flight-filters-section #filter_section fieldset, .flight-filters-section .filter-section fieldset, .filters-section #filter_section fieldset, .filters-section .filter-section fieldset { color: #1B1464; font-size: 12px; } .flight-filters-section #filter_section fieldset label > span .segmentation-text-label, .flight-filters-section .filter-section fieldset label > span .segmentation-text-label, .filters-section #filter_section fieldset label > span .segmentation-text-label, .filters-section .filter-section fieldset label > span .segmentation-text-label { margin-left: 5px; } .flight-filters-section #filter_section fieldset label i.classification, .flight-filters-section .filter-section fieldset label i.classification, .filters-section #filter_section fieldset label i.classification, .filters-section .filter-section fieldset label i.classification { margin-left: 5px; } .flight-filters-section #filter_section fieldset > .checkbox_container, .flight-filters-section .filter-section fieldset > .checkbox_container, .filters-section #filter_section fieldset > .checkbox_container, .filters-section .filter-section fieldset > .checkbox_container { margin-top: 5px; margin-bottom: 5px; } .flight-filters-section #filter_section .filter_section_heading, .flight-filters-section .filter-section .filter_section_heading, .filters-section #filter_section .filter_section_heading, .filters-section .filter-section .filter_section_heading { background: #1b5fcb; border-top-left-radius: 4px; border-top-right-radius: 4px; } .flight-filters-section #filter_section .filter_section_heading h2, .flight-filters-section .filter-section .filter_section_heading h2, .filters-section #filter_section .filter_section_heading h2, .filters-section .filter-section .filter_section_heading h2 { color: #ffffff; margin-bottom: 0px; display: inline-block; } .flight-filters-section #filter_section .filter_section_heading svg, .flight-filters-section .filter-section .filter_section_heading svg, .filters-section #filter_section .filter_section_heading svg, .filters-section .filter-section .filter_section_heading svg { width: 16px; height: 16px; fill: #ffffff; display: inline-block; position: relative; top: 13px; float: right; right: 10px; } .flight-filters-section #filter_section .radio_button_container input, .flight-filters-section .filter-section .radio_button_container input, .filters-section #filter_section .radio_button_container input, .filters-section .filter-section .radio_button_container input { display: none; } .flight-filters-section #filter_section .radio_button_container input ~ svg, .flight-filters-section .filter-section .radio_button_container input ~ svg, .filters-section #filter_section .radio_button_container input ~ svg, .filters-section .filter-section .radio_button_container input ~ svg { display: inline-block; } .flight-filters-section #filter_section .checkbox_container, .flight-filters-section .filter-section .checkbox_container, .filters-section #filter_section .checkbox_container, .filters-section .filter-section .checkbox_container { cursor: pointer; } .flight-filters-section #filter_section .checkbox_container .checkbox_marker, .flight-filters-section .filter-section .checkbox_container .checkbox_marker, .filters-section #filter_section .checkbox_container .checkbox_marker, .filters-section .filter-section .checkbox_container .checkbox_marker { display: none; } .flight-filters-section #filter_section .checkbox_container input, .flight-filters-section .filter-section .checkbox_container input, .filters-section #filter_section .checkbox_container input, .filters-section .filter-section .checkbox_container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .flight-filters-section #filter_section .checkbox_container input ~ svg, .flight-filters-section .filter-section .checkbox_container input ~ svg, .filters-section #filter_section .checkbox_container input ~ svg, .filters-section .filter-section .checkbox_container input ~ svg { fill: #1B1464; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-right: 5px; } .flight-filters-section #filter_section .checkbox_container input:checked ~ svg.not_checked, .flight-filters-section #filter_section .checkbox_container input:checked ~ svg.indeterminate, .flight-filters-section .filter-section .checkbox_container input:checked ~ svg.not_checked, .flight-filters-section .filter-section .checkbox_container input:checked ~ svg.indeterminate, .filters-section #filter_section .checkbox_container input:checked ~ svg.not_checked, .filters-section #filter_section .checkbox_container input:checked ~ svg.indeterminate, .filters-section .filter-section .checkbox_container input:checked ~ svg.not_checked, .filters-section .filter-section .checkbox_container input:checked ~ svg.indeterminate { display: none !important; } .flight-filters-section #filter_section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.checked, .flight-filters-section #filter_section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.indeterminate, .flight-filters-section .filter-section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.checked, .flight-filters-section .filter-section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.indeterminate, .filters-section #filter_section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.checked, .filters-section #filter_section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.indeterminate, .filters-section .filter-section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.checked, .filters-section .filter-section .checkbox_container input:not(:checked):not(:indeterminate) ~ svg.indeterminate { display: none !important; } .flight-filters-section #filter_section .checkbox_container input:not(:checked):indeterminate ~ svg.checked, .flight-filters-section #filter_section .checkbox_container input:not(:checked):indeterminate ~ svg.not_checked, .flight-filters-section .filter-section .checkbox_container input:not(:checked):indeterminate ~ svg.checked, .flight-filters-section .filter-section .checkbox_container input:not(:checked):indeterminate ~ svg.not_checked, .filters-section #filter_section .checkbox_container input:not(:checked):indeterminate ~ svg.checked, .filters-section #filter_section .checkbox_container input:not(:checked):indeterminate ~ svg.not_checked, .filters-section .filter-section .checkbox_container input:not(:checked):indeterminate ~ svg.checked, .filters-section .filter-section .checkbox_container input:not(:checked):indeterminate ~ svg.not_checked { display: none !important; } .flight-filters-section #filter_section .checkbox_container input:checked ~ span, .flight-filters-section #filter_section .checkbox_container input:indeterminate ~ span, .flight-filters-section .filter-section .checkbox_container input:checked ~ span, .flight-filters-section .filter-section .checkbox_container input:indeterminate ~ span, .filters-section #filter_section .checkbox_container input:checked ~ span, .filters-section #filter_section .checkbox_container input:indeterminate ~ span, .filters-section .filter-section .checkbox_container input:checked ~ span, .filters-section .filter-section .checkbox_container input:indeterminate ~ span { font-family: "Proxima Nova W01 Medium", sans-serif; } .flight-filters-section #filter_section .checkbox_container i.classification, .flight-filters-section .filter-section .checkbox_container i.classification, .filters-section #filter_section .checkbox_container i.classification, .filters-section .filter-section .checkbox_container i.classification { display: none; } .flight-filters-section #filter_section .checkbox_container .sun_classification-block, .flight-filters-section .filter-section .checkbox_container .sun_classification-block, .filters-section #filter_section .checkbox_container .sun_classification-block, .filters-section .filter-section .checkbox_container .sun_classification-block { display: block; float: none; } .flight-filters-section #filter_section .checkbox_container .sun_classification-inline, .flight-filters-section .filter-section .checkbox_container .sun_classification-inline, .filters-section #filter_section .checkbox_container .sun_classification-inline, .filters-section .filter-section .checkbox_container .sun_classification-inline { display: inline-block; float: left; } .flight-filters-section #filter_section .checkbox_container .sun_classification svg, .flight-filters-section .filter-section .checkbox_container .sun_classification svg, .filters-section #filter_section .checkbox_container .sun_classification svg, .filters-section .filter-section .checkbox_container .sun_classification svg { fill: #FFCA32; width: 14px; height: 14px; vertical-align: middle; margin: 0 1px; } .flight-filters-section #filter_section .checkbox_container .sun_classification, .flight-filters-section .filter-section .checkbox_container .sun_classification, .filters-section #filter_section .checkbox_container .sun_classification, .filters-section .filter-section .checkbox_container .sun_classification { margin-left: 5px; } .flight-filters-section #filter_section .facility_groups .smallheading, .flight-filters-section .filter-section .facility_groups .smallheading, .filters-section #filter_section .facility_groups .smallheading, .filters-section .filter-section .facility_groups .smallheading { background-image: none; margin-left: 0; } .flight-filters-section #filter_section .facility_groups .smallheading span, .flight-filters-section .filter-section .facility_groups .smallheading span, .filters-section #filter_section .facility_groups .smallheading span, .filters-section .filter-section .facility_groups .smallheading span { padding-left: 0; color: #1B1464; } .flight-filters-section #filter_section .facility_groups .smallheading .angle_icon, .flight-filters-section .filter-section .facility_groups .smallheading .angle_icon, .filters-section #filter_section .facility_groups .smallheading .angle_icon, .filters-section .filter-section .facility_groups .smallheading .angle_icon { visibility: visible; fill: #1B1464; } .flight-filters-section #filter_section .filter_section_body, .flight-filters-section .filter-section .filter_section_body, .filters-section #filter_section .filter_section_body, .filters-section .filter-section .filter_section_body { margin-left: 10px; } .flight-filters-section #filter_section .filter_section_body .classifications_filter .counter, .flight-filters-section .filter-section .filter_section_body .classifications_filter .counter, .filters-section #filter_section .filter_section_body .classifications_filter .counter, .filters-section .filter-section .filter_section_body .classifications_filter .counter { margin-left: 5px; } .flight-filters-section #filter_section .heading, .flight-filters-section .filter-section .heading, .filters-section #filter_section .heading, .filters-section .filter-section .heading { background: #ffffff; color: #1B1464; border: none; padding: 15px 0px; font-size: 17px; } .flight-filters-section #filter_section ul, .flight-filters-section .filter-section ul, .filters-section #filter_section ul, .filters-section .filter-section ul { margin-left: 22px; margin-bottom: 0px; margin-right: 0px; } .flight-filters-section #filter_section ul li, .flight-filters-section .filter-section ul li, .filters-section #filter_section ul li, .filters-section .filter-section ul li { border-bottom: none; } .flight-filters-section #filter_section .filter_section > ul, .flight-filters-section #filter_section ul.facilities_filter, .flight-filters-section .filter-section .filter_section > ul, .flight-filters-section .filter-section ul.facilities_filter, .filters-section #filter_section .filter_section > ul, .filters-section #filter_section ul.facilities_filter, .filters-section .filter-section .filter_section > ul, .filters-section .filter-section ul.facilities_filter { margin-left: 0px; margin-bottom: 14px; } .flight-filters-section #filter_section .slider_filter, .flight-filters-section .filter-section .slider_filter, .filters-section #filter_section .slider_filter, .filters-section .filter-section .slider_filter { padding-right: 8px; } .flight-filters-section #filter_section .range_slider_label, .flight-filters-section .filter-section .range_slider_label, .filters-section #filter_section .range_slider_label, .filters-section .filter-section .range_slider_label { border: none; text-align: center; box-shadow: none; background: transparent; } .flight-filters-section #filter_section .ui-slider, .flight-filters-section .filter-section .ui-slider, .filters-section #filter_section .ui-slider, .filters-section .filter-section .ui-slider { background: #c6c8ca; border-radius: 10px; border: none; margin-left: 8px; margin-right: 8px; } .flight-filters-section #filter_section .ui-slider-handle, .flight-filters-section .filter-section .ui-slider-handle, .filters-section #filter_section .ui-slider-handle, .filters-section .filter-section .ui-slider-handle { background: #054aad !important; border-radius: 10px; } .flight-filters-section #filter_section .ui-slider .ui-slider-range, .flight-filters-section .filter-section .ui-slider .ui-slider-range, .filters-section #filter_section .ui-slider .ui-slider-range, .filters-section .filter-section .ui-slider .ui-slider-range { background: #1b5fcb !important; } .flight-filters-section #filter_section .ui-slider .last_child, .flight-filters-section .filter-section .ui-slider .last_child, .filters-section #filter_section .ui-slider .last_child, .filters-section .filter-section .ui-slider .last_child { height: 15px; width: 15px; background-color: #054aad !important; border-radius: 50%; display: inline-block; } .flight-filters-section #filter_section .ui-slider a, .flight-filters-section .filter-section .ui-slider a, .filters-section #filter_section .ui-slider a, .filters-section .filter-section .ui-slider a { height: 19px !important; width: 19px !important; top: -8px; background-color: #054aad !important; border-radius: 50%; display: inline-block; cursor: pointer; } .apollo-ui-slider .range_slider_label { text-align: center; } .apollo-ui-slider .ui-slider { height: 3px; margin: 0 17px 10px 17px; background: #c6c8ca; border-radius: 10px; border: none; margin-top: 20px; } .apollo-ui-slider .ui-slider .ui-slider-range { background: #1b5fcb; } .apollo-ui-slider .ui-slider a { height: 19px; width: 19px; top: -8px; background: #054aad; border-radius: 50%; display: inline-block; cursor: pointer; } .apollo-ui-slider .ui-slider a.ui-state-hover, .apollo-ui-slider .ui-slider a.ui-state-focus, .apollo-ui-slider .ui-slider a.ui-state-active { border-radius: 50%; } .apollo-ui-multiselect.ui-multiselect { background: #FFF; width: 100%; height: 30px; display: flex; justify-content: space-between; flex-flow: row-reverse; padding: 0 5px 0 10px; border: 0; border-radius: 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); } .apollo-ui-multiselect.ui-multiselect span { align-self: center; } .apollo-ui-multiselect.ui-multiselect .ui-icon { width: 15px; height: 15px; background: url('//cdn-prod-green-www.apollorejser.dk/v-603c988ca67e0dc7d783695c568c31f2/content/img/icons/svg/angle_down2.svg'); align-self: center; } .apollo-ui-multiselect.ui-multiselect.ui-state-active .ui-icon { background: url('//cdn-prod-green-www.apollorejser.dk/v-ba87396b41f64d958466c85c6d2fcdd1/content/img/icons/svg/angle_up2.svg'); } .apollo-ui-multiselect.ui-multiselect-menu { background: #fff; padding: 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); } .apollo-ui-multiselect.ui-multiselect-menu .ui-state-active, .apollo-ui-multiselect.ui-multiselect-menu .ui-state-hover { background: #1b5fcb; color: #fff; } .aggregated_price_specification { clear: both; padding-top: 5px; } .aggregated_price_specification table { background-color: inherit; width: 100%; } .aggregated_price_specification table tr:nth-child(odd) td { background-color: inherit; } .aggregated_price_specification table td { font-size: 13px; border-width: 1px 0 0 0; border-style: solid; border-color: #CCCBC7; } .aggregated_price_specification table tr:first-child td { border-width: 0 0 0 0; } .aggregated_price_specification table tr:last-child td { border-width: 2px 0 0 0; border-color: #A2A2A1; font-family: "Proxima Nova W01 Medium", sans-serif; } .aggregated_price_specification .item_name { padding-left: 0; } .aggregated_price_specification .number_of_items { padding-left: 0; padding-right: 0; text-align: right; } .aggregated_price_specification .item_price { padding-left: 5px; padding-right: 0; text-align: right; } .accommodation_list_item .score_area .score, .cruise_list_item .score_area .score { font-size: 18px; font-family: "Filson W01 Bold", sans-serif; } .accommodation_list_item .score_area .out_of, .cruise_list_item .score_area .out_of { color: #222222; } .accommodation_list_item .list_item_main_information_inner, .cruise_list_item .list_item_main_information_inner { border-left: solid 1px #eadfbe; } .accommodation_list_item .list_item_main_information_inner .left_region, .cruise_list_item .list_item_main_information_inner .left_region { float: left; clear: left; width: 320px; } .accommodation_list_item .list_item_main_information_inner .left_region .facilities .k_fact .fact_name, .cruise_list_item .list_item_main_information_inner .left_region .facilities .k_fact .fact_name { font-family: "Proxima Nova W01 Medium", sans-serif; } .accommodation_list_item .list_item_main_information_inner .right_region, .cruise_list_item .list_item_main_information_inner .right_region { float: right; } .accommodation_list_item .list_item_main_information_inner .right_region .facilities .k_fact, .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact { float: none; width: 130px; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 979px) { .responsive .accommodation_list_item .list_item_main_information_inner .left_region, .responsive .cruise_list_item .list_item_main_information_inner .left_region { float: none; width: auto; } .responsive .accommodation_list_item .list_item_main_information_inner .left_region .facilities .k_fact, .responsive .cruise_list_item .list_item_main_information_inner .left_region .facilities .k_fact { width: 100%; } .responsive .accommodation_list_item .list_item_main_information_inner .right_region, .responsive .cruise_list_item .list_item_main_information_inner .right_region { float: none; } .responsive .accommodation_list_item .list_item_main_information_inner .right_region .facilities .k_fact, .responsive .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact { float: left; width: 49%; } } .unspecified-image { width: 100%; } .cruise_list_item .list_item_main_information_inner { border-left: solid 1px #eadfbe; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fade_in { opacity: 0; -webkit-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .video-holder .video-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; } .video-holder .video-outer.video-outer-single { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ min-height: 100%; } .video-holder .video-outer .video-inner { width: 100%; margin: auto; } .video-holder .video-outer .video-inner-single .video-iframe .player-element .video-wrapper { display: flex; justify-content: center; } @media (min-width: 768px) { .video-holder .video-outer .video-inner-single .video-iframe .player-element .video-wrapper iframe { width: 640px; height: 360px; } } @media (min-width: 980px) { .video-holder .video-outer .video-inner-single .video-iframe .player-element .video-wrapper iframe { width: 900px; height: 506px; } } .video-holder .video-outer .video-list { margin: 0 5px; } .video-holder .video-outer .video-list .video-list-item { border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; box-sizing: border-box; cursor: pointer; display: inline-block; padding: 8px; margin-top: 5px; color: #333333; width: 100%; } .video-holder .video-outer .video-list .video-list-item:hover img { opacity: 0.5; } .video-holder .video-outer .video-list .video-list-item .video-thumbnail-container { position: relative; float: left; width: 30%; } .video-holder .video-outer .video-list .video-list-item .video-thumbnail-container img { display: block; width: 100%; } .video-holder .video-outer .video-list .video-list-item .video-thumbnail-container .image-overlay-timestamp { background-color: rgba(0, 0, 0, 0.65); bottom: 2px; right: 2px; padding-left: 3px; padding-right: 3px; position: absolute; z-index: 500; } .video-holder .video-outer .video-list .video-list-item .video-title { float: left; width: 65%; color: #333333; margin-left: 5%; } .video-holder .video-outer .video-list .video-list-item.playing { border: 1px solid #c8c8c8; } @media (min-width: 768px) { .video-holder .video-outer .video-inner.video-inner-playlist { width: 80%; } } @media (min-width: 980px) { .video-holder .video-outer { align-items: center; -webkit-align-items: center; /* Safari 7.0+ */ /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .video-holder .video-outer .video-inner.video-inner-playlist { width: 64%; } .video-holder .video-outer .video-list { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-wrap: wrap; -webkit-flex-wrap: wrap; } .video-holder .video-outer .video-list .video-list-item { margin-left: 1%; margin-right: 1%; width: 18%; } .video-holder .video-outer .video-list .video-list-item .video-thumbnail-container { float: none; width: 100%; } .video-holder .video-outer .video-list .video-list-item .video-title { padding-top: 5px; margin-left: 0; width: 100%; } } @media (max-width: 767px) { .video-holder .video-outer .video-inner.video-inner-single { height: 100%; } } .mondo_header_banner { background: #1B1464; width: 100%; } .mondo_header_banner_sport { background: #004b5a; width: 100%; } .mondo_heading_banner_text { color: #ffffff; font-family: "Proxima N W01 Bold", sans-serif; font-size: 18px; padding: 10px; box-sizing: border-box; letter-spacing: 1px; } .mondo_heading_banner_text.small { font-family: "Proxima Nova W01 Medium", sans-serif; line-height: 1.17; font-size: 1.2rem; padding: 5px 8px; letter-spacing: normal; } @media (max-width: 767px) { .mondo_heading_banner_text { font-size: 16px; } } .hotel-list-section .hotel_filter_info, .hotel-list-section .filter-info, .filter-results .hotel_filter_info, .filter-results .filter-info { margin-bottom: 10px; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer, .hotel-list-section .hotel_filter_info .info-container, .hotel-list-section .filter-info .hotel_filter_info_subcontainer, .hotel-list-section .filter-info .info-container, .filter-results .hotel_filter_info .hotel_filter_info_subcontainer, .filter-results .hotel_filter_info .info-container, .filter-results .filter-info .hotel_filter_info_subcontainer, .filter-results .filter-info .info-container { padding: 3px 10px 10px 10px; background-color: #f4fafd; border: 1px solid #dbeff9; border-radius: 4px; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .text, .hotel-list-section .hotel_filter_info .info-container .text, .hotel-list-section .filter-info .hotel_filter_info_subcontainer .text, .hotel-list-section .filter-info .info-container .text, .filter-results .hotel_filter_info .hotel_filter_info_subcontainer .text, .filter-results .hotel_filter_info .info-container .text, .filter-results .filter-info .hotel_filter_info_subcontainer .text, .filter-results .filter-info .info-container .text { margin-top: 10px; margin-left: 5px; display: inline-block; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .text_clickable, .hotel-list-section .hotel_filter_info .info-container .text_clickable, .hotel-list-section .filter-info .hotel_filter_info_subcontainer .text_clickable, .hotel-list-section .filter-info .info-container .text_clickable, .filter-results .hotel_filter_info .hotel_filter_info_subcontainer .text_clickable, .filter-results .hotel_filter_info .info-container .text_clickable, .filter-results .filter-info .hotel_filter_info_subcontainer .text_clickable, .filter-results .filter-info .info-container .text_clickable { color: #015790; text-decoration: underline; cursor: pointer; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .text_left_margin, .hotel-list-section .hotel_filter_info .info-container .text_left_margin, .hotel-list-section .filter-info .hotel_filter_info_subcontainer .text_left_margin, .hotel-list-section .filter-info .info-container .text_left_margin, .filter-results .hotel_filter_info .hotel_filter_info_subcontainer .text_left_margin, .filter-results .hotel_filter_info .info-container .text_left_margin, .filter-results .filter-info .hotel_filter_info_subcontainer .text_left_margin, .filter-results .filter-info .info-container .text_left_margin { margin-left: 10px; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .text_right_margin, .hotel-list-section .hotel_filter_info .info-container .text_right_margin, .hotel-list-section .filter-info .hotel_filter_info_subcontainer .text_right_margin, .hotel-list-section .filter-info .info-container .text_right_margin, .filter-results .hotel_filter_info .hotel_filter_info_subcontainer .text_right_margin, .filter-results .hotel_filter_info .info-container .text_right_margin, .filter-results .filter-info .hotel_filter_info_subcontainer .text_right_margin, .filter-results .filter-info .info-container .text_right_margin { margin-right: 5px; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .pill, .hotel-list-section .hotel_filter_info .info-container .pill, .hotel-list-section .filter-info .hotel_filter_info_subcontainer .pill, .hotel-list-section .filter-info .info-container .pill, .filter-results .hotel_filter_info .hotel_filter_info_subcontainer .pill, .filter-results .hotel_filter_info .info-container .pill, .filter-results .filter-info .hotel_filter_info_subcontainer .pill, .filter-results .filter-info .info-container .pill { background-color: #f4fafd; border: 1px solid #acddf0; border-radius: 100px; border-width: 1.5px; cursor: pointer; position: relative; padding: 6px 15px 5px 10px; margin-left: 5px; margin-top: 7px; display: inline-block; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .pill:after, .hotel-list-section .hotel_filter_info .info-container .pill:after, .hotel-list-section .filter-info .hotel_filter_info_subcontainer .pill:after, .hotel-list-section .filter-info .info-container .pill:after, .filter-results .hotel_filter_info .hotel_filter_info_subcontainer .pill:after, .filter-results .hotel_filter_info .info-container .pill:after, .filter-results .filter-info .hotel_filter_info_subcontainer .pill:after, .filter-results .filter-info .info-container .pill:after { content: "\00D7"; position: relative; left: 5px; vertical-align: middle; font-size: larger; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .pill:hover, .hotel-list-section .hotel_filter_info .info-container .pill:hover, .hotel-list-section .filter-info .hotel_filter_info_subcontainer .pill:hover, .hotel-list-section .filter-info .info-container .pill:hover, .filter-results .hotel_filter_info .hotel_filter_info_subcontainer .pill:hover, .filter-results .hotel_filter_info .info-container .pill:hover, .filter-results .filter-info .hotel_filter_info_subcontainer .pill:hover, .filter-results .filter-info .info-container .pill:hover { color: white; background-color: black; border-color: black; } .hotel-list-section .loader, .filter-results .loader { clear: both; } .hotel-list-section .empty_left_column, .filter-results .empty_left_column { min-height: 1px; } .hotel-list-section .hotel_counter_and_sorting_options, .hotel-list-section .list-header, .filter-results .hotel_counter_and_sorting_options, .filter-results .list-header { display: table; width: 100%; color: #ffffff; background-color: #1b5fcb; padding: 9px 10px 10px; box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 4px; } .hotel-list-section .hotel_counter_and_sorting_options .hotel_counter_label_wrapper, .hotel-list-section .hotel_counter_and_sorting_options .title, .hotel-list-section .list-header .hotel_counter_label_wrapper, .hotel-list-section .list-header .title, .filter-results .hotel_counter_and_sorting_options .hotel_counter_label_wrapper, .filter-results .hotel_counter_and_sorting_options .title, .filter-results .list-header .hotel_counter_label_wrapper, .filter-results .list-header .title { display: table-cell; vertical-align: middle; margin-top: 5px; margin-bottom: 5px; } .hotel-list-section .hotel_counter_and_sorting_options .hotel_counter_label_wrapper .hotel_count_component, .hotel-list-section .hotel_counter_and_sorting_options .hotel_counter_label_wrapper .result-count, .hotel-list-section .hotel_counter_and_sorting_options .title .hotel_count_component, .hotel-list-section .hotel_counter_and_sorting_options .title .result-count, .hotel-list-section .list-header .hotel_counter_label_wrapper .hotel_count_component, .hotel-list-section .list-header .hotel_counter_label_wrapper .result-count, .hotel-list-section .list-header .title .hotel_count_component, .hotel-list-section .list-header .title .result-count, .filter-results .hotel_counter_and_sorting_options .hotel_counter_label_wrapper .hotel_count_component, .filter-results .hotel_counter_and_sorting_options .hotel_counter_label_wrapper .result-count, .filter-results .hotel_counter_and_sorting_options .title .hotel_count_component, .filter-results .hotel_counter_and_sorting_options .title .result-count, .filter-results .list-header .hotel_counter_label_wrapper .hotel_count_component, .filter-results .list-header .hotel_counter_label_wrapper .result-count, .filter-results .list-header .title .hotel_count_component, .filter-results .list-header .title .result-count { font-size: 18px; font-family: "Filson W01 Bold", sans-serif; line-height: 22px; } .hotel-list-section .hotel_counter_and_sorting_options .sorting_header, .hotel-list-section .hotel_counter_and_sorting_options .controls, .hotel-list-section .list-header .sorting_header, .hotel-list-section .list-header .controls, .filter-results .hotel_counter_and_sorting_options .sorting_header, .filter-results .hotel_counter_and_sorting_options .controls, .filter-results .list-header .sorting_header, .filter-results .list-header .controls { float: right; display: table-cell; vertical-align: middle; padding: 3px 10px 3px 10px; /*@include cream_sand_box;*/ border: 1px solid #dfc183; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: transparent; border-radius: 0; border: none; padding: 0; } .hotel-list-section .hotel_counter_and_sorting_options .sorting_header p, .hotel-list-section .hotel_counter_and_sorting_options .controls p, .hotel-list-section .list-header .sorting_header p, .hotel-list-section .list-header .controls p, .filter-results .hotel_counter_and_sorting_options .sorting_header p, .filter-results .hotel_counter_and_sorting_options .controls p, .filter-results .list-header .sorting_header p, .filter-results .list-header .controls p { font-family: "Proxima Nova W01 Medium", sans-serif; color: #ffffff; } .hotel-list-section .hotel_counter_and_sorting_options .sorting_header .sortedby_text, .hotel-list-section .hotel_counter_and_sorting_options .controls .sortedby_text, .hotel-list-section .list-header .sorting_header .sortedby_text, .hotel-list-section .list-header .controls .sortedby_text, .filter-results .hotel_counter_and_sorting_options .sorting_header .sortedby_text, .filter-results .hotel_counter_and_sorting_options .controls .sortedby_text, .filter-results .list-header .sorting_header .sortedby_text, .filter-results .list-header .controls .sortedby_text { float: left; margin-right: 5px; margin-top: 2px; margin-bottom: 0px; text-align: right; font-size: 13px; } .hotel-list-section .hotel_counter_and_sorting_options .sorting_header .sortedby_text:first-letter, .hotel-list-section .hotel_counter_and_sorting_options .controls .sortedby_text:first-letter, .hotel-list-section .list-header .sorting_header .sortedby_text:first-letter, .hotel-list-section .list-header .controls .sortedby_text:first-letter, .filter-results .hotel_counter_and_sorting_options .sorting_header .sortedby_text:first-letter, .filter-results .hotel_counter_and_sorting_options .controls .sortedby_text:first-letter, .filter-results .list-header .sorting_header .sortedby_text:first-letter, .filter-results .list-header .controls .sortedby_text:first-letter { text-transform: uppercase; } .hotel-list-section .hotel_counter_and_sorting_options .sorting_header select.list-sorter, .hotel-list-section .hotel_counter_and_sorting_options .controls select.list-sorter, .hotel-list-section .list-header .sorting_header select.list-sorter, .hotel-list-section .list-header .controls select.list-sorter, .filter-results .hotel_counter_and_sorting_options .sorting_header select.list-sorter, .filter-results .hotel_counter_and_sorting_options .controls select.list-sorter, .filter-results .list-header .sorting_header select.list-sorter, .filter-results .list-header .controls select.list-sorter { float: left; } .hotel-list-section .hotel_counter_and_sorting_options .sorting_header select, .hotel-list-section .hotel_counter_and_sorting_options .controls select, .hotel-list-section .list-header .sorting_header select, .hotel-list-section .list-header .controls select, .filter-results .hotel_counter_and_sorting_options .sorting_header select, .filter-results .hotel_counter_and_sorting_options .controls select, .filter-results .list-header .sorting_header select, .filter-results .list-header .controls select { padding: 2px 4px; } .hotel-list-section .sorting_header_divider, .filter-results .sorting_header_divider { height: 3px; margin: 0 0 0 20px; background-color: #eadfbe; border-top: 1px solid #dfc183; border-radius: 4px; display: none; } .hotel-list-section .hotel_list .error-information, .hotel-list-section .results-list .error-information, .filter-results .hotel_list .error-information, .filter-results .results-list .error-information { box-sizing: border-box; margin-top: 10px; margin-bottom: 0; } .hotel-list-section .accommodation_list_item.row .span3, .hotel-list-section .panel-wrapper.row .span3, .hotel-list-section .cruise_list_item.row .span3, .filter-results .accommodation_list_item.row .span3, .filter-results .panel-wrapper.row .span3, .filter-results .cruise_list_item.row .span3 { margin-left: 0; box-sizing: border-box; padding-left: 10px; } .hotel-list-section .accommodation_list_item.row-fluid .panel > .row-fluid > [class*=span]:first-child, .hotel-list-section .panel-wrapper.row-fluid .panel > .row-fluid > [class*=span]:first-child, .hotel-list-section .cruise_list_item.row-fluid .panel > .row-fluid > [class*=span]:first-child, .filter-results .accommodation_list_item.row-fluid .panel > .row-fluid > [class*=span]:first-child, .filter-results .panel-wrapper.row-fluid .panel > .row-fluid > [class*=span]:first-child, .filter-results .cruise_list_item.row-fluid .panel > .row-fluid > [class*=span]:first-child { margin-left: 0; box-sizing: border-box; padding-left: 10px; } .hotel-list-section .accommodation_list_item .list_item_inner, .hotel-list-section .accommodation_list_item .panel, .hotel-list-section .panel-wrapper .list_item_inner, .hotel-list-section .panel-wrapper .panel, .hotel-list-section .cruise_list_item .list_item_inner, .hotel-list-section .cruise_list_item .panel, .filter-results .accommodation_list_item .list_item_inner, .filter-results .accommodation_list_item .panel, .filter-results .panel-wrapper .list_item_inner, .filter-results .panel-wrapper .panel, .filter-results .cruise_list_item .list_item_inner, .filter-results .cruise_list_item .panel { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); margin-top: 20px; margin-left: 20px; padding-top: 20px; border-radius: 4px; } .hotel-list-section .accommodation_list_item .panel .media-slideshow .list-item-video, .hotel-list-section .panel-wrapper .panel .media-slideshow .list-item-video, .hotel-list-section .cruise_list_item .panel .media-slideshow .list-item-video, .filter-results .accommodation_list_item .panel .media-slideshow .list-item-video, .filter-results .panel-wrapper .panel .media-slideshow .list-item-video, .filter-results .cruise_list_item .panel .media-slideshow .list-item-video { display: block; float: left; margin-top: -54px; margin-left: 3px; } .hotel-list-section .accommodation_list_item .panel .media-slideshow .list-item-video .btn, .hotel-list-section .panel-wrapper .panel .media-slideshow .list-item-video .btn, .hotel-list-section .cruise_list_item .panel .media-slideshow .list-item-video .btn, .filter-results .accommodation_list_item .panel .media-slideshow .list-item-video .btn, .filter-results .panel-wrapper .panel .media-slideshow .list-item-video .btn, .filter-results .cruise_list_item .panel .media-slideshow .list-item-video .btn { position: relative; z-index: 100; } .hotel-list-section .accommodation_list_item .panel .media-slideshow .list-item-video .btn.btn-information, .hotel-list-section .panel-wrapper .panel .media-slideshow .list-item-video .btn.btn-information, .hotel-list-section .cruise_list_item .panel .media-slideshow .list-item-video .btn.btn-information, .filter-results .accommodation_list_item .panel .media-slideshow .list-item-video .btn.btn-information, .filter-results .panel-wrapper .panel .media-slideshow .list-item-video .btn.btn-information, .filter-results .cruise_list_item .panel .media-slideshow .list-item-video .btn.btn-information { background-color: #1b5fcb !important; color: #ffffff !important; border: none; } .hotel-list-section .accommodation_list_item .list_item_rating .score_area > div, .hotel-list-section .panel-wrapper .list_item_rating .score_area > div, .hotel-list-section .cruise_list_item .list_item_rating .score_area > div, .filter-results .accommodation_list_item .list_item_rating .score_area > div, .filter-results .panel-wrapper .list_item_rating .score_area > div, .filter-results .cruise_list_item .list_item_rating .score_area > div { margin-top: 12px; margin-bottom: 8px; } .hotel-list-section .accommodation_list_item .list_item_rating .score_area .score, .hotel-list-section .panel-wrapper .list_item_rating .score_area .score, .hotel-list-section .cruise_list_item .list_item_rating .score_area .score, .filter-results .accommodation_list_item .list_item_rating .score_area .score, .filter-results .panel-wrapper .list_item_rating .score_area .score, .filter-results .cruise_list_item .list_item_rating .score_area .score { font-size: 36px; } .hotel-list-section .accommodation_list_item .panel-facts .fact-group, .hotel-list-section .panel-wrapper .panel-facts .fact-group, .hotel-list-section .cruise_list_item .panel-facts .fact-group, .filter-results .accommodation_list_item .panel-facts .fact-group, .filter-results .panel-wrapper .panel-facts .fact-group, .filter-results .cruise_list_item .panel-facts .fact-group { margin-bottom: 5px; float: left; display: block; width: 100%; } .hotel-list-section .accommodation_list_item .panel-facts .fact-group .fact-label, .hotel-list-section .panel-wrapper .panel-facts .fact-group .fact-label, .hotel-list-section .cruise_list_item .panel-facts .fact-group .fact-label, .filter-results .accommodation_list_item .panel-facts .fact-group .fact-label, .filter-results .panel-wrapper .panel-facts .fact-group .fact-label, .filter-results .cruise_list_item .panel-facts .fact-group .fact-label { font-family: "Proxima N W01 Bold", sans-serif; float: left; margin-right: 5px; } .hotel-list-section .accommodation_list_item .panel-facts .fact-group ul.inline-list li, .hotel-list-section .panel-wrapper .panel-facts .fact-group ul.inline-list li, .hotel-list-section .cruise_list_item .panel-facts .fact-group ul.inline-list li, .filter-results .accommodation_list_item .panel-facts .fact-group ul.inline-list li, .filter-results .panel-wrapper .panel-facts .fact-group ul.inline-list li, .filter-results .cruise_list_item .panel-facts .fact-group ul.inline-list li { float: left; margin-right: 5px; display: inline; } .hotel-list-section .accommodation_list_item .panel-facts .fact-group ul.inline-list li a, .hotel-list-section .panel-wrapper .panel-facts .fact-group ul.inline-list li a, .hotel-list-section .cruise_list_item .panel-facts .fact-group ul.inline-list li a, .filter-results .accommodation_list_item .panel-facts .fact-group ul.inline-list li a, .filter-results .panel-wrapper .panel-facts .fact-group ul.inline-list li a, .filter-results .cruise_list_item .panel-facts .fact-group ul.inline-list li a { display: inline; } .hotel-list-section .accommodation_list_item .panel-facts .fact-group ul.inline-list li::after, .hotel-list-section .panel-wrapper .panel-facts .fact-group ul.inline-list li::after, .hotel-list-section .cruise_list_item .panel-facts .fact-group ul.inline-list li::after, .filter-results .accommodation_list_item .panel-facts .fact-group ul.inline-list li::after, .filter-results .panel-wrapper .panel-facts .fact-group ul.inline-list li::after, .filter-results .cruise_list_item .panel-facts .fact-group ul.inline-list li::after { content: ","; } .hotel-list-section .accommodation_list_item .panel-facts .fact-group ul.inline-list li:last-child::after, .hotel-list-section .panel-wrapper .panel-facts .fact-group ul.inline-list li:last-child::after, .hotel-list-section .cruise_list_item .panel-facts .fact-group ul.inline-list li:last-child::after, .filter-results .accommodation_list_item .panel-facts .fact-group ul.inline-list li:last-child::after, .filter-results .panel-wrapper .panel-facts .fact-group ul.inline-list li:last-child::after, .filter-results .cruise_list_item .panel-facts .fact-group ul.inline-list li:last-child::after { content: ""; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner, .hotel-list-section .accommodation_list_item .panel-body, .hotel-list-section .panel-wrapper .list_item_main_information_inner, .hotel-list-section .panel-wrapper .panel-body, .hotel-list-section .cruise_list_item .list_item_main_information_inner, .hotel-list-section .cruise_list_item .panel-body, .filter-results .accommodation_list_item .list_item_main_information_inner, .filter-results .accommodation_list_item .panel-body, .filter-results .panel-wrapper .list_item_main_information_inner, .filter-results .panel-wrapper .panel-body, .filter-results .cruise_list_item .list_item_main_information_inner, .filter-results .cruise_list_item .panel-body { border: none; padding-top: 0; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner i.classification, .hotel-list-section .accommodation_list_item .panel-body i.classification, .hotel-list-section .panel-wrapper .list_item_main_information_inner i.classification, .hotel-list-section .panel-wrapper .panel-body i.classification, .hotel-list-section .cruise_list_item .list_item_main_information_inner i.classification, .hotel-list-section .cruise_list_item .panel-body i.classification, .filter-results .accommodation_list_item .list_item_main_information_inner i.classification, .filter-results .accommodation_list_item .panel-body i.classification, .filter-results .panel-wrapper .list_item_main_information_inner i.classification, .filter-results .panel-wrapper .panel-body i.classification, .filter-results .cruise_list_item .list_item_main_information_inner i.classification, .filter-results .cruise_list_item .panel-body i.classification { display: none; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .sun_classification-block, .hotel-list-section .accommodation_list_item .panel-body .sun_classification-block, .hotel-list-section .panel-wrapper .list_item_main_information_inner .sun_classification-block, .hotel-list-section .panel-wrapper .panel-body .sun_classification-block, .hotel-list-section .cruise_list_item .list_item_main_information_inner .sun_classification-block, .hotel-list-section .cruise_list_item .panel-body .sun_classification-block, .filter-results .accommodation_list_item .list_item_main_information_inner .sun_classification-block, .filter-results .accommodation_list_item .panel-body .sun_classification-block, .filter-results .panel-wrapper .list_item_main_information_inner .sun_classification-block, .filter-results .panel-wrapper .panel-body .sun_classification-block, .filter-results .cruise_list_item .list_item_main_information_inner .sun_classification-block, .filter-results .cruise_list_item .panel-body .sun_classification-block { display: block; float: none; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .sun_classification-inline, .hotel-list-section .accommodation_list_item .panel-body .sun_classification-inline, .hotel-list-section .panel-wrapper .list_item_main_information_inner .sun_classification-inline, .hotel-list-section .panel-wrapper .panel-body .sun_classification-inline, .hotel-list-section .cruise_list_item .list_item_main_information_inner .sun_classification-inline, .hotel-list-section .cruise_list_item .panel-body .sun_classification-inline, .filter-results .accommodation_list_item .list_item_main_information_inner .sun_classification-inline, .filter-results .accommodation_list_item .panel-body .sun_classification-inline, .filter-results .panel-wrapper .list_item_main_information_inner .sun_classification-inline, .filter-results .panel-wrapper .panel-body .sun_classification-inline, .filter-results .cruise_list_item .list_item_main_information_inner .sun_classification-inline, .filter-results .cruise_list_item .panel-body .sun_classification-inline { display: inline-block; float: left; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .sun_classification svg, .hotel-list-section .accommodation_list_item .panel-body .sun_classification svg, .hotel-list-section .panel-wrapper .list_item_main_information_inner .sun_classification svg, .hotel-list-section .panel-wrapper .panel-body .sun_classification svg, .hotel-list-section .cruise_list_item .list_item_main_information_inner .sun_classification svg, .hotel-list-section .cruise_list_item .panel-body .sun_classification svg, .filter-results .accommodation_list_item .list_item_main_information_inner .sun_classification svg, .filter-results .accommodation_list_item .panel-body .sun_classification svg, .filter-results .panel-wrapper .list_item_main_information_inner .sun_classification svg, .filter-results .panel-wrapper .panel-body .sun_classification svg, .filter-results .cruise_list_item .list_item_main_information_inner .sun_classification svg, .filter-results .cruise_list_item .panel-body .sun_classification svg { fill: #FFCA32; width: 14px; height: 14px; vertical-align: middle; margin: 0 1px; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .toggle-liked-hotel, .hotel-list-section .accommodation_list_item .panel-body .toggle-liked-hotel, .hotel-list-section .panel-wrapper .list_item_main_information_inner .toggle-liked-hotel, .hotel-list-section .panel-wrapper .panel-body .toggle-liked-hotel, .hotel-list-section .cruise_list_item .list_item_main_information_inner .toggle-liked-hotel, .hotel-list-section .cruise_list_item .panel-body .toggle-liked-hotel, .filter-results .accommodation_list_item .list_item_main_information_inner .toggle-liked-hotel, .filter-results .accommodation_list_item .panel-body .toggle-liked-hotel, .filter-results .panel-wrapper .list_item_main_information_inner .toggle-liked-hotel, .filter-results .panel-wrapper .panel-body .toggle-liked-hotel, .filter-results .cruise_list_item .list_item_main_information_inner .toggle-liked-hotel, .filter-results .cruise_list_item .panel-body .toggle-liked-hotel { right: 10px; margin-top: -2px; z-index: 10; background-color: white; border: 0; position: absolute; cursor: pointer; padding: 0; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .toggle-liked-hotel svg, .hotel-list-section .accommodation_list_item .panel-body .toggle-liked-hotel svg, .hotel-list-section .panel-wrapper .list_item_main_information_inner .toggle-liked-hotel svg, .hotel-list-section .panel-wrapper .panel-body .toggle-liked-hotel svg, .hotel-list-section .cruise_list_item .list_item_main_information_inner .toggle-liked-hotel svg, .hotel-list-section .cruise_list_item .panel-body .toggle-liked-hotel svg, .filter-results .accommodation_list_item .list_item_main_information_inner .toggle-liked-hotel svg, .filter-results .accommodation_list_item .panel-body .toggle-liked-hotel svg, .filter-results .panel-wrapper .list_item_main_information_inner .toggle-liked-hotel svg, .filter-results .panel-wrapper .panel-body .toggle-liked-hotel svg, .filter-results .cruise_list_item .list_item_main_information_inner .toggle-liked-hotel svg, .filter-results .cruise_list_item .panel-body .toggle-liked-hotel svg { height: 25px; width: 30px; transition: transform 0.2s; -webkit-transition: -webkit-transform 0.2s; stroke: #bb3e96; fill: #bf308b; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .toggle-liked-hotel svg path, .hotel-list-section .accommodation_list_item .panel-body .toggle-liked-hotel svg path, .hotel-list-section .panel-wrapper .list_item_main_information_inner .toggle-liked-hotel svg path, .hotel-list-section .panel-wrapper .panel-body .toggle-liked-hotel svg path, .hotel-list-section .cruise_list_item .list_item_main_information_inner .toggle-liked-hotel svg path, .hotel-list-section .cruise_list_item .panel-body .toggle-liked-hotel svg path, .filter-results .accommodation_list_item .list_item_main_information_inner .toggle-liked-hotel svg path, .filter-results .accommodation_list_item .panel-body .toggle-liked-hotel svg path, .filter-results .panel-wrapper .list_item_main_information_inner .toggle-liked-hotel svg path, .filter-results .panel-wrapper .panel-body .toggle-liked-hotel svg path, .filter-results .cruise_list_item .list_item_main_information_inner .toggle-liked-hotel svg path, .filter-results .cruise_list_item .panel-body .toggle-liked-hotel svg path { pointer-events: all; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .toggle-liked-hotel svg:hover, .hotel-list-section .accommodation_list_item .panel-body .toggle-liked-hotel svg:hover, .hotel-list-section .panel-wrapper .list_item_main_information_inner .toggle-liked-hotel svg:hover, .hotel-list-section .panel-wrapper .panel-body .toggle-liked-hotel svg:hover, .hotel-list-section .cruise_list_item .list_item_main_information_inner .toggle-liked-hotel svg:hover, .hotel-list-section .cruise_list_item .panel-body .toggle-liked-hotel svg:hover, .filter-results .accommodation_list_item .list_item_main_information_inner .toggle-liked-hotel svg:hover, .filter-results .accommodation_list_item .panel-body .toggle-liked-hotel svg:hover, .filter-results .panel-wrapper .list_item_main_information_inner .toggle-liked-hotel svg:hover, .filter-results .panel-wrapper .panel-body .toggle-liked-hotel svg:hover, .filter-results .cruise_list_item .list_item_main_information_inner .toggle-liked-hotel svg:hover, .filter-results .cruise_list_item .panel-body .toggle-liked-hotel svg:hover { transform: scale(1.2); -webkit-transform: scale(1.2); } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .hotel_name, .hotel-list-section .accommodation_list_item .list_item_main_information_inner .panel-heading, .hotel-list-section .accommodation_list_item .panel-body .hotel_name, .hotel-list-section .accommodation_list_item .panel-body .panel-heading, .hotel-list-section .panel-wrapper .list_item_main_information_inner .hotel_name, .hotel-list-section .panel-wrapper .list_item_main_information_inner .panel-heading, .hotel-list-section .panel-wrapper .panel-body .hotel_name, .hotel-list-section .panel-wrapper .panel-body .panel-heading, .hotel-list-section .cruise_list_item .list_item_main_information_inner .hotel_name, .hotel-list-section .cruise_list_item .list_item_main_information_inner .panel-heading, .hotel-list-section .cruise_list_item .panel-body .hotel_name, .hotel-list-section .cruise_list_item .panel-body .panel-heading, .filter-results .accommodation_list_item .list_item_main_information_inner .hotel_name, .filter-results .accommodation_list_item .list_item_main_information_inner .panel-heading, .filter-results .accommodation_list_item .panel-body .hotel_name, .filter-results .accommodation_list_item .panel-body .panel-heading, .filter-results .panel-wrapper .list_item_main_information_inner .hotel_name, .filter-results .panel-wrapper .list_item_main_information_inner .panel-heading, .filter-results .panel-wrapper .panel-body .hotel_name, .filter-results .panel-wrapper .panel-body .panel-heading, .filter-results .cruise_list_item .list_item_main_information_inner .hotel_name, .filter-results .cruise_list_item .list_item_main_information_inner .panel-heading, .filter-results .cruise_list_item .panel-body .hotel_name, .filter-results .cruise_list_item .panel-body .panel-heading { width: 300px; float: left; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .hotel_name h2, .hotel-list-section .accommodation_list_item .list_item_main_information_inner .panel-heading h2, .hotel-list-section .accommodation_list_item .panel-body .hotel_name h2, .hotel-list-section .accommodation_list_item .panel-body .panel-heading h2, .hotel-list-section .panel-wrapper .list_item_main_information_inner .hotel_name h2, .hotel-list-section .panel-wrapper .list_item_main_information_inner .panel-heading h2, .hotel-list-section .panel-wrapper .panel-body .hotel_name h2, .hotel-list-section .panel-wrapper .panel-body .panel-heading h2, .hotel-list-section .cruise_list_item .list_item_main_information_inner .hotel_name h2, .hotel-list-section .cruise_list_item .list_item_main_information_inner .panel-heading h2, .hotel-list-section .cruise_list_item .panel-body .hotel_name h2, .hotel-list-section .cruise_list_item .panel-body .panel-heading h2, .filter-results .accommodation_list_item .list_item_main_information_inner .hotel_name h2, .filter-results .accommodation_list_item .list_item_main_information_inner .panel-heading h2, .filter-results .accommodation_list_item .panel-body .hotel_name h2, .filter-results .accommodation_list_item .panel-body .panel-heading h2, .filter-results .panel-wrapper .list_item_main_information_inner .hotel_name h2, .filter-results .panel-wrapper .list_item_main_information_inner .panel-heading h2, .filter-results .panel-wrapper .panel-body .hotel_name h2, .filter-results .panel-wrapper .panel-body .panel-heading h2, .filter-results .cruise_list_item .list_item_main_information_inner .hotel_name h2, .filter-results .cruise_list_item .list_item_main_information_inner .panel-heading h2, .filter-results .cruise_list_item .panel-body .hotel_name h2, .filter-results .cruise_list_item .panel-body .panel-heading h2 { font-size: 17px; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .hotel_name h2 a, .hotel-list-section .accommodation_list_item .list_item_main_information_inner .panel-heading h2 a, .hotel-list-section .accommodation_list_item .panel-body .hotel_name h2 a, .hotel-list-section .accommodation_list_item .panel-body .panel-heading h2 a, .hotel-list-section .panel-wrapper .list_item_main_information_inner .hotel_name h2 a, .hotel-list-section .panel-wrapper .list_item_main_information_inner .panel-heading h2 a, .hotel-list-section .panel-wrapper .panel-body .hotel_name h2 a, .hotel-list-section .panel-wrapper .panel-body .panel-heading h2 a, .hotel-list-section .cruise_list_item .list_item_main_information_inner .hotel_name h2 a, .hotel-list-section .cruise_list_item .list_item_main_information_inner .panel-heading h2 a, .hotel-list-section .cruise_list_item .panel-body .hotel_name h2 a, .hotel-list-section .cruise_list_item .panel-body .panel-heading h2 a, .filter-results .accommodation_list_item .list_item_main_information_inner .hotel_name h2 a, .filter-results .accommodation_list_item .list_item_main_information_inner .panel-heading h2 a, .filter-results .accommodation_list_item .panel-body .hotel_name h2 a, .filter-results .accommodation_list_item .panel-body .panel-heading h2 a, .filter-results .panel-wrapper .list_item_main_information_inner .hotel_name h2 a, .filter-results .panel-wrapper .list_item_main_information_inner .panel-heading h2 a, .filter-results .panel-wrapper .panel-body .hotel_name h2 a, .filter-results .panel-wrapper .panel-body .panel-heading h2 a, .filter-results .cruise_list_item .list_item_main_information_inner .hotel_name h2 a, .filter-results .cruise_list_item .list_item_main_information_inner .panel-heading h2 a, .filter-results .cruise_list_item .panel-body .hotel_name h2 a, .filter-results .cruise_list_item .panel-body .panel-heading h2 a { color: #1B1464; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .panel-content, .hotel-list-section .accommodation_list_item .panel-body .panel-content, .hotel-list-section .panel-wrapper .list_item_main_information_inner .panel-content, .hotel-list-section .panel-wrapper .panel-body .panel-content, .hotel-list-section .cruise_list_item .list_item_main_information_inner .panel-content, .hotel-list-section .cruise_list_item .panel-body .panel-content, .filter-results .accommodation_list_item .list_item_main_information_inner .panel-content, .filter-results .accommodation_list_item .panel-body .panel-content, .filter-results .panel-wrapper .list_item_main_information_inner .panel-content, .filter-results .panel-wrapper .panel-body .panel-content, .filter-results .cruise_list_item .list_item_main_information_inner .panel-content, .filter-results .cruise_list_item .panel-body .panel-content { padding-right: 10px; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .sun_classification, .hotel-list-section .accommodation_list_item .panel-body .sun_classification, .hotel-list-section .panel-wrapper .list_item_main_information_inner .sun_classification, .hotel-list-section .panel-wrapper .panel-body .sun_classification, .hotel-list-section .cruise_list_item .list_item_main_information_inner .sun_classification, .hotel-list-section .cruise_list_item .panel-body .sun_classification, .filter-results .accommodation_list_item .list_item_main_information_inner .sun_classification, .filter-results .accommodation_list_item .panel-body .sun_classification, .filter-results .panel-wrapper .list_item_main_information_inner .sun_classification, .filter-results .panel-wrapper .panel-body .sun_classification, .filter-results .cruise_list_item .list_item_main_information_inner .sun_classification, .filter-results .cruise_list_item .panel-body .sun_classification { top: -2px; position: relative; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .left_region, .hotel-list-section .accommodation_list_item .panel-body .left_region, .hotel-list-section .panel-wrapper .list_item_main_information_inner .left_region, .hotel-list-section .panel-wrapper .panel-body .left_region, .hotel-list-section .cruise_list_item .list_item_main_information_inner .left_region, .hotel-list-section .cruise_list_item .panel-body .left_region, .filter-results .accommodation_list_item .list_item_main_information_inner .left_region, .filter-results .accommodation_list_item .panel-body .left_region, .filter-results .panel-wrapper .list_item_main_information_inner .left_region, .filter-results .panel-wrapper .panel-body .left_region, .filter-results .cruise_list_item .list_item_main_information_inner .left_region, .filter-results .cruise_list_item .panel-body .left_region { width: 300px; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .left_region .travel_area_trail, .hotel-list-section .accommodation_list_item .panel-body .left_region .travel_area_trail, .hotel-list-section .panel-wrapper .list_item_main_information_inner .left_region .travel_area_trail, .hotel-list-section .panel-wrapper .panel-body .left_region .travel_area_trail, .hotel-list-section .cruise_list_item .list_item_main_information_inner .left_region .travel_area_trail, .hotel-list-section .cruise_list_item .panel-body .left_region .travel_area_trail, .filter-results .accommodation_list_item .list_item_main_information_inner .left_region .travel_area_trail, .filter-results .accommodation_list_item .panel-body .left_region .travel_area_trail, .filter-results .panel-wrapper .list_item_main_information_inner .left_region .travel_area_trail, .filter-results .panel-wrapper .panel-body .left_region .travel_area_trail, .filter-results .cruise_list_item .list_item_main_information_inner .left_region .travel_area_trail, .filter-results .cruise_list_item .panel-body .left_region .travel_area_trail { margin-bottom: 5px; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .left_region .travel_area_trail li a, .hotel-list-section .accommodation_list_item .panel-body .left_region .travel_area_trail li a, .hotel-list-section .panel-wrapper .list_item_main_information_inner .left_region .travel_area_trail li a, .hotel-list-section .panel-wrapper .panel-body .left_region .travel_area_trail li a, .hotel-list-section .cruise_list_item .list_item_main_information_inner .left_region .travel_area_trail li a, .hotel-list-section .cruise_list_item .panel-body .left_region .travel_area_trail li a, .filter-results .accommodation_list_item .list_item_main_information_inner .left_region .travel_area_trail li a, .filter-results .accommodation_list_item .panel-body .left_region .travel_area_trail li a, .filter-results .panel-wrapper .list_item_main_information_inner .left_region .travel_area_trail li a, .filter-results .panel-wrapper .panel-body .left_region .travel_area_trail li a, .filter-results .cruise_list_item .list_item_main_information_inner .left_region .travel_area_trail li a, .filter-results .cruise_list_item .panel-body .left_region .travel_area_trail li a { font-family: "Proxima Nova W01 Medium", sans-serif; color: #1B1464; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .right_region, .hotel-list-section .accommodation_list_item .panel-body .right_region, .hotel-list-section .panel-wrapper .list_item_main_information_inner .right_region, .hotel-list-section .panel-wrapper .panel-body .right_region, .hotel-list-section .cruise_list_item .list_item_main_information_inner .right_region, .hotel-list-section .cruise_list_item .panel-body .right_region, .filter-results .accommodation_list_item .list_item_main_information_inner .right_region, .filter-results .accommodation_list_item .panel-body .right_region, .filter-results .panel-wrapper .list_item_main_information_inner .right_region, .filter-results .panel-wrapper .panel-body .right_region, .filter-results .cruise_list_item .list_item_main_information_inner .right_region, .filter-results .cruise_list_item .panel-body .right_region { position: relative; top: -15px; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .right_region .facilities .k_fact, .hotel-list-section .accommodation_list_item .panel-body .right_region .facilities .k_fact, .hotel-list-section .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact, .hotel-list-section .panel-wrapper .panel-body .right_region .facilities .k_fact, .hotel-list-section .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact, .hotel-list-section .cruise_list_item .panel-body .right_region .facilities .k_fact, .filter-results .accommodation_list_item .list_item_main_information_inner .right_region .facilities .k_fact, .filter-results .accommodation_list_item .panel-body .right_region .facilities .k_fact, .filter-results .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact, .filter-results .panel-wrapper .panel-body .right_region .facilities .k_fact, .filter-results .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact, .filter-results .cruise_list_item .panel-body .right_region .facilities .k_fact { width: 150px; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .right_region .facilities .k_fact svg, .hotel-list-section .accommodation_list_item .panel-body .right_region .facilities .k_fact svg, .hotel-list-section .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact svg, .hotel-list-section .panel-wrapper .panel-body .right_region .facilities .k_fact svg, .hotel-list-section .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact svg, .hotel-list-section .cruise_list_item .panel-body .right_region .facilities .k_fact svg, .filter-results .accommodation_list_item .list_item_main_information_inner .right_region .facilities .k_fact svg, .filter-results .accommodation_list_item .panel-body .right_region .facilities .k_fact svg, .filter-results .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact svg, .filter-results .panel-wrapper .panel-body .right_region .facilities .k_fact svg, .filter-results .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact svg, .filter-results .cruise_list_item .panel-body .right_region .facilities .k_fact svg { width: 14px; height: 14px; display: inline-block; fill: #1B1464; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .hotel-list-section .accommodation_list_item .panel-body .right_region .facilities .k_fact .checkbox_label, .hotel-list-section .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .hotel-list-section .panel-wrapper .panel-body .right_region .facilities .k_fact .checkbox_label, .hotel-list-section .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .hotel-list-section .cruise_list_item .panel-body .right_region .facilities .k_fact .checkbox_label, .filter-results .accommodation_list_item .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .filter-results .accommodation_list_item .panel-body .right_region .facilities .k_fact .checkbox_label, .filter-results .panel-wrapper .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .filter-results .panel-wrapper .panel-body .right_region .facilities .k_fact .checkbox_label, .filter-results .cruise_list_item .list_item_main_information_inner .right_region .facilities .k_fact .checkbox_label, .filter-results .cruise_list_item .panel-body .right_region .facilities .k_fact .checkbox_label { margin-left: 5px; color: #1B1464; font-family: "Proxima Nova W01 Medium", sans-serif; } .hotel-list-section .accommodation_list_item .list_item_main_information_inner .more_about, .hotel-list-section .accommodation_list_item .panel-body .more_about, .hotel-list-section .panel-wrapper .list_item_main_information_inner .more_about, .hotel-list-section .panel-wrapper .panel-body .more_about, .hotel-list-section .cruise_list_item .list_item_main_information_inner .more_about, .hotel-list-section .cruise_list_item .panel-body .more_about, .filter-results .accommodation_list_item .list_item_main_information_inner .more_about, .filter-results .accommodation_list_item .panel-body .more_about, .filter-results .panel-wrapper .list_item_main_information_inner .more_about, .filter-results .panel-wrapper .panel-body .more_about, .filter-results .cruise_list_item .list_item_main_information_inner .more_about, .filter-results .cruise_list_item .panel-body .more_about { color: #2C6AC7; font-size: 13px; font-family: "Proxima N W01 Bold", sans-serif; } .hotel-list-section .accommodation_list_item .panel-footer, .hotel-list-section .panel-wrapper .panel-footer, .hotel-list-section .cruise_list_item .panel-footer, .filter-results .accommodation_list_item .panel-footer, .filter-results .panel-wrapper .panel-footer, .filter-results .cruise_list_item .panel-footer { border: none; border-radius: 0; box-sizing: border-box; background-color: #F4F3ED; border-top-left-radius: 4px; padding: 15px 10px 15px 10px; } .hotel-list-section .accommodation_list_item .panel-footer .panel-facts .fact-group .fact-label, .hotel-list-section .panel-wrapper .panel-footer .panel-facts .fact-group .fact-label, .hotel-list-section .cruise_list_item .panel-footer .panel-facts .fact-group .fact-label, .filter-results .accommodation_list_item .panel-footer .panel-facts .fact-group .fact-label, .filter-results .panel-wrapper .panel-footer .panel-facts .fact-group .fact-label, .filter-results .cruise_list_item .panel-footer .panel-facts .fact-group .fact-label { color: #1B1464; } .hotel-list-section .divider, .filter-results .divider { display: none; } @media (max-width: 767px) { .responsive .hotel-list-section .hotel_counter_and_sorting_options, .responsive .hotel-list-section .list-header, .responsive .filter-results .hotel_counter_and_sorting_options, .responsive .filter-results .list-header { padding: 8px 10px 8px 10px; box-sizing: border-box; } .responsive .hotel-list-section .hotel_counter_and_sorting_options .hotel_counter_label_wrapper, .responsive .hotel-list-section .hotel_counter_and_sorting_options .title, .responsive .hotel-list-section .list-header .hotel_counter_label_wrapper, .responsive .hotel-list-section .list-header .title, .responsive .filter-results .hotel_counter_and_sorting_options .hotel_counter_label_wrapper, .responsive .filter-results .hotel_counter_and_sorting_options .title, .responsive .filter-results .list-header .hotel_counter_label_wrapper, .responsive .filter-results .list-header .title { margin: 0; } .responsive .hotel-list-section .hotel_counter_and_sorting_options .sorting_header, .responsive .hotel-list-section .hotel_counter_and_sorting_options .controls, .responsive .hotel-list-section .list-header .sorting_header, .responsive .hotel-list-section .list-header .controls, .responsive .filter-results .hotel_counter_and_sorting_options .sorting_header, .responsive .filter-results .hotel_counter_and_sorting_options .controls, .responsive .filter-results .list-header .sorting_header, .responsive .filter-results .list-header .controls { border: 0; border-radius: 0; padding: 0; background-color: transparent; } } @media (max-width: 479px) { .responsive .hotel-list-section .hotel_counter_and_sorting_options .sorting_header .sortedby_text, .responsive .hotel-list-section .hotel_counter_and_sorting_options .controls .sortedby_text, .responsive .hotel-list-section .list-header .sorting_header .sortedby_text, .responsive .hotel-list-section .list-header .controls .sortedby_text, .responsive .filter-results .hotel_counter_and_sorting_options .sorting_header .sortedby_text, .responsive .filter-results .hotel_counter_and_sorting_options .controls .sortedby_text, .responsive .filter-results .list-header .sorting_header .sortedby_text, .responsive .filter-results .list-header .controls .sortedby_text { margin-top: 0; text-align: left; float: none; } } @media (max-width: 767px) { .responsive .hotel-list-section .hotel_list_container, .responsive .filter-results .hotel_list_container { margin-bottom: 10px; } .responsive .hotel-list-section .angular-loader, .responsive .filter-results .angular-loader { margin-top: 0; } } @media (max-width: 979px) { .responsive .hotel-list-section .list_item ._label img, .responsive .filter-results .list_item ._label img { width: auto; } } @media (max-width: 767px) { .responsive .hotel-list-section .sorting_header_divider, .responsive .filter-results .sorting_header_divider { display: none; } } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer { background-color: #ffffff; border-color: #1B1464; border-radius: 0; border: none; padding-left: 0; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .text { color: #1B1464; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer div:first-child { display: block; font-size: 16px; margin-bottom: 5px; margin-left: 0; font-family: "Filson W01 Bold", sans-serif; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer div:last-child { font-size: 14px; float: right; margin-top: 15px; margin-bottom: 15px; text-decoration: none; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .pill { background-color: #739bd8; border: none; border-radius: 4px; color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); font-size: 13px; font-family: "Filson W01 Bold", sans-serif; padding-top: 8px; padding-bottom: 8px; margin-left: 0; margin-right: 5px; } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .pill:after { font-size: 19px; top: -1px; } @media (max-width: 767px) { .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .pill:after { font-size: 17px; top: -2px; } } .hotel-list-section .hotel_filter_info .hotel_filter_info_subcontainer .pill:hover { background-color: #1B1464; } @media (max-width: 767px) { .hotel-list-section .accommodation_list_item > div, .hotel-list-section .panel-wrapper > div, .hotel-list-section .cruise_list_item > div, .hotel-list-section .panel-wrapper > div, .filter-results .accommodation_list_item > div, .filter-results .panel-wrapper > div, .filter-results .cruise_list_item > div, .filter-results .panel-wrapper > div { margin-left: 0px !important; } .hotel-list-section .accommodation_list_item > div .span3, .hotel-list-section .panel-wrapper > div .span3, .hotel-list-section .cruise_list_item > div .span3, .hotel-list-section .panel-wrapper > div .span3, .filter-results .accommodation_list_item > div .span3, .filter-results .panel-wrapper > div .span3, .filter-results .cruise_list_item > div .span3, .filter-results .panel-wrapper > div .span3 { padding-right: 10px; } .hotel-list-section .accommodation_list_item > div .list_item_main_information, .hotel-list-section .accommodation_list_item > div .panel-body-wrapper, .hotel-list-section .panel-wrapper > div .list_item_main_information, .hotel-list-section .panel-wrapper > div .panel-body-wrapper, .hotel-list-section .cruise_list_item > div .list_item_main_information, .hotel-list-section .cruise_list_item > div .panel-body-wrapper, .hotel-list-section .panel-wrapper > div .list_item_main_information, .hotel-list-section .panel-wrapper > div .panel-body-wrapper, .filter-results .accommodation_list_item > div .list_item_main_information, .filter-results .accommodation_list_item > div .panel-body-wrapper, .filter-results .panel-wrapper > div .list_item_main_information, .filter-results .panel-wrapper > div .panel-body-wrapper, .filter-results .cruise_list_item > div .list_item_main_information, .filter-results .cruise_list_item > div .panel-body-wrapper, .filter-results .panel-wrapper > div .list_item_main_information, .filter-results .panel-wrapper > div .panel-body-wrapper { margin-bottom: 5px; } .hotel-list-section .accommodation_list_item > div .list_item_main_information_inner, .hotel-list-section .accommodation_list_item > div .panel-body, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner, .hotel-list-section .panel-wrapper > div .panel-body, .hotel-list-section .cruise_list_item > div .list_item_main_information_inner, .hotel-list-section .cruise_list_item > div .panel-body, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner, .hotel-list-section .panel-wrapper > div .panel-body, .filter-results .accommodation_list_item > div .list_item_main_information_inner, .filter-results .accommodation_list_item > div .panel-body, .filter-results .panel-wrapper > div .list_item_main_information_inner, .filter-results .panel-wrapper > div .panel-body, .filter-results .cruise_list_item > div .list_item_main_information_inner, .filter-results .cruise_list_item > div .panel-body, .filter-results .panel-wrapper > div .list_item_main_information_inner, .filter-results .panel-wrapper > div .panel-body { padding-top: 15px; } .hotel-list-section .accommodation_list_item > div .list_item_main_information_inner .hotel_name, .hotel-list-section .accommodation_list_item > div .list_item_main_information_inner .left_region, .hotel-list-section .accommodation_list_item > div .list_item_main_information_inner .right_region, .hotel-list-section .accommodation_list_item > div .list_item_main_information_inner .list_item_rating, .hotel-list-section .accommodation_list_item > div .list_item_main_information_inner .cruise_information, .hotel-list-section .accommodation_list_item > div .list_item_main_information_inner > a, .hotel-list-section .accommodation_list_item > div .panel-body .hotel_name, .hotel-list-section .accommodation_list_item > div .panel-body .left_region, .hotel-list-section .accommodation_list_item > div .panel-body .right_region, .hotel-list-section .accommodation_list_item > div .panel-body .list_item_rating, .hotel-list-section .accommodation_list_item > div .panel-body .cruise_information, .hotel-list-section .accommodation_list_item > div .panel-body > a, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .hotel_name, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .left_region, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .list_item_rating, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .cruise_information, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner > a, .hotel-list-section .panel-wrapper > div .panel-body .hotel_name, .hotel-list-section .panel-wrapper > div .panel-body .left_region, .hotel-list-section .panel-wrapper > div .panel-body .right_region, .hotel-list-section .panel-wrapper > div .panel-body .list_item_rating, .hotel-list-section .panel-wrapper > div .panel-body .cruise_information, .hotel-list-section .panel-wrapper > div .panel-body > a, .hotel-list-section .cruise_list_item > div .list_item_main_information_inner .hotel_name, .hotel-list-section .cruise_list_item > div .list_item_main_information_inner .left_region, .hotel-list-section .cruise_list_item > div .list_item_main_information_inner .right_region, .hotel-list-section .cruise_list_item > div .list_item_main_information_inner .list_item_rating, .hotel-list-section .cruise_list_item > div .list_item_main_information_inner .cruise_information, .hotel-list-section .cruise_list_item > div .list_item_main_information_inner > a, .hotel-list-section .cruise_list_item > div .panel-body .hotel_name, .hotel-list-section .cruise_list_item > div .panel-body .left_region, .hotel-list-section .cruise_list_item > div .panel-body .right_region, .hotel-list-section .cruise_list_item > div .panel-body .list_item_rating, .hotel-list-section .cruise_list_item > div .panel-body .cruise_information, .hotel-list-section .cruise_list_item > div .panel-body > a, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .hotel_name, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .left_region, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .list_item_rating, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .cruise_information, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner > a, .hotel-list-section .panel-wrapper > div .panel-body .hotel_name, .hotel-list-section .panel-wrapper > div .panel-body .left_region, .hotel-list-section .panel-wrapper > div .panel-body .right_region, .hotel-list-section .panel-wrapper > div .panel-body .list_item_rating, .hotel-list-section .panel-wrapper > div .panel-body .cruise_information, .hotel-list-section .panel-wrapper > div .panel-body > a, .filter-results .accommodation_list_item > div .list_item_main_information_inner .hotel_name, .filter-results .accommodation_list_item > div .list_item_main_information_inner .left_region, .filter-results .accommodation_list_item > div .list_item_main_information_inner .right_region, .filter-results .accommodation_list_item > div .list_item_main_information_inner .list_item_rating, .filter-results .accommodation_list_item > div .list_item_main_information_inner .cruise_information, .filter-results .accommodation_list_item > div .list_item_main_information_inner > a, .filter-results .accommodation_list_item > div .panel-body .hotel_name, .filter-results .accommodation_list_item > div .panel-body .left_region, .filter-results .accommodation_list_item > div .panel-body .right_region, .filter-results .accommodation_list_item > div .panel-body .list_item_rating, .filter-results .accommodation_list_item > div .panel-body .cruise_information, .filter-results .accommodation_list_item > div .panel-body > a, .filter-results .panel-wrapper > div .list_item_main_information_inner .hotel_name, .filter-results .panel-wrapper > div .list_item_main_information_inner .left_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .list_item_rating, .filter-results .panel-wrapper > div .list_item_main_information_inner .cruise_information, .filter-results .panel-wrapper > div .list_item_main_information_inner > a, .filter-results .panel-wrapper > div .panel-body .hotel_name, .filter-results .panel-wrapper > div .panel-body .left_region, .filter-results .panel-wrapper > div .panel-body .right_region, .filter-results .panel-wrapper > div .panel-body .list_item_rating, .filter-results .panel-wrapper > div .panel-body .cruise_information, .filter-results .panel-wrapper > div .panel-body > a, .filter-results .cruise_list_item > div .list_item_main_information_inner .hotel_name, .filter-results .cruise_list_item > div .list_item_main_information_inner .left_region, .filter-results .cruise_list_item > div .list_item_main_information_inner .right_region, .filter-results .cruise_list_item > div .list_item_main_information_inner .list_item_rating, .filter-results .cruise_list_item > div .list_item_main_information_inner .cruise_information, .filter-results .cruise_list_item > div .list_item_main_information_inner > a, .filter-results .cruise_list_item > div .panel-body .hotel_name, .filter-results .cruise_list_item > div .panel-body .left_region, .filter-results .cruise_list_item > div .panel-body .right_region, .filter-results .cruise_list_item > div .panel-body .list_item_rating, .filter-results .cruise_list_item > div .panel-body .cruise_information, .filter-results .cruise_list_item > div .panel-body > a, .filter-results .panel-wrapper > div .list_item_main_information_inner .hotel_name, .filter-results .panel-wrapper > div .list_item_main_information_inner .left_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .list_item_rating, .filter-results .panel-wrapper > div .list_item_main_information_inner .cruise_information, .filter-results .panel-wrapper > div .list_item_main_information_inner > a, .filter-results .panel-wrapper > div .panel-body .hotel_name, .filter-results .panel-wrapper > div .panel-body .left_region, .filter-results .panel-wrapper > div .panel-body .right_region, .filter-results .panel-wrapper > div .panel-body .list_item_rating, .filter-results .panel-wrapper > div .panel-body .cruise_information, .filter-results .panel-wrapper > div .panel-body > a { padding-left: 10px; } .hotel-list-section .accommodation_list_item > div .list_item_main_information_inner .right_region, .hotel-list-section .accommodation_list_item > div .panel-body .right_region, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .hotel-list-section .panel-wrapper > div .panel-body .right_region, .hotel-list-section .cruise_list_item > div .list_item_main_information_inner .right_region, .hotel-list-section .cruise_list_item > div .panel-body .right_region, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .hotel-list-section .panel-wrapper > div .panel-body .right_region, .filter-results .accommodation_list_item > div .list_item_main_information_inner .right_region, .filter-results .accommodation_list_item > div .panel-body .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .panel-body .right_region, .filter-results .cruise_list_item > div .list_item_main_information_inner .right_region, .filter-results .cruise_list_item > div .panel-body .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .panel-body .right_region { position: initial; padding-top: 10px; padding-bottom: 10px; float: left; } .hotel-list-section .accommodation_list_item > div .list_item_main_information_inner .left_region .facilities, .hotel-list-section .accommodation_list_item > div .panel-body .left_region .facilities, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .left_region .facilities, .hotel-list-section .panel-wrapper > div .panel-body .left_region .facilities, .hotel-list-section .cruise_list_item > div .list_item_main_information_inner .left_region .facilities, .hotel-list-section .cruise_list_item > div .panel-body .left_region .facilities, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .left_region .facilities, .hotel-list-section .panel-wrapper > div .panel-body .left_region .facilities, .filter-results .accommodation_list_item > div .list_item_main_information_inner .left_region .facilities, .filter-results .accommodation_list_item > div .panel-body .left_region .facilities, .filter-results .panel-wrapper > div .list_item_main_information_inner .left_region .facilities, .filter-results .panel-wrapper > div .panel-body .left_region .facilities, .filter-results .cruise_list_item > div .list_item_main_information_inner .left_region .facilities, .filter-results .cruise_list_item > div .panel-body .left_region .facilities, .filter-results .panel-wrapper > div .list_item_main_information_inner .left_region .facilities, .filter-results .panel-wrapper > div .panel-body .left_region .facilities { padding: 5px 0; line-height: 20px; } .hotel-list-section .accommodation_list_item > div .list_item_rating, .hotel-list-section .panel-wrapper > div .list_item_rating, .hotel-list-section .cruise_list_item > div .list_item_rating, .hotel-list-section .panel-wrapper > div .list_item_rating, .filter-results .accommodation_list_item > div .list_item_rating, .filter-results .panel-wrapper > div .list_item_rating, .filter-results .cruise_list_item > div .list_item_rating, .filter-results .panel-wrapper > div .list_item_rating { padding-bottom: 5px; } .hotel-list-section .accommodation_list_item > div .panel-footer, .hotel-list-section .panel-wrapper > div .panel-footer, .hotel-list-section .cruise_list_item > div .panel-footer, .hotel-list-section .panel-wrapper > div .panel-footer, .filter-results .accommodation_list_item > div .panel-footer, .filter-results .panel-wrapper > div .panel-footer, .filter-results .cruise_list_item > div .panel-footer, .filter-results .panel-wrapper > div .panel-footer { border-top-left-radius: 0px; } .panel > .row-fluid > [class*=span] { padding-left: 10px; padding-right: 10px; box-sizing: border-box; margin-left: 0px; margin-right: 0px; } .panel .panel-heading { padding-left: 0px; margin-top: 20px; } } @media (max-width: 979px) { .hotel-list-section .accommodation_list_item > div .list_item_main_information_inner .right_region, .hotel-list-section .accommodation_list_item > div .panel-body .right_region, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .hotel-list-section .panel-wrapper > div .panel-body .right_region, .hotel-list-section .cruise_list_item > div .list_item_main_information_inner .right_region, .hotel-list-section .cruise_list_item > div .panel-body .right_region, .hotel-list-section .panel-wrapper > div .list_item_main_information_inner .right_region, .hotel-list-section .panel-wrapper > div .panel-body .right_region, .filter-results .accommodation_list_item > div .list_item_main_information_inner .right_region, .filter-results .accommodation_list_item > div .panel-body .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .panel-body .right_region, .filter-results .cruise_list_item > div .list_item_main_information_inner .right_region, .filter-results .cruise_list_item > div .panel-body .right_region, .filter-results .panel-wrapper > div .list_item_main_information_inner .right_region, .filter-results .panel-wrapper > div .panel-body .right_region { position: initial; } } .flight-class-upgrade { box-sizing: border-box; padding-top: 10px; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; outline: 0; z-index: 1050; display: block; text-align: center; } .modal button:focus, .modal table { outline: 0; } .modal .modal-dialog { display: inline-block; position: relative; } .modal .modal-dialog .modal-content { background-color: #ffffff; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; outline: none; text-align: left; padding: 20px; } .modal .modal-dialog .modal-content .modal-header { padding: 0; } .modal .modal-dialog .modal-content .modal-header h4 { font-family: "Filson W01 Bold", sans-serif; width: 80%; margin-bottom: 20px; font-size: 22px; } .modal .modal-dialog .modal-content .modal-body { padding: 0; } .modal .close-modal-box-wrapper { position: relative; height: 20px; } .modal .close-modal-box-wrapper .close-modal-box { position: absolute; right: -10px; top: -10px; } .modal .close-modal-box-wrapper .close-modal-box-icon { position: absolute; top: -10px; right: 10px; height: 20px; width: 20px; } .modal .close-modal-box { background-image: url('//cdn-prod-green-www.apollorejser.dk/v-b9c345494a04732700563ae7eaca8762/content/themes/apollo/content/img/icons/icons/modaldatepicker_blue_closemodaldialog.png'); width: 24px; height: 24px; background-repeat: no-repeat; z-index: 10000; background-size: 24px auto; } .modal .close-modal-box:hover { cursor: pointer; } .modal button.btn, .modal .month-header .month-header-row .nav-bar-cell button.btn, .month-header .month-header-row .nav-bar-cell .modal button.btn { width: 75%; } .modal .buttons { margin-top: 5px; } .modal input.input:not([type='checkbox']):not([type='radio']), .modal select { width: 75%; box-sizing: border-box; } .modal-backdrop { background-color: #222222; } .modal-open { overflow: hidden; } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -25%); } .modal.in .modal-dialog { transform: translate(0, 0); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; } .modal-backdrop.fade { /* Netscape */ -moz-opacity: 0.0; /* Good browsers */ opacity: 0.0; } .modal-backdrop.in { /* Netscape */ -moz-opacity: 0.6; /* Good browsers */ opacity: 0.6; } /*****Responsive***/ @media (min-width: 768px) { .modal { padding-top: 25%; } .modal .modal-dialog { top: -200px; } } @media (max-width: 479px) { .modal .modal-dialog { margin-bottom: 20px; } } @media (max-width: 979px) { .modal { padding-top: 0; top: 2px !important; left: 2px !important; right: 2px !important; bottom: 2px; margin-top: 0; overflow: auto; } .modal .modal-dialog { top: 0; } .modal .modal-dialog .standard-modal-content { width: 90%; display: initial; } } .standard-modal { width: 400px; text-align: center; } .standard-modal .standard-modal-inner { width: 75%; display: inline-block; } .standard-modal .standard-modal-inner .modal-header { overflow-wrap: break-word; padding: 0 30px; } .standard-modal .standard-modal-inner .modal-header h2 { font-size: 18px; margin-bottom: 6px; } .standard-modal .standard-modal-inner .modal-body { height: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; font-family: "Proxima N W01 Reg", sans-serif; margin-bottom: 10px; margin-top: 10px; } .standard-modal .standard-modal-inner .modal-body p:last-child { margin-bottom: 0; } .standard-modal .standard-modal-inner button.btn, .standard-modal .standard-modal-inner .month-header .month-header-row .nav-bar-cell button.btn, .month-header .month-header-row .nav-bar-cell .standard-modal .standard-modal-inner button.btn { width: 100%; } .standard-modal .standard-modal-inner .subHeading { color: #ed8000; font-size: 14px; } @media (max-width: 767px) { .standard-modal { min-width: 200px; width: auto; } .standard-modal .standard-modal-inner { width: 100%; } } @media (max-height: 380px) and (orientation: landscape) { .standard-modal { max-width: 350px; } } @media (min-width: 768px) and (max-width: 979px) { .standard-modal { max-width: 600px; } } .toggle-info-component a { color: #739bd8; } .toggle-info-component__icon-info .info_icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-bottom: 3px; fill: #739bd8; } .toggle-info-component__heading { cursor: pointer; color: #739bd8; margin-bottom: 10px; } .toggle-info-component__heading:hover { text-decoration: underline; } .expandable-dynamic-container .transclude-element { overflow: hidden; } .expandable-dynamic-container .expandable-components { height: 17px; } @media (min-width: 768px) { .product-search-box .select-date .date-dropdown { position: relative; top: auto; bottom: auto; left: auto; right: auto; } } .product-search-box .select-date .date-dropdown .date-selection { width: 100%; } .product-search-box .select-date .date-dropdown .date-selection .number-of-days { opacity: 0; text-align: center; background-color: #1b5fcb; color: #ffffff; cursor: default; font-family: "Proxima N W01 Bold", sans-serif; padding-top: 10px; padding-bottom: 44px; opacity: 1; position: fixed; left: 0; bottom: 0; right: 0; z-index: -1; transition: 1s ease-in-out all; } @media (min-width: 768px) { .product-search-box .select-date .date-dropdown .date-selection .number-of-days { position: relative; z-index: 1; padding-bottom: 10px; } } .product-search-box .select-date .date-dropdown .date-selection .invalid-message { height: 0; color: #ffffff; background-color: #ea5e66; overflow: hidden; text-align: center; transition: 0.3s ease-in-out all; position: relative; z-index: 10; width: 100%; box-sizing: border-box; } .product-search-box .select-date .date-dropdown .date-selection .invalid-message.ng-hide:not(.ng-hide-animate) { display: block !important; } .product-search-box .select-date .date-dropdown .date-selection .invalid-message.show { transition: 0.5s cubic-bezier(0.29, -0.15, 0.41, 1.92) all; height: 50px; } @media (min-width: 768px) { .product-search-box .select-date .date-dropdown .date-selection .invalid-message.show { height: 39px; } } .product-search-box .select-date .date-dropdown .date-selection .invalid-message .error-container { display: table; width: 100%; height: 100%; box-sizing: border-box; padding: 0px 20px; } .product-search-box .select-date .date-dropdown .date-selection .invalid-message .error-container .error-text { display: table-cell; text-align: center; font-family: "Proxima N W01 Bold", sans-serif; vertical-align: middle; width: 100%; } .product-search-box .select-date .date-dropdown .date-selection .invalid-message .error-container .error-close-wrapper { font-size: 30px; vertical-align: middle; display: table-cell; cursor: default; } .product-search-box .select-date .date-dropdown .date-selection .invalid-message .error-container .error-close-wrapper .error-close { position: relative; } @media (min-width: 768px) { .product-search-box .select-date .date-dropdown .date-selection .invalid-message .error-container .error-close-wrapper .error-close { display: none; } } .product-search-box .select-date .date-dropdown .date-selection .btn-confirm-date { display: block; margin-left: auto; margin-right: auto; padding: 5px 30px; border: none; } @media (min-width: 768px) { .product-search-box .select-date .date-dropdown .date-selection .btn-confirm-date { display: none; } } @media (min-width: 768px) { .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper { margin-top: 0; } } .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header { width: 100%; position: fixed; bottom: 0px; z-index: 1; } @media (min-width: 768px) { .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header { position: absolute; bottom: auto; top: 10px; } } .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .day-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .day-header-row, .month-header .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .month-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .month-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .day-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .day-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .day-header-row, .month-header .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .month-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .month-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .day-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row { position: relative; } .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .day-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell, .month-header .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .month-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .day-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell, .month-header .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .month-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell { position: absolute; top: auto; bottom: 44px; } @media (min-width: 768px) { .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .day-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell, .month-header .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .month-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .day-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell, .month-header .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .month-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.nav-bar-cell { top: 0; transform: none; bottom: auto; } } .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .day-header-row .nav-bar-cell.nav-cell.next-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell.next-nav, .month-header .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .month-header-row .nav-cell.next-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.next-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .month-header-row .nav-bar-cell.nav-cell.next-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.next-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell.next-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.next-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.next-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .day-header-row .nav-bar-cell.nav-cell.next-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell.next-nav, .month-header .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .month-header-row .nav-cell.next-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.next-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .month-header-row .nav-bar-cell.nav-cell.next-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.next-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell.next-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.next-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.next-nav.nav-bar-cell { right: 10px; } .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .day-header-row .nav-bar-cell.nav-cell.prev-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell.prev-nav, .month-header .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .month-header-row .nav-cell.prev-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.prev-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .day-header .month-header-row .nav-bar-cell.nav-cell.prev-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.prev-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell.prev-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.prev-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .month-header .month-header-row .nav-cell.prev-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .day-header-row .nav-bar-cell.nav-cell.prev-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell.prev-nav, .month-header .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .month-header-row .nav-cell.prev-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.prev-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .day-header .month-header-row .nav-bar-cell.nav-cell.prev-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.prev-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .day-header-row .nav-bar-cell.nav-cell.prev-nav, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.prev-nav.nav-bar-cell, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .month-header .month-header-row .nav-cell.prev-nav.nav-bar-cell { left: 10px; } .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .inner-wrapper, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .inner-wrapper { padding: 0; box-sizing: border-box; width: 100%; position: fixed; overflow: auto; top: 0; bottom: 0; margin-bottom: 124px; } @media (min-width: 768px) { .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .inner-wrapper, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .inner-wrapper { padding: 10px; position: relative; margin-bottom: 0; } .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .inner-wrapper .calendar, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .inner-wrapper .calendar { padding: 0px 15px; } } @media (max-width: 767px) { .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .inner-wrapper, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .inner-wrapper { padding: 5px; } } .product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .inner-wrapper .text-center, .product-search-box .select-date .date-dropdown .date-selection .date-picker .month-picker-wrapper .inner-wrapper .text-center { text-align: center; } @media (min-width: 768px) { .product-search-box.vertical-product-search-box .select-date .date-dropdown { position: relative; } } @media (min-width: 768px) { .product-search-box.vertical-product-search-box .select-date .date-dropdown .date-selection .date-picker { width: 100%; } } @media (min-width: 980px) { .product-search-box.vertical-product-search-box .select-date .date-dropdown .date-selection .date-picker { width: 100%; } } @media (min-width: 768px) { .product-search-box.horizontal-product-search-box .select-date .date-dropdown { position: absolute; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2); width: 568px; z-index: 1; } } @media (min-width: 980px) { .product-search-box.horizontal-product-search-box .select-date .date-dropdown { width: 701px; } } .product-search-box.horizontal-product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .inner-wrapper { display: block; width: 100%; } @media (min-width: 768px) { .product-search-box.horizontal-product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .inner-wrapper { display: table; } } .product-search-box.horizontal-product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .inner-wrapper .calendar { display: block; width: 100%; } @media (min-width: 768px) { .product-search-box.horizontal-product-search-box .select-date .date-dropdown .date-selection .date-picker .day-picker-wrapper .inner-wrapper .calendar { display: table-cell; width: 50%; } } .day-picker-wrapper { outline: none; width: 100%; position: relative; } .day-picker-wrapper .inner-wrapper button { -webkit-appearance: button; } .day-picker-wrapper .inner-wrapper .calendar { padding: 5px 0px; box-sizing: border-box; } .day-picker-wrapper .inner-wrapper .calendar .title { width: 100%; line-height: 2.1em; text-align: center; } .day-picker-wrapper .inner-wrapper .calendar .title button.btn { font-family: "Proxima N W01 Reg", sans-serif; background-color: transparent; border: none; color: #333333; margin: 0; font-size: 1.1em; text-transform: capitalize; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row:first-child .day-cell { border-top: none; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row { clear: both; width: 100%; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .days-wrapper-cell { text-align: center; padding-left: 0; float: left; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .days-wrapper-cell.weekday { width: calc(14.28% - 2.35px); font-family: "Proxima N W01 Bold", sans-serif; text-transform: uppercase; padding: 0px 1px 5px 0; font-size: inherit; box-sizing: border-box; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .days-wrapper-cell.week-number.title { width: 16.5px; height: 1px; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell { float: left; display: block; height: 47px; box-sizing: border-box; border-top: 1px solid #e3e3e3; position: relative; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn { height: 100%; width: 100%; border: none; border-radius: 0; padding: 0; color: #333333; background-color: transparent; font-size: 1.1em; margin: 0; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn.btn-info, .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn.btn-start { background-color: #FFCA32; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn.btn-end { background-color: #FFCA32; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn.btn-end:after { content: ''; position: absolute; right: 0; width: 0; top: 14px; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #ffffff; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn.middle-date { background-color: #054aad; color: #ffffff; } @media (min-width: 768px) { .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn:hover { background-color: #054aad; color: #ffffff; } } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn[disabled] { cursor: default; color: #e3e3e3; font-size: .9em; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn[disabled]:hover { background-color: transparent; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn span:first-letter { text-transform: uppercase; font-size: 100%; } @media (min-width: 768px) { .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell button.btn { font-family: "Proxima N W01 Reg", sans-serif; } } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell.daypicker-day-hidden button.btn { visibility: hidden; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell.week-number { height: 1px; width: 16.5px; display: block; padding: 0 4px 0 0; font-size: 0.8em; border: none; line-height: 0; } .day-picker-wrapper .inner-wrapper .calendar .day-picker-body .day-picker-body-row .day-cell.day { width: calc(14.28% - 2.35px); text-align: center; } .day-picker-wrapper .inner-wrapper.date-range .calendar .day-picker-body .btn-start:before { content: ''; position: absolute; left: 0; top: 14px; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid #ffffff; } .day-header, .month-header { display: table; width: 100%; } .day-header .day-header-row, .month-header .day-header-row, .month-header .month-header-row { display: table-row; } .day-header .day-header-row .nav-bar-cell, .month-header .day-header-row .nav-bar-cell, .day-header .day-header-row .month-header .month-header-row .nav-bar-cell, .month-header .month-header-row .day-header .day-header-row .nav-bar-cell, .month-header .day-header-row .month-header-row .nav-bar-cell, .month-header .month-header-row .day-header-row .nav-bar-cell, .day-header .month-header .month-header-row .nav-bar-cell, .month-header .day-header .month-header-row .nav-bar-cell, .month-header .month-header-row .nav-bar-cell { display: table-cell; vertical-align: middle; } .day-header .day-header-row .nav-bar-cell svg, .month-header .day-header-row .nav-bar-cell svg, .month-header .day-header-row .month-header-row .nav-bar-cell svg, .month-header .month-header-row .day-header-row .nav-bar-cell svg, .day-header .month-header .month-header-row .nav-bar-cell svg, .month-header .day-header .month-header-row .nav-bar-cell svg, .month-header .month-header-row .nav-bar-cell svg { height: 30px; width: 20px; fill: #1B1464; } .day-header .day-header-row .nav-bar-cell svg[disabled], .month-header .day-header-row .nav-bar-cell svg[disabled], .month-header .month-header-row .nav-bar-cell svg[disabled] { fill: #E2DEDA; } @media (max-width: 767px) { .day-header .day-header-row .nav-bar-cell svg[disabled], .month-header .day-header-row .nav-bar-cell svg[disabled], .month-header .month-header-row .nav-bar-cell svg[disabled] { visibility: hidden; } } .day-header .day-header-row .nav-bar-cell.next-nav, .month-header .day-header-row .nav-bar-cell.next-nav, .month-header .month-header-row .next-nav.nav-bar-cell { position: absolute; top: 0; right: 5px; background-size: 17px 18px; } .day-header .day-header-row .nav-bar-cell.prev-nav, .month-header .day-header-row .nav-bar-cell.prev-nav, .month-header .month-header-row .prev-nav.nav-bar-cell { position: absolute; top: 0; left: 5px; } .month-picker-wrapper { text-align: center; margin: 0 auto; outline: none; width: 100%; position: relative; } .month-picker-wrapper .title { width: 100%; line-height: 2.1em; text-align: center; padding-top: 5px; } .month-picker-wrapper .title button.btn, .month-picker-wrapper .title .month-header .month-header-row .nav-bar-cell button.btn, .month-header .month-header-row .nav-bar-cell .month-picker-wrapper .title button.btn { background-color: transparent; border: none; color: #333333; margin: 0; font-size: 1.1em; text-transform: capitalize; } .month-picker-wrapper .month-picker-body .month-picker-body-row:first-child .month-cell { border-top: none; } .month-picker-wrapper .month-picker-body .month-picker-body-row .month-cell { float: left; width: 33%; border-top: 1px solid #e3e3e3; height: 44px; } .month-picker-wrapper .month-picker-body .month-picker-body-row .month-cell button.btn { height: 100%; width: 100%; border: none; border-radius: 0; padding: 0; color: #333333; background-color: transparent; font-size: 1.1em; font-family: "Proxima Nova W01 Medium", sans-serif; margin: 0; } .month-picker-wrapper .month-picker-body .month-picker-body-row .month-cell button.btn.btn-info { background-color: #1b5fcb; color: #ffffff; } .month-picker-wrapper .month-picker-body .month-picker-body-row .month-cell button.btn:hover { background-color: #1b5fcb; color: #ffffff; } .month-picker-wrapper .month-picker-body .month-picker-body-row .month-cell button.btn[disabled] { color: #e3e3e3; } .month-picker-wrapper .month-picker-body .month-picker-body-row .month-cell button.btn[disabled]:hover { background-color: transparent; } .month-picker-wrapper .month-picker-body .month-picker-body-row .month-cell button.btn span { font-size: 120%; text-transform: capitalize; } .month-header .month-header-row .nav-bar-cell svg { outline: none; } .month-header .month-header-row .nav-bar-cell svg:not([disabled]) { cursor: pointer; } .passengers-rooms-selection { position: relative; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .passengers-rooms-selection .room-label { width: 60px; display: inline-block; } @media (min-width: 768px) { .passengers-rooms-selection .widget-dropdown { z-index: 1; position: absolute; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2); cursor: default; background-color: white; width: 100%; left: 0; } } .passengers-rooms-selection .widget-dropdown .rooms-configuration-container { margin-bottom: 124px; } @media (min-width: 768px) { .passengers-rooms-selection .widget-dropdown .rooms-configuration-container { margin-bottom: 0px; } } .passengers-rooms-selection .widget-dropdown .rooms-configuration-container .toggle-info-component { font-size: 13px; } .passengers-rooms-selection .widget-dropdown .room-information { position: fixed; bottom: 0; left: 0; right: 0; text-align: center; background-color: #1b5fcb; color: #ffffff; padding-top: 10px; padding-bottom: 44px; } @media (min-width: 768px) { .passengers-rooms-selection .widget-dropdown .room-information { display: none; } } .passengers-rooms-selection .widget-dropdown * { box-sizing: border-box; } @media (max-width: 767px) { .passengers-rooms-selection .widget-dropdown { position: relative; box-shadow: 0 0; } .passengers-rooms-selection .widget-dropdown button.btn-close { display: block; margin: auto; } } .passengers-rooms-selection .widget-dropdown select { position: absolute; top: 0; left: 0; bottom: 0; opacity: 0; font-size: 16px; width: 100%; height: 100%; cursor: pointer; } .passengers-rooms-selection .widget-dropdown select option { background-color: white; color: #6d7174; text-transform: initial; font-size: 14px; } .passengers-rooms-selection .widget-dropdown .room-number-header { padding: 4px; text-align: center; background-color: #E2DEDA; color: #1B1464; font-family: "Proxima N W01 Bold", sans-serif; } .passengers-rooms-selection .widget-dropdown .room-btn-container { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ justify-content: flex-end; margin-top: 10px; } .passengers-rooms-selection .widget-dropdown .room-btn-container.first-room { justify-content: flex-start; } .passengers-rooms-selection .widget-dropdown button.btn.btn-full-width.btn-room { height: 28px; width: calc(50% - 20px); font-size: 12px; line-height: 1em; margin: 10px; padding: 6px; background-color: #1b5fcb; color: #ffffff; } .passengers-rooms-selection .widget-dropdown button.btn.btn-full-width.btn-room.btn-room-remove { background-color: #1B1464; } .passengers-rooms-selection .widget-dropdown .widget-dropdown-container { padding: 10px; } .passengers-rooms-selection .widget-dropdown-label { display: table-cell; vertical-align: middle; font-family: "Proxima N W01 Bold", sans-serif; font-size: 11px; text-transform: uppercase; width: 40%; } .passengers-rooms-selection .widget-dropdown-content { display: table-cell; width: 48%; vertical-align: middle; position: relative; } .passengers-rooms-selection .widget-dropdown-content.children-age-info { font-size: 12px; font-family: "Proxima Nova W01 Medium", sans-serif; } .passengers-rooms-selection .widget-dropdown-holder { width: 88%; display: table; } .passengers-rooms-selection .widget-dropdown-holder:not(:first-child) { margin-top: 10px; } .passengers-rooms-selection .widget-dropdown-child-row { display: table; width: 100%; } .passengers-rooms-selection .widget-dropdown-child-row:not(:first-child) { margin-top: 5px; } .passengers-rooms-selection .widget-dropdown-child-row .delete-child { display: table-cell; vertical-align: middle; } .passengers-rooms-selection .widget-dropdown-child-row .delete-child .cross { margin: 8px 4px 0px 0px; float: right; position: relative; } .passengers-rooms-selection .widget-dropdown-child-row .delete-child .cross .close_icon { height: 16px; width: 16px; fill: #1B1464; } .passengers-rooms-selection .widget-dropdown-child-row .widget-dropdown-select-overlay { background: transparent url('//cdn-prod-green-www.apollorejser.dk/v-ed714a2f875e6dc264d58fcdc2c3d613/content/img/dropdown/arrow_down_white.png') no-repeat; background-position: right 10px top 16px; background-size: 12px 7px; position: relative; background-color: #1b5fcb; color: white; width: 100%; padding: 10px; outline: none; border: none; font-size: 11px; text-transform: uppercase; font-family: "Proxima N W01 Bold", sans-serif; border-radius: 3px; transition: .5s all ease-in-out; } .passengers-rooms-selection .widget-dropdown-child-row .widget-dropdown-select-overlay.child-invalid { transition: .5s all ease-in-out; background-color: #ea5e66; color: #ffffff; } .click-overlay { position: absolute; cursor: pointer; } .click-overlay.disabled { cursor: default; } .product-search-box { font-size: 14px; } .product-search-box .product-search-box-nav { background-color: #1B1464; } .product-search-box .product-search-box-nav ul li { margin: 0; list-style-type: none; text-align: center; display: inline-block; padding: 10px 15px 0 15px; } .product-search-box .product-search-box-nav ul li:last-child { border-right: 0; } .product-search-box .product-search-box-nav ul li a { font-family: "Filson W01 Bold", sans-serif; color: #333333; list-style-type: none; position: relative; text-decoration: none; min-width: 45px; height: 100%; font-size: 16px; } .product-search-box .product-search-box-nav ul li a .tab-text { color: #ffffff; } .product-search-box .product-search-box-nav ul li a .tab-text:hover { border-bottom: 2px solid #ffffff; } .product-search-box .product-search-box-nav ul li .new-text { font-family: "Proxima N W01 Bold", sans-serif; font-size: 10px; color: #FFCA32; text-transform: uppercase; vertical-align: text-top; } .product-search-box .product-search-box-nav ul li.selected { background-color: #1B1464; } .product-search-box .product-search-box-nav ul li.selected a .tab-text { color: #ffffff; } .product-search-box .product-search-box-nav ul li.selected a .tab-underline { position: absolute; top: 0; left: 1px; right: 1px; bottom: -3px; border-bottom: 2px solid #ffffff; } .product-search-box .product-type input[type=radio] { margin: 2px 5px 0 0; float: left; } .product-search-box .dialogue_widget .stepWidget .text { padding-top: 2px; color: #6d7174; } .product-search-box .dialogue_widget .stepWidget .dialogue-widget-label { width: 50%; } .product-search-box .disabled .selectedItem, .product-search-box .disabled .dialogue-widget-label { opacity: 0.35; } .product-search-box.wrapper { min-height: 172px; display: table; } .product-search-box.part { height: 100%; display: table-cell; } .product-search-box .form { background-color: #1B1464; padding: 10px; } .product-search-box .clickable_info_area { padding: 10px 10px 7px 0 !important; } .product-search-box .group { margin-bottom: 3px; } .product-search-box .info { color: #6d7174; margin-left: 6px; margin-right: 10px; border-radius: 32px; cursor: default; display: inline-block; font-size: 13px; font-family: "Proxima Nova W01 Medium", sans-serif; height: 14px; line-height: 16px; width: 14px; text-align: center; border-color: #6d7174; border-width: thin; border-style: solid; } .product-search-box .popover-container .popover { top: 27px; } .product-search-box .popover-container .popover.left { left: -100px; } .product-search-box .popover-container .popover.right { left: -150px; } .product-search-box .popover-container .triangle { top: 14px; left: 8px; } .product-search-box .popover-container .trianglein { top: 20px; left: 8px; } .product-search-box .product-type { float: left; margin-bottom: 8px; } .product-search-box [date-picker] .dialogue_widget { margin-right: 0; } .product-search-box .dialogue-widget-wrapper { box-sizing: border-box; float: left; position: relative; } .product-search-box .dialogue_widget { border-radius: 2px; padding: 8px 0 3px 10px; cursor: pointer; } .product-search-box .dialogue_widget .selectedItem { margin-top: 0px; background: transparent url('//cdn-prod-green-www.apollorejser.dk/v-6366278a97d744511d2258e6bd5638fd/content/img/dropdown/arrow_down.png') no-repeat; background-position: right 10px top 2px; background-size: 12px 7px; color: #6d7174; padding-top: 3px; min-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 25px; } .product-search-box .dialogue-widget-label { color: #333333; font-family: "Proxima Nova W01 Medium", sans-serif; display: block; text-transform: uppercase; font-size: 11px; line-height: 10px; } .product-search-box .dialogue-widget-dropdown { color: #6d7174; font-family: "Proxima N W01 Reg", sans-serif; text-indent: 1px; border: none; font-size: 16px; width: 100%; cursor: pointer; } .product-search-box .dialogue-widget-dropdown[disabled] { cursor: default; } .product-search-box .dialogue-widget-dropdown optgroup { color: #333333; font-size: 14px; } .product-search-box .dialogue-widget-dropdown option { color: #6d7174; font-size: 14px; } .product-search-box .dialogue-widget-dropdown option[disabled] { color: #e3e3e3; } .product-search-box .date_picker { display: block; border: none; z-index: 400; font-size: 14px; cursor: pointer; color: #6d7174; } .product-search-box button.btn.btn-full-width.btn-search { height: 44px; text-transform: uppercase; } @media (max-width: 979px) { .responsive .product-search-box .product-search-box-nav ul li a { font-size: 15px; } } .horizontal-product-search-box .loader-wrapper { height: 100%; } .horizontal-product-search-box .loader-wrapper .loader { height: 100%; } .horizontal-product-search-box.wrapper { min-height: 135px; display: table; } .horizontal-product-search-box.part { height: 100%; display: table-cell; } .horizontal-product-search-box .dialogue-widget-wrapper { padding-right: 3px; position: relative; } .horizontal-product-search-box .dialogue-widget-wrapper.half-size { width: 40%; } .horizontal-product-search-box .dialogue-widget-wrapper.third-size { width: 33.3%; } .horizontal-product-search-box .dialogue-widget-wrapper.medium-size { width: 32%; } .horizontal-product-search-box .dialogue-widget-wrapper.medium-narrow-size { width: 28%; } .horizontal-product-search-box .dialogue-widget-wrapper.small-size { width: 16%; } .horizontal-product-search-box .product-search-box-row { width: 100%; } .horizontal-product-search-box .product-search-box-row .dialogue-widget-wrapper:last-child { padding-right: 0; } .horizontal-product-search-box .product-search-box-row.last-row .dialogue-widget-wrapper:nth-last-child(2) { padding-right: 10px; } @media (min-width: 768px) { .horizontal-product-search-box .btn-search { width: 20%; } } @media (max-width: 979px) { .horizontal-product-search-box .product-search-box-row.last-row .dialogue-widget-wrapper:nth-last-child(2) { padding-right: 0px; } } @media (min-width: 768px) and (max-width: 979px) { .horizontal-product-search-box .product-search-box-row.last-row .dialogue-widget-wrapper.medium-size { width: 40%; } .horizontal-product-search-box .product-search-box-row.last-row .dialogue-widget-wrapper.small-size { width: 20%; } .horizontal-product-search-box button.btn.btn-full-width.btn-search { float: right; margin-top: 5px; } .horizontal-product-search-box .btn-no-top-margin { margin-top: 0px !important; } } @media (max-width: 767px) { .responsive .horizontal-product-search-box { min-height: 40px; } .responsive .horizontal-product-search-box .product-search-box-row .dialogue-widget-wrapper { padding-right: 0; width: 100%; margin-bottom: 1px; } .responsive .horizontal-product-search-box .product-search-box-row .dialogue-widget-wrapper.last-dialogue-widget-wrapper { margin-top: 3px; margin-bottom: 5px; } .responsive .horizontal-product-search-box .product-search-box-row .dialogue-widget-wrapper .dialogue_widget .selectedItem { margin-top: 6px; } .responsive .horizontal-product-search-box .product-type { width: 100%; } } .fullscreen-container { background-color: #ffffff; box-sizing: border-box; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000000; -webkit-overflow-scrolling: touch; overflow: auto; } @media (max-width: 767px) { .fullscreen-container { position: fixed; } } @media (min-width: 768px) { .fullscreen-container { top: auto; bottom: auto; left: auto; right: auto; } } .vertical-product-search-box { margin-bottom: 20px; } .vertical-product-search-box .dialogue-widget-wrapper { padding-right: 0px; width: 100%; margin-bottom: 1px; } .vertical-product-search-box .dialogue-widget-wrapper.last-dialogue-widget-wrapper { margin-top: 3px; margin-bottom: 5px; } .vertical-product-search-box .dialogue-widget-wrapper .dialogue_widget .selectedItem { margin-top: 6px; } .vertical-product-search-box .dialogue-widget-wrapper .dialogue_widget.selectWidget { margin-right: 0; } .vertical-product-search-box .dialogue-widget-wrapper .dialogue_widget.selectWidget .text { margin-left: 0; margin-right: 0; padding-top: 2px; width: 20%; } .vertical-product-search-box .product-search-box-row { width: 100%; } @media (min-width: 768px) and (max-width: 979px) { .responsive .vertical-product-search-box .product-search-box-nav ul li a { font-size: 13px; } } @media (max-width: 479px) { .responsive .vertical-product-search-box .product-search-box-nav ul li a { font-size: 13px; } } .product-search-box .dialogue_widget { transition: 0.3s ease-in-out all; } .product-search-box .dialogue_widget.isInvalid { transition: 0.3s ease-in-out all; background-color: #ea5e66; } .product-search-box .dialogue_widget.isInvalid .dialogue-widget-label { transition: 0.3s ease-in-out all; color: #ffffff; } .product-search-box .dialogue_widget.isInvalid .selectedItem { transition: 0.3s ease-in-out all; color: #ffffff; background: transparent url('//cdn-prod-green-www.apollorejser.dk/v-ed714a2f875e6dc264d58fcdc2c3d613/content/img/dropdown/arrow_down_white.png') no-repeat; background-position: right 10px top 2px; background-size: 12px 7px; } .flight-type-container { color: white; margin-left: 10px; } .flight-type { opacity: 0; position: absolute; display: inline-block; vertical-align: middle; cursor: pointer; } .flight-type + .flight-type-label:before { content: ''; background: #1B1464; border: 2px solid #fff; display: inline-block; vertical-align: middle; width: 6px; height: 6px; padding: 2px; margin-right: 10px; text-align: center; border-radius: 50%; margin-bottom: 1px; } .flight-type:checked + .flight-type-label:before { background: #fff; box-shadow: inset 0px 0px 0px 2px #1B1464; } .flight-type-label { display: inline-block; vertical-align: middle; cursor: pointer; position: relative; font-size: 12px; } @media (max-width: 767px) { .flight-type-wrapper { background-color: #0b1050; } .flight-type-container { margin-top: 10px; float: left; margin-bottom: 10px; width: 30%; } } .stepWidget { display: table; width: 100%; } .stepWidget:not(:first-child) { margin-top: 5px; } .stepWidget .step-widget-change { float: left; font-size: 35px; padding: 0; } .stepWidget .step-widget-change.btn-square { height: 40px; width: 40px; } .stepWidget .step-widget-change.add { line-height: 37px; background-color: #1b5fcb; border-color: #1b5fcb; } .stepWidget .step-widget-change.subtract { line-height: 30px; background-color: #1B1464; border-color: #1B1464; } .stepWidget .step-widget-change.disabled { visibility: hidden; } .stepWidget .step-text { float: left; width: calc(100% - 80px); /* Iffy */ text-align: center; line-height: 40px; font-family: "Proxima Nova W01 Medium", sans-serif; } .booking-review-container { min-height: 600px; } .booking-review-container h1 { margin-left: 5%; } .booking-review { margin: 20px 0 10px; } .booking-review h1 { margin-bottom: 20px; } .booking-review h4 { margin-bottom: 0; margin-top: 10px; } .booking-review hr { clear: both; width: 100%; } .booking-review div.flight-info, .booking-review div.hotel-information, .booking-review div.passengers, .booking-review div.important-info { background-size: 35px 25px; } .booking-review div.flight-info h2, .booking-review div.hotel-information h2, .booking-review div.passengers h2, .booking-review div.important-info h2 { margin-left: 50px; } .booking-review .hotel-info-wrapper { padding-top: 1px; } .booking-review .flight-information { float: left; min-width: 300px; } .booking-review .passenger-section { position: relative; } .booking-review .passenger-section .passenger-sub-section .span2 { margin-left: 0; } .booking-review .passenger-section .passenger-sub-section .passenger-data { float: left; max-width: 150px; margin-right: 20px; } .booking-review .passenger-section .passenger-sub-section .passenger-data .span2 { width: 100%; } .booking-review .passenger-section .passenger-sub-section .price-section { width: 100% !important; } .booking-review .table-wrapper { padding-bottom: 7px; overflow-x: auto; } .booking-review .table-wrapper #flight-info-table, .booking-review .table-wrapper #hotel-info-table { display: table; border-collapse: collapse; } .booking-review .table-wrapper #flight-info-table .table-row, .booking-review .table-wrapper #hotel-info-table .table-row { display: table-row; } .booking-review .table-wrapper #flight-info-table .table-row .table-cell:first-child, .booking-review .table-wrapper #hotel-info-table .table-row .table-cell:first-child { min-width: 90px; } .booking-review .table-wrapper #flight-info-table .table-row .table-cell:first-child:after, .booking-review .table-wrapper #hotel-info-table .table-row .table-cell:first-child:after { content: ":"; } .booking-review .table-wrapper #flight-info-table .table-row .table-header, .booking-review .table-wrapper #hotel-info-table .table-row .table-header { white-space: nowrap; } .booking-review .table-wrapper #flight-info-table .table-row .table-cell, .booking-review .table-wrapper #hotel-info-table .table-row .table-cell { display: table-cell; padding-right: 10px; } .booking-review .table-wrapper #flight-info-table .table-row .table-cell p, .booking-review .table-wrapper #hotel-info-table .table-row .table-cell p { font-size: 13px; margin-bottom: 0; } .booking-review .checklist-item-container { box-sizing: border-box; padding: 8px 0px; margin-left: auto; margin-right: auto; width: 70%; } .booking-review .checklist-item-container .checklist-item { background-color: #faf7ef; border-radius: 4px; box-shadow: 0px 0px 5px -1px #eadfbe; padding: 10px 34px 10px 10px; } .booking-review .checklist-item-container .checklist-item input[type=checkbox] { position: relative; top: 2px; margin-right: 2px; } .booking-review .checklist-item-container .checklist-item .table-row { display: table-row; } .booking-review .checklist-item-container .checklist-item .table-row .table-cell { padding-left: 3px; display: table-cell; } .booking-review .checklist-item-container .checklist-item .table-row .table-cell p { font-size: 13px; } .booking-review .button-container { text-align: center; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .booking-review .span3 { float: left; } .booking-review .checklist-item-container, .booking-review .button-container { width: auto; } } .booking-review div.flight-info { background: url('//cdn-prod-green-www.apollorejser.dk/v-8645305bac9a769101c7b6ef1e9844c2/content/themes/apollo/content/img/icons/icons/flight.png') no-repeat; } .booking-review div.hotel-information { background: url('//cdn-prod-green-www.apollorejser.dk/v-b016bb6cb900d55d47caab99fc39a75e/content/themes/apollo/content/img/icons/icons/accommodation.png') no-repeat; } .booking-review div.passengers { background: url('//cdn-prod-green-www.apollorejser.dk/v-6954646985ca279eb47b04fb73472ba3/content/themes/apollo/content/img/icons/icons/pax.png') no-repeat; } .booking-review div.important-info { background: url('//cdn-prod-green-www.apollorejser.dk/v-f1f28228ff550578ad2e4e5cba2cf6f0/content/themes/apollo/content/img/icons/icons/important-info.png') no-repeat; } .booking-review div.important-info p { font-size: 13px; margin: 0 10px; } .booking-review div.booking-review-information-container { width: 90%; margin-left: auto; margin-right: auto; } .booking-review div .terms_and_conditions { background-color: #faf7ef; border: 1px solid #EDE6DE; border-radius: 4px; box-shadow: 0 0 5px -1px #eadfbe; } .checkout-container { min-height: 600px; } .checkout-message { font-size: 15px; margin-top: 50px; text-align: center; } .checkout-confirmation h1 { margin-bottom: 20px; } .checkout-confirmation .float-right { float: right; } .checkout-confirmation .btn-container { margin-top: 20px; } .checkout-confirmation .btn-bougainvillea { background-color: #e364c1; border-color: #e364c1; color: #ffffff; } .checkout-confirmation .btn-bougainvillea:hover { background-color: #bb3d96; border-color: #bb3d96; } .checkout-confirmation .checkout-information-container { display: flex; flex-flow: wrap; justify-content: space-between; margin-bottom: 17px; } .checkout-confirmation .colored-background { background-color: #f2f2ed; box-sizing: border-box; padding: 15px; width: 49%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .checkout-confirmation .colored-background .payment-information-header { font-size: 18px; font-family: "Filson W01 Bold", sans-serif; margin-bottom: 5px; } .checkout-confirmation .colored-background .price { font-size: 30px; line-height: 25px; color: #333333; } .checkout-confirmation .colored-background .currency { font-size: 16px; color: #333333; } .checkout-confirmation .colored-background .booking-number-header { font-size: 18px; font-family: "Filson W01 Bold", sans-serif; margin-bottom: 5px; margin-top: 20px; } .checkout-confirmation .colored-background .booking-number { font-size: 16px; font-family: "Filson W01 Bold", sans-serif; } .checkout-confirmation .colored-background .phone-number { font-family: "Filson W01 Bold", sans-serif; color: #265FCA; } @media (max-width: 767px) { .checkout-confirmation .checkout-information-container { margin-bottom: 20px; } .checkout-confirmation .checkout-information-container .colored-background { width: 100%; } .checkout-confirmation .checkout-information-container .colored-background:not(:last-child) { margin-bottom: 20px; } } .excursion-list .pickup_link_box .pickup-title { display: block; margin-bottom: 5px; font-family: "Proxima N W01 Bold", sans-serif; color: #054aad; font-size: 15px; } .excursion-list .pickup_link_box .pickup-title > svg { width: 18px; height: 23px; margin-right: 5px; fill: #054aad; } /*$kola_color: #f9b232;*/ /*limestone_lighter*/ /*??*/ /*limestone*/ /*React apps*/ .my-hotels * { box-sizing: border-box; } .my-hotels .remove-liked-hotel { margin-left: 5px; color: red; text-decoration: underline; font-size: 12px; cursor: pointer; } .my-hotels > button { transition: background-color 0.2s; } .my-hotels.liked-hotels-changed-effect > button { background-color: #bb3e96; } .my-hotels .toggle-my-hotels-btn { display: flex; align-items: center; } .my-hotels .toggle-my-hotels-btn-text { font-family: "Filson W01 Bold", sans-serif; font-size: 14px; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; color: #1B1464; } .my-hotels .my-hotels-list { padding-top: 40px; padding-bottom: 10px; position: fixed; top: 0; right: 0; overflow-y: scroll; z-index: 1000; background: white; width: 320px; height: 100%; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.24); /* hiding scroll bar */ -ms-overflow-style: none; scrollbar-width: none; } .my-hotels .my-hotels-list::-webkit-scrollbar { display: none; } .my-hotels .my-hotels-list svg { stroke: none; } .my-hotels .my-hotels-list .my-hotels-header { text-align: center; position: fixed; top: 0; right: 0; background: #ffffff; width: 320px; min-height: 45px; } .my-hotels .my-hotels-list .my-hotels-header h2 { font-family: "Proxima N W01 Bold", sans-serif; color: #1B1464; font-size: 20px; text-align: center; margin-bottom: 0; margin-top: 0; width: calc(100% - 50px); display: inline-block; } .my-hotels .my-hotels-list .my-hotels-header svg { height: 24px; width: 24px; margin-top: 5px; cursor: pointer; float: right; fill: #C7C8CA; } .my-hotels .my-hotels-list .my-hotels-header svg:hover { fill: #4750a0; } .my-hotels .my-hotels-list .my-hotels-select-view { text-align: right; } .my-hotels .my-hotels-list .my-hotels-select-view svg { height: 24px; width: 24px; cursor: pointer; fill: #C7C8CA; } .my-hotels .my-hotels-list .my-hotels-select-view svg.selected, .my-hotels .my-hotels-list .my-hotels-select-view svg:hover { fill: #4750a0; } .my-hotels .my-hotels-list .my-hotel-item a { color: #1B1464; text-decoration: none; } .my-hotels .my-hotels-list .my-hotel-item a:hover .my-hotel-name, .my-hotels .my-hotels-list .my-hotel-item a:hover .my-hotel-travel-area-trail { text-decoration: underline; } .my-hotels .my-hotels-list .my-hotel-item.list-view { border-bottom: 1px solid #c6c8ca; } .my-hotels .my-hotels-list .my-hotel-item.list-view:first-child { border-top: 1px solid #c6c8ca; } .my-hotels .my-hotels-list .my-hotel-item:not(.list-view):first-child { padding-top: 0; } .my-hotels .my-hotels-list .my-hotel-item .my-hotel-image img { width: 100%; } .my-hotels .my-hotels-list .my-hotel-item .my-hotel-name { display: inline-block; font-family: "Proxima N W01 Bold", sans-serif; font-size: 16px; } .my-hotels .my-hotels-list .my-hotel-item .my-hotel-name i.classification { display: none; } .my-hotels .my-hotels-list .my-hotel-item .my-hotel-name .sun_classification-block { display: block; float: none; } .my-hotels .my-hotels-list .my-hotel-item .my-hotel-name .sun_classification-inline { display: inline-block; float: left; } .my-hotels .my-hotels-list .my-hotel-item .my-hotel-name .sun_classification svg { fill: #FFCA32; width: 14px; height: 14px; vertical-align: middle; margin: 0 1px; } .my-hotels .my-hotels-list .my-hotel-item .my-hotel-name .sun_classification { display: inline-block; float: none; } .my-hotels .my-hotels-list .my-hotel-item .my-hotel-name .sun_classification svg { margin: 0 2px 2px 2px; width: 12px; height: 12px; } .my-hotels .my-hotels-list .my-hotel-item .time-ago { color: #757575; } @media (max-width: 979px) { .my-hotels .toggle-my-hotels-btn-text { display: none; } .my-hotels .my-hotels-list { width: 100%; right: 0; } .my-hotels .my-hotels-list .my-hotels-header { width: 100%; } } /*# sourceMappingURL=core.map.css */