body { margin: 0; font-family: HolidayExtrasSans-Light,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.6; color: #232323; background-color: #fff; background-position: top center; } #ContentArea { padding: 30px 20%; position: relative; font-size: 18px; background-color: #fff; border: 1px solid rgba(0,0,0,.1); border-width: 1px 0; } #ContentArea .link { color: #0099db; text-decoration: none; } #ContentArea .collapsed .collapse-icon.symbol { transform: rotate(0); } #ContentArea .collapse-icon.symbol { display: inline-block; transform: rotate(90deg); } .collapse-icon { -webkit-transition: transform .2s ease-out; -o-transition: transform .2s ease-out; transition: transform .2s ease-out; margin-right: .25em; } [data-toggle=collapseCustom] { cursor: pointer; } h3 { font-size: 19px; font-weight: 700; } body #ContentArea img { max-width: 100%; } .bar-01, .bar-02, .bar-03, .bar-04, .bar-05, .bar-06, .bar-07, .bar-08, .bestseats, .starmember, ul.products li.hcp,ul.products li.ho, ul.products li.ins, ul.products li.insMed, ul.products li.lo, ul.products li.cp, ul.products li.rail, ul.products li.flight, ul.products li.port, ul.products li.portho, .home-icon-search, .facebook, .twitter, .cpactive, .hoactive, .hcpactive, .flightactive, .loactive, .railactive, .portactive, .insactive, .insMedactive, .carhireactive, .fairfxactive, .coachactive, .theatreactive, .themeactive, .transfersactive, .taxiactive, .uparrow, .icon-chevron-sign-up, .calendarEmbed input, .starRating .star, #hotelsTable .star, #parkingTable .star, #parkingMap .star, #parkingGrid .star, #hotelTableList, #hotelTableGrid, #hotelTableMap, #ui-datepicker-div .ui-icon, .parking-suitcase, .hotel-suitcase, .lounge-suitcase, .insurance-suitcase, .rail-suitcase, .alarm, .alarm2, .commentSect, .commentSectEnd, .icon-arrow-right, .icon-arrow-left, .summaryKeyIcon, .summaryFullStar, .summaryEmptyStar, .summaryFullStarCsProp, .camera-icon, .video-camera-icon, .arrow-circle-left-icon, .arrow-circle-right-icon, .hx-play-icon, .hx-play-icon-hover, .big-star, .toptipimage, .recommendimage, .empty-big-star, .empty-star, .icon-friends, .icon-families-with-teenagers, .icon-mature-couples, .icon-families-with-young-children, .icon-young-couples, .icon-thumb-image, .icon-solo-traveller, .smallTick, .largeTick, .icon-share, .topAttractions, .trustedPartners { background: url('/images/hx-bootstrap/hx-homepage-sprite-33.png') no-repeat top left; } .navbar { border-radius: 0px; } .navbar { background-color: #542e91; background: transparent; border: none; margin-bottom: 0; } .navbar .logo { width: 220px; } .in { margin:0 !important; } .hx-brand { float: right; font-size: 18px; font-weight: 300; line-height: 56px; color: #fff; } .logo img { width: 250px; padding-top: 20px; } #horizontalEngine select { -webkit-appearance: none; -moz-appearance: none; cursor: pointer; } #horizontalEngine input { -webkit-appearance: none; -moz-appearance: none; cursor: pointer; } #horizontalEngine .lA span.tog.lo, .lC span.tog.lo, .lI span.tog.lo { font-size:13px; } select.time.aT, select.time.dT { font-weight:normal; } input.hxtrack[name=includeParking] { display:none; } .ui-datepicker-trigger { display:none; } .ui-widget-content { background: #fff !important; border: 1px solid #65439c !important; } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-left, .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-right { background: #542e91 !important; border: 1px solid #65439c !important; } .ui-widget-header { background: #542e91 !important; border: 1px solid #65439c !important; } #ui-datepicker-div .ui-icon { background: url(/images/hx-bootstrap/hx-homepage-sprite-33.png) no-repeat top left; background-position: -167px -2467px; } #ui-datepicker-div .ui-datepicker-prev .ui-icon { background-position: -118px -2467px; } .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #f0f0f0 !important; background: #fff !important; color: #757575 !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight{ border: 1px solid #f0f0f0 !important; background: #fff !important; color: #757575 !important; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #65439c !important; background: #542e91 !important; font-weight: bold !important; color: #fff !important; outline: none !important; } nav#header .container { width: 100%; padding: 0; } nav#header .container .navbar-collapse ul.nav>li>a { color: #fff; font-size: 16px; margin-top: -14px; padding: 13px 8px; } li.dropdown.dropdown-menu.hidden-loggedin { width: 100%; } nav#header .container .navbar-collapse ul.nav>li.searchForm { max-width: 200px; } nav#header .container .navbar-collapse ul.nav>li.searchForm input { height: 26px; position: relative; top: -2px; padding: 0 5px; border: 1px solid #6a3ab8; } nav#header .container .navbar-collapse ul.nav>li.searchForm .input-group-btn button{ height: 26px; position: relative; top: -2px; padding: 0 5px; border: 1px solid #6a3ab8; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol ul li a { display: block; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu { font-size: 16px; } div#discountAlert { background-color: #fde7cc; color: #cc7024; border: 1px solid #fac380; padding:20px; } div#discountAlert h4 { font-size:16px; text-align: center; } div#discountAlert .close { color: inherit; font-size: 22px; font-weight: bold; } .jumbotron.jumbotron-cover { text-shadow: none; color: #232323; background-color: transparent; } .jumbotron { padding: 0; } .options li { float: left; } .options li.hxEmbedLabel { display: none !important; } .btn-block { display: block; width: 100%; } #engineProdImg{ height:28.5vw; background-size: cover; background-repeat: no-repeat; } #engineProdImg[data-product="lo"]{ background-image:url(https://dmy0b9oeprz0f.cloudfront.net/holidayextras.de/engine-images/lo/recent.jpg) } #engineProdImg[data-product="hcp"]{ background-image:url(https://dmy0b9oeprz0f.cloudfront.net/holidayextras.de/engine-images/hcp/recent.jpg) } #engineProdImg[data-product="ho"]{ background-image:url(https://dmy0b9oeprz0f.cloudfront.net/holidayextras.de/engine-images/ho/recent.jpg) } #engineProdImg[data-product="cp"]{ background-image:url(https://dmy0b9oeprz0f.cloudfront.net/holidayextras.de/engine-images/cp/recent.jpg) } #engineProdImg[data-product="portcp"]{ background-image:url(https://dmy0b9oeprz0f.cloudfront.net/holidayextras.de/engine-images/portcp/recent.jpg) } #engineProdImg[data-product="portho"]{ background-image:url(https://dmy0b9oeprz0f.cloudfront.net/holidayextras.de/engine-images/portho/recent.jpg) } .allProducts .unstyled { display: flex; align-items: flex-end; } .lo-engine .allProducts li.lo { order:1; } .lo-engine .allProducts li.hcp { order:2; } .lo-engine .allProducts li.ho { order:3; } .lo-engine .allProducts li.cp { order:3; } .ho-engine .allProducts li.hcp { order:1; } .ho-engine .allProducts li.lo { order:2; } .ho-engine .allProducts li.ho { order:2; } .ho-engine .allProducts li.cp { order:3; } .cp-engine .allProducts li.cp { order:1; } .cp-engine .allProducts li.hcp { order:2; } .cp-engine .allProducts li.lo { order:3; } .cp-engine .allProducts li.ho { order:3; } .port-engine .allProducts li.port { order:1; } .port-engine .allProducts li.portho { order:2; } .port-engine .allProducts li.cp { order:3; } .portho-engine .allProducts li.portho { order:1; } .portho-engine .allProducts li.port { order:2; } .portho-engine .allProducts li.cp { order:3; } .port-engine .allProducts .cp.radio.excPort, .portho-engine .allProducts .cp.radio.excPort, .port-engine .allProducts .hcp.radio, .portho-engine .allProducts .hcp.radio, .port-engine .allProducts .porthcp.radio, .portho-engine .allProducts .porthcp.radio { display:none !important; } .port-engine .allProducts .port, .portho-engine .allProducts .port, .port-engine .allProducts .portho, .portho-engine .allProducts .portho { width:50% !important; } .allProducts label { display:block; padding: 37px 0; text-align: center; } .allProducts li.lo { background-image: url(/images/de-hx/lo-icon.png); background-repeat: no-repeat; background-size: 50px 50px; } .allProducts li.hcp { background-image: url(/images/de-hx/hcp-icon.png); background-repeat: no-repeat; background-size: 50px 50px; } .allProducts li.ho { background-image: url(/images/de-hx/ho-icon.png); background-repeat: no-repeat; background-size: 50px 50px; } .allProducts li.cp { background-image: url(/images/de-hx/cp-icon.png); background-repeat: no-repeat; background-size: 50px 50px; } .allProducts li.port { background-image: url(/images/de-hx/port-icon.png); background-repeat: no-repeat; background-size: 50px 50px; } .allProducts li.portho { background-image: url(/images/de-hx/portho-icon.png); background-repeat: no-repeat; background-size: 50px 50px; } .radio { margin:0; } .checkbox + .checkbox, .radio + .radio { margin-top:0; } .collapse-heading { color: #542e91; } .collapse-heading.collapsed:not(:hover):not(:focus) { opacity: 1; } button.btn.hx-btn-ultimate { border: 5px solid #65439c; border-radius: 3px !important; height: 46px; padding: 0; margin: 30px 0 20px; color: #fff; background-color: #542e91; } button.btn.hx-btn-ultimate:hover { color: #fff; background-color: #3e226a; } #ContentArea button.btn { white-space: unset !important; } #ContentArea form.form-horizontal { padding-top:10px; } .purplebox {background:#542E91; color:#fff; margin:15px 0px;} .purplebox h2 {margin:0; padding:10px;} .purplebox ul {padding-bottom:10px; list-style:square;} .purplebox li span {color:#fff;} .purplebox li, .yellowtext {color:#FDDC06;} .yellowbar {background:#FDDC06; height:12px;} .purple {color:#542e91;} .time.pull-right { float:none !important; } .pagination { margin:0px; cursor: pointer; } li.submitContainer { width:16%; } .nav-list-inline > li{ padding-left: 5px; padding-right: 5px; } .smallTick { background-position: -10px -4208px; padding-left: 22px; position: relative; top: 5px; display: inline-block; height: 19px; } .starRating .star { background-position: -119px -2517px; width: 15px; height: 15px; display: inline-block; margin-top: 6px; margin-right: -4px !important; margin-bottom: -3px; } .icon-chevron-sign-up { height: 20px; background-position: -99px -2338px; display: inline-block; padding-left: 20px; top: 6px; position: relative; } .pull-right.back-to-top { float: right !important; } p.sellingpoint { font-size: 22px; } input#hotelTableFilter { float:none !important; } .parkingTabsDe.btn-group.pull-right { float:right !important; } .searchJumpBtn { border: 3px solid #65439c; border-radius: 3px !important; padding: 2px 12px; color: #fff; background-color: #542e91; } .searchJumpBtn:hover { color: #fff; background-color: #3e226a; } .tabbable.landingtabs { margin-bottom: 15px; } .oneNightDe { display:none!important; } @media only screen and (min-width: 768px){ nav#header { background-color: #542e91; border: none; } nav#header .container .navbar-collapse ul.nav { padding: 0; width: auto; float: right; margin-top: 5px; margin-right: 25px; } .navbar-collapse .collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } nav#header .container .navbar-collapse ul.nav>li>a .caret { display: none; } nav#header .container .navbar-collapse ul.nav>li#navLoginLink>a { background-color: #fedc08; margin-bottom: 11px; padding: 2px 18px; margin-top: -1px; line-height: 20px; border-radius: 3px; color: #542e91; } nav#header .container .navbar-header .navbar-brand { height: 109px; background-size: 167px 109px; width: 167px; } nav#header .container h1 { font-size: 23px; font-weight: 700; color: #fff; margin: 0 0 38px 215px; position: relative; clear: both; } nav#header .container .navbar-collapse ul.nav li.form-search { display: none!important; } nav#header .container .navbar-collapse ul.nav ul.dropdown-menu { z-index: 1062!important; left: auto; right: 0; top: 31px; } nav#header .container .navbar-collapse ul.nav>li.open>a { background-color: #fff; color: #000; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol ul li a { color: #757575; padding: 3px; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol a { color: #757575; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li .megamenuNavCol ul li a:hover { text-decoration: none; background-color: #e6e6e6; color: #686868; } nav#header .dropdown { position: static; } .nav-spacing { margin-top:20px; padding-left:0px !important; padding-top:0px !important; } .dropdown-menu li div { background-color: #fff; padding: 20px 25px; } .dropdown-menu { padding:0; } .homepageEngineImg img { width: 100%; } #horizontalEngine .options { padding-bottom: 0; margin-top: -1px; background-color: #fedc08; border-color: #fedc08; border-radius: 0; } #horizontalEngine .dA, .dD, .aT, .dT, .loungeAdultsNum, .loungeChildrenNum, .loungeInfantsNum, .l, .s, .dAM, .tog.hcp.ppts select { -webkit-appearance:none; color: #542e91; background-color: #fee443 !important; border: 5px solid #fff3a9; border-radius:3px; box-shadow: none; font-size: 16px; padding: 0 10px; text-indent: 1px; height: 46px; width: 100%; } #horizontalEngine .hxEmbedLabel { color: #542e91; font-size: 16px; font-weight: 600; } #horizontalEngine .options.col-lg-6.col-md-6.col-sm-6.portho li.h_o.tog.cp.port.portho { color: #542e91; margin: 0 10px 0 0; } #horizontalEngine .incP span { font-size:13px; text-decoration: underline; cursor: pointer; } #horizontalEngine span.tog.lo, span.tog.cp, span.tog.ho, span.cC.tog.hcp, li.tog.hcp.ppts { color: #542e91; } #horizontalEngine .groupBookings { color: #232323; font-size: 12px; bottom: 0; position: absolute; } .allProducts li.lo, li.hcp, li.ho, li.cp, li.port, li.portho { background-position: 15% 50%; } .allProducts li { flex: 1; align-items: center; border-radius: 0; background-color: #fff; line-height: 1.5; text-decoration: none; padding: 5px 0; border-right: 1px solid rgba(0,0,0,.1); border-left: 1px solid transparent; border-bottom: 0; margin-right: 0; font-size: 16px; width: 33.33%; float:left; } .allProducts li input { display: none; } .allProducts li.selected { background-color: #fedc08; } .allProducts ul { margin-bottom: 0; } .allProducts.col-lg-6.col-md-6.col-sm-6 { padding-left: 0; padding-right: 0; } #horizontalEngine .options { padding: 18px 20px 12px; position: relative; } #horizontalEngine .options.portho { padding: 18px 20px 2px; position: relative; } .options.col-lg-6.col-md-6.col-sm-6.lo .lA, .options.col-lg-6.col-md-6.col-sm-6.lo .lC, .options.col-lg-6.col-md-6.col-sm-6.lo .lI { padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.lo li.p2strip.tog.ho.hcp.lo { width:30%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.lo li.p2strip.tog.cp.hcp.lo { width:30%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.lo li.clearfix.aci.tog.lo { width:34%; padding:0 5px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.lo .time.col-lg-4.col-md-4.col-sm-4.col-xs-4.pull-right.tog.lo { width:40%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.lo li.clearfix.location.tog.hcp.ho.lo { width:20%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.lo li.clearfix.location.tog.cp.hcp.lo { width:20%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.cp li.clearfix.location.tog.cp.hcp.lo { width:20%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.cp li.p2strip.tog.cp.hcp.lo { width:25%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.cp li.p2strip.tog.cp.hcp.lo label.time.col-lg-4.col-md-4.col-sm-4.col-xs-4.pull-right.tog.cp.lo { width:36%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.cp li.tog.cp.hcp { width:25%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.cp li.tog.cp.hcp label.time.col-lg-4.col-md-4.col-sm-4.col-xs-4.pull-right.tog.cp { width:36%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.clearfix.location.tog.hcp.ho.lo { width:14%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.clearfix.location.tog.cp.hcp.lo { width:14%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.room.row-fluid.tog.ho.hcp { width:20%; padding:0 5px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.room.row-fluid.tog.hcp { width:20%; padding:0 5px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.tog.hcp.ppts { width:21%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.hcp .col-lg-7.col-md-7.col-sm-7.col-xs-7.datePicker, .options.col-lg-6.col-md-6.col-sm-6.ho .col-lg-7.col-md-7.col-sm-7.col-xs-7.datePicker, .options.col-lg-6.col-md-6.col-sm-6.portho .col-lg-7.col-md-7.col-sm-7.col-xs-7.datePicker { width:100%; } .options.col-lg-6.col-md-6.col-sm-6.lo .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7, .options.col-lg-6.col-md-6.col-sm-6.hcp .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7, .options.col-lg-6.col-md-6.col-sm-6.ho .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7, .options.col-lg-6.col-md-6.col-sm-6.cp .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7, .options.col-lg-6.col-md-6.col-sm-6.portcp .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7, .options.col-lg-6.col-md-6.col-sm-6.portho .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7 { width:100%; padding-left:0; padding-right:0; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.p2strip.tog.ho.hcp.lo { width:15%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.p2strip.tog.cp.hcp.lo { width:15%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.tog.hcp { width:13%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.tog.cp.hcp { width:13%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.ho li.clearfix.location.tog.cp.hcp.ho { width:22%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.ho li.room.row-fluid.tog.ho.hcp { width:24%; padding:0 5px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.ho li.p2strip.tog.cp.ho.hcp { width:13%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.ho li.tog.hcp.ho { width:30%; padding:0 5px; } .options.col-lg-6.col-md-6.col-sm-6.ho li.submitContainer, .options.col-lg-6.col-md-6.col-sm-6.hcp li.submitContainer { margin-left: 10px; } .options li.tog.hcp.ppts label, .options li.tog.hcp label { font-size:16px; } .options.col-lg-6.col-md-6.col-sm-6.portcp li.clearfix.location.tog.cp.port.portho { width:20%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.portcp li.cp.port.portho label.time.col-lg-4.col-md-4.col-sm-4.col-xs-4.pull-right.tog.cp.port { width:36%; padding:0 10px; } .options.col-lg-6.col-md-6.col-sm-6.portcp .col-lg-7.col-md-7.col-sm-7.col-xs-7.datePicker { padding-right: 0; } .options.col-lg-6.col-md-6.col-sm-6.portcp li.p2strip.tog.cp.port.portho { width:30%; } .options.col-lg-6.col-md-6.col-sm-6.portcp li.h_o.tog.cp.port.portho { width:30%; } .options.col-lg-6.col-md-6.col-sm-6.cp li.clearfix.location.tog.cp.port.portho { width: 20%; padding: 0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.cp li.cp.port.portho .col-lg-7.col-md-7.col-sm-7.col-xs-7.datePicker { padding-right: 0; } .options.col-lg-6.col-md-6.col-sm-6.cp li.cp.port.portho label.time.col-lg-4.col-md-4.col-sm-4.col-xs-4.pull-right.tog.cp.port { width:36%; padding:0 10px; } .options.col-lg-6.col-md-6.col-sm-6.portho li.clearfix.location.tog.cp.port.portho { width:22%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.portho li.room.row-fluid.tog.portho { width:25%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.portho li.p2strip.tog.cp.port.portho { width:18%; padding:0 10px 0 0; } .options.col-lg-6.col-md-6.col-sm-6.portho li.h_o.tog.cp.port.portho { width:17%; } .options.col-lg-6.col-md-6.col-sm-6.portcp select, .options.col-lg-6.col-md-6.col-sm-6.portho select { padding-right: 0!important; } } @media only screen and (min-width: 1200px){ nav#header .container .navbar-header .navbar-brand { height: 109px!important; background-size: 167px 109px; width: 167px; } } @media only screen and (max-width: 1200px) and (min-width: 768px){ nav#header .container .navbar-header .navbar-brand { height: 94px!important; background-size: 144px 94px; width: 144px; } } @media only screen and (min-width: 992px){ .groupBookings { position: absolute; padding: 0; bottom: 0; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu>li { display: flex; flex-direction: row; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu { margin-left: 137px; width: calc(100% - 137px); transition: opacity .5s; position: absolute; padding: 0; } #seoLinks { display:block; } } @media only screen and (max-width: 1199px) and (min-width: 768px){ body #ContentArea { padding: 30px 10%; } nav#header .container h1 { max-width: 620px; margin-left: 190px; font-size: 24px; margin-bottom: 36px; } .col-sm-6.col-md-3.megamenuNavCol { width:50%; } } @media only screen and (max-width: 1024px) and (min-width: 768px){ .allProducts label { margin-left: 80px; } .options.col-lg-6.col-md-6.col-sm-6.lo li.clearfix.location.tog.hcp.ho.lo { width:35%; } .options.col-lg-6.col-md-6.col-sm-6.lo li.p2strip.tog.ho.hcp.lo { width:65%; } .options.col-lg-6.col-md-6.col-sm-6.lo li.clearfix.location.tog.cp.hcp.lo { width:35%; } .options.col-lg-6.col-md-6.col-sm-6.lo li.p2strip.tog.cp.hcp.lo { width:65%; } .options.col-lg-6.col-md-6.col-sm-6.lo li.clearfix.aci.tog.lo { width:50%; } .lA.lo.rail.rec.col-lg-4.col-md-4.col-sm-4.col-xs-4 { padding-left:0px; } .options.col-lg-6.col-md-6.col-sm-6.cp li.clearfix.location.tog.cp.hcp.lo { width:40%; } .options.col-lg-6.col-md-6.col-sm-6.cp li.p2strip.tog.cp.hcp.lo { width:40%; } .options.col-lg-6.col-md-6.col-sm-6.cp li.tog.cp.hcp { width:40%; padding-left:0; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.clearfix.location.tog.hcp.ho.lo { width:33%; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.clearfix.location.tog.cp.hcp.lo { width:33%; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.room.row-fluid.tog.ho.hcp { width:33%; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.room.row-fluid.tog.hcp { width:33%; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.tog.hcp.ppts { width:33%; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.p2strip.tog.ho.hcp.lo { width:33%; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.p2strip.tog.cp.hcp.lo { width:33%; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.tog.hcp.ho { width:33%; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.tog.cp.hcp { width:33%; } .options.col-lg-6.col-md-6.col-sm-6.hcp li.tog.hcp { width:33%; padding-left:0px; } .options.col-lg-6.col-md-6.col-sm-6.ho li.clearfix.location.tog.cp.hcp.ho { width:42%; padding:0 10px 0 5px; } .options.col-lg-6.col-md-6.col-sm-6.ho li.room.row-fluid.tog.ho.hcp { width:42%; } .options.col-lg-6.col-md-6.col-sm-6.ho li.p2strip.tog.cp.ho.hcp { width:33%; } .options.col-lg-6.col-md-6.col-sm-6.ho li.tog.hcp.ho { width:42%; } .options.col-lg-6.col-md-6.col-sm-6.portcp li.clearfix.location.tog.cp.port.portho { width:35%; } .options.col-lg-6.col-md-6.col-sm-6.portcp li.p2strip.tog.cp.port.portho { width:40%; } .options.col-lg-6.col-md-6.col-sm-6.portcp li.h_o.tog.cp.port.portho { width:40%; } .options.col-lg-6.col-md-6.col-sm-6.portho li.clearfix.location.tog.cp.port.portho { width:38%; } .options.col-lg-6.col-md-6.col-sm-6.portho li.clearfix.location.tog.cp.port.portho>div { padding-top:12px; } .options.col-lg-6.col-md-6.col-sm-6.portho li.room.row-fluid.tog.portho { width:38%; padding-top:12px; } .options.col-lg-6.col-md-6.col-sm-6.portho li.p2strip.tog.cp.port.portho { width:38%; padding-top:12px; } .options.col-lg-6.col-md-6.col-sm-6.portho li.h_o.tog.cp.port.portho { width:37%; padding-top:12px; } .options.col-lg-6.col-md-6.col-sm-6.portho li.submitContainer { padding-top:12px; } .port-engine .allProducts ul li, .portho-engine .allProducts ul li { width:50%; } #horizontalEngine .options.portho { padding: 6px 20px 2px; position: relative; } } @media only screen and (max-width: 991px){ .nav-list-inline > li { padding-left: 3px; padding-right: 3px; } } @media only screen and (max-width: 767px){ body #ContentArea { padding: 30px 5%; } nav#header .container .navbar-header .navbar-brand { background-image: url(https://staticsg.holidayextras.com/images/holidayextras/hx-mobile-logo.png); width: 150px; height: 30px; margin-left: -75px!important; top: 15px; background-size: contain; background-repeat: no-repeat; } nav#header .container h1 { position: relative; z-index: 1002; clear: both; font-weight: 700; width: 100%; text-align: center; color: #542e91; margin: 35px 0 15px; font-size: 20px; float: none; background: transparent; } nav#header .container .navbar-header { padding: 0 15px; background: #542e91; } nav#header .container button.navbar-toggle { display: block; border: 0; margin-top: 12px; margin-bottom: 9px; margin-right: 0; padding: 8px 10px; } nav#header .container .navbar-collapse { background-color: #fff; box-shadow: 0 6px 12px rgba(0,0,0,.175); padding-bottom: 7px; z-index: 1003; position: absolute; width: 100%; } .navbar-default .navbar-nav>li>a { color: #777 !important; } .nav>li>a:focus, .nav>li>a:hover { background-color: transparent !important; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; } nav#header .container .navbar-collapse ul.nav>li>a { padding:15px 0; margin-top:0px; } .col-sm-6.col-md-3.megamenuNavCol { margin-bottom:15px; } .nav-spacing { margin-top:15px; } nav#header .container .navbar-collapse ul.nav { max-width: 100%; margin: 0; } nav#header .container .navbar-collapse ul.nav>li#navLoginLink { display:none; } nav#header .container .navbar-collapse ul.nav>li.dropdown-long>ul.dropdown-menu { margin-bottom: 20px; border-left: 3px solid #dfdfdf!important; border-radius: 0; } nav#header .container .navbar-collapse .megamenuNavCol .mobile-toggle strong, .caret { color:#777; font-weight: 400; } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -webkit-overflow-scrolling: touch; } .container>.navbar-collapse, .container>.navbar-header{ margin-right: 0; margin-left: 0; } .allProducts label { display:block; padding: 38px 0 30px 0; text-align: center; } .allProducts li.lo, li.hcp, li.ho, li.cp, li.port, li.portho { background-position: 50% 20% !important; background-size: 35px 35px !important; } .allProducts { padding-left: 0px; padding-right: 0px; } .allProducts .unstyled { margin-bottom:0; } .allProducts ul li { width:33.33%; float:left; } .port-engine .allProducts ul li, .portho-engine .allProducts ul li { width:50%; } .allProducts li { background: #f0f0f0; padding: 10px 3px 0; text-align: center; font-size: 11px; border-radius: 3px 3px 0 0; border: 1px solid rgba(0,0,0,.1); } .allProducts li.selected { border-top: 3px solid #542e91; border-bottom: 0; color: #000; background-color: #fff; } .allProducts:before, .options:before, .allProducts:after, .options:after { content: " "; display: table; } .allProducts:after, .options:after { clear: both; } .options { border-left: 1px solid rgba(0,0,0,.1); border-right: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); border-radius: 0 0 3px 3px; background-color: #fff; margin-bottom:10px; } label.hxEmbedLabel, .tog.cp.hcp span, .tog.hcp.ppts label { padding-top: 10px; } #horizontalEngine { padding-left:15px; padding-right:15px; } .homepageEngineImg { display:none; } .allProducts li input { display: none; } li.submitContainer { width:100%; } #horizontalEngine .dA, .dD, .aT, .dT, .loungeAdultsNum, .loungeChildrenNum, .loungeInfantsNum, .l, .s, .dAM, .dDM, .tog.hcp.ppts select { -webkit-appearance: none; display: block; width: 100%; height: 46px; line-height: 1.6; color: #757575; background-image: none; border: 1px solid #ccc; border-radius: 3px; font-size: 16px; padding: 4px 6px; background-color: #fff6c9; } #horizontalEngine .incP span { font-size:13px; text-decoration: underline; cursor: pointer; } .dAM, .dDM { line-height: 2.3; } .options li { float:none; } .unstyled .aci { margin-left:-15px; } .options.col-lg-6.col-md-6.col-sm-6.hcp .col-lg-7.col-md-7.col-sm-7.col-xs-7.datePicker, .options.col-lg-6.col-md-6.col-sm-6.ho .col-lg-7.col-md-7.col-sm-7.col-xs-7.datePicker, .options.col-lg-6.col-md-6.col-sm-6.portho .col-lg-7.col-md-7.col-sm-7.col-xs-7.datePicker { width:100%; } .options.col-lg-6.col-md-6.col-sm-6.lo .col-lg-7.col-md-7.col-sm-7.col-xs-7.datePicker, .options.col-lg-6.col-md-6.col-sm-6.cp .col-lg-7.col-md-7.col-sm-7.col-xs-7.datePicker, .options.col-lg-6.col-md-6.col-sm-6.portcp .col-lg-7.col-md-7.col-sm-7.col-xs-7.datePicker { width:66.33%; } .options.col-lg-6.col-md-6.col-sm-6.ho .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7, .options.col-lg-6.col-md-6.col-sm-6.hcp .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7, .options.col-lg-6.col-md-6.col-sm-6.lo .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7, .options.col-lg-6.col-md-6.col-sm-6.cp .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7, .options.col-lg-6.col-md-6.col-sm-6.portcp .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7, .options.col-lg-6.col-md-6.col-sm-6.portho .pull-left.col-lg-7.col-md-7.col-sm-7.col-xs-7 { width:100%; padding:0; } .nav-tabs>li { width: 100%; } } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } #engine-column .options, #engine-column .allProducts { width:100%; } .unstyled { padding-left: 0; list-style: none; } .radio { position: inherit; display: initial; } .footer-links-list .footer-links ul.row>li { padding-bottom: 20px; line-height: 1.2; } .footer-links-list .footer-links { background: 0 0; font-size: 16px; } .footer-links a { display: inline-block; padding-top: 5px; padding-bottom: 5px; } .footer-sitemap-links-new a { color: #0099db; } .footer-heading h4 { color: #542e91; } .footer-links .nav li a.visible-xs.visible-sm.collapse-heading.lead { padding:10px 0; } .footer-links .nav li a.visible-xs.visible-sm.collapse-heading.lead.collapsed span { transform: rotate(0deg); } .footer-links .nav li a.visible-xs.visible-sm.collapse-heading.lead span { transform: rotate(90deg); } .block-sm { padding-top: 20px; padding-bottom: 20px; } select::-ms-expand { display: none; } @media only screen and (max-width: 1199px){ .contentImage img { width: 100%; } } @media only screen and (max-width: 360px){ .allProducts li { font-size: 11px; } } @media only screen and (max-width: 320px){ .allProducts li { font-size: 13px; } } .image-slider { overflow-x: scroll; overflow-y: hidden; width: 100%; white-space: nowrap; } .image-slider > img { max-height: 360px; } @media (max-width: 767px) { .image-slider > img { width: 100vw; } }html.lb-disable-scrolling { overflow: hidden; position: fixed; height: 100vh; width: 100vw; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid white; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/images/de-hx/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(/images/de-hx/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(/images/de-hx/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(/images/de-hx/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .owl-nav { font-size:3em; font-weight:bold; } .owl-nav .owl-next, .owl-nav .owl-prev { height:55px; width:55px; line-height:50px; } .owl-carousel img { cursor: pointer; }