body { } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Updated for Bootstrap 3.x by Ian Serlin * * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr } .datepicker-inline { width: 220px } .datepicker.datepicker-rtl { direction: rtl } .datepicker.datepicker-rtl table tr td span { float: right } .datepicker-dropdown { top: 0; left: 0 } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,0.2); position: absolute; top: -7px; left: 6px } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFF; position: absolute; top: -6px; left: 7px } .datepicker > div { display: none } .datepicker.days div.datepicker-days { display: block } .datepicker.months div.datepicker-months { display: block } .datepicker.years div.datepicker-years { display: block } .datepicker table { margin: 0 } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent } .datepicker table tr td.day:hover { background: #fff; cursor: pointer } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999 } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #fceedb; border-color: #fcf9db; color: #000 !important } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #fae3c4; border-color: #f8f2ac } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active { background-color: #fceedb; border-color: #fcf9db } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eeeeee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background-color: #efce9e; border-color: #efe99e; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #ebc288; border-color: #e8de72 } .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active { background-color: #efce9e; border-color: #efe99e } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #b3b3b3; border-color: #808080; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25) } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #a6a6a6; border-color: #666666 } .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active { background-color: #b3b3b3; border-color: #808080 } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #428bca; border-color: #425eca; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25) } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #357ebd; border-color: #3048a9 } .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #428bca; border-color: #425eca } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .datepicker table tr td span:hover { background: #eeeeee } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #428bca; border-color: #425eca; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25) } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #357ebd; border-color: #3048a9 } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #428bca; border-color: #425eca } .datepicker table tr td span.old { color: #999999 } .datepicker th.datepicker-switch { width: 145px } .datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th { cursor: pointer } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover { background: #eeeeee } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent } .input-group.date .input-group-addon i { display: block; cursor: pointer; width: 16px; height: 16px } .input-daterange input { text-align: center } .input-daterange input:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px } .input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } .input-daterange .input-group-addon { display: inline-block; width: auto; min-width: 16px; height: 20px; padding: 4px 5px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #FFF; vertical-align: middle; background-color: #eeeeee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px } .childAgeDropdown { -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Add some styling */ display: block; width: 100%; max-width: 320px; height: 26px; float: right; font-size: 13px; color: #333; background-color: #ffffff; background-image: none; border: 1px solid var(--main-color); -ms-word-break: normal; } .childAgeDropdownAft { text-align: left; position: relative; max-width: 50px; margin-left: 4px; } .childAgeDropdownAft:after { content: '\25BC'; font: normal normal normal 9px/1 FontAwesome; color: #ffffff; right: 0px; top: 0px; height: 26px; border-left: 1px solid var(--main-color); position: absolute; pointer-events: none; background-color: var(--main-color); padding: 8px 7px; } .twitter-typeahead .tt-query, .twitter-typeahead .tt-hint { margin-bottom: 0 } .tt-dropdown-menu { min-width: 160px; margin-top: 2px; padding: 5px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box } .tt-suggestion { display: block; padding: 3px 20px } .tt-suggestion.tt-is-under-cursor { color: #fff; background-color: #0081c2; background-repeat: repeat-x; background-image: linear-gradient(to bottom, #08c, #0077b3); } .tt-suggestion.tt-is-under-cursor a { color: #fff } .tt-suggestion p { margin: 0 } div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap } div.dataTables_length select { width: 75px; display: inline-block } div.dataTables_filter { text-align: right } div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left } div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto } div.dataTables_info { padding-top: 8px; white-space: nowrap } div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right } div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap } @media screen and (max-width: 767px) { div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate { text-align: center } div.DTTT { margin-bottom: 0.5em } } table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after { position: absolute; top: 8px; right: 8px; display: block; font-family: 'Glyphicons Halflings'; opacity: 0.5 } table.dataTable thead .sorting:after { opacity: 0.2; content: "\e150" } table.dataTable thead .sorting_asc:after { content: "\e155" } table.dataTable thead .sorting_desc:after { content: "\e156" } div.dataTables_scrollBody table.dataTable thead .sorting:after, div.dataTables_scrollBody table.dataTable thead .sorting_asc:after, div.dataTables_scrollBody table.dataTable thead .sorting_desc:after { display: none } table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { color: #eee } table.dataTable thead > tr > th { padding-right: 30px } table.dataTable th:active { outline: none } table.dataTable.table-condensed thead > tr > th { padding-right: 20px } table.dataTable.table-condensed thead .sorting:after, table.dataTable.table-condensed thead .sorting_asc:after, table.dataTable.table-condensed thead .sorting_desc:after { top: 6px; right: 6px } div.dataTables_scrollHead table { margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important } div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td { border-top: none } div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none } table.table-bordered.dataTable { border-collapse: separate !important } table.table-bordered thead th, table.table-bordered thead td { border-left-width: 0; border-top-width: 0 } table.table-bordered tbody th, table.table-bordered tbody td { border-left-width: 0; border-bottom-width: 0 } table.table-bordered tfoot th, table.table-bordered tfoot td { border-left-width: 0; border-bottom-width: 0 } table.table-bordered th:last-child, table.table-bordered td:last-child { border-right-width: 0 } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0 } .table.dataTable tbody tr.active td, .table.dataTable tbody tr.active th { background-color: #08C; color: white } .table.dataTable tbody tr.active:hover td, .table.dataTable tbody tr.active:hover th { background-color: #0075b0 !important } .table.dataTable tbody tr.active th > a, .table.dataTable tbody tr.active td > a { color: white } .table-striped.dataTable tbody tr.active:nth-child(odd) td, .table-striped.dataTable tbody tr.active:nth-child(odd) th { background-color: #017ebc } table.DTTT_selectable tbody tr { cursor: pointer } div.DTTT .btn:hover { text-decoration: none !important } ul.DTTT_dropdown.dropdown-menu { z-index: 2003 } ul.DTTT_dropdown.dropdown-menu a { color: #333 !important } ul.DTTT_dropdown.dropdown-menu li { position: relative } ul.DTTT_dropdown.dropdown-menu li:hover a { background-color: #0088cc; color: white !important } div.DTTT_collection_background { z-index: 2002 } div.DTTT_print_info { position: fixed; top: 50%; left: 50%; width: 400px; height: 150px; margin-left: -200px; margin-top: -75px; text-align: center; color: #333; padding: 10px 30px; opacity: 0.95; background-color: white; border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.5); box-shadow: 0 3px 7px rgba(0,0,0,0.5) } div.DTTT_print_info h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em } div.DTTT_print_info p { font-size: 14px; line-height: 20px } div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 60px; margin-left: -50%; margin-top: -25px; padding-top: 20px; padding-bottom: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%) } div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, div.DTFC_RightHeadWrapper table, div.DTFC_RightFootWrapper table, table.DTFC_Cloned tr.even { background-color: white; margin-bottom: 0 } div.DTFC_RightHeadWrapper table, div.DTFC_LeftHeadWrapper table { border-bottom: none !important; margin-bottom: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important } div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important } div.DTFC_RightBodyWrapper table, div.DTFC_LeftBodyWrapper table { border-top: none; margin: 0 !important } div.DTFC_RightBodyWrapper tbody tr:first-child th, div.DTFC_RightBodyWrapper tbody tr:first-child td, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td { border-top: none } div.DTFC_RightFootWrapper table, div.DTFC_LeftFootWrapper table { border-top: none; margin-top: 0 !important } div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after, div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after, div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after, div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after, div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after, div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after { display: none } div.FixedHeader_Cloned table { margin: 0 !important } #carousel li { margin-right: 5px } #carousel img.image-fade { display: block; opacity: .5; cursor: pointer } #carousel img.image-fade:hover { opacity: 1 } #carousel .flex-active-slide img { opacity: 1; cursor: default } .loading #container { opacity: 0 } .loading:before { content: 'LOADING'; display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3 } .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { -moz-border-radius: 0 0 0 0 !important; -webkit-border-radius: 0 0 0 0 !important; background: none !important; border: 0 !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0 !important; outline: 0 !important; overflow: visible !important; padding: 0 !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; min-height: inherit !important; min-height: auto !important } .syntaxhighlighter { width: 100% !important; margin: 1em 0 1em 0 !important; position: relative !important; overflow: auto !important; font-size: 1em !important } .syntaxhighlighter.source { overflow: hidden !important } .syntaxhighlighter .bold { font-weight: bold !important } .syntaxhighlighter .italic { font-style: italic !important } .syntaxhighlighter .line { white-space: pre !important } .syntaxhighlighter table { width: 100% !important } .syntaxhighlighter table caption { text-align: left !important; padding: .5em 0 0.5em 1em !important } .syntaxhighlighter table td.code { width: 100% !important } .syntaxhighlighter table td.code .container { position: relative !important } .syntaxhighlighter table td.code .container textarea { box-sizing: border-box !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; border: none !important; background: white !important; padding-left: 1em !important; overflow: hidden !important; white-space: pre !important } .syntaxhighlighter table td.gutter .line { text-align: right !important; padding: 0 0.5em 0 1em !important } .syntaxhighlighter table td.code .line { padding: 0 1em !important } .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { padding-left: 0em !important } .syntaxhighlighter.show { display: block !important } .syntaxhighlighter.collapsed table { display: none !important } .syntaxhighlighter.collapsed .toolbar { padding: 0.1em 0.8em 0em 0.8em !important; font-size: 1em !important; position: static !important; width: auto !important; height: auto !important } .syntaxhighlighter.collapsed .toolbar span { display: inline !important; margin-right: 1em !important } .syntaxhighlighter.collapsed .toolbar span a { padding: 0 !important; display: none !important } .syntaxhighlighter.collapsed .toolbar span a.expandSource { display: inline !important } .syntaxhighlighter .toolbar { position: absolute !important; right: 1px !important; top: 1px !important; width: 11px !important; height: 11px !important; font-size: 10px !important; z-index: 10 !important } .syntaxhighlighter .toolbar span.title { display: inline !important } .syntaxhighlighter .toolbar a { display: block !important; text-align: center !important; text-decoration: none !important; padding-top: 1px !important } .syntaxhighlighter .toolbar a.expandSource { display: none !important } .syntaxhighlighter.ie { font-size: .9em !important; padding: 1px 0 1px 0 !important } .syntaxhighlighter.ie .toolbar { line-height: 8px !important } .syntaxhighlighter.ie .toolbar a { padding-top: 0px !important } .syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content { background: none !important } .syntaxhighlighter.printing .line .number { color: #bbbbbb !important } .syntaxhighlighter.printing .line .content { color: black !important } .syntaxhighlighter.printing .toolbar { display: none !important } .syntaxhighlighter.printing a { text-decoration: none !important } .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { color: black !important } .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { color: #008200 !important } .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { color: blue !important } .syntaxhighlighter.printing .keyword { color: #006699 !important; font-weight: bold !important } .syntaxhighlighter.printing .preprocessor { color: gray !important } .syntaxhighlighter.printing .variable { color: #aa7700 !important } .syntaxhighlighter.printing .value { color: #009900 !important } .syntaxhighlighter.printing .functions { color: #ff1493 !important } .syntaxhighlighter.printing .constants { color: #0066cc !important } .syntaxhighlighter.printing .script { font-weight: bold !important } .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { color: gray !important } .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { color: #ff1493 !important } .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { color: red !important } .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { color: black !important } .syntaxhighlighter { clear: both; width: auto !important; font-size: 13px !important; line-height: 21px !important; font-family: Courier, "Courier New", monospace; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff !important; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3) } .syntaxhighlighter .string, .syntaxhighlighter .string a { color: #ff5454 !important } .syntaxhighlighter .line.alt1, .syntaxhighlighter .line.alt2 { width: 100% !important; padding: 0 !important; background-color: #fff !important } .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { background-color: #fff !important } .syntaxhighlighter table td.code { width: auto !important; padding: 10px 12px !important } .syntaxhighlighter table td.code .line { width: auto !important; padding: 0 !important } .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: #cc7ac6 !important } .syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: #888 !important } .syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #999 !important } .syntaxhighlighter .keyword { color: #2a93b9 !important } .syntaxhighlighter { background-color: white !important } .syntaxhighlighter .line.alt1 { background-color: white !important } .syntaxhighlighter .line.alt2 { background-color: white !important } .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { background-color: #e0e0e0 !important } .syntaxhighlighter .line.highlighted.number { color: black !important } .syntaxhighlighter table caption { color: black !important } .syntaxhighlighter .gutter { color: #afafaf !important } .syntaxhighlighter .gutter .line { border-right: 3px solid #6ce26c !important } .syntaxhighlighter .gutter .line.highlighted { background-color: #6ce26c !important; color: white !important } .syntaxhighlighter.printing .line .content { border: none !important } .syntaxhighlighter.collapsed { overflow: visible !important } .syntaxhighlighter.collapsed .toolbar { color: blue !important; background: white !important; border: 1px solid #6ce26c !important } .syntaxhighlighter.collapsed .toolbar a { color: blue !important } .syntaxhighlighter.collapsed .toolbar a:hover { color: red !important } .syntaxhighlighter .toolbar { color: white !important; background: #6ce26c !important; border: none !important } .syntaxhighlighter .toolbar a { color: white !important } .syntaxhighlighter .toolbar a:hover { color: black !important } .syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: black !important } .syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #008200 !important } .syntaxhighlighter .string, .syntaxhighlighter .string a { color: blue !important } .syntaxhighlighter .keyword { color: #006699 !important } .syntaxhighlighter .preprocessor { color: gray !important } .syntaxhighlighter .variable { color: #aa7700 !important } .syntaxhighlighter .value { color: #009900 !important } .syntaxhighlighter .functions { color: #ff1493 !important } .syntaxhighlighter .constants { color: #0066cc !important } .syntaxhighlighter .script { font-weight: bold !important; color: #006699 !important; background-color: none !important } .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: gray !important } .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { color: #ff1493 !important } .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { color: red !important } .syntaxhighlighter .keyword { font-weight: bold !important } .loading-image { background: #333 url(/comencia-assets/loader.gif) no-repeat 50% 50%; -webkit-transition: background-color 0; transition: background-color 0 } .flex-container a:hover, .flex-slider a:hover { outline: none } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none } .flex-pauseplay span { text-transform: capitalize } .flexslider { margin: 0; padding: 0 } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .flexslider .slides { display: block } * html .flexslider .slides { height: 1% } .no-js .flexslider .slides > li:first-child { display: block } .flexslider { position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: "" 0 1px 4px rgba(0,0,0,0.2); -moz-box-shadow: "" 0 1px 4px rgba(0,0,0,0.2); -o-box-shadow: "" 0 1px 4px rgba(0,0,0,0.2); box-shadow: "" 0 1px 4px rgba(0,0,0,0.2) } .flexslider .slides { zoom: 1 } .flexslider .slides img { height: auto; -moz-user-select: none } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .loading .flex-viewport { max-height: 300px } .carousel li { margin-right: 5px } .flex-direction-nav { *height: 0 } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000 } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004' } .flex-pauseplay a:hover { opacity: 1 } .flex-pauseplay a.flex-play:before { content: '\f003' } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7) } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .flex-control-thumbs li { width: 25%; float: left; margin: 0 } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .flex-control-thumbs img:hover { opacity: 1 } .flex-control-thumbs .flex-active { opacity: 1; cursor: default } .direction-nav { background: #000000; opacity: 0.7; height: 19px; position: absolute; bottom: 0; width: 100% } .direction-nav a { outline: 0; width: 32px; height: 32px; color: #fff } .direction-nav a:hover, .direction-nav a:visited, .direction-nav a:focus { color: #fff } .direction-nav .prev.prev:after { font-family: "FontAwesome"; content: '\f053'; font-size: 90%; position: absolute; top: 0; left: 4px; bottom: 0; line-height: 19px } .direction-nav .next.next:after { font-family: "FontAwesome"; content: '\f054'; font-size: 90%; position: absolute; top: 0; right: 4px; bottom: 0; line-height: 19px } #search-results .slider { display: block } #search-results .slider .flex-viewport { background: #333333; height: 168px } #search-results .slider .flex-viewport ul li { height: 168px } #search-results .slider .flex-viewport ul li img { width: 100%; padding: 0 } #search-results .slider .flex-direction-nav { display: none } #slider .flex-viewport { box-shadow: 0 0 5px #ccc; background: #333333; height: 505px } #slider .flex-viewport ul li { margin-bottom: 0; padding: 0; height: 505px; line-height: 502px; display: table-cell; text-align: center } #slider .flex-viewport ul li img { max-width: 100%; max-height: 505px } #slider .flex-direction-nav a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px } #slider .flex-direction-nav .flex-prev { background-color: #FFFFFF; left: 0; padding-top: 2px } #slider .flex-direction-nav .flex-prev.flex-prev:after { font-family: "FontAwesome"; content: '\f053'; font-size: 150%; padding-left: 6px } #slider .flex-direction-nav .flex-next { background-color: #FFFFFF; right: 0; padding-top: 2px } #slider .flex-direction-nav .flex-next.flex-next:after { font-family: "FontAwesome"; content: '\f054'; font-size: 150%; padding-left: 9px } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999 } #carousel { padding: 15px 30px; background: #333333 } #carousel .flex-viewport .slides img { width: 68px; height: 68px; display: block } #carousel .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -15px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: white; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } #carousel .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 150%; display: inline-block; content: '\f053'; color: white } #carousel .flex-direction-nav a.flex-next:before { content: '\f054' } #carousel .flex-direction-nav .flex-prev { left: 0 !important; margin-left: 7px } #carousel .flex-direction-nav .flex-next { right: 0 !important; margin-right: -18px } #carousel .flex-direction-nav .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px } #carousel .flex-direction-nav .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1 !important } #carousel .flex-direction-nav .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px } #carousel .flex-direction-nav .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1 } #carousel .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1 } .image_manage { max-height: 190px;overflow: hidden; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px } .flex-direction-nav .flex-next { opacity: 1; right: 10px } } .checkbox { padding-left: 20px } .checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out } .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px } .checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity: 0; z-index: 1 } .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c" } .checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after { display: block; content: ""; width: 10px; height: 3px; border-radius: 2px; margin-left: -16.5px; margin-top: 7px } .checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity: 0.65 } .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed } .checkbox.checkbox-circle label::before { border-radius: 50% } .checkbox.checkbox-inline { margin-top: 0 } .checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #337ab7; border-color: #337ab7 } .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after { color: #fff } .checkbox-green input[type="checkbox"]:checked + label::after, .checkbox-green input[type="radio"]:checked + label::after { color: #fff } .checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #d9534f; border-color: #d9534f } .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color: #fff } .checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de } .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color: #fff } .checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e } .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color: #fff } .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c } .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color: #fff } .checkbox-primary input[type="checkbox"]:indeterminate + label::before, .checkbox-primary input[type="radio"]:indeterminate + label::before { background-color: #337ab7; border-color: #337ab7 } .checkbox-primary input[type="checkbox"]:indeterminate + label::after, .checkbox-primary input[type="radio"]:indeterminate + label::after { background-color: #fff } .checkbox-green input[type="checkbox"]:indeterminate + label::before, .checkbox-green input[type="radio"]:indeterminate + label::before { background-color: #1abc9c; border-color: #1abc9c } .checkbox-green input[type="checkbox"]:indeterminate + label::after, .checkbox-green input[type="radio"]:indeterminate + label::after { background-color: #fff } .checkbox-danger input[type="checkbox"]:indeterminate + label::before, .checkbox-danger input[type="radio"]:indeterminate + label::before { background-color: #d9534f; border-color: #d9534f } .checkbox-danger input[type="checkbox"]:indeterminate + label::after, .checkbox-danger input[type="radio"]:indeterminate + label::after { background-color: #fff } .checkbox-info input[type="checkbox"]:indeterminate + label::before, .checkbox-info input[type="radio"]:indeterminate + label::before { background-color: #5bc0de; border-color: #5bc0de } .checkbox-info input[type="checkbox"]:indeterminate + label::after, .checkbox-info input[type="radio"]:indeterminate + label::after { background-color: #fff } .checkbox-warning input[type="checkbox"]:indeterminate + label::before, .checkbox-warning input[type="radio"]:indeterminate + label::before { background-color: #f0ad4e; border-color: #f0ad4e } .checkbox-warning input[type="checkbox"]:indeterminate + label::after, .checkbox-warning input[type="radio"]:indeterminate + label::after { background-color: #fff } .checkbox-success input[type="checkbox"]:indeterminate + label::before, .checkbox-success input[type="radio"]:indeterminate + label::before { background-color: #5cb85c; border-color: #5cb85c } .checkbox-success input[type="checkbox"]:indeterminate + label::after, .checkbox-success input[type="radio"]:indeterminate + label::after { background-color: #fff } .radio { padding-left: 20px } .radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px } .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out } .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33) } .radio input[type="radio"] { opacity: 0; z-index: 1 } .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) } .radio input[type="radio"]:disabled + label { opacity: 0.65 } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed } .radio.radio-inline { margin-top: 0 } .radio-primary input[type="radio"] + label::after { background-color: #337ab7 } .radio-primary input[type="radio"]:checked + label::before { border-color: #337ab7 } .radio-primary input[type="radio"]:checked + label::after { background-color: #337ab7 } .radio-danger input[type="radio"] + label::after { background-color: #d9534f } .radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f } .radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f } .radio-info input[type="radio"] + label::after { background-color: #5bc0de } .radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de } .radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de } .radio-warning input[type="radio"] + label::after { background-color: #f0ad4e } .radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e } .radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e } .radio-success input[type="radio"] + label::after { background-color: #5cb85c } .radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c } .radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c } input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after { font-family: 'FontAwesome'; content: "\f00c" } input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before { color: #fff } input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after { color: #fff } * * #admin-specials-map-canvas { width: 100%; height: 250px } .admin-menu-wrapper { -webkit-box-shadow: 0px -4px 4px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px -4px 4px -2px rgba(0,0,0,0.2); -ms-box-shadow: 0px -4px 4px -2px rgba(0,0,0,0.2); -o-box-shadow: 0px -4px 4px -2px rgba(0,0,0,0.2); box-shadow: 0px -4px 4px -2px rgba(0,0,0,0.2); border-collapse: separate; top: -10px; right: auto; bottom: auto; left: 0px; position: relative; background-color: white; margin: 0; margin-bottom: 15px } .admin-menu-wrapper h1 { font-weight: 200 } .admin-dashboard .widget-body { padding: 5px } .admin-dashboard .widget-icon { background: var(--main-color); border-radius: 50%; height: 55px; margin-right: 15px; text-align: center; vertical-align: middle; width: 55px } .admin-dashboard .widget-icon i { color: white; font-size: 30px; line-height: 58px } .admin-dashboard .widget-content { font-size: 17px; font-weight: 200; padding-top: 15px; line-height: 28px } .admin-dashboard .widget-content a { color: var(--main-color) } .admin-dashboard .latest-bookings { padding: 15px } .admin-dashboard .latest-bookings h3 { margin-top: 0; font-weight: 200; padding-bottom: 15px } .admin-dashboard .latest-bookings table thead { background: #f6f6f6 } .admin-dashboard .latest-bookings table tbody { background: white } .admin-dashboard .latest-bookings .new-user { padding: 6px 12px } .admin-dashboard embed { width: 100%; height: 1400px } .login-wrapper a { color: #FFFFFF; font-size: 80% } .login-wrapper a:hover { color: #FFFFFF } .login-wrapper p { font-size: 13px } .page-heading { padding: 15px 0 30px 0 } .page-heading h1 { font-weight: 200; margin: 0; padding: 0 } .page { background-color: #ffffff; padding: 45px 15px } .user-form label { display: block; padding-bottom: 5px; font-family: var(--font-first); font-size: 14px; font-weight: 400; text-transform: upper-case; width: 100% !important; text-align: left !important; margin: 0 ; min-height: 27px; } .user-form input { background-color: #fff; outline: 0; border: 0; resize: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 0 7.5px; margin-bottom: 7.5px; border: 1px solid #cccccc } .user-form select { background-color: #fff; outline: 0; border: 0; resize: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 0 7.5px; margin-bottom: 7.5px; border: 1px solid #cccccc } .user-form .user_checkbox { padding: 7.5px 0 } .user-form .user_checkbox .popover { font-size: 80% } .user-form .back-button { float: left } .responsive-columns { overflow-x: auto } .table-responsive { overflow-x: auto } @media (min-width: 0px) and (max-width: 767px) { .table-responsive { width: 100%; overflow-y: hidden } } #error_explanation { color: #ff4c4c; padding-bottom: 5px } #error_explanation h2 { margin: 0; font-size: 14px } #tipalti_iframe { border: 1px solid #ccc } .modal-dialog-alert { margin-top: 19% } .modal-dialog-alert .modal-content .modal-header { background-color: #f2dede } .modal-dialog-alert .modal-content .modal-header .modal-title { color: #a94442 } .modal-dialog-alert .modal-content .modal-header .modal-title h5 { display: inline-block; padding-left: 5px } .modal-dialog-alert .modal-content .modal-body { overflow-y: auto; padding: 0px 15px } .algolia-autocomplete { width: 100%; z-index: 999 } .algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint { width: 342px } .algolia-autocomplete .aa-hint { color: var(--main-color) } .algolia-autocomplete .search-icon i { color: var(--main-color); padding: 0 5px } .algolia-autocomplete .aa-dropdown-menu { width: 100%; background-color: #ffffff; border: 1px solid var(--main-color); border-top: none; color: var(--main-color); font-weight: 300; margin-top: 3px } .algolia-autocomplete .aa-dropdown-menu .aa-suggestion { cursor: pointer; padding: 5px 4px } .algolia-autocomplete .aa-dropdown-menu .aa-suggestion em { font-weight: bold; font-style: normal } .algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor { background-color: var(--main-color); color: #ffffff } .algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor .search-icon i { color: #ffffff } #complete-booking { font-size: 24px; padding-bottom: 5px } #booking-form { color: #444444 } #booking-form hr { border-bottom: 1px solid #cccccc; margin: 10px 0 } #booking-form .input-sm { margin-top: 5px } #booking-form .step-title { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-color: var(--main-color); padding: 3px 15px; color: white } #booking-form .step-title .special-icon { margin-top: 10px; margin-right: 5px; width: 20px; height: 20px } #booking-form .step-number { color: var(--main-color); font-size: 15px; font-weight: 900; padding-left: 6px } #booking-form .label-name { font-weight: normal } #booking-form .multi-room-title { margin-top: 0; font-size: 15px } #booking-form .multi-room-title span { font-weight: 300; font-size: 14px } #booking-form .form-area { padding: 15px; background-color: #f4f4f4 } #booking-form .card-exp-date { padding: 0 0 0 5px } #booking-form .cvv-tooltip { font-size: 100% } #booking-form .label-title { font-size: 18px } #booking-form .label-content { font-weight: 300 } #booking-form .confirm-booking i { margin-right: 5px } #booking-form .confirm-booking .btn-book { font-size: 18px } #booking-form #cvv-amex, #booking-form #cvv-cc, #booking-form #cvv-i { cursor: help } #booking-form .popover { width: 280px; min-width: 280px; padding: 0 } #booking-form .amex-popover, #booking-form .cc-popover, #booking-form .cvv-popover { display: none; padding: 0 } #booking-form .cvv-notes { width: 260px; font-size: 12px; margin-top: 15px } #booking-form .cards { padding-left: 0; padding-top: 4px } #booking-form .cards li { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-image: url("/assets/images/card_logos.png"); background-position: 0 0; float: left; height: 32px; margin-right: 2px; margin-bottom: 4px; text-indent: -9999px; width: 51px; list-style: none } #booking-form .cards li:last-child { margin-right: 0 } /* #booking-form .cards .e { background-position: 307px 0 } #booking-form .cards .ca { background-position: 305px 0 } #booking-form .cards .to { background-position: 205px 0 } #booking-form .cards .ax { background-position: 202px 0 } #booking-form .cards .dc { background-position: 102px 0 } #booking-form .cards .ds { background-position: 51px 0 } #booking-form .cards .t, #booking-form .cards .r, #booking-form .cards .bc { display: none } #booking-form .cards .vi.off { background-position: 0 32px } #booking-form .cards .e.off { background-position: 307px 32px } #booking-form .cards .ca.off { background-position: 305px 32px } #booking-form .cards .to.off { background-position: 205px 32px } #booking-form .cards .ax.off { background-position: 202px 32px } #booking-form .cards .dc.off { background-position: 151px 32px } #booking-form .cards .ds.off { background-position: 100px 32px } #booking-form .cards .jc.off { background-position: 49px 32px; width: 48px } */ /*Card new section start*/ #booking-form .cards .discover { background-position: 204px 0 } #booking-form .cards .mastercard { background-position: 409px 0 } #booking-form .cards .bc_card { background-position: 104px 0 } #booking-form .cards .amex { background-position: 306px 0 } #booking-form .cards .diners_club_international { background-position: 255px 0 } #booking-form .cards .visa { background-position: 0px 0 } #booking-form .cards .jcb { background-position: 153px 0 } #booking-form .cards .maestro { background-position: 254px 0 } #booking-form .cards .visa_electron { background-position: 356px 0 } #booking-form .cards .chinaunionpay { background-position: 53px 0 } #booking-form .cards .discover.off { background-position: 204px 32px } #booking-form .cards .mastercard.off { background-position: 409px 32px } #booking-form .cards .bc_card.off { background-position: 104px 32px } #booking-form .cards .amex.off { background-position: 306px 32px } #booking-form .cards .diners_club_international.off { background-position: 255px 32px } #booking-form .cards .visa.off { background-position: 0px 32px } #booking-form .cards .jcb.off { background-position: 153px 32px } #booking-form .cards .maestro.off { background-position: 254px 32px } #booking-form .cards .visa_electron.off { background-position: 356px 32px } #booking-form .cards .chinaunionpay.off { background-position: 53px 32px } /*Card new section end*/ #booking-form .popover-alert { display: none } #booking-form .popover-alert .tooltip.bottom { margin-top: -3px; z-index: 1040 } #booking-form .popover-alert .tooltip-inner { background-color: #FF0000; font-size: 14px; font-weight: 300; max-width: 100%; letter-spacing: 0.3px } #booking-form .popover-alert .tooltip-arrow { border-bottom-color: #FF0000; left: 20px } #booking-form #Month-alert .tooltip.bottom, #booking-form #Year-alert .tooltip.bottom { margin-top: 32px } #booking-form #Year-alert .tooltip-arrow { left: 100px } #booking-form #security_code-alert .tooltip-inner { margin-right: 15px } #booking-form #agree_policy-alert .tooltip.top { margin-top: -35px; margin-left: -20px } #booking-form #agree_policy-alert .tooltip-arrow { left: 8px; border-top-color: #FF0000 } #booking-form input.valid { background-image: url("/assets/images/check.png"); background-position: 99% center; background-repeat: no-repeat } #booking-form select.valid { background-image: url("/assets/images/check.png"); background-position: 99% center; background-repeat: no-repeat; padding-top: 0; padding-bottom: 0 } #booking-form input[type=number] { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield } #booking-form .alert-show { display: block } #booking-summary .affix { top: 10px; z-index: 10; width: 100% } #booking-summary .affix-bottom { position: absolute; width: 100% } #booking-summary .call-center { position: relative } #booking-summary .call-center .call-center-img { float: left } #booking-summary .call-center .help-title { font-size: 18px } #booking-summary .call-center .help-content { font-size: 15px } #booking-summary .call-center .popover { display: block; margin-left: 115px; margin-right: 15px; box-shadow: none; border: 1px solid #EDEDED; z-index: 0 } #booking-summary .call-center .popover.pop-modal { position: relative; width: 74%; margin-right: 0; float: right; margin-left: 0 } #booking-summary .call-center .popover.pop-modal .arrow { top: 50px } #booking-summary .call-center .popover-content { padding: 3px 13px } #booking-summary .call-center .arrow { border: 1px solid #EDEDED } #booking-summary .hotel-stars i { padding-right: 0 } #booking-summary .hotel-name { font-size: 20px; line-height: 22px; margin-top: 3px } #booking-summary .hotel-address { font-weight: 300; font-size: 13px; margin-top: 5px; margin-bottom: 15px } #booking-summary .general-info { min-height: 70px } #booking-summary .arrival-info { display: block; font-size: 13px; font-weight: 300; color: #666666 } #booking-summary .detail-title { padding-left: 10px; width: 81px; float: left; font-weight: bold } #booking-summary .full-detail { padding-left: 10px; float: left } #booking-summary .alert-success { background: white; border: 1px solid #009900; color: #009900; padding: 5px 10px } #booking-summary #checkout-promodesc .alert-success { border: 1px solid #CC0000; color: #CC0000 } #booking-summary .room-nonrefundable { font-weight: 300; font-size: 12px } #booking-summary .room-name { font-weight: bold; font-size: 15px; margin-bottom: 10px } #booking-summary .room-price { clear: both; color: #444444; font-size: 15px; font-weight: normal; border-bottom: 1px dotted #888888; height: 20px; padding-bottom: 30px } #booking-summary .cross-sell-item-section .room-quantity { clear: both; color: #444444; font-size: 15px; font-weight: normal; height: 20px; padding-bottom: 30px } #booking-summary .room-nightly-price, #booking-summary .extra-person { clear: both; color: #666666; font-size: 12px; font-weight: 300; height: 20px; margin-bottom: 5px } #booking-summary .fees-price { padding-top: 5px; clear: both; color: #666666; font-size: 12px; font-weight: 300; border-bottom: 1px dotted #888888; height: 25px } #booking-summary .total-price { clear: both; height: 80px } #booking-summary .total-label { float: left } #booking-summary .total-value { float: right; font-size: 32px; font-weight: bold } #booking-summary .total-value .currency { font-size: 20px } #booking-summary .tax-message { clear: both; font-size: 12px; float: right; margin-top: -40px; font-weight: 300; color: #666666 } #booking-summary .prepay-message { float: right; font-weight: bold; font-size: 12px; margin-top: -15px; padding-bottom: 15px } #booking-summary .fee-charge-message .total-value { clear: both } #booking-summary .fee-charge-message .description { clear: both; font-size: 12px; float: right; font-weight: 300; color: #666666 } #booking-summary .price-info { padding-bottom: 15px } .ssl-seal { margin-top: 15px; margin-bottom: 15px } .ssl-seal-footer { display: none; margin-left: 45px } #postpay { clear: both; float: left; margin-top: 10px } #postpay .price { font-size: 20px } #postpay .total-due { clear: both; float: left; margin-top: 10px; color: #529c00; width: 100%; background-color: #f2fed0; padding: 15px 5px; border-top: 1px solid #529c00 } #booking-summary-wrapper { float: right } #booking-form-wrapper { float: left } .additional-items-popup img { width: 70px; margin-right: 10px } .popup-section { margin-left: 5px } #thank-you .additional-items-info tr td { width: 20% } .booking-table .title { font-size: 24px; padding-bottom: 5px } .booking-table table thead { background-color: var(--main-color); color: #ffffff } .booking-table table a.btn-danger { font-weight: normal; font-size: 12px; padding: 1px 0; border-bottom: none } .booking-table ul.pagination li:hover a { color: #333333 } .booking-table ul.pagination li.active a { color: #ffffff; font-weight: bold } .payments-card .tab-pane .form-group p { font-weight: 400 } .payments-card ul.nav-tabs { padding-bottom: 20px; margin-bottom: 20px } .payments-card ul.nav-tabs li { width: 33% } .payments-card ul.nav-tabs li.active a { background-color: transparent; border: none } .payments-card ul.nav-tabs li.active a .radio label:before { background: var(--main-color) } .payments-card ul.nav-tabs li a { background-color: transparent; border: none; line-height: 29px; padding: 1px; color: #555555 } .payments-card ul.nav-tabs li a img { margin-left: 10px } .payments-card ul.nav-tabs li a .radio label { padding-left: 0 } .payments-card ul.nav-tabs li a .radio label:before { width: 14px; height: 14px; top: 7px; border: 2px solid var(--main-color) } .payments-card ul.nav-tabs li a .radio label:after { background: var(--main-color); top: 1px; left: 1px; width: 12px; height: 12px } html { min-height: 100%; position: relative } body { font-family: "Lato", Helvetica, Arial, sans-serif; color: #212121; overflow-x: hidden; background: #F7F7F7; font-weight: 300; margin-bottom: 225px } main { background: none repeat scroll 0 0 #F7F7F7 } .required:after { content: "*"; font-size: 16px; position: relative; top: 0px } a { color: var(--main-color); outline: 0 } a:hover, a:focus { color: var(--main-color-dark); text-decoration: none; cursor: pointer; outline: 0 } a:hover:visited, a:focus:visited { color: var(--main-color) } input[type="checkbox"] { cursor: pointer } .form-control[readonly] { background-color: #ffffff } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: var(--main-color); border-color: var(--main-color) } .pagination > li > a, .pagination > li > span { color: var(--main-color) } .pagination > li > a:hover, .pagination > li > a:active, .pagination > li > a:visited, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:active, .pagination > li > span:visited, .pagination > li > span:focus { color: var(--main-color-dark); text-decoration: none; cursor: pointer; outline: 0 } .display-none { display: none } #page-loader { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; position: fixed; text-align: center; height: 120px; width: 150px; left: 50%; top: 50%; margin-left: -75px; margin-top: -60px; z-index: 5000; background-color: rgba(0,0,0,0.6); color: white } #page-loader.flight-search-loader { height: 130px; width: 230px; margin-left: -130px } .btn-danger { border-bottom: 2px solid #c9302c; padding: 7px 12px } .btn-book, .show-on-map { background-color: var(--main-color); border-bottom: 2px solid var(--main-color-dark); font-size: 15px; font-weight: 600; color: #ffffff; padding: 4px 25px 4px 23px } .btn-book:hover, .btn-book:focus, .show-on-map:hover, .show-on-map:focus { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: var(--main-color-dark); text-shadow: none; color: #ffffff !important } .btn-book.btn-access, .show-on-map.btn-access { padding: 0 12px } .btn-book.change-search-btn, .show-on-map.change-search-btn { border: 0px; padding: 6px 9px; margin-left: 15px; font-weight: 400; display: inline-block; border-bottom: 2px solid var(--main-color-dark) } .btn-book.change-search-btn span, .show-on-map.change-search-btn span { display: block } .btn-book.change-search-btn a, .show-on-map.change-search-btn a { color: #ffffff } .btn-book.change-search-btn a:hover, .show-on-map.change-search-btn a:hover { text-decoration: none } .new-btn { background-color: var(--main-color); font-size: 14px; padding: 5px 23px; color: #ffffff; border: 0; border-bottom: 2px solid var(--main-color-dark); font-weight: 400; cursor: pointer } .new-btn.custom-button { padding: 5px 0 !important; width: 85px } .new-btn:hover { text-decoration: none; background-color: var(--main-color-dark); color: #ffffff } .book-now-btn { font-size: 15px; font-weight: 400; height: 30px; line-height: 29px; margin-right: 15px; width: 90px; color: #ffffff; background-color: var(--main-color); border-bottom: 2px solid var(--main-color-dark); text-align: center } .book-now-btn:hover { text-decoration: none; background-color: var(--main-color-dark) } .card { background: white; border: 1px solid #EDEDED; margin-bottom: 15px } .pdr-0 { padding-right: 0 } .pdr-15 { padding-right: 15px } .pdl-0 { padding-left: 0 } .pdl-15 { padding-left: 15px } .pad-0 { padding: 0 } .marg-0 { margin: 0 } .mgb-0 { margin-bottom: 0 } .mgt-5 { margin-top: 5px } .mgt-15 { margin-top: 15px } .mgr-15 { margin-right: 15px } .pdt-15 { padding-top: 15px } .mgr-0 { margin-right: 0 } .mgr-b-15 { margin-bottom: 15px } .mgr-b-10 { margin-bottom: 10px !important } .pdb-4 { padding-bottom: 4px } .pdb-0 { padding-bottom: 0 } .pdb-15 { padding-bottom: 15px } .padding-left8 { padding: 0 8px } .margin { margin: 15px } .z-index-1000 { z-index: 1000 } .icon-star { color: #fabc00; padding-right: 5px } .trip-advisor { border-left: 1px solid #B4B4B4; margin-left: 5px; margin-top: 2px; padding-left: 10px } .ta-rating { /*background: url("/assets/images/ta-rating.gif") no-repeat;*/ width: 160px; height: 15px; font-weight:bold; color:#212121; } .ta-0-5 { background-position: 0 0 } .ta-1-0, .ta-1 { background-position: 0 -15px } .ta-1-5 { background-position: 0 -30px } .ta-2-0, .ta-2 { background-position: 0 -45px } .ta-2-5 { background-position: 0 -60px } .ta-3-0, .ta-3 { background-position: 0 -75px } .ta-3-5 { background-position: 0 -90px } .ta-4-0, .ta-4 { background-position: 0 -105px } .ta-4-5 { background-position: 0 -120px } .ta-5-0, .ta-5 { background-position: 0 -135px } #trip-advisor-rating { border: 1px solid #f2f2f2; padding: 13px 0 0 } #trip-advisor-rating .trafic-advisor-icon { margin: 0 auto; padding-bottom: 17px } #trip-advisor-rating p { text-align: center; font-size: 14px } .cached { display: none } .thumbnail { max-width: 100% } .flash-messages { width: 100%; text-align: center } .flash-messages.pad-bt-60 { padding-bottom: 60px } .flash-messages .alert { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; border-radius: 0 0 0 0; margin-bottom: 0; z-index: 11 } .flash-messages pre { margin: 0 } #itinerary-form .submit { margin-top: 10px } ul.bookings { margin-top: 15px } ul.bookings .booking-wrapper { display: inline-block; vertical-align: top; list-style: none; width: 49.8% } ul.bookings .booking-wrapper:nth-child(2n) { padding-left: 15px } ul.bookings .list { color: #2c2c2c; padding: 15px; margin-bottom: 15px; border: solid 1px #e5e3e3 } ul.bookings .image-thumb { float: left; width: 40% } ul.bookings .image-thumb img { border: solid 1px #e4e4e4; padding: 4px; height: 150px } ul.bookings .description { float: left; width: 50%; padding: 0 15px } ul.bookings .description h3 { margin-bottom: 5px; margin-top: 2px; font-size: 15px } ul.bookings .description address { margin-bottom: 0 } ul.bookings .description p { margin-bottom: 0 } ul.bookings .description .manage { padding-left: 18px; color: #8b87ff } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { padding-right: 15px } .form-control:focus { border-color: var(--main-color) } #hotel-filter .twitter-typeahead { border: 0px } .form-btn-submit { margin: 15px 0 } .form-bottom-spacing { padding-bottom: 120px } .checkbox label::after { color: var(--main-color) } .checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after { color: var(--main-color) } .checkbox-green input[type="checkbox"]:checked + label::before, .checkbox-green input[type="radio"]:checked + label::before { background-color: var(--main-color); border-color: var(--main-color) } .navbar li > a:hover, .navbar li > a:focus, #search-options li > a:hover, #search-options li > a:focus, #update-search li > a:hover, #update-search li > a:focus { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -ms-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px } #search_form .form-control, #search_form .btn-default, #search_form .btn-calendar, #search-options .form-control, .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, #search-options .btn-default, .dropdown-menu, .navbar li > a:hover, .navbar li > a:focus, #search-options li > a:hover, #search-options li > a:focus, #update-search li > a:hover, #update-search li > a:focus { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; border-radius: 0 0 0 0 } * { border-radius: 0px !important } .modal .modal-header { background-color: #f7f7f7; padding: 12px; border: none } .modal .modal-header .close { opacity: 1; color: #333333 } .modal .modal-title { font-weight: bold; color: #333333 } .close-account-buttons { float: right } .close-account-buttons a { margin-right: 5px } .print-reservation, .cancel-booking, .email-reservation-btn { display: block; width: 100% } .btn-danger { font-size: 15px; font-weight: 600; padding: 4px 25px 4px 23px } span.value_adds { color: #009900 } span.span-comma { margin-left: -2px } .faq-question { font-weight: bold } .custom-text-danger { color: #fe1f25 } .body-unclickable { cursor: not-allowed; pointer-events: none } #notice_msg_advanced_search { display: none } .notification-message { display: none; background-color: var(--main-color); padding: 3px 7px 4px 5px; color: #ffffff; font-weight: 500; font-size: 12px; position: absolute; float: right; right: 15px; bottom: -32px; width: 219px } .notification-message i { position: absolute; top: -16px; color: var(--main-color); font-size: 25px; right: 8px } .top-dates-search { padding-bottom: 40px !important } .bottom-dates-search { padding-bottom: 40px !important } .notification-message-update { background-color: var(--main-color); padding: 3px 7px 4px 5px; color: #ffffff; font-weight: 500; font-size: 12px; position: absolute; float: right; right: 95px; bottom: -37px; width: 219px } .notification-message-update i { position: absolute; top: -16px; color: var(--main-color); font-size: 25px; right: 8px } .hideMobile { display: block } .showMobile { display: none } #error-messages .modal { display: block; position: absolute; top: 60px; overflow: hidden } #error-messages .modal ul { padding-left: 15px } #error-messages .alert { margin-bottom: 0 } #error-messages .alert-info { background-color: #ffffff } #error-messages .close-bt { position: absolute; right: 5px; top: 0; z-index: 99999 } #error-messages .multiple-locations { padding-left: 0; list-style: none } #error-messages .multiple-locations li i { padding-right: 7px } .flag { background: url("/assets/images/flags.png") 0 0 transparent; background-repeat: no-repeat; height: 11px; width: 16px; margin-right: 10px; margin-top: 5px } .flag-ad { background-position: -16px 0 } .flag-ae { background-position: -32px 0 } .flag-af { background-position: -48px 0 } .flag-ag { background-position: -64px 0 } .flag-ai { background-position: -80px 0 } .flag-al { background-position: -96px 0 } .flag-am { background-position: -112px 0 } .flag-an { background-position: -128px 0 } .flag-ao { background-position: -144px 0 } .flag-ar { background-position: -160px 0 } .flag-as { background-position: -176px 0 } .flag-at { background-position: -192px 0 } .flag-au { background-position: -208px 0 } .flag-aw { background-position: -224px 0 } .flag-az { background-position: -240px 0 } .flag-ba { background-position: 0 -11px } .flag-bb { background-position: -16px -11px } .flag-bd { background-position: -32px -11px } .flag-be { background-position: -48px -11px } .flag-bf { background-position: -64px -11px } .flag-bg { background-position: -80px -11px } .flag-bh { background-position: -96px -11px } .flag-bi { background-position: -112px -11px } .flag-bj { background-position: -128px -11px } .flag-bm { background-position: -144px -11px } .flag-bn { background-position: -160px -11px } .flag-bo { background-position: -176px -11px } .flag-br { background-position: -192px -11px } .flag-bs { background-position: -208px -11px } .flag-bt { background-position: -224px -11px } .flag-bv { background-position: -240px -11px } .flag-bw { background-position: 0 -22px } .flag-by { background-position: -16px -22px } .flag-bz { background-position: -32px -22px } .flag-ca { background-position: -48px -22px } .flag-catalonia { background-position: -64px -22px } .flag-cd { background-position: -80px -22px } .flag-cf { background-position: -96px -22px } .flag-cg { background-position: -112px -22px } .flag-ch { background-position: -128px -22px } .flag-ci { background-position: -144px -22px } .flag-ck { background-position: -160px -22px } .flag-cl { background-position: -176px -22px } .flag-cm { background-position: -192px -22px } .flag-cn { background-position: -208px -22px } .flag-co { background-position: -224px -22px } .flag-cr { background-position: -240px -22px } .flag-cu { background-position: 0 -33px } .flag-cv { background-position: -16px -33px } .flag-cw { background-position: -32px -33px } .flag-cy { background-position: -48px -33px } .flag-cz { background-position: -64px -33px } .flag-de { background-position: -80px -33px } .flag-dj { background-position: -96px -33px } .flag-dk { background-position: -112px -33px } .flag-dm { background-position: -128px -33px } .flag-do { background-position: -144px -33px } .flag-dz { background-position: -160px -33px } .flag-ec { background-position: -176px -33px } .flag-ee { background-position: -192px -33px } .flag-eg { background-position: -208px -33px } .flag-eh { background-position: -224px -33px } .flag-england { background-position: -240px -33px } .flag-er { background-position: 0 -44px } .flag-es { background-position: -16px -44px } .flag-ens { background-position: -16px -44px } .flag-et { background-position: -32px -44px } .flag-eu { background-position: -48px -44px } .flag-fi { background-position: -64px -44px } .flag-fj { background-position: -80px -44px } .flag-fk { background-position: -96px -44px } .flag-fm { background-position: -112px -44px } .flag-fo { background-position: -128px -44px } .flag-fr { background-position: -144px -44px } .flag-ga { background-position: -160px -44px } .flag-gb { background-position: -176px -44px } .flag-gd { background-position: -192px -44px } .flag-ge { background-position: -208px -44px } .flag-gf { background-position: -224px -44px } .flag-gg { background-position: -240px -44px } .flag-gh { background-position: 0 -55px } .flag-gi { background-position: -16px -55px } .flag-gl { background-position: -32px -55px } .flag-gm { background-position: -48px -55px } .flag-gn { background-position: -64px -55px } .flag-gp { background-position: -80px -55px } .flag-gq { background-position: -96px -55px } .flag-gr { background-position: -112px -55px } .flag-gs { background-position: -128px -55px } .flag-gt { background-position: -144px -55px } .flag-gu { background-position: -160px -55px } .flag-gw { background-position: -176px -55px } .flag-gy { background-position: -192px -55px } .flag-hk { background-position: -208px -55px } .flag-hm { background-position: -224px -55px } .flag-hn { background-position: -240px -55px } .flag-hr { background-position: 0 -66px } .flag-ht { background-position: -16px -66px } .flag-hu { background-position: -32px -66px } .flag-ic { background-position: -48px -66px } .flag-id { background-position: -64px -66px } .flag-ie { background-position: -80px -66px } .flag-il { background-position: -96px -66px } .flag-im { background-position: -112px -66px } .flag-in { background-position: -128px -66px } .flag-io { background-position: -144px -66px } .flag-iq { background-position: -160px -66px } .flag-ir { background-position: -176px -66px } .flag-is { background-position: -192px -66px } .flag-it { background-position: -208px -66px } .flag-je { background-position: -224px -66px } .flag-jm { background-position: -240px -66px } .flag-jo { background-position: 0 -77px } .flag-jp { background-position: -16px -77px } .flag-ke { background-position: -32px -77px } .flag-kg { background-position: -48px -77px } .flag-kh { background-position: -64px -77px } .flag-ki { background-position: -80px -77px } .flag-km { background-position: -96px -77px } .flag-kn { background-position: -112px -77px } .flag-kp { background-position: -128px -77px } .flag-kr { background-position: -144px -77px } .flag-kurdistan { background-position: -160px -77px } .flag-kw { background-position: -176px -77px } .flag-ky { background-position: -192px -77px } .flag-kz { background-position: -208px -77px } .flag-la { background-position: -224px -77px } .flag-lb { background-position: -240px -77px } .flag-lc { background-position: 0 -88px } .flag-li { background-position: -16px -88px } .flag-lk { background-position: -32px -88px } .flag-lr { background-position: -48px -88px } .flag-ls { background-position: -64px -88px } .flag-lt { background-position: -80px -88px } .flag-lu { background-position: -96px -88px } .flag-lv { background-position: -112px -88px } .flag-ly { background-position: -128px -88px } .flag-ma { background-position: -144px -88px } .flag-mc { background-position: -160px -88px } .flag-md { background-position: -176px -88px } .flag-me { background-position: -192px -88px } .flag-mg { background-position: -208px -88px } .flag-mh { background-position: -224px -88px } .flag-mk { background-position: -240px -88px } .flag-ml { background-position: 0 -99px } .flag-mm { background-position: -16px -99px } .flag-mn { background-position: -32px -99px } .flag-mo { background-position: -48px -99px } .flag-mp { background-position: -64px -99px } .flag-mq { background-position: -80px -99px } .flag-mr { background-position: -96px -99px } .flag-ms { background-position: -112px -99px } .flag-mt { background-position: -128px -99px } .flag-mu { background-position: -144px -99px } .flag-mv { background-position: -160px -99px } .flag-mw { background-position: -176px -99px } .flag-mx { background-position: -192px -99px } .flag-my { background-position: -208px -99px } .flag-mz { background-position: -224px -99px } .flag-na { background-position: -240px -99px } .flag-nc { background-position: 0 -110px } .flag-ne { background-position: -16px -110px } .flag-nf { background-position: -32px -110px } .flag-ng { background-position: -48px -110px } .flag-ni { background-position: -64px -110px } .flag-nl { background-position: -80px -110px } .flag-no { background-position: -96px -110px } .flag-np { background-position: -112px -110px } .flag-nr { background-position: -128px -110px } .flag-nu { background-position: -144px -110px } .flag-nz { background-position: -160px -110px } .flag-om { background-position: -176px -110px } .flag-pa { background-position: -192px -110px } .flag-pe { background-position: -208px -110px } .flag-pf { background-position: -224px -110px } .flag-pg { background-position: -240px -110px } .flag-ph { background-position: 0 -121px } .flag-pk { background-position: -16px -121px } .flag-pl { background-position: -32px -121px } .flag-pm { background-position: -48px -121px } .flag-pn { background-position: -64px -121px } .flag-pr { background-position: -80px -121px } .flag-ps { background-position: -96px -121px } .flag-pt { background-position: -112px -121px } .flag-pw { background-position: -128px -121px } .flag-py { background-position: -144px -121px } .flag-qa { background-position: -160px -121px } .flag-re { background-position: -176px -121px } .flag-ro { background-position: -192px -121px } .flag-rs { background-position: -208px -121px } .flag-ru { background-position: -224px -121px } .flag-rw { background-position: -240px -121px } .flag-sa { background-position: 0 -132px } .flag-sb { background-position: -16px -132px } .flag-sc { background-position: -32px -132px } .flag-scotland { background-position: -48px -132px } .flag-sd { background-position: -64px -132px } .flag-se { background-position: -80px -132px } .flag-sg { background-position: -96px -132px } .flag-sh { background-position: -112px -132px } .flag-si { background-position: -128px -132px } .flag-sk { background-position: -144px -132px } .flag-sl { background-position: -160px -132px } .flag-sm { background-position: -176px -132px } .flag-sn { background-position: -192px -132px } .flag-so { background-position: -208px -132px } .flag-somaliland { background-position: -224px -132px } .flag-sr { background-position: -240px -132px } .flag-ss { background-position: 0 -143px } .flag-st { background-position: -16px -143px } .flag-sv { background-position: -32px -143px } .flag-sx { background-position: -48px -143px } .flag-sy { background-position: -64px -143px } .flag-sz { background-position: -80px -143px } .flag-tc { background-position: -96px -143px } .flag-td { background-position: -112px -143px } .flag-tf { background-position: -128px -143px } .flag-tg { background-position: -144px -143px } .flag-th { background-position: -160px -143px } .flag-tibet { background-position: -176px -143px } .flag-tj { background-position: -192px -143px } .flag-tk { background-position: -208px -143px } .flag-tl { background-position: -224px -143px } .flag-tm { background-position: -240px -143px } .flag-tn { background-position: 0 -154px } .flag-to { background-position: -16px -154px } .flag-tr { background-position: -32px -154px } .flag-tt { background-position: -48px -154px } .flag-tv { background-position: -64px -154px } .flag-tw { background-position: -80px -154px } .flag-tz { background-position: -96px -154px } .flag-ua { background-position: -112px -154px } .flag-ug { background-position: -128px -154px } .flag-um { background-position: -144px -154px } .flag-us, .flag-en { background-position: -160px -154px } .flag-uy { background-position: -176px -154px } .flag-uz { background-position: -192px -154px } .flag-va { background-position: -208px -154px } .flag-vc { background-position: -224px -154px } .flag-ve { background-position: -240px -154px } .flag-vg { background-position: 0 -165px } .flag-vi { background-position: -16px -165px } .flag-vn { background-position: -32px -165px } .flag-vu { background-position: -48px -165px } .flag-wales { background-position: -64px -165px } .flag-wf { background-position: -80px -165px } .flag-ws { background-position: -96px -165px } .flag-xk { background-position: -112px -165px } .flag-ye { background-position: -128px -165px } .flag-yt { background-position: -144px -165px } .flag-za { background-position: -160px -165px } .flag-zanzibar { background-position: -176px -165px } .flag-zm { background-position: -192px -165px } .flag-zw { background-position: -208px -165px } .flight-booking-container .search-dest-wrapper { box-shadow: none; background: none } .flight-booking-container #booking-form-wrapper .continue-btn { height: 90px } .flight-booking-container #search-results.flight-booking .flight { width: 100%; padding-bottom: 0 } .flight-booking-container #search-results.flight-booking .flight-stops { left: -13% } .flight-booking-container #search-results.flight-booking .panel .panel-heading { width: 100% } .flight-booking-container #search-results.flight-booking .flight-timings, .flight-booking-container #search-results.flight-booking .flight-total-time { padding-top: 15px } .flight-booking-container #search-results.flight-booking .flight-thumb .thumbnail { width: 60px !important; height: 60px !important } .flight-booking-container #booking-summary .room-name { margin-bottom: 0 } .flight-booking-container #booking-summary span.arrive-date { color: var(--main-color) } .flight-booking-container #booking-summary .flight-thumb { align-items: center; display: flex } .flight-booking-container #booking-summary .flight-thumb .thumbnail { width: 40px; height: 40px; margin-right: 5px; border: none; padding: 0; display: inline-block } .flight-booking-container #booking-summary .fees-price { padding-top: 3px } .flight-booking-container #booking-summary .room-price { margin-top: 10px } .flight-booking-container .flight-booking .flight-logo { line-height: 28px } .flight-booking-container .flight-booking .flight-logo img { width: 32px; float: left; margin-right: 10px } .flight-booking-container .flight-booking sup { font-size: 16px; position: relative; top: 0px; left: -1px } .flight-booking-container .flight-booking input, .flight-booking-container .flight-booking select { border-color: var(--main-color) } .flight-booking-container .flight-booking .drop-down-menu { margin-top: 5px } .flight-booking-container .flight-booking .drop-down-menu ul.dropdown-menu { min-width: 100% } .flight-booking-container .flight-booking .drop-down-menu ul.dropdown-menu li a.selected { background: var(--main-color); color: #ffffff } .flight-booking-container .flight-booking .drop-down-menu ul.dropdown-menu li a.selected:before { margin: auto 1px auto -17px } .flight-booking-container .flight-booking .drop-down-menu .form-control { height: 30px } .flight-booking-container .flight-booking .drop-down-menu .form-control:hover { height: 30px !important } .flight-booking-container .flight-booking .drop-down-menu .input-group .input-group-addon { padding: 0 6px } .flight-booking-container .traveller-term ul { padding-left: 30px } .flight-booking-container .traveller-term ul li.traveller-titile { margin: 25px 0; padding-left: 15px } .flight-booking-container .traveller-term ul.select-list { list-style: none; padding-left: 0 } .flight-booking-container .form-area { padding: 15px 20px !important } .padding-left-right { padding: 0 8px } .map-wrapper { position: relative } .map-wrapper .total-miles { position: absolute; left: 15px; top: 15px; z-index: 99; background: #f7f7f7; padding: 5px; box-shadow: 1px 1px #C7C7C7 } .map-wrapper .total-miles i { float: left; font-size: 25px; margin-top: 5px; color: var(--main-color) } .map-wrapper .total-miles .miles { float: left; margin-left: 8px } .map-wrapper .total-miles .miles p { margin-bottom: 0; font-size: 12px; font-weight: bold } .dob-select .popover-alert { clear: both } .dob-select select { float: left; margin-right: 15px; width: 28% } .dob-select select:last-child { margin-right: 0 } .summary-search { background-color: #ffffff } .dob-alert-position { clear: both; margin-left: 9px } .dob-alert-position .tooltip { width: 94.5% } .exclusive-deal h3 { color: #cc0000; margin-top: 5px; font-size: 22px } .exclusive-deal hr { margin: 15px 0 } .exclusive-deal h4 { font-size: 14px } .exclusive-deal .hotel-deal { border: 1px solid #ccc; width: 100%; margin: 10px 0 15px 0; padding: 10px; box-shadow: none !important; position: relative } .exclusive-deal .hotel-deal a.hotel-box-link { position: absolute; top: 0; height: 280px; width: 100%; left: 0 } .exclusive-deal .hotel-deal h4 { margin: 3px 0 8px; text-overflow: ellipsis; white-space: nowrap; width: 99.5%; overflow: hidden } .exclusive-deal .hotel-deal .hotel-rating { width: 100% } .exclusive-deal .hotel-deal .hotel-rating .stars i { margin-right: 1px } .exclusive-deal .hotel-deal .hotel-image { height: 130px; margin: 3px 0 15px 0; overflow: hidden } .exclusive-deal .hotel-deal .hotel-image img { width: 100% } .exclusive-deal .hotel-deal .hotel-price-details { width: 100%; display: inline-block; margin-top: 10px } .exclusive-deal .hotel-deal .hotel-price-details i.fa-tag { font-size: 35px; color: #cc0000; margin-top: 10px } .exclusive-deal .hotel-deal .hotel-price-details .price-details { text-align: right } .exclusive-deal .hotel-deal .hotel-price-details .price-details span.discountprice { font-size: 18px; text-decoration: line-through } .exclusive-deal .hotel-deal .hotel-price-details .price-details span.price { font-size: 24px; color: #cc0000; font-weight: bold; margin-left: 5px } .card-name-holder { margin-left: 10px } .change-booking { padding: 4px 15px } .change-booking .modal-title { margin-bottom: 18px } .change-booking label { font-weight: normal } .change-booking .modal-footer { border-top: 0; padding: 15px 0 } #search-results .form-control { width: 100% } #search-results .flight { padding: 10px 0px } #search-results .flight:hover { -webkit-box-shadow: 7px -3px 0px -4px var(--main-color) inset; -moz-box-shadow: 7px -3px 0px -4px var(--main-color) inset; -ms-box-shadow: 7px -3px 0px -4px var(--main-color) inset; -o-box-shadow: 7px -3px 0px -4px var(--main-color) inset; box-shadow: 7px -3px 0px -4px var(--main-color) inset } #search-results .flight .panel { border: none; box-shadow: none; background: none; margin-bottom: 0 } #search-results .flight .panel a i.glyphicon { font-size: 11px } #search-results .flight .panel .panel-body { clear: both; margin: 15px; background-color: #f7f7f7 } #search-results .flight .panel .panel-body .flight-details { position: relative; left: -10px } #search-results .flight .panel .panel-body i.fa-arrow-right { float: right; padding: 2px 0 0 0 } #search-results .flight .flight-thumb { padding-left: 0 } #search-results .flight .flight-thumb .thumbnail { height: 45px !important; width: 45px !important } #search-results .flight .flight-desc { margin-left: -15px; padding-top: 15px; color: #212121 } #search-results .flight .flight-desc div { margin-bottom: 3px } #search-results .flight .flight-desc .flight-address a { color: #31495f } #search-results .flight .flight-desc .flight-address a:hover { text-decoration: none } #search-results .flight .flight-timings, #search-results .flight .flight-total-time { padding-top: 10px } #search-results .flight .flight-stops { padding-top: 10px } #search-results .flight .flight-price-info span.full-price { float: right; width: 100% } #search-results .flight .flight-rating { color: #FFB900; display: inline-flex } #search-results .flight .flight-rating i { font-size: 120%; margin-right: 5px } #search-results .flight .flight-amenities .breakfast, #search-results .flight .flight-amenities .wifi, #search-results .flight .flight-amenities .parking { display: none } #search-results .flight .flight-pkg-rates { background-color: #f7f7f7; color: var(--main-color-dark); padding: 5px 15px 5px 0; margin: -16px -16px 15px -16px; font-size: 15px } #search-results .flight .flight-name { font-size: 18px; margin-top: -5px; font-weight: 400 } #search-results .flight .flight-name a { color: #444444 } #search-results .flight .flight-address { font-size: 15px; font-weight: 300 } #search-results .flight .flight-price { text-align: right } #search-results .flight .flight-price a.flight-detail { width: 100%; float: left; font-size: 12px } #search-results .flight .flight-price .btn-book { margin-bottom: 15px } #search-results .flight .flight-price .nights { font-size: 80%; margin-bottom: 0; color: #555555 } #search-results .flight .flight-price-info { font-size: 18px; margin-bottom: 7px; margin-top: 4px; line-height: 33px; display: block } #search-results .flight .flight-price-info p { font-size: 11px; font-weight: normal; margin-bottom: 0; line-height: normal; width: 85%; max-width: 120px; float: right } #search-results .flight .flight-price-info p span { display: inline-block; width: 100% } #search-results .flight .flight-price-info .price { margin-left: 9px } #search-results .flight .flight-price-info .price.no-special-deal { color: #555555 } #search-results .flight .flight-price-info .price.with-special-deal { color: #cc0000 } #search-results .flight .flight-price-info .full-price { color: #555555; font-weight: bold } #search-results .flight .flight-price-info .full-price .full-price-value del { text-decoration: line-through } #search-results .flight .flight-price-info .full-price .price { text-decoration: none } #search-results .flight .discount-price { font-size: 22px; font-weight: bold } #search-results .flight .flight-deal { border-radius: 6px !important; color: #ffffff; font-size: 13px; font-weight: 700; margin-bottom: 11px; padding: 2px 10px; width: auto } #search-results .flight .flight-deal.special-deal { background: #cc0000; display: none } #search-results .flight .flight-deal.free-cancellation, #search-results .flight .flight-deal.post-pay-payment { background: #009a00; display: none } .flight-not-found { border: none; background-color: #F4F8FA; border-left: 4px solid var(--main-color-bg) } .flight-not-found .i-icon { padding-left: 15px; padding-right: 30px; text-align: center; color: var(--main-color-bg) } .flight-not-found .not-found-message { padding-left: 15px } .drop-down-menu .input-group { width: 100% } .drop-down-menu .form-control { border: 1px solid var(--main-color); background-color: #ffffff; font-size: 14px; height: 32px; padding-left: 10px } .drop-down-menu .form-control:hover { height: 32px !important } .drop-down-menu .btn-default, .drop-down-menu .input-group-addon { background-color: var(--main-color); background-image: -moz-linear-gradient(var(--main-color), var(--main-color)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--main-color)), to(var(--main-color))); background-image: -webkit-linear-gradient(var(--main-color), var(--main-color)); background-image: -o-linear-gradient(var(--main-color), var(--main-color)); border: 0px; border-bottom: 2px solid var(--main-color-dark); color: #ffffff; cursor: pointer } .drop-down-menu .btn-default.room-amount-dropdown, .drop-down-menu .input-group-addon.room-amount-dropdown { background-color: var(--main-color) !important; background-image: none } .drop-down-menu .menu-select-down { min-width: 100% !important; margin-top: 10px; border: 1px solid var(--main-color) } .drop-down-menu .menu-select-down:before { content: ""; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,0.2); position: absolute; top: -7px; left: 6px } .drop-down-menu .menu-select-down:after { content: ""; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFF; position: absolute; top: -6px; left: 7px } .drop-down-menu .menu-select-down li a.selected { background: var(--main-color); color: #ffffff } .drop-down-menu .menu-select-down li a.selected:before { margin: auto 5px auto -22px } .drop-down-menu .menu-select-down li > a { padding: 1px 31px } .drop-down-menu .menu-select-down li > a:hover { background: var(--main-color); color: #ffffff } .drop-down-menu .selected:before { content: ""; font-family: FontAwesome; margin: auto 5px auto -19px } .drop-down-menu .caret { border-top-color: white; z-index: 999999; border-top: 6px solid } .drop-down-menu.toggle-search-option { padding: 0 80px 10px 2px } .drop-down-menu.toggle-search-option .search-label { color: #333333 } #search-result-modal .multicity .flying-from span.algolia-autocomplete { z-index: 1001 } #search-result-modal .multicity .flying-top-select span.algolia-autocomplete { z-index: 1000 } #search-result-modal .flying-from-select span.algolia-autocomplete { z-index: 1005 } #search-result-modal .flying-from-to span.algolia-autocomplete { z-index: 1004 } #search-result-modal .flying-count-2 .flying-from span.algolia-autocomplete { z-index: 995 } #search-result-modal .flying-count-2 .flying-top-select span.algolia-autocomplete { z-index: 994 } #search-result-modal .flying-count-3 .flying-from span.algolia-autocomplete { z-index: 993 } #search-result-modal .flying-count-3 .flying-top-select span.algolia-autocomplete { z-index: 992 } #search-result-modal .close-bt i { z-index: 10000 } #search-result-modal input.form-control { width: 100% } #search-result-modal .input-group { width: 100% } #search-result-modal .search-label { padding-bottom: 4px !important; padding-top: 8px !important; font-weight: 400; font-size: 13px } #search-result-modal .search-label.label-text { width: 100% } #search-result-modal ul.travelers-menu { width: 195px; padding-top: 20px; padding-bottom: 0; z-index: 1005 } #search-result-modal ul.travelers-menu li { padding-left: 15px; padding-right: 15px; color: #262626; font-size: 12px } #search-result-modal ul.travelers-menu li .radio { width: 100%; display: inline-block; margin-top: 5px; max-width: 100% } #search-result-modal ul.travelers-menu li .radio label { color: var(--main-color); font-size: 14px } #search-result-modal ul.travelers-menu li .radio label:before { background: #ffffff; border-color: var(--main-color); width: 12px; height: 12px; margin-top: 3px; outline: none } #search-result-modal ul.travelers-menu li .radio label:after { background: var(--main-color); width: 10px; height: 10px; left: 1px; top: 4px } #search-result-modal ul.travelers-menu li:last-child { padding-bottom: 10px } #search-result-modal ul.travelers-menu li.select-package { background-color: #f9f9f9 } #search-result-modal ul.travelers-menu li.select-package.one { padding-top: 10px; margin-top: 20px } #search-result-modal ul.travelers-menu li .input-group { width: 93%; margin-bottom: 10px } #search-result-modal ul.travelers-menu li .input-group span.text { position: relative; top: -5px; left: 7px; float: left; width: 100px; color: #333333; font-weight: 400 } #search-result-modal ul.travelers-menu li .input-group input { padding: 0; text-align: center; width: 26px; height: 26px } #search-result-modal ul.travelers-menu li .input-group input:hover { height: 26px !important } #search-result-modal ul.travelers-menu li .input-group .input-group-btn { width: 25px } #search-result-modal ul.travelers-menu li .input-group .input-group-btn .btn-number { background-color: var(--main-color); padding: 2px 5px; border-color: var(--main-color) } #search-result-modal ul.travelers-menu li .input-group .input-group-btn .btn-number span.glyphicon { font-size: 10px } #search-result-modal #search-submit { font-weight: bold; margin-left: 0 } #search-result-modal .padding-left8, #search-result-modal .padding-right8 { padding: 0 8px } #search-result-modal .add-more { margin-top: 30px } #search-result-modal .add-more .btn { height: 32px; line-height: 13px; margin-right: 5px } #search-result-modal .radio { max-width: 130px; margin-right: 25px; margin-bottom: 0; margin-top: 20px; display: inline-block; color: #333333; line-height: 15px } #search-result-modal .radio label { padding-left: 0 } #search-result-modal .radio label:before { background: rgba(43,62,81,0.27); border-color: var(--main-color); width: 14px; height: 14px; outline: none } #search-result-modal .radio label:after { background: var(--main-color); width: 12px; height: 12px; left: 1px; top: 1px } #search-options .aa-dropdown-menu { width: 400px } #search-options .form-control.search-bar { width: 100% !important } #search-options .selected-room-amount, #search-options .selected-guests-amount { width: 100% !important } #search-result-modal #search-submit { padding-left: 15px; padding-right: 15px } .search-tabs-details .aa-dropdown-menu { width: 400px } .flight-logo { width: auto !important } footer { background: var(--main-color-bg); color: white; width: 100%; position: absolute; bottom: 0px } footer ul { padding-left: 0 } footer li { list-style: none } footer li a { color: white } footer #legal a { color: #ffffff } footer #legal a:hover { color: var(--main-color) } .footer-payoff { padding-left: 15px; padding-top: 15px; width: 95% } .footer-spacer { width: 100%; height: 30px; border-bottom: 1px solid var(--main-color-border); clear: both } .credit { margin: 20px 0; text-align: center; color: #ffffff } .footer-content { padding-top: 30px } .footer-title { text-transform: uppercase; font-size: 16px } #footer-links { padding-top: 12px } #cobrand { text-align: right; cursor: pointer } #cobrand .poweredby { font-weight: 300 } .homepage-top-bg { background-size: cover; background-position: center; background-repeat: no-repeat; height: 292px; text-align: center } .homepage-top-bg .banner-heading { padding: 90px 0 0 0; color: #ffffff } .homepage-top-bg .banner-heading h2 { text-shadow: 1px 1px 2px rgba(0,0,0,0.7); filter: dropshadow(color=rgba(0,0,0,0.7), offx=1px, offy=1px); font-weight: 100; font-size: 60px; padding-bottom: 21px; margin: 0 } .homepage-top-bg .banner-heading h2 strong { font-weight: 700; text-transform: capitalize } .homepage-top-bg .banner-heading p { text-shadow: 1px 1px 2px rgba(0,0,0,0.7); filter: dropshadow(color=rgba(0,0,0,0.7), offx=1px, offy=1px); font-size: 20px; padding-top: 15px } .main-search-bar { height: auto; text-align: left; background: var(--menu-bar-bg) } .main-search-bar .form-control { font-weight: 400; color: #333333 } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs { border-bottom: none; margin: 15px 0 0 0; text-align: center } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li { display: inline-block; float: none; margin: 0 0 1px -3px } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li:first-child a { border-left: 1px solid var(--main-color); border-radius: 5px 0 0 5px !important } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li:last-child a { border-right: 1px solid var(--main-color); border-radius: 0 5px 5px 0 !important } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li.active a { background: var(--main-color) } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li:hover a { background: var(--main-color) } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li a { font-size: 17px; text-align: left; font-weight: 500; padding: 7px 75px; color: #ffffff; margin-right: 0; border: 1px solid var(--main-color); border-right: none } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li a span { color: #ffffff; padding-left: 3px } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li a i { font-size: 16px; display: none } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li a i.fa-plane { font-size: 18px } .main-search-bar .flight-packages-search .search-tabs-details { padding-top: 15px; flex: 1 } .main-search-bar .flight-packages-search .search-tabs-details .flying-from-select span.algolia-autocomplete { z-index: 1001 } .main-search-bar .flight-packages-search .search-tabs-details .flying-from-to span.algolia-autocomplete { z-index: 1000 } .main-search-bar .flight-packages-search .search-tabs-details .flying-count-2 .flying-from span.algolia-autocomplete { z-index: 995 } .main-search-bar .flight-packages-search .search-tabs-details .flying-count-2 .flying-top-select span.algolia-autocomplete { z-index: 994 } .main-search-bar .flight-packages-search .search-tabs-details .flying-count-3 .flying-from span.algolia-autocomplete { z-index: 993 } .main-search-bar .flight-packages-search .search-tabs-details .flying-count-3 .flying-top-select span.algolia-autocomplete { z-index: 992 } .main-search-bar .flight-packages-search .search-tabs-details .tab-content { padding: 0 !important; width: 100% !important; margin-left: 0 !important } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu { width: 195px; padding-top: 20px; padding-bottom: 0; z-index: 1005; max-height: 500px; overflow-y: scroll; overflow-x: hidden } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu .room-guests-block .fa-trash-o { display: none } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu .room-guests-block a.last-room { display: none } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu .room-guests-block:hover a.last-room { display: inline-block } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li { padding-left: 15px; padding-right: 15px; color: #262626; font-size: 12px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.add-other-room { padding-top: 5px; padding-bottom: 5px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.add-other-room a { color: var(--main-color); padding-left: 0; text-align: left } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.add-other-room a span { text-decoration: underline } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.add-other-room a:hover { background: none } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.add-other-room a.disabled { opacity: 0.5; pointer-events: none; cursor: default } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.child-age { background-color: #f9f9f9; padding-top: 10px; padding-bottom: 10px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.child-age label { font-weight: normal } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.child-age ul.dropdown-menu { margin-top: 0; margin-left: 10px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.child-age ul.dropdown-menu li { padding: 0 } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.child-age .input-group { width: 100% } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.child-age .input-group span.select-age { padding: 4px; height: 26px; font-size: 12px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.child-age .input-group span.select-age:hover { height: 26px !important } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.child-age .input-group span.input-group-addon { padding: 4px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li:last-child { padding-bottom: 10px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.select-package { background-color: #f9f9f9 } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li.select-package.one { padding-top: 10px; margin-top: 20px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li .input-group { width: 93%; margin-bottom: 10px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li .input-group span.text { position: relative; top: -5px; left: 7px; float: left; width: 100px; color: #333333; font-weight: 400 } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li .input-group input { padding: 0; text-align: center; width: 26px; height: 26px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li .input-group input:hover { height: 26px !important } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li .input-group .input-group-btn { width: 25px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li .input-group .input-group-btn .btn-number { background-color: var(--main-color); padding: 2px 5px; border-color: var(--main-color) } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li .input-group .input-group-btn .btn-number span.glyphicon { font-size: 10px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li .radio { width: 100%; margin-top: 5px; max-width: 100% } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li .radio label { color: var(--main-color); font-size: 14px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li .radio label:before { background: #ffffff; border-color: var(--main-color); width: 12px; height: 12px; margin-top: 3px; outline: none } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu li .radio label:after { background: var(--main-color); width: 10px; height: 10px; left: 1px; top: 4px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options #flights .algolia-autocomplete .aa-input { width: 100% } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .input-group .dropdown-toggle { width: 100% } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .adults-selector, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .room-guest-selector, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .selected-children { width: 100% } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .room-selector, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .guests-selector { width: 100% } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .selected-room-amount, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .selected-guests-amount, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .children-selector { width: 100% } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .selected-room-amount.hotel-room-guest, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .selected-guests-amount.hotel-room-guest, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .children-selector.hotel-room-guest { width: 100% } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .room-selector .input-group-addon, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .guests-selector .input-group-addon, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .adults-selector .input-group-addon, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .children-selector .input-group-addon { padding: 6px 8px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .search-label { padding-bottom: 4px; padding-top: 10px; font-weight: 400; font-size: 13px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .search-label.label-text { width: 100% } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .form-control { font-size: 13px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .padding-left8, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .padding-right8 { padding: 0 8px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .add-more { margin-top: 30px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .add-more .btn { height: 32px; line-height: 13px; margin-right: 5px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content #search-submit { font-weight: bold; margin-left: 0 } .main-search-bar .flight-packages-search .search-tabs-details .tab-content .search-bar { width: 100% !important } .main-search-bar .flight-packages-search .search-tabs-details .radio { width: 110px; margin-right: 15px; margin-bottom: 0; margin-top: 20px; display: inline-block; color: #ffffff; line-height: 15px } .main-search-bar .flight-packages-search .search-tabs-details .radio label { padding-left: 0 } .main-search-bar .flight-packages-search .search-tabs-details .radio label:before { background: rgba(43,62,81,0.27); border-color: var(--main-color); width: 14px; height: 14px; outline: none } .main-search-bar .flight-packages-search .search-tabs-details .radio label:after { background: var(--main-color); width: 12px; height: 12px; left: 1px; top: 1px } .main-search-bar .advance-label { cursor: pointer; color: #ffffff; font-weight: 400; font-size: 13px; padding-bottom: 3px; border-bottom: 1px solid #ffffff } .main-search-bar .advance-label:hover { border-color: var(--main-color); color: var(--main-color) } .main-search-bar .search-label { padding-bottom: 4px; padding-top: 5px; font-weight: 400; font-size: 13px; color: #ffffff } .main-search-bar .search-label-space-home { padding-top: 26px } .advanced-search { display: none } .advanced-search .hotel-chain-select { height: 210px; overflow-y: scroll } .main-heading h2 { font-weight: 700; text-align: center; font-size: 25px; padding: 37px 0 33px; margin: 0; color: #333333 } .special-home-thumb { top: 0px; right: auto; bottom: auto; left: 0px; position: relative; z-index: 0 } .special-home-thumb img { width: 100%; height: auto } .special-home-thumb a { color: #ffffff } .special-home-thumb a:hover, .special-home-thumb a:focus { color: #FFFFFF } .special-thumb-mask { top: 0px; right: auto; bottom: auto; left: 0px; position: absolute; background-color: rgba(255,255,255,0); background-image: -moz-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.7)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0)), to(rgba(0,0,0,0.7))); background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.7)); background-image: -o-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.7)); width: 100%; height: 187px; z-index: 0 } .special-icon { -webkit-border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -ms-border-radius: 12px 12px 12px 12px; -o-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; margin-right: 15px; background-color: white; width: 25px; height: 25px } .special-icon i { font-size: 80%; padding: 5px; vertical-align: 2px } .special-home-date { top: 0px; right: auto; bottom: auto; left: 0px; position: relative; font-size: 18px; font-weight: normal; padding-left: 15px; margin-top: -35px } .special-home-content { padding: 15px 0 0 15px; height: 59px; position: relative } .special-home-content p { font-weight: 300 } .special-home-content .title { font-weight: 300; margin: 0; font-size: 24px } .special-home-content .subtitle { font-weight: 200; margin: 5px 0 10px 0 } .special-home-content .cta { position: absolute; bottom: 16px; right: 0 } .btn-view-special { background-color: var(--main-color-bg); font-size: 16px; font-weight: 300; color: white; margin-right: 15px; padding: 3px 10px } .btn-view-special:hover, .btn-view-special:focus { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: var(--main-color-bg); background-image: -moz-linear-gradient(var(--main-color-bg), var(--main-color-dark)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--main-color-bg)), to(var(--main-color-dark))); background-image: -webkit-linear-gradient(var(--main-color-bg), var(--main-color-dark)); background-image: -o-linear-gradient(var(--main-color-bg), var(--main-color-dark)); color: #FFFFFF } #destinaton-showcase { background: url("/assets/images/no-hotel.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; margin: 0 } @media (max-width: 599px) { #destinaton-showcase { margin-top: -4px; width: 100%; padding: 30px 0 } } .homepage-highlight { font-size: 26px; font-weight: 300; text-align: center } .destination-title { text-shadow: 0px 1px 0px rgba(0,0,0,0.7); filter: dropshadow(color=rgba(0,0,0,0.7), offx=1px, offy=0px); font-size: 35px; text-transform: uppercase; font-weight: bold } .destination-title span { background: rgba(63,169,219,0.8); padding: 5px 10px } .destination-subtitle { text-shadow: 0px 1px 0px rgba(0,0,0,0.7); filter: dropshadow(color=rgba(0,0,0,0.7), offx=1px, offy=0px); font-size: 18px; font-weight: normal } .destination-subtitle span { background-color: rgba(120,120,120,0.8); padding: 5px 10px } .destination-icons { margin-top: 15px; display: inline-table } .destination-icons .icons-wrapper { background-color: var(--main-color-bg); color: white; -webkit-border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -ms-border-radius: 50px 50px 50px 50px; -o-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; width: 50px; height: 50px; text-align: center; float: left; margin-right: 15px } .destination-icons .icons-wrapper i { font-size: 25px; padding-top: 13px } .destination-cta { clear: left; margin-top: 10px } .logo-text a { color: #ffffff; font-size: 16px; font-weight: bold } .hotel-images { overflow-x: hidden } .hotel-images .mask { top: 0; right: auto; bottom: auto; left: auto; position: absolute; border-radius: 4px; height: 100%; top: 0; width: 100% } .hotel-images li { list-style: none; float: left; padding: 30px 0 0 0; margin-right: 15px; margin-bottom: 30px } .hotel-images li a { padding: 0 } .hotel-images li a:hover, .hotel-images li a:focus { background: none } .hotel-images li a:hover .mask, .hotel-images li a:focus .mask { background-color: transparent; background-image: -moz-linear-gradient(transparent, rgba(0,0,0,0.2)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0,0,0,0.2))); background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,0.2)); background-image: -o-linear-gradient(transparent, rgba(0,0,0,0.2)) } .hotel-images li:nth-child(5) { margin-right: 0 } .hotel-images .all-pics { text-shadow: 0px 0px 15px black; filter: dropshadow(color=#000, offx=0px, offy=0px); text-align: center; width: 140px; padding-top: 90px } .hotel-images .all-pics a { color: white } .hotel-images .all-pics a:hover, .hotel-images .all-pics a:focus { color: var(--main-color-dark) } .hotel-images .all-pics .all-pics-link { margin-top: -7.5px } .hotel-images .last { margin-right: 0 } .hotel-images .first { margin-left: -15px } .hotel-wrapper { padding: 18px 0 16px } .hotel-wrapper .hotel-caption { padding-bottom: 5px } .hotel-wrapper .hotel-caption .hotel-stars { padding-right: 10px; padding-top: 3px } .hotel-wrapper .hotel-caption .hotel-stars i { padding-right: 0 } .hotel-wrapper .hotel-caption .hotel-name { font-size: 30px; font-weight: 400; line-height: 1.1 } .hotel-wrapper .hotel-address { font-size: 20px; font-weight: 300; line-height: 1.1 } .hotel-wrapper .book-for { margin-top: -25px } .hotel-wrapper .nights { font-size: 60%; padding-top: 5px; text-align: center } #hotel-local-map { margin-top: 15px; height: 170px; width: 100% } #change-hotel-details { display: inline-block; cursor: pointer } #change-hotel-details.no-hotel { display: none } #search-options { padding: 0 45px 0 48px } #search-options.flight-search { padding: 0 } #search-options.flight-search .search-btn { position: absolute; right: 0px } #search-options.toggle-update-form .search-label { color: #333333 } #search-options.toggle-update-form .search-fields { display: none } #search-options.toggle-update-form .search-btn { display: none } .top-search { padding-top: 4px !important } .top-search .toggle-update-form .search-label { color: #333333 } .top-search .toggle-update-form .search-fields { display: block !important } .top-search .toggle-update-form .search-btn { display: block !important } .top-search .toggle-update-form .search-btn .search-label-space-home { padding-top: 25px !important } .top-search .toggle-update-form #update-search-bt { display: none } .top-search #search-options { padding: 0 31px 0 0 } .top-search #search-options .form-group { margin-bottom: 0px } .top-search #advance-search { margin-left: 15px; display: inline-block; width: 100% } .top-search #advance-search .advance-search-panel { margin-top: 15px } #search-options .room-amount-select li > a, #search-options .guest-amount-select li > a { color: #333333 } #update-search { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; position: relative; background-color: var(--main-color-opacity); margin-left: 0; margin-right: 0; border: 1px solid var(--main-color); padding-top: 15px; padding-bottom: 9px } #update-search ul.travelers-menu { width: 195px; padding-top: 20px; padding-bottom: 0; z-index: 1005; max-height: 500px; overflow-y: scroll; overflow-x: hidden } #update-search ul.travelers-menu .room-guests-block .fa-trash-o { display: none; color: var(--main-color) } #update-search ul.travelers-menu .room-guests-block a.last-room { display: none } #update-search ul.travelers-menu .room-guests-block:hover a.last-room { display: inline-block } #update-search ul.travelers-menu .room-guests-block:hover a.last-room:hover { color: var(--main-color-dark) } #update-search ul.travelers-menu li { padding-left: 15px; padding-right: 15px; color: #262626; font-size: 12px } #update-search ul.travelers-menu li.add-other-room { padding-top: 5px; padding-bottom: 5px } #update-search ul.travelers-menu li.add-other-room a { color: var(--main-color); padding-left: 0; text-align: left; background: transparent !important } #update-search ul.travelers-menu li.add-other-room a span { text-decoration: underline } #update-search ul.travelers-menu li.add-other-room a:hover { background: none } #update-search ul.travelers-menu li.add-other-room a.disabled { opacity: 0.5; pointer-events: none; cursor: default } #update-search ul.travelers-menu li.child-age { background-color: #f9f9f9; padding-top: 10px; padding-bottom: 10px } #update-search ul.travelers-menu li.child-age label { font-weight: normal } #update-search ul.travelers-menu li.child-age ul.dropdown-menu { margin-top: 0; margin-left: 10px } #update-search ul.travelers-menu li.child-age ul.dropdown-menu li { padding: 0 } #update-search ul.travelers-menu li.child-age .input-group { width: 100% } #update-search ul.travelers-menu li.child-age .input-group span.select-age { padding: 4px; height: 26px; font-size: 12px } #update-search ul.travelers-menu li.child-age .input-group span.select-age:hover { height: 26px !important } #update-search ul.travelers-menu li.child-age .input-group span.input-group-addon { padding: 4px } #update-search ul.travelers-menu li:last-child { padding-bottom: 10px } #update-search ul.travelers-menu li.select-package { background-color: #f9f9f9 } #update-search ul.travelers-menu li.select-package.one { padding-top: 10px; margin-top: 20px } #update-search ul.travelers-menu li .input-group { width: 93%; margin-bottom: 10px } #update-search ul.travelers-menu li .input-group span.text { position: relative; top: -5px; left: 7px; float: left; width: 100px; color: #333333; font-weight: 400 } #update-search ul.travelers-menu li .input-group input { padding: 0; text-align: center; width: 26px; height: 26px } #update-search ul.travelers-menu li .input-group input:hover { height: 26px !important } #update-search ul.travelers-menu li .input-group .input-group-btn { width: 25px } #update-search ul.travelers-menu li .input-group .input-group-btn .btn-number { background-color: var(--main-color); border-color: var(--main-color); padding: 2px 5px } #update-search ul.travelers-menu li .input-group .input-group-btn .btn-number span.glyphicon { font-size: 10px } #update-search.top-search { margin-left: -25px } #update-search.no-hotel { display: block } #update-search.no-hotel #advanced_search { display: none } #update-search .search-label { font-size: 14px; font-weight: normal; height: 25px } #update-search .input-group { width: 100% } #update-search .form-control { border: 1px solid var(--main-color-dark); background-color: white; height: 30px; padding: 6px 6px; text-align: left; font-weight: 400 } #update-search .btn-default { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; height: 30px; line-height: 15px; width: 100% } #update-search .btn-default, #update-search .input-group-addon { background-color: var(--main-color-bg); background-image: -moz-linear-gradient(var(--main-color-bg), var(--main-color-dark)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--main-color-bg)), to(var(--main-color-dark))); background-image: -webkit-linear-gradient(var(--main-color-bg), var(--main-color-dark)); background-image: -o-linear-gradient(var(--main-color-bg), var(--main-color-dark)); border: 1px solid var(--main-color-dark); color: #ffffff } #update-search .selected:before { content: ""; font-family: FontAwesome; margin: auto 5px auto -19px } #update-search .caret { border-top-color: white; z-index: 999999 } #update-search .close-bt { position: absolute; right: 5px; top: 0; z-index: 99999 } #update-search .close-bt .close-icon { color: var(--main-color) } #update-search .col-md-offset-1 { margin-left: 0 !important } .rooms-table { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-width: 1px; margin-bottom: 30px; margin-left: 0; margin-right: 0; height: 100%; position: relative } .rooms-table h4 { margin-bottom: 0; margin-top: 0; font-weight: 300; padding-top: 0 } .rooms-table .rooms-wrapper { display: table; height: 100%; min-height: 100% } .rooms-table .rooms-wrapper table { width: 100% } .rooms-table .room-name { border: none; background-color: #F5F5F5; padding-top: 7.5px; padding-bottom: 7.5px } .rooms-table .table { margin-bottom: 0 } .rooms-table .room-image { width: 32%; padding-left: 15px; padding-top: 15px } .rooms-table .room-offers { height: 100%; min-height: 100%; border-left: 1px solid #DDDDDD; padding: 0 } @media screen and (-webkit-min-device-pixel-ratio: 0) { .rooms-table .room-offers { height: 100px } } .rooms-table .room-offers .btn-book { font-size: 15px; width: 100% } .rooms-table .room-offers .payment-message.agency { border: 1px solid #009900; display: block; margin: 5px 0; padding: 4px; position: relative; text-align: center; background-color: #009900; color: #fff; font-weight: 300; width: 100% } .rooms-table .room-offers .payment-message.agency:before, .rooms-table .room-offers .payment-message.agency:after { border: solid transparent; content: " "; height: 0; position: absolute; pointer-events: none; top: -10px; width: 0 } .rooms-table .room-offers .payment-message.agency:after { border-bottom-color: #009900; border-width: 5px; left: 50%; margin-left: -5px } .rooms-table .room-offers .payment-message.agency:before { border-bottom-color: #009900; border-width: 6px; left: 50%; margin-left: -6px; top: -12px } .rooms-table .room-offers .btn { padding: 3px 8px } .rooms-table .room-offers .non-refundable .popover { font-size: 80% } .rooms-table .room-offers .non-refundable .offer-desc { color: #CC0000 } .rooms-table .room-offers .refundable .popover { font-size: 80% } .rooms-table .room-offers .refundable .offer-desc { color: #009900 } .rooms-table .room-offers .offer-small-desc { font-size: 80% } .rooms-table .room-offers .price { font-size: 150%; font-weight: bold; color: #555555 } .rooms-table .room-offers .nights { font-size: 80% } .rooms-table .room-offers table { height: 100%; width: 100%; border: none } .rooms-table tr:not(:nth-child(1)) { border-top: 1px solid #DDDDDD } .rooms-list { padding-top: 28px; font-weight: normal } .rooms-list .room-type { width: 100% } .rooms-list .room-type .more-info { font-size: 16px; font-weight: 300; padding: 10px 0 0 } .rooms-list .room-type .more-info i { color: var(--main-color) } .rooms-list .room-type .more-info a { color: var(--main-color) } .rooms-list .room-type .more-info a:hover { color: var(--main-color-dark); text-decoration: none } .rooms-list .room-guests { width: 15%; border-right: 1px solid #DDDDDD; text-align: center } .rooms-list .room-guests .fa-male { font-size: 150%; color: #555555 } .rooms-list .room-options { width: 40%; border-top: none; border-right: 1px solid #DDDDDD; vertical-align: middle; text-align: left; padding-left: 15px } .rooms-list .room-options .value-adds { margin-top: 5px; font-weight: 300; font-size: 12px } .rooms-list .room-options .value-adds i { width: 15px; font-size: 90% } .rooms-list .room-price { width: 30%; border-top: none; vertical-align: middle; text-align: right; padding-right: 10px } .rooms-list .book-now { width: 15%; border-top: none; vertical-align: middle; padding: 15px } .rooms-list .room-info { background-color: #F5F5F5; padding: 15px } .rooms-list .room-info ul { padding-left: 0 } .rooms-list .room-info .room-information { font-weight: normal; margin: 0 } .rooms-list .room-info .room-information li:before { font-family: "FontAwesome"; content: ""; font-size: 60%; vertical-align: 1px; padding-right: 4px } .rooms-list .room-info .room-information li { font-weight: normal; list-style: none; font-weight: 300 } .rooms-list .room-info .room-amenites { margin: 0 } .rooms-list .room-info .room-amenites li:before { font-family: "FontAwesome"; content: ""; font-size: 60%; vertical-align: 1px; padding-right: 4px } .rooms-list .room-info .room-amenites li { width: 33%; float: left; font-weight: 300; list-style: none } .rooms-list .full-price { position: relative; right: 5px } .rooms-list .full-price::after { background: #555555 none repeat scroll 0 0; content: ""; display: block; height: 1.5px; left: 0; position: absolute; top: 50%; width: 100% } #hotel-amenities ul { display: inline-table } #hotel-amenities li { width: 33.3%; float: left } #hotel-policy, #hotel-amenities { font-family: var(--font-first) } #hotel-policy ul, #hotel-amenities ul { padding-left: 15px } #hotel-policy li:before, #hotel-amenities li:before { font-family: "FontAwesome"; content: ""; font-size: 60%; vertical-align: 1px; padding-right: 3px } #hotel-policy li, #hotel-amenities li { list-style: none } #area-info-desc { font-family: var(--font-first); font-weight: 300; padding: 12px 15px 20px 15px; background: #ffffff; border: 1px solid #ededed } #area-info-desc span:before { font-family: "FontAwesome"; content: ""; font-size: 60%; vertical-align: 1px; padding-right: 5px; color: #333333 } #area-info-desc .building-icon { font-weight: 200 } #area-info-desc #trip-advisor-rating { cursor: pointer } #agency-modal { text-color: #333333 } #agency-modal p { font-size: 12px } #agency-modal .pay-now { border-right: 1px solid #dddddd } #agency-modal .pay-later { padding-left: 23px } #agency-modal .room-price h3 { font-weight: bold; margin: 10px 0 } #agency-modal .room-price h4 { font-weight: bold } #agency-modal .room-price p { /* line-height: 0.5 */ } #agency-modal .room-price span.approx { font-size: 13px } #agency-modal .policy-message { line-height: 1; border-top: 1px solid #dddddd; padding-top: 10px; margin-top: 10px } #agency-modal .pay-now-button { text-align: center; margin-top: 35px } .hotel-map.hotel-gallery { padding-bottom: 59px } .hotel-map.hotel-gallery #thumbnail-slider ul li { float: none } .hide-scroll { overflow-y: auto !important } #hotel-top-search-form { position: relative; padding: 20px 0px 26px 0px; background-color: #ffffff; font-size: 16px; color: #2c2c2c; font-weight: 300 } #hotel-top-search-form.top-search-bottom-space { padding: 20px 0 135px } #hotel-top-search-form.pad-bt-195 { padding-bottom: 208px } #hotel-top-search-form.pad-bt-128 { padding-bottom: 135px } #hotel-top-search-form.pad-bt-358 { padding-bottom: 358px } #hotel-top-search-form.pad-bt-551 { padding-bottom: 551px } #hotel-top-search-form .search-city { font-size: 22px; font-weight: 700; padding-right: 6.5px; color: #2c2c2c } .top-search, .top-dates-search { position: absolute !important; top: 136px; max-width: 1139px; width: 100% } .top-dates-search { margin-left: -25px !important } #hotel-room-details .hotel-room-details-inner { padding: 25px; background: #ffffff; border: 1px solid #ededed } #hotel-room-details .hotel-room-details-inner p { color: #212121 } #hotel-room-details .hotel-room-details-inner .change-dates { font-size: 17px; font-weight: 300; padding: 2px 0 11px 0; text-align: left; border-bottom: 1px solid #dddddd } #hotel-room-details .hotel-room-details-inner .change-dates .label { padding: 5px 10px; font-weight: 300; background-color: var(--main-color-bg); font-size: 14px; display: inline-block } #hotel-room-details .hotel-room-details-inner .change-dates .label a { color: white; text-decoration: none } #hotel-room-details .hotel-room-details-inner .change-dates .label:hover, #hotel-room-details .hotel-room-details-inner .change-dates .label:focus { color: white; background-color: var(--main-color-bg); background-image: -moz-linear-gradient(var(--main-color-bg), var(--main-color-dark)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--main-color-bg)), to(var(--main-color-dark))); background-image: -webkit-linear-gradient(var(--main-color-bg), var(--main-color-dark)); background-image: -o-linear-gradient(var(--main-color-bg), var(--main-color-dark)) } #hotel-room-details .hotel-room-details-inner #update-search .advance-label { cursor: pointer; padding-bottom: 3px; border-bottom: 1px solid var(--main-color) } #hotel-room-details .hotel-room-details-inner #update-search #search-options { padding-left: 0 !important } #hotel-room-details .hotel-room-details-inner #update-search .col-xs-12 { padding-left: 8px; padding-right: 8px } #hotel-room-details .hotel-room-details-inner #update-search .col-xs-6 { padding-left: 8px } #hotel-room-details .hotel-room-details-inner #update-search .selected-room-amount, #hotel-room-details .hotel-room-details-inner #update-search .selected-guests-amount { padding: 5px 7px } #about-hotel { padding-top: 27px; font-family: var(--font-first) } #about-hotel h2 { margin: 0; padding-bottom: 28px; font-size: 20px } #about-hotel h3 { font-size: 15px } #about-hotel .arrival-time { display: inline } .flex-direction-nav { color: var(--main-color) } .hideContent { overflow: hidden; height: 15.5em } .showContent { height: auto } .showContent { height: auto } .show-more { width: 100%; text-align: right; position: relative; z-index: 100; margin-bottom: 7px } .show-more a { color: var(--main-color); text-transform: lowercase; margin-bottom: 15px } .show-more a:hover { text-decoration: underline } .search-result-tabs { overflow: hidden } .search-result-tabs .tab-content { margin-bottom: 15px; position: relative } .search-result-tabs .nav-tabs { border-bottom: none } .search-result-tabs .nav-tabs li .popover { width: 100px; margin-top: 40px; text-align: center } .search-result-tabs .nav-tabs li .popover.bottom .arrow { top: -16px; margin-left: -12px } .search-result-tabs .nav-tabs li .popover .arrow { border-width: 8px } .search-result-tabs .nav-tabs li .popover .popover-content { padding: 3px 0; color: var(--main-color) } .search-result-tabs .nav-tabs li#grid a:hover .popover { display: block } .search-result-tabs .nav-tabs li#grid a:hover .popover .arrow { left: 20% } .search-result-tabs .nav-tabs li#hybrid a:hover .popover { display: block; margin-left: -37px; width: 115px } .search-result-tabs .nav-tabs li#hybrid a:hover .popover .arrow { left: 50% } .search-result-tabs .nav-tabs li#map a:hover .popover { display: block; margin-left: -60px } .search-result-tabs .nav-tabs li#map a:hover .popover .arrow { left: 84% } .search-result-tabs .nav-tabs li.active a { border: 1px solid var(--main-color); background-color: var(--main-color) } .search-result-tabs .nav-tabs li.active a i { color: #ffffff } .search-result-tabs .nav-tabs li:hover a { border: 1px solid var(--main-color); background-color: var(--main-color) } .search-result-tabs .nav-tabs li:hover a i { color: #ffffff } .search-result-tabs .nav-tabs li a { border: 1px solid var(--main-color); margin-right: 7px; padding: 6px 4px 4px 4px; width: 42px; text-align: center; margin-bottom: 15px } .search-result-tabs .nav-tabs li a i { font-size: 18px } .search-result-tabs #search-grid .show-on-map { display: none; padding-left: 15px; padding-right: 15px; color: #ffffff } .search-result-tabs #search-map-grid { margin-left: -15px; margin-right: -15px } .search-result-tabs #search-map-grid .show-on-map { display: inline-block; padding-left: 15px; padding-right: 15px; color: #ffffff } .search-result-tabs #search-map-grid #map-canvas { margin-bottom: 15px } .search-result-tabs #search-map-grid #search-results, .search-result-tabs #search-map-grid #search-results1 { margin-left: 15px; margin-right: 15px } .search-result-tabs #search-map-only { margin-left: -15px; margin-right: -15px } .search-result-tabs #search-map-only #map-canvas, .search-result-tabs #search-map-only #map-canvas1 { height: 1020px } .search-result-tabs #search-map-only #map-canvas .gm-style, .search-result-tabs #search-map-only #map-canvas1 .gm-style { width: 100% !important; height: 100% !important } .search-result-tabs #search-grid, .search-result-tabs #search-map-grid, .search-result-tabs #search-map-only { position: relative } .search-result-tabs #search-results .show-on-map { display: inline-block; padding-left: 15px; padding-right: 15px; color: #ffffff } #dt-search-results .last { border-bottom: 1px solid #2c2c2c; position: relative; top: -20px } #dt-search-results .owned { margin-bottom: 50px; margin-top: 40px } #dt-search-results .owned .locally-owned { border-bottom: 1px solid #01b6e8; position: relative } #dt-search-results .owned .locally-owned span { padding: 5px 25px; color: #ffffff; background: #01b6e8; position: absolute; font-weight: 500; right: 0; height: 28px; top: -28px; border-radius: 5px 5px 0 0 !important } #site_main_color { color: var(--main-color) } #site_main_dark_color { color: var(--main-color-dark) } #map-canvas, #map-canvas1, #map-canvas-summary { width: 100%; height: 390px; margin-top: -4px } #map-canvas .cluster, #map-canvas1 .cluster, #map-canvas-summary .cluster { padding-right: 1px } #map-canvas .landmark, #map-canvas1 .landmark, #map-canvas-summary .landmark { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .jumbotron { padding: 0px; font-size: 16px; color: #FFF; margin: 0 } .jumbotron .hotel-map-list { background-color: rgba(0,0,0,0.4); position: absolute; top: 64px; right: 20px; height: 460px; padding: 15px } .popup-wrapper { -webkit-box-shadow: 1px 0px 3px 1px rgba(0,0,0,0.2); -moz-box-shadow: 1px 0px 3px 1px rgba(0,0,0,0.2); -ms-box-shadow: 1px 0px 3px 1px rgba(0,0,0,0.2); -o-box-shadow: 1px 0px 3px 1px rgba(0,0,0,0.2); box-shadow: 1px 0px 3px 1px rgba(0,0,0,0.2); border-collapse: separate; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; background-color: white !important; background-repeat: no-repeat !important; border: 1px solid var(--main-color); width: 255px; height: 255px; position: relative; z-index: 100 } .popup-wrapper .special-icon { top: 5px; right: -10px; bottom: auto; left: auto; position: absolute; width: 20px; height: 20px } .popup-wrapper .special-icon i { font-size: 100%; color: #ffffff; margin-left: 0px; margin-top: -2px } .popup-wrapper .special-icon a { color: #444444; font-weight: normal } .popup-wrapper .special-icon a:hover { color: var(--main-color-dark) } .popup-wrapper .special-icon.icon-green { background-color: var(--main-color) } .popup-wrapper .special-icon.icon-green a { color: var(--main-color-dark) } .popup-wrapper .popup-details { margin-top: 150px; padding: 0 15px 0 15px } .popup-wrapper .popup-details div, .popup-wrapper .popup-details span, .popup-wrapper .popup-details a { font-size: 14px; font-family: "Lato", Helvetica, Arial, sans-serif } .popup-wrapper .hotel-name { text-overflow: ellipsis; white-space: nowrap; max-width: 230px; overflow: hidden; color: var(--main-color-bg) } .popup-wrapper .hotel-name a { font-size: 16px } .popup-wrapper .hotel-rating { color: #FFB900; display: inline-flex } .popup-wrapper .hotel-rating i { font-size: 100% } .popup-wrapper .trip-advisor { padding-left: 5px } .popup-wrapper .landmark { font-weight: 300; margin-bottom: 5px; font-size: 13px } .popup-wrapper .landmark i { color: #666666 } .popup-wrapper .btn { padding: 3px 8px; font-weight: bold } .popup-wrapper .btn .button-price { font-weight: bold } /*.popup-wrapper:after { content: ""; font-family: FontAwesome; font-size: 220%; color: var(--main-color); position: absolute; left: 5px; top: -17px; transform: rotate(90deg) }*/ /*.popup-wrapper:before { content: ""; font-family: FontAwesome; font-size: 220%; color: rgba(0,0,0,0.2); position: absolute; left: 5px; top: -17px; transform: rotate(90deg) }*/ .user-profile-wrapper { padding: 45px 0 } .user-profile-wrapper .user-profile-wrapper-inner { padding: 0 7px } .user-profile-wrapper .user-profile-wrapper-inner tr td:nth-child(even) { padding-left: 120px } .user-profile-wrapper .user-profile-wrapper-inner .facebook-profile-connect { border-right: 1px solid var(--main-color-dark); padding-right: 4px } .registration-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: fixed; height: 100%; top: 10px; width: 100%; z-index: 999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .registration-wrapper.signup { position: relative; margin-top: 3% } .registration-wrapper .form-wrapper { margin: 0% auto; width: 353px } .registration-wrapper .form-wrapper .form-wrapper-inner { background-color: #ffffff; border: 1px solid #EDEDED; padding: 14px 18px 16px } .registration-wrapper .form-wrapper .form-wrapper-inner .form-caption { padding-bottom: 22px } .registration-wrapper .form-wrapper .form-wrapper-inner .form-caption h2 { margin: 0; color: #444444; font-weight: 500; font-size: 20px } .registration-wrapper .form-wrapper .form-wrapper-inner .form-link { font-weight: 300 } .registration-wrapper .form-wrapper .form-wrapper-inner .form-link span { display: inline-block } .registration-wrapper .form-wrapper .form-wrapper-inner .form-link a { color: var(--main-color); margin: 0 } .registration-wrapper .form-wrapper .form-wrapper-inner .form-link a:hover { color: var(--main-color-dark) } .registration-wrapper .form-wrapper .form-wrapper-inner .form-link a.lost-password { display: block; margin-top: 6px } .registration-wrapper .form-wrapper .form-wrapper-inner form .form-group { margin-bottom: 0; padding-bottom: 10px } .registration-wrapper .form-wrapper .form-wrapper-inner form .form-group p { line-height: 17px; padding: 15px -12 0 12px; margin: 0 } .registration-wrapper .form-wrapper .form-wrapper-inner form .form-group label { color: #333333; font-size: 14px; font-weight: 300; margin-bottom: 2px } .registration-wrapper .form-wrapper .form-wrapper-inner form .form-group .form-control { height: 32px; width: 318px; border-color: var(--main-color-border) } .registration-wrapper .form-wrapper .form-wrapper-inner form .form-group .form-control:focus { border-color: var(--main-color) } .registration-wrapper .form-wrapper .form-wrapper-inner form .form-actions { padding: 12px 0 9px } .registration-wrapper .form-wrapper .form-wrapper-inner .social-links p { margin: 0; color: #333333; font-size: 14px; font-weight: 300 } .registration-wrapper .form-wrapper .form-wrapper-inner .social-links a { margin-right: 12px; display: inline-block; color: #999999; font-size: 150%; font-family: FontAwesome } .registration-wrapper .form-wrapper .form-wrapper-inner .social-links a.linkedin:before { content: "" } .registration-wrapper .form-wrapper .form-wrapper-inner .social-links a.facebook:before { content: "" } .registration-wrapper .form-wrapper .form-wrapper-inner .social-links a:hover:before { color: var(--main-color) } .registration-wrapper .password-instructions { padding-top: 20px; max-width: 270px } .registration-wrapper .password-instructions.invalid { color: red } .registration-wrapper .password-instructions ul { padding-left: 18px } .registration-wrapper #error_explanation { color: #ff4c4c; padding-bottom: 5px } .registration-wrapper #error_explanation h2 { margin: 0; font-size: 14px } #contact { margin-bottom: 60px } #contact .btn-view-special { margin-right: 0 } #user_state_div { display: none } .price-filter { font-size: 12px } .search-dest-wrapper { -webkit-box-shadow: 0px -4px 4px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px -4px 4px -2px rgba(0,0,0,0.2); -ms-box-shadow: 0px -4px 4px -2px rgba(0,0,0,0.2); -o-box-shadow: 0px -4px 4px -2px rgba(0,0,0,0.2); box-shadow: 0px -4px 4px -2px rgba(0,0,0,0.2); border-collapse: separate; top: 0px; right: auto; bottom: auto; left: 0px; position: relative; background-color: white; height: auto; margin: 0 } .search-dest-wrapper .search-city { font-size: 22px; font-weight: 400; line-height: 1.1; width: 100%; display: inline-block } .search-dest-wrapper .search-dates { font-size: 16px; font-weight: 300; line-height: 1.1; padding: 6px 0 0 0 } .search-dest-wrapper .label { padding: 5px 10px; font-weight: 300; margin-left: 15px; background-color: var(--main-color-bg); font-size: 14px } .search-dest-wrapper .label a { color: white; text-decoration: none } .search-dest-wrapper .label:hover, .search-dest-wrapper .label:focus { color: white; background-color: var(--main-color-bg); background-image: -moz-linear-gradient(var(--main-color-bg), var(--main-color-dark)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--main-color-bg)), to(var(--main-color-dark))); background-image: -webkit-linear-gradient(var(--main-color-bg), var(--main-color-dark)); background-image: -o-linear-gradient(var(--main-color-bg), var(--main-color-dark)) } .search-dest-wrapper .affix-top .search-result-container { padding: 20px 0 23px } .search-dest-wrapper .affix-top .container.search-result-form { padding-top: 10px; padding-bottom: 10px } .search-dest-wrapper .affix-top .container.search-result-form .input-group-addon { border-color: var(--main-color-dark) } .search-dest-wrapper .affix { -webkit-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.2); -ms-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.2); -o-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.2); box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.2); border-collapse: separate; position: fixed; top: -10px; padding: 16px 11px 0 0; max-width: 100%; background: white; width: 100%; z-index: 1001; height: auto; padding-bottom: 8px } .search-dest-wrapper .affix #search-result-modal { margin-top: 15px } #search-result-modal { background-color: var(--main-color-opacity); display: inline-block; position: relative; width: 100%; z-index: 1000; border: 1px solid var(--main-color) } #search-result-modal ul.travelers-menu { max-height: 500px; overflow-y: scroll; overflow-x: hidden } #search-result-modal ul.travelers-menu .room-guests-block .fa-trash-o { display: none } #search-result-modal ul.travelers-menu .room-guests-block a.last-room { display: none } #search-result-modal ul.travelers-menu .room-guests-block:hover a.last-room { display: inline-block } #search-result-modal ul.travelers-menu li.add-other-room { padding-top: 5px; padding-bottom: 5px } #search-result-modal ul.travelers-menu li.add-other-room a { color: var(--main-color); padding-left: 0; text-align: left } #search-result-modal ul.travelers-menu li.add-other-room a span { text-decoration: underline } #search-result-modal ul.travelers-menu li.add-other-room a:hover { background: none } #search-result-modal ul.travelers-menu li.add-other-room a.disabled { opacity: 0.5; pointer-events: none; cursor: default } #search-result-modal .advance-label { cursor: pointer; padding-bottom: 3px; border-bottom: 1px solid var(--main-color) } #search-result-modal .close-bt { text-align: right } #search-result-modal .close-bt i { position: absolute; top: 3px; right: 4px } #search-result-modal #search-options { padding: 8px 18px 12px !important } .search-result { padding-top: 15px } .search-result .affix-top { top: 300 } .search-result .affix { position: fixed !important; top: 60px; padding: 21px !important; width: 270px; max-height: 500px !important } #search-filters { padding: 15px 12px 7px; z-index: 99 } #search-filters .panel-group { margin-bottom: 5px } #search-filters .panel-group .filter-spacer { margin: 5px 0 } #search-filters .panel-group .panel { border: none; box-shadow: none } #search-filters .panel-group .panel #collapsefive .hideContent .checkbox:first-child .tooltip, #search-filters .panel-group .panel #collapsefour .hideContent .checkbox:first-child .tooltip { top: 15px !important } #search-filters .panel-group .panel #collapsefive .hideContent .checkbox:first-child .tooltip-arrow, #search-filters .panel-group .panel #collapsefour .hideContent .checkbox:first-child .tooltip-arrow { top: 0; transform: rotate(180deg) } #search-filters .panel-group .panel .panel-body { border: none; padding: 0 } #search-filters .panel-group .panel .panel-heading { background-color: #ffffff; border: none; padding: 5px 0 } #search-filters .panel-group .panel .panel-heading .countnumber { color: var(--main-color); display: inline-block; font-weight: normal; font-size: 14px } #search-filters .panel-group .panel .panel-heading a { color: #444444; font-size: 15px; margin-bottom: 5px; font-weight: normal } #search-filters .panel-group .panel .panel-heading a:hover { color: var(--main-color) } #search-filters .panel-group .panel .panel-heading .accordion-toggle.collapsed:after { content: "" } #search-filters .panel-group .panel .panel-heading .accordion-toggle:after { font-family: "FontAwesome"; content: ""; font-size: 14px; float: right; color: var(--main-color) } #search-filters .checkbox { line-height: 13px; height: 18px; margin: 5px 0 !important } #search-filters .checkbox .count { float: right; color: #888888; font-size: 13px; font-weight: normal } #search-filters .checkbox .count.selected { font-weight: bold; color: var(--main-color) } #search-filters .checkbox label { padding-left: 0; font-weight: 300; text-shadow: 0 0; font-size: 14px; } #collapseOne label { width: 100%; } #collapseOne div { height: auto !important; line-height: inherit !important; } #search-filters .checkbox label:before { width: 13px; height: 13px; outline: none; border: 1px solid #d6d6d6 } #search-filters .checkbox label:after { padding-left: 0px; padding-top: 0; outline: none; width: 13px; height: 13px; border: 1px solid var(--main-color) !important; line-height: 11px } #search-filters.flights-filter { max-height: 100% !important } #search-filters .slider-handle { background: #fff; border: 1px solid var(--main-color); box-shadow: none; border-radius: 25px !important; height: 25px; line-height: 22px; width: 25px; text-align: center; top: -2px; font-family: "FontAwesome"; color: var(--main-color); font-weight: bold } #search-filters .slider-handle:before { content: ""; margin: 0 2px } #search-filters .slider-handle:after { content: ""; margin: 0 2px } #search-filters .slider-handle:hover { background: var(--main-color); color: #fff } #search-filters .slider-horizontal .slider-track { height: 9px; margin-top: -4px } .radio input[type="radio"]:focus + label::before { outline: none } .radio.radio-success input[type="radio"]:checked + label::before { border-color: var(--main-color) } .radio.radio-success input[type="radio"]:checked + label::after { background-color: var(--main-color) } .radio label { padding-left: 0 } .radio label:after { width: 9px; height: 9px } .radio label:before { width: 15px; height: 15px } .radio .fa-dot-circle-o { color: var(--main-color); font-size: 16px; position: relative; top: -2px; margin-right: 2px } .radio .fa-dot-circle-o.disable { color: #ccc } .radio .tripadvisor-index { display: inline; color: #888888; font-size: 13px; font-weight: normal } .radio .count { float: right; color: #888888; font-size: 13px; font-weight: normal } .radio .count.selected { font-weight: bold; color: var(--main-color) } #reviews-filter .slider-handle { color: #519d46; border: 1px solid #519d46 } #reviews-filter .slider-handle:hover { background: #519d46 } #reviews-filter #show-only-filter label { color: #212121 } #search-results .card, .searchResult .card, #search-results1 .card, #dt-search-results .card { position: relative } #search-results .card .pay-now-or-at-hotel, .searchResult .card .pay-now-or-at-hotel, #search-results1 .card .pay-now-or-at-hotel, #dt-search-results .card .pay-now-or-at-hotel { font-size: 14px; font-weight: 700; color: #0f7011; display: none } #search-results .card .current-allotment, .searchResult .card .current-allotment, #search-results1 .card .current-allotment, #dt-search-results .card .current-allotment { background: #ffd632; color: #555555; font-size: 12px; font-weight: 300; padding: 6px 10px; display: none; margin: 2px 2px 0px 0 } #search-results .card .thumbnail, .searchResult .card .thumbnail, #search-results1 .card .thumbnail, #dt-search-results .card .thumbnail { padding: 0; /* height: 168px; /*width: 100%;*/ /*max-height: 190px !important;*/ margin-bottom: 0; border: none } #search-results .card .search-slider, .searchResult .card .search-slider, #search-results1 .card .search-slider, #dt-search-results .card .search-slider { position: relative } #search-results .card .search-slider .direction-nav ul, .searchResult .card .search-slider .direction-nav ul, #search-results1 .card .search-slider .direction-nav ul, #dt-search-results .card .search-slider .direction-nav ul { list-style: none } #search-results .discount-price, .searchResult .discount-price, #search-results1 .discount-price, #dt-search-results .discount-price { font-size: 22px; font-weight: bold } #search-results #property-amenities, .searchResult #property-amenities, #search-results1 #property-amenities, #dt-search-results #property-amenities { clear: both; margin-left: 23px; margin-top: 15px; display: none } #search-results .property-amenities-link, .searchResult .property-amenities-link, #search-results1 .property-amenities-link, #dt-search-results .property-amenities-link { font-size: 90% } .hotel:hover { -webkit-box-shadow: 7px -3px 0px -4px var(--main-color) inset; -moz-box-shadow: 7px -3px 0px -4px var(--main-color) inset; -ms-box-shadow: 7px -3px 0px -4px var(--main-color) inset; -o-box-shadow: 7px -3px 0px -4px var(--main-color) inset; box-shadow: 7px -3px 0px -4px var(--main-color) inset } .hotel .hotel-thumb { padding-left: 0 } .hotel .hotel-desc { margin-left: -15px; padding-top: 15px; color: #212121 } .hotel .hotel-desc div { margin-bottom: 3px } .hotel .hotel-desc .hotel-address i { width: 18px; text-align: center } .hotel .hotel-desc .hotel-address a { color: #31495f } .hotel .hotel-desc .hotel-address a:hover { text-decoration: none } .hotel .hotel-rating { color: #FFB900; display: inline-flex } .hotel .hotel-rating i { font-size: 120%; margin-right: 5px } .hotel .hotel-amenities i { width: 18px; text-align: center } .hotel .hotel-amenities .breakfast, .hotel .hotel-amenities .wifi, .hotel .hotel-amenities .parking, .hotel .hotel-amenities .pet-friendly, .hotel .hotel-amenities .others, .hotel .hotel-amenities .bar { display: none } .hotel .hotel-pkg-rates { background-color: #f7f7f7; color: var(--main-color-dark); padding: 5px 15px 5px 0; margin: -16px -16px 0 -16px; font-size: 15px } .hotel .hotel-name { font-size: 18px; margin-top: -5px; font-weight: 400 } .hotel .hotel-name a { color: #444444 } .hotel .hotel-address { font-size: 15px; font-weight: 300 } .hotel .hotel-price, .hotel .flight-price { text-align: right; padding-right: 0; margin-right: -15px; padding-top: 15px } .hotel .hotel-price .btn-book, .hotel .flight-price .btn-book { margin-bottom: 4px; padding: 4px 14px 4px 14px } .hotel .hotel-price .nights, .hotel .flight-price .nights { font-size: 80%; margin-bottom: 0; color: #555555 } .hotel .hotel-price-info { font-size: 18px; font-weight: bold; display: block } .hotel .hotel-price-info .price { margin-left: 9px } .hotel .hotel-price-info .price.no-special-deal { color: #555555 } .hotel .hotel-price-info .price.with-special-deal { color: #ac3110 } .hotel .hotel-price-info .full-price { color: #555555 } .hotel .hotel-price-info .full-price .full-price-value del { text-decoration: line-through } .hotel .hotel-price-info .full-price .price { text-decoration: none } .hotel .discount-price { font-size: 22px; font-weight: bold } .hotel .hotel-deal { border-radius: 10px !important; color: #ffffff; font-size: 13px; font-weight: 700; margin-bottom: 11px; padding: 2px 10px; width: auto } .hotel .hotel-deal.special-deal { background: #a90710; display: none } .hotel .hotel-deal.free-cancellation, .hotel .hotel-deal.post-pay-payment { background: #0f7011; display: none } .hotel #property-amenities { clear: both; margin-left: 23px; margin-top: 15px; display: none } .hotel .property-amenities-link { font-size: 90% } .search-pagination-wrapper { text-align: right; margin-top: -15px; margin-bottom: 30px } .search-pagination-wrapper .pagination li { font-size: 15px; font-weight: 100 } .search-pagination-wrapper .pagination li a { color: var(--main-color-bg) } .search-pagination-wrapper .pagination li a:hover { background: var(--main-color-bg); color: white } .search-pagination-wrapper .pagination .current-page { background: var(--main-color-bg); color: white } .hotel-not-found { border: none; background-color: #F4F8FA; border-left: 4px solid var(--main-color-bg) } .hotel-not-found .i-icon { padding-left: 15px; padding-right: 30px; text-align: center; color: var(--main-color-bg) } .hotel-not-found .not-found-message { padding-left: 15px } .slider { display: inline-block; vertical-align: middle; position: relative } .slider.slider-horizontal { height: 20px; width: 85%; margin-left: 15px; cursor: pointer } .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: -1px } .slider.slider-horizontal .slider-selection { height: 100%; top: 0; bottom: 0 } .slider.slider-horizontal .slider-handle { position: absolute } .slider.slider-horizontal .max-slider-handle { margin-left: -2px } .slider.slider-horizontal .min-slider-handle { margin-left: -18px } .slider input { display: none } .slider .tooltip-inner { white-space: nowrap } .slider-track { position: absolute; cursor: pointer; background-color: #f7f7f7; background-color: whitesmoke; background-image: -moz-linear-gradient(#f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(#f5f5f5, #f9f9f9); background-image: -o-linear-gradient(#f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px } .slider-selection { position: absolute; background-color: #444444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px } .slider-handle { position: absolute; width: 20px; height: 20px; background-color: #0e90d2; background-color: #fefefe; background-image: -moz-linear-gradient(#fefefe, #e8e8e8); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e8e8e8)); background-image: -webkit-linear-gradient(#fefefe, #e8e8e8); background-image: -o-linear-gradient(#fefefe, #e8e8e8); background-repeat: repeat-x; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); border-collapse: separate; border: 1px solid #bbbbbb } .slider-handle.round { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px } #spinner { position: fixed; top: 45%; left: 50%; z-index: 10; color: var(--main-color-bg) } #spinner .modal-content { padding: 15px 30px 15px 30px } #price-filter .slider-selection { background-color: var(--main-color); -webkit-box-shadow: inset 0 1px 0 rgba(0,120,151,0.15); -moz-box-shadow: inset 0 1px 0 rgba(0,120,151,0.15); box-shadow: inset 0 1px 0 rgba(0,120,151,0.15) } #price-filter .tooltip-inner { border: 1px solid #2796ca; background-color: white; color: #444444 } #price-filter .tooltip.top .tooltip-arrow { border-top-color: #2796ca } #reviews-filter .reviews-icons { color: #519d46; text-align: center; font-size: 140%; height: 20px } #reviews-filter .reviews-icons i { font-weight: bold; margin-right: -2px; vertical-align: top } #reviews-filter .slider-selection { background-color: #519d46; -webkit-box-shadow: inset 0 1px 0 rgba(53,104,46,0.15); -moz-box-shadow: inset 0 1px 0 rgba(53,104,46,0.15); box-shadow: inset 0 1px 0 rgba(53,104,46,0.15) } #reviews-filter .tooltip-inner { border: 1px solid #519d46; background-color: white; color: #444444 } #reviews-filter .tooltip.top .tooltip-arrow { border-top-color: #519d46 } #stars-filter .star-rating-list { margin: 0px; height: 15px } #stars-filter .star-icons { color: #FFB900; text-align: center } #stars-filter .star-icons i { margin-right: 5px; vertical-align: top } #stars-filter .slider-selection { background-color: #FFB900; -webkit-box-shadow: inset 0 1px 0 rgba(227,146,0,0.15); -moz-box-shadow: inset 0 1px 0 rgba(227,146,0,0.15); box-shadow: inset 0 1px 0 rgba(227,146,0,0.15) } #stars-filter .tooltip-inner { border: 1px solid #FFB900; background-color: white; color: #444444 } #stars-filter .tooltip.top .tooltip-arrow { border-top-color: #FFB900 } #hotel-filter .form-control { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border-right: 0px none; box-shadow: none; padding: 0 9px 0 8px; text-overflow: ellipsis; font-size: 80% } #hotel-filter .input-group-addon { background-color: white; cursor: pointer } #hotel-filter .input-group-addon i { color: var(--main-color); font-size: 15px } #hotel-filter .twitter-typeahead { width: 100% } .filter { margin-top: 25px } .filter-type { color: #444444; font-size: 15px; margin-bottom: 5px; font-weight: normal } .filter-type i { width: 20px; text-align: center; font-size: 120% } .filter-type .fa-building { font-size: 100%; padding-left: 1px } .filter-type .fa-dollar { padding-left: 2px; vertical-align: -1px } .filter-type .fa-dot-circle-o { padding-left: 2px; vertical-align: -1px } .filter-type .fa-star-o { padding-left: 1px; vertical-align: -1px } .min-max-price { font-size: 14px; font-weight: 300; margin-top: 5px; color: var(--main-color) } .filter-spacer { border-top: 1px solid #f1f1f1; margin: 10px 0 } .filter-not-selected { color: #CCCCCC } .datepicker-dropdown { z-index: 99999 !important } .drop-down-menu .input-group { width: 100% } .drop-down-menu .form-control { border: 1px solid var(--main-color); background-color: #ffffff; font-size: 14px; height: 32px; padding-left: 10px } .drop-down-menu .form-control:hover { height: 32px !important } .drop-down-menu .btn-default, .drop-down-menu .input-group-addon { background-color: var(--main-color); background-image: -moz-linear-gradient(var(--main-color), var(--main-color)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--main-color)), to(var(--main-color))); background-image: -webkit-linear-gradient(var(--main-color), var(--main-color)); background-image: -o-linear-gradient(var(--main-color), var(--main-color)); border: 0px; border-bottom: 2px solid var(--main-color-dark); color: #ffffff; cursor: pointer } .drop-down-menu .btn-default.room-amount-dropdown, .drop-down-menu .input-group-addon.room-amount-dropdown { background-color: var(--main-color) !important; background-image: none } .drop-down-menu .menu-select-down { min-width: 100% !important; margin-top: 10px; border: 1px solid var(--main-color) } .drop-down-menu .menu-select-down:before { content: ""; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,0.2); position: absolute; top: -7px; left: 6px } .drop-down-menu .menu-select-down:after { content: ""; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFF; position: absolute; top: -6px; left: 7px } .drop-down-menu .menu-select-down li a.selected { background: var(--main-color); color: #ffffff !important } .drop-down-menu .menu-select-down li a.selected:before { margin: auto 5px auto -22px } .drop-down-menu .menu-select-down li > a { padding: 1px 31px } .drop-down-menu .menu-select-down li > a:hover { background: var(--main-color); color: #ffffff } .drop-down-menu .selected:before { content: ""; font-family: FontAwesome; margin: auto 5px auto -19px } .drop-down-menu .caret { border-top-color: white; z-index: 999999; border-top: 6px solid } .drop-down-menu.toggle-search-option { padding: 0 80px 10px 2px } .drop-down-menu.toggle-search-option .search-label { color: #333333 } .search-widget { padding: 14px 13px; background-color: var(--menu-bar-bg) } .search-widget #search-options { padding: 0 } .search-widget #search-options .search-label { width: 100% } .search-widget #search-options .row-gaps { margin-bottom: 10px } .search-widget #search-options .selected-room-amount { padding: 6px 16px; white-space: nowrap; width: 101px; overflow: hidden; margin: 0 } .search-widget #search-options .selected-guests-amount { padding: 6px 16px; white-space: nowrap; width: 101px; overflow: hidden; margin: 0 } .search-widget #search-options .new-btn { width: 108px; margin-left: 0px } #special-showcase { background-repeat: no-repeat; background-position: top center; margin-top: -4px; width: 100%; height: 400px; padding: 30px 0; text-align: center } @media (max-width: 599px) { #special-showcase { background-size: auto 350px; height: 350px } } #special-showcase .destination-title { margin-top: 90px } #special-showcase .social { display: inline-flex; margin-top: 15px } #special-showcase .social .facebook { margin-top: -11px } #special-showcase .social .twitter { padding-right: 15px } #special-showcase .social .gplus { padding-right: 15px } .special-quote { font-size: 26px; font-weight: 300; margin: 20px 0; text-align: center; font-style: italic } .special-details { padding: 15px; text-align: center } .special-details .location { width: 70%; margin: 0 auto } .special-details .location h3 { margin-top: 0; font-weight: 300; color: var(--main-color-dark) } .special-details .verified { text-align: right; color: #009900 } .special-details .verified .btn-book { margin-top: 5px } .special-details ul { padding-left: 0; text-align: left } .special-details li { list-style: none } .special-details p { font-size: 15px; width: 90%; margin: 0 auto } .special-details img { padding: 15px 0 15px 0 } #thank-you hr { border-bottom: 1px solid #cccccc } #thank-you td { border-top: none } #thank-you td:first-child { font-weight: bold; width: 50% } #thank-you .pdl-15.charges table td { padding: 3.75px 0 } #thank-you .thankyou-message p { margin-bottom: 0; font-size: 16px; font-weight: 300 } #thank-you .thankyou-message .fa-check { color: #009900; font-size: 20px } #thank-you .thank-title { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-color: var(--main-color); padding: 3px 15px; color: white } #thank-you .thank-title .special-icon { margin-top: 10px; margin-right: 5px; width: 20px; height: 20px } #thank-you .hotel-conf { padding: 15px } #thank-you .hotel-conf .hotel-image { float: left; width: 30%; border: 1px solid #ccc } #thank-you .hotel-conf .hotel-image img { position: relative; padding: 5px; width: 100% } #thank-you .hotel-conf .hotel-info { float: left; width: 60%; margin-left: 15px } #thank-you .hotel-conf .hotel-info p.buttons .btn-book, #thank-you .hotel-conf .hotel-info p.buttons .cancel-reservation { margin: 10px 0; width: auto; border: 1px solid } #thank-you .hotel-conf .hotel-info .margin-top12 { margin-top: 12px } #thank-you .hotel-conf .hotel-info .margin-bottom-5 { margin-bottom: 5px } #thank-you .hotel-conf .hotel-info .cancel-booking { font-size: 15px; padding: 4px 25px 4px 23px } #thank-you .hotel-conf .hotel-address { font-weight: 300; font-size: 16px; float: left; width: 100% } #thank-you .hotel-conf .hotel-address i.fa { float: left; margin-top: 5px; margin-right: 5px; height: 22px } #thank-you .customer-info { margin-bottom: 0 } #thank-you .customer-info tbody > tr > td, #thank-you .customer-info tbody > tr > th { padding: 4px 0 } #thank-you .hotel-local-map { width: 100%; height: 300px } #thank-you .success { color: #009900 } #thank-you .hotel-amenities ul { display: inline-block; padding-left: 30px; list-style-type: disc } #thank-you .hotel-amenities ul li { float: left; width: 45% } #thank-you .bold-btn-font { font-weight: bold; color: white } .margin-right-5 { margin-right: 5px } .margin-right-5:hover { color: #ffffff !important } .cancel-reservation #cancel_booking { margin-right: 5px } #receipt_print { background-color: #ffffff } #receipt_print .header-receipt { background-color: var(--main-color-bg) !important; padding-top: 15px !important; padding-left: 15px !important } #receipt_print .header-receipt img { max-width: 147px; height: auto; max-height: 40px; margin-bottom: 15px } #receipt_print .header { background-color: var(--main-color-bg) } #receipt_print .header img { max-width: 147px; height: auto; max-height: 40px; margin-bottom: 15px } #receipt_print #hotel-name { padding-left: 0px } #receipt_print #hotel-image { padding-right: 0 } @media (min-width: 0px) and (max-width: 767px) { #receipt_print #hotel-image { padding-left: 0px; padding-top: 15px } #receipt_print #hotel-image img { float: left !important } } .wn-insurance-quote-editor .datepicker-calendars { display: block } .flag { background: url("/assets/images/flags.png") 0 0 transparent; background-repeat: no-repeat; height: 11px; width: 16px; margin-right: 10px; margin-top: 5px } .flag-ad { background-position: -16px 0 } .flag-ae { background-position: -32px 0 } .flag-af { background-position: -48px 0 } .flag-ag { background-position: -64px 0 } .flag-ai { background-position: -80px 0 } .flag-al { background-position: -96px 0 } .flag-am { background-position: -112px 0 } .flag-an { background-position: -128px 0 } .flag-ao { background-position: -144px 0 } .flag-ar { background-position: -160px 0 } .flag-as { background-position: -176px 0 } .flag-at { background-position: -192px 0 } .flag-au { background-position: -208px 0 } .flag-aw { background-position: -224px 0 } .flag-az { background-position: -240px 0 } .flag-ba { background-position: 0 -11px } .flag-bb { background-position: -16px -11px } .flag-bd { background-position: -32px -11px } .flag-be { background-position: -48px -11px } .flag-bf { background-position: -64px -11px } .flag-bg { background-position: -80px -11px } .flag-bh { background-position: -96px -11px } .flag-bi { background-position: -112px -11px } .flag-bj { background-position: -128px -11px } .flag-bm { background-position: -144px -11px } .flag-bn { background-position: -160px -11px } .flag-bo { background-position: -176px -11px } .flag-br { background-position: -192px -11px } .flag-bs { background-position: -208px -11px } .flag-bt { background-position: -224px -11px } .flag-bv { background-position: -240px -11px } .flag-bw { background-position: 0 -22px } .flag-by { background-position: -16px -22px } .flag-bz { background-position: -32px -22px } .flag-ca { background-position: -48px -22px } .flag-catalonia { background-position: -64px -22px } .flag-cd { background-position: -80px -22px } .flag-cf { background-position: -96px -22px } .flag-cg { background-position: -112px -22px } .flag-ch { background-position: -128px -22px } .flag-ci { background-position: -144px -22px } .flag-ck { background-position: -160px -22px } .flag-cl { background-position: -176px -22px } .flag-cm { background-position: -192px -22px } .flag-cn { background-position: -208px -22px } .flag-co { background-position: -224px -22px } .flag-cr { background-position: -240px -22px } .flag-cu { background-position: 0 -33px } .flag-cv { background-position: -16px -33px } .flag-cw { background-position: -32px -33px } .flag-cy { background-position: -48px -33px } .flag-cz { background-position: -64px -33px } .flag-de { background-position: -80px -33px } .flag-dj { background-position: -96px -33px } .flag-dk { background-position: -112px -33px } .flag-dm { background-position: -128px -33px } .flag-do { background-position: -144px -33px } .flag-dz { background-position: -160px -33px } .flag-ec { background-position: -176px -33px } .flag-ee { background-position: -192px -33px } .flag-eg { background-position: -208px -33px } .flag-eh { background-position: -224px -33px } .flag-england { background-position: -240px -33px } .flag-er { background-position: 0 -44px } .flag-es { background-position: -16px -44px } .flag-ens { background-position: -16px -44px } .flag-et { background-position: -32px -44px } .flag-eu { background-position: -48px -44px } .flag-fi { background-position: -64px -44px } .flag-fj { background-position: -80px -44px } .flag-fk { background-position: -96px -44px } .flag-fm { background-position: -112px -44px } .flag-fo { background-position: -128px -44px } .flag-fr { background-position: -144px -44px } .flag-ga { background-position: -160px -44px } .flag-gb { background-position: -176px -44px } .flag-gd { background-position: -192px -44px } .flag-ge { background-position: -208px -44px } .flag-gf { background-position: -224px -44px } .flag-gg { background-position: -240px -44px } .flag-gh { background-position: 0 -55px } .flag-gi { background-position: -16px -55px } .flag-gl { background-position: -32px -55px } .flag-gm { background-position: -48px -55px } .flag-gn { background-position: -64px -55px } .flag-gp { background-position: -80px -55px } .flag-gq { background-position: -96px -55px } .flag-gr { background-position: -112px -55px } .flag-gs { background-position: -128px -55px } .flag-gt { background-position: -144px -55px } .flag-gu { background-position: -160px -55px } .flag-gw { background-position: -176px -55px } .flag-gy { background-position: -192px -55px } .flag-hk { background-position: -208px -55px } .flag-hm { background-position: -224px -55px } .flag-hn { background-position: -240px -55px } .flag-hr { background-position: 0 -66px } .flag-ht { background-position: -16px -66px } .flag-hu { background-position: -32px -66px } .flag-ic { background-position: -48px -66px } .flag-id { background-position: -64px -66px } .flag-ie { background-position: -80px -66px } .flag-il { background-position: -96px -66px } .flag-im { background-position: -112px -66px } .flag-in { background-position: -128px -66px } .flag-io { background-position: -144px -66px } .flag-iq { background-position: -160px -66px } .flag-ir { background-position: -176px -66px } .flag-is { background-position: -192px -66px } .flag-it { background-position: -208px -66px } .flag-je { background-position: -224px -66px } .flag-jm { background-position: -240px -66px } .flag-jo { background-position: 0 -77px } .flag-jp { background-position: -16px -77px } .flag-ke { background-position: -32px -77px } .flag-kg { background-position: -48px -77px } .flag-kh { background-position: -64px -77px } .flag-ki { background-position: -80px -77px } .flag-km { background-position: -96px -77px } .flag-kn { background-position: -112px -77px } .flag-kp { background-position: -128px -77px } .flag-kr { background-position: -144px -77px } .flag-kurdistan { background-position: -160px -77px } .flag-kw { background-position: -176px -77px } .flag-ky { background-position: -192px -77px } .flag-kz { background-position: -208px -77px } .flag-la { background-position: -224px -77px } .flag-lb { background-position: -240px -77px } .flag-lc { background-position: 0 -88px } .flag-li { background-position: -16px -88px } .flag-lk { background-position: -32px -88px } .flag-lr { background-position: -48px -88px } .flag-ls { background-position: -64px -88px } .flag-lt { background-position: -80px -88px } .flag-lu { background-position: -96px -88px } .flag-lv { background-position: -112px -88px } .flag-ly { background-position: -128px -88px } .flag-ma { background-position: -144px -88px } .flag-mc { background-position: -160px -88px } .flag-md { background-position: -176px -88px } .flag-me { background-position: -192px -88px } .flag-mg { background-position: -208px -88px } .flag-mh { background-position: -224px -88px } .flag-mk { background-position: -240px -88px } .flag-ml { background-position: 0 -99px } .flag-mm { background-position: -16px -99px } .flag-mn { background-position: -32px -99px } .flag-mo { background-position: -48px -99px } .flag-mp { background-position: -64px -99px } .flag-mq { background-position: -80px -99px } .flag-mr { background-position: -96px -99px } .flag-ms { background-position: -112px -99px } .flag-mt { background-position: -128px -99px } .flag-mu { background-position: -144px -99px } .flag-mv { background-position: -160px -99px } .flag-mw { background-position: -176px -99px } .flag-mx { background-position: -192px -99px } .flag-my { background-position: -208px -99px } .flag-mz { background-position: -224px -99px } .flag-na { background-position: -240px -99px } .flag-nc { background-position: 0 -110px } .flag-ne { background-position: -16px -110px } .flag-nf { background-position: -32px -110px } .flag-ng { background-position: -48px -110px } .flag-ni { background-position: -64px -110px } .flag-nl { background-position: -80px -110px } .flag-no { background-position: -96px -110px } .flag-np { background-position: -112px -110px } .flag-nr { background-position: -128px -110px } .flag-nu { background-position: -144px -110px } .flag-nz { background-position: -160px -110px } .flag-om { background-position: -176px -110px } .flag-pa { background-position: -192px -110px } .flag-pe { background-position: -208px -110px } .flag-pf { background-position: -224px -110px } .flag-pg { background-position: -240px -110px } .flag-ph { background-position: 0 -121px } .flag-pk { background-position: -16px -121px } .flag-pl { background-position: -32px -121px } .flag-pm { background-position: -48px -121px } .flag-pn { background-position: -64px -121px } .flag-pr { background-position: -80px -121px } .flag-ps { background-position: -96px -121px } .flag-pt { background-position: -112px -121px } .flag-pw { background-position: -128px -121px } .flag-py { background-position: -144px -121px } .flag-qa { background-position: -160px -121px } .flag-re { background-position: -176px -121px } .flag-ro { background-position: -192px -121px } .flag-rs { background-position: -208px -121px } .flag-ru { background-position: -224px -121px } .flag-rw { background-position: -240px -121px } .flag-sa { background-position: 0 -132px } .flag-sb { background-position: -16px -132px } .flag-sc { background-position: -32px -132px } .flag-scotland { background-position: -48px -132px } .flag-sd { background-position: -64px -132px } .flag-se { background-position: -80px -132px } .flag-sg { background-position: -96px -132px } .flag-sh { background-position: -112px -132px } .flag-si { background-position: -128px -132px } .flag-sk { background-position: -144px -132px } .flag-sl { background-position: -160px -132px } .flag-sm { background-position: -176px -132px } .flag-sn { background-position: -192px -132px } .flag-so { background-position: -208px -132px } .flag-somaliland { background-position: -224px -132px } .flag-sr { background-position: -240px -132px } .flag-ss { background-position: 0 -143px } .flag-st { background-position: -16px -143px } .flag-sv { background-position: -32px -143px } .flag-sx { background-position: -48px -143px } .flag-sy { background-position: -64px -143px } .flag-sz { background-position: -80px -143px } .flag-tc { background-position: -96px -143px } .flag-td { background-position: -112px -143px } .flag-tf { background-position: -128px -143px } .flag-tg { background-position: -144px -143px } .flag-th { background-position: -160px -143px } .flag-tibet { background-position: -176px -143px } .flag-tj { background-position: -192px -143px } .flag-tk { background-position: -208px -143px } .flag-tl { background-position: -224px -143px } .flag-tm { background-position: -240px -143px } .flag-tn { background-position: 0 -154px } .flag-to { background-position: -16px -154px } .flag-tr { background-position: -32px -154px } .flag-tt { background-position: -48px -154px } .flag-tv { background-position: -64px -154px } .flag-tw { background-position: -80px -154px } .flag-tz { background-position: -96px -154px } .flag-ua { background-position: -112px -154px } .flag-ug { background-position: -128px -154px } .flag-um { background-position: -144px -154px } .flag-us, .flag-en { background-position: -160px -154px } .flag-uy { background-position: -176px -154px } .flag-uz { background-position: -192px -154px } .flag-va { background-position: -208px -154px } .flag-vc { background-position: -224px -154px } .flag-ve { background-position: -240px -154px } .flag-vg { background-position: 0 -165px } .flag-vi { background-position: -16px -165px } .flag-vn { background-position: -32px -165px } .flag-vu { background-position: -48px -165px } .flag-wales { background-position: -64px -165px } .flag-wf { background-position: -80px -165px } .flag-ws { background-position: -96px -165px } .flag-xk { background-position: -112px -165px } .flag-ye { background-position: -128px -165px } .flag-yt { background-position: -144px -165px } .flag-za { background-position: -160px -165px } .flag-zanzibar { background-position: -176px -165px } .flag-zm { background-position: -192px -165px } .flag-zw { background-position: -208px -165px } main { padding-top: 0px } header { background-color: var(--main-color-bg); background-image: -moz-linear-gradient(var(--main-color-bg), var(--main-color-bg)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--main-color-bg)), to(var(--main-color-bg))); background-image: -webkit-linear-gradient(var(--main-color-bg), var(--main-color-bg)); background-image: -o-linear-gradient(var(--main-color-bg), var(--main-color-bg)); -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2); border-collapse: separate; z-index: 14 } header.devise-layout { background: #f7f7f7; padding-top: 15px } header.devise-layout .navbar-brand { background-size: 140px auto; margin-left: 0 !important } header.devise-layout .devise-layout-drop-down { color: #333333; text-shadow: none; margin-top: 0 } header.devise-layout .navbar-toggle { color: #333333 } .navbar { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; border-radius: 0 0 0 0; margin-bottom: 0; font-size: 15px } .navbar .icon-sort-down { vertical-align: 1px; padding-left: 2px } .navbar .nav .open > a, .navbar .nav .open > a:hover, .navbar .nav .open > a:focus { background: var(--main-color) } .navbar .dropdown-menu { margin-left: -1px } .navbar .menu-currency { margin-right: 2px } .navbar .navbar-toggle { margin-right: 0; color: var(--main-color); font-size: 150%; padding: 0; border: none } .navbar li > a, #update-search li > a { text-shadow: 0px 1px 0px black; filter: dropshadow(color=#000, offx=1px, offy=0px); color: white; font-weight: 400 } .navbar li > a:hover, .navbar li > a:focus, #update-search li > a:hover, #update-search li > a:focus { text-shadow: 0px 0px 0px transparent; filter: dropshadow(color=transparent, offx=0px, offy=0px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: var(--main-color); color: white; font-weight: 400 } .navbar .dropdown-menu a, #update-search .dropdown-menu a { text-shadow: 0px 0px 0px transparent; filter: dropshadow(color=transparent, offx=0px, offy=0px); color: #444444; font-weight: 400 } .logo-height { max-height: 50px; margin-left: -15px } #aws_suggestions { background: #fff; position: absolute; width: 100%; z-index: 10 } #aws_suggestions ul { margin: 0; padding: 0; list-style: none } #aws_suggestions ul li { padding: 7px 15px; font-weight: 400 } #aws_suggestions ul li:hover { background: var(--main-color); cursor: pointer } #aws_suggestions ul li:hover a { color: #fff } #aws_suggestions ul li.active { background: var(--main-color); cursor: pointer } #aws_suggestions ul li.active a { color: #fff } #aws_suggestions ul li a { color: var(--main-color); text-shadow: none; display: inline-block; width: 100% } .main-search-bar { padding: 17px 0 26px 0; background: var(--menu-bar-bg) } .main-search-bar ul.flights-package { padding: 0; list-style: none } .main-search-bar ul.flights-package li { float: left; width: 24%; padding: 3px 6px; position: relative } .main-search-bar ul.flights-package li.packages-tip .packages-tooltip { position: absolute; width: 500px; top: -85px; left: -160px; display: none; background: var(--menu-bar-bg); padding: 5px } .main-search-bar ul.flights-package li.packages-tip .packages-tooltip i.fa-caret-down { position: absolute; bottom: -31px; left: 37%; font-size: 56px; color: var(--menu-bar-bg) } .main-search-bar ul.flights-package li.packages-tip .packages-tooltip ul { padding: 0; list-style: none } .main-search-bar ul.flights-package li.packages-tip .packages-tooltip ul li { width: 25%; padding: 3px 0 } .main-search-bar ul.flights-package li.packages-tip .packages-tooltip ul li.flight-icon img { width: 80% } .main-search-bar ul.flights-package li.packages-tip .packages-tooltip ul li:hover { background: var(--main-color); cursor: pointer } .main-search-bar ul.flights-package li.packages-tip .packages-tooltip ul li img { width: 65% } .main-search-bar ul.flights-package li.packages-tip:hover .packages-tooltip { display: block } .main-search-bar ul.flights-package li:hover { background: var(--main-color); cursor: pointer } .main-search-bar ul.flights-package li:active { background: var(--main-color); cursor: pointer } .main-search-bar ul.flights-package li:last-child img { width: 100% } .main-search-bar ul.flights-package li h6, .main-search-bar ul.flights-package li a { color: white; margin: 5px 0 2px 0 } .main-search-bar .select-trip .radio { width: 30%; display: inline-block } .main-search-bar .select-trip .radio label { color: white; font-size: 12px } .main-search-bar .show-none label { color: white; font-size: 12px } .navbar-brand { width: 141px; height: 33px; margin-top: 8px; text-indent: -5000px } .topbar-search { text-align: center; padding-top: 7px } .topbar-search .form-group { display: inline-table; margin-bottom: 0; width: 100% } .topbar-search .zoom-icon { font-size: 130% } #search_form .btn-default { background-color: var(--main-color-bg); height: 35px; color: #ffffff } #search_form .btn-calendar { background-color: white; height: 35px; text-align: left; color: #212121 } #search_form .btn-calendar:hover { background-color: var(--main-color-bg); border: 2px solid #3b97ae; height: 35px; color: #ffffff } #search_form .btn-calendar:hover i, #search_form .btn-calendar:hover span { color: white } #search_form .btn-calendar span { color: rgba(68,68,68,0.8) } #search_form .btn-calendar i { padding-top: 3px; color: rgba(68,68,68,0.8) } #search_form .btn-calendar .icon-sort-down { color: var(--main-color-bg); margin: -1px -6px 0 -1px } #search_form .btn-calendar .fa-sort-up { margin: 7px -2px 0 3px } #search_form .btn-calendar .search-calendar-icon { display: none } #search_form .hover-in { background-color: #ffffff } #search_form .hover-out { background-color: var(--main-color-bg); color: #ffffff } #search_form .hover-out i, #search_form .hover-out span { color: #ffffff } #search_form .icon-search { font-size: 120% } #search_form .twitter-typeahead { width: 100% } #search_form .twitter-typeahead .tt-hint { width: 342px; border: none !important; background: none 0% 0%/auto repeat scroll padding-box border-box #39535e !important } #search_form .twitter-typeahead #destinationString { background: none 0% 0%/auto repeat scroll padding-box border-box white !important } .tt-dropdown-menu { width: 341px; text-align: left; color: var(--main-color); border: 1px solid var(--main-color) !important; box-shadow: none } .tt-suggestion.tt-is-under-cursor { background: var(--main-color) !important; color: #ffffff } .tt-suggestion { padding: 2.5px 10px !important; font-size: 14px; font-family: var(--font-first) } .sugg-cities { font-weight: 300 } #complete-search-toggle { display: none } #search-options { z-index: 100 } #search-options .cover-space { padding: 0px; padding: 0 10px } #search-options .search-gap { padding: 0px; padding-right: 10px } #search-options .search-gap:first-child { padding: 0px; margin-right: 10px } #search-options .room-selector, #search-options .guests-selector { background-color: #ffffff } #search-options .search-label { margin: 0; font-size: 14px; padding-bottom: 11px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; width: 85%; overflow: hidden } #search-options .search-label-space { padding-top: 31px; border: 1px solid red } #search-options .search-label-space-home { padding-top: 32px } #search-options .update-search-label-space { padding-top: 16px } #search-options .datepicker { padding: 0; border: 0 } #search-options .form-control { border: 1px solid var(--main-color); background-color: #ffffff; font-size: 14px; height: 32px; padding-left: 10px; font-weight: 400 } #search-options .form-control.search-bar { width: 342px } #search-options .form-control:hover { height: 32px !important } #search-options .btn-default { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; height: 30px; line-height: 15px } #search-options .btn-default, #search-options .input-group-addon { background-color: var(--main-color); background-image: -moz-linear-gradient(var(--main-color), var(--main-color)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--main-color)), to(var(--main-color))); background-image: -webkit-linear-gradient(var(--main-color), var(--main-color)); background-image: -o-linear-gradient(var(--main-color), var(--main-color)); border: 0px; border-bottom: 2px solid var(--main-color-dark); color: #ffffff; cursor: pointer; padding: 5px 8px } #search-options .btn-default.room-amount-dropdown, #search-options .input-group-addon.room-amount-dropdown { background-color: var(--main-color) !important; background-image: none } #search-options .selected-room-amount, #search-options .selected-guests-amount { padding: 6px 7px; white-space: nowrap; text-overflow: ellipsis; width: 82px; overflow: hidden; margin-right: -5px } #search-options .room-amount-select, #search-options .guest-amount-select, #search-options .room-guest-amount-select, #search-options .child-age-select { min-width: 120px !important; margin-top: 10px; border: 1px solid var(--main-color) } #search-options .room-amount-select:before, #search-options .guest-amount-select:before, #search-options .room-guest-amount-select:before, #search-options .child-age-select:before { content: ""; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,0.2); position: absolute; top: -7px; left: 6px } #search-options .room-amount-select:after, #search-options .guest-amount-select:after, #search-options .room-guest-amount-select:after, #search-options .child-age-select:after { content: ""; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #FFF; position: absolute; top: -6px; left: 7px } #search-options .room-amount-select li a.selected, #search-options .guest-amount-select li a.selected, #search-options .room-guest-amount-select li a.selected, #search-options .child-age-select li a.selected { background: var(--main-color); color: #ffffff } #search-options .room-amount-select li a.selected:before, #search-options .guest-amount-select li a.selected:before, #search-options .room-guest-amount-select li a.selected:before, #search-options .child-age-select li a.selected:before { margin: auto 5px auto -22px } #search-options .room-amount-select li > a, #search-options .guest-amount-select li > a, #search-options .room-guest-amount-select li > a, #search-options .child-age-select li > a { padding: 1px 31px } #search-options .room-amount-select li > a:hover, #search-options .guest-amount-select li > a:hover, #search-options .room-guest-amount-select li > a:hover, #search-options .child-age-select li > a:hover { background: var(--main-color); color: #ffffff } #search-options .selected:before { content: ""; font-family: FontAwesome; margin: auto 5px auto -19px } #search-options .caret { border-top-color: white; z-index: 999999; border-top: 6px solid } #search-options.toggle-search-option { padding: 0 80px 10px 2px } #search-options.toggle-search-option .search-label { color: #333333 } .datepicker { padding: 0; border: 1px solid var(--main-color) } .datepicker.datepicker-dropdown { margin-top: 12px } .datepicker table { margin-top: 10px; border-spacing: 3px; border-collapse: inherit; border-collapse-color: var(--main-color); border-collapse-background-color: transparent } .datepicker table tr > td { padding: 3px; border: 1px solid white } .datepicker table tr > th.next { background-color: transparent } .datepicker table tr > th.next:hover { background-color: transparent } .datepicker table tr > th > i { color: var(--main-color) } .datepicker table tr > th > i:hover { background-color: transparent !important } .datepicker table tr > th .glyphicon-chevron-right:hover { background-color: transparent !important } .datepicker table tr > td.day:hover, .datepicker table tr > td.today.day:hover, .datepicker table tr > td.active.day:hover, .datepicker table thead > tr:first-child > th:hover, .datepicker table tfoot > tr:first-child > th:hover, .datepicker table tr > td > span.month:hover, .datepicker table tr > td > span.year:hover, .datepicker table tr > td span.month.active:hover, .datepicker table tr > td span.year.active:hover { text-shadow: 0px 0px 0px transparent; filter: dropshadow(color=transparent, offx=0px, offy=0px); background: var(--main-color-dark); color: white !important } .datepicker table tr > td.disabled.day:hover, .datepicker table tr > td > span.month.disabled:hover, .datepicker table tr > td > span.year.disabled:hover { background: transparent; color: var(--main-color) !important } .datepicker table thead > tr:first-child > th.datepicker-switch { color: var(--main-color) } .datepicker table thead > tr:first-child > th.datepicker-switch:hover { background: transparent; color: var(--main-color) !important } .datepicker table thead > tr:first-child > th:hover { background: transparent; border: none } .datepicker table thead > tr:first-child > th, .datepicker table tfoot > tr:first-child > th { color: var(--main-color-bg) } .datepicker table thead > tr:first-child > th:hover, .datepicker table tfoot > tr:first-child > th:hover { color: white } .datepicker table .active.day, .datepicker table .month.active, .datepicker table .year.active { background-color: var(--main-color); background-image: -moz-linear-gradient(var(--main-color), var(--main-color)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--main-color)), to(var(--main-color))); background-image: -webkit-linear-gradient(var(--main-color), var(--main-color)); background-image: -o-linear-gradient(var(--main-color), var(--main-color)); border: 1px solid white !important } .datepicker table .active.day.active.day:hover, .datepicker table .month.active.active.day:hover, .datepicker table .year.active.active.day:hover { background-color: var(--main-color); background-image: -moz-linear-gradient(var(--main-color), var(--main-color)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--main-color)), to(var(--main-color))); background-image: -webkit-linear-gradient(var(--main-color), var(--main-color)); background-image: -o-linear-gradient(var(--main-color), var(--main-color)); border: 1px solid white } .datepicker table .today.day { font-weight: bold; background: white !important; border-color: white } .datepicker table .today.day:hover { background-color: var(--main-color); border-color: var(--main-color) !important; border: 1px solid var(--main-color); color: #ffffff } .datepicker table .old.disabled.day { visibility: hidden } .datepicker table .new.day { display: none } .datepicker table tr > td.day:hover, .datepicker table tr > td.today.day:hover { color: white !important; border: 1px solid var(--main-color); color: #ffffff !important; background: var(--main-color) !important } .datepicker table thead > tr:first-child > th:hover, .datepicker table tfoot > tr:first-child > th:hover { color: white !important } .datepicker table tr > td > span.month:hover, .datepicker table tr > td > span.year:hover { color: #444444 !important } .datepicker table tr > td span.month.active:hover, .datepicker table tr > td span.year.active:hover { color: white !important } .datepicker table tr > td.disabled.day:hover { background: none !important; color: #999999 !important; border: 1px solid white !important } .datepicker table tr > td > span.month.disabled:hover, .datepicker table tr > td > span.year.disabled:hover { background: none !important; color: #999999 !important; border: 1px solid white !important } #menu-bar { background-color: var(--menu-bar-bg); -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2); -ms-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2); -o-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2); border-collapse: separate; z-index: 15; position: relative; padding: 0; color: white; font-weight: 300 } #menu-bar a { color: white } #menu-bar ul { margin-bottom: 0; padding-left: 0; list-style: none } #menu-bar ul.addres-details { padding-top: 3px } #menu-bar ul li { display: inline } #menu-bar ul li a { float: left; line-height: 25px; padding: 0 10px; font-size: 90% } #menu-bar ul li a:hover { background-color: var(--menu-bar-bg-hover); text-decoration: none } #menu-bar ul li a:active { text-decoration: none } #menu-bar ul li:first-child a { margin-left: -10px } ul.dropdown-menu.inner-list { margin: 0; padding: 0; min-width: 100%; border: 1px solid #ffffff; left: inherit; right: 0 } ul.dropdown-menu.inner-list li.divider { margin: 0; background-color: none; height: 0 } .dropdown-menu.inner-list > li > a { padding: 10px 36px 10px 14px; display: block } .dropdown-menu.inner-list > li > a.currency-links { padding: 10px 13px 10px 19px } .modal-body ul.currency-selector li a { padding-left: 5px } .modal-body ul.additional-currencies { margin-top: 7px; border-top: 1px solid #cbcbcb } .modal-body ul.additional-currencies li a { color: #212121; display: inline-block; width: 100%; height: 100% } .modal-body ul.additional-currencies li:hover { background-color: var(--main-color) } .modal-body ul.additional-currencies li:hover a { color: #ffffff } .modal-body ul.additional-languages { margin-top: 7px; border-top: 1px solid #cbcbcb } .modal-body ul.additional-languages li a:hover { color: var(--main-color-dark) } .modal-body ul.currency-selector li, .modal-body ul.language-selector li { display: inline-block; vertical-align: top; list-style: none; width: 30%; margin-right: 15px; line-height: 30px } .modal-body ul.currency-selector li a .flag, .modal-body ul.language-selector li a .flag { margin-top: 9px; margin-left: 5px } .modal-body ul.currency-selector li.active, .modal-body ul.language-selector li.active { background-color: var(--main-color) } .modal-body ul.currency-selector li.active a, .modal-body ul.language-selector li.active a { color: #ffffff } .modal-body ul.currency-selector li.active i, .modal-body ul.language-selector li.active i { float: right; margin-top: 6px; margin-right: 6px; color: #ffffff } li.user-menu { float: right } li.user-menu ul.dropdown-menu { padding: 0; background: var(--main-color-bg) } li.user-menu ul.dropdown-menu li a { margin-left: 0 !important; width: 100% } .mobile-nav #menu-bar { display: none } input.error { border: 1px solid #ff4c4c !important } label.error { color: #ff4c4c !important } @media (max-width: 1199px) { .navbar-brand { position: absolute; z-index: 1001 } .special-home-content { height: 375px } #booking-summary .call-center { margin-bottom: 30px } .hotel-images li:nth-child(5) { display: none } } @media (min-width: 992px) and (max-width: 1050px) { main { /*min-height: 500px*/ } .homepage-top-bg.main-search-bar .flight-packages-search { display: inherit } .homepage-top-bg.main-search-bar .flight-packages-search .col-lg-2 ul.nav-tabs li a { padding: 7px 5px } .homepage-top-bg.main-search-bar .flight-packages-search .col-lg-10 .tab-content#search-options .padding-left8, .homepage-top-bg.main-search-bar .flight-packages-search .col-lg-10 .tab-content#search-options .padding-right8 { padding: 0 15px } .homepage-top-bg.main-search-bar .flight-packages-search .col-lg-10 .tab-content#search-options .new-btn-tab { margin-left: 0 } .homepage-top-bg.main-search-bar .flight-packages-search .col-lg-10 .tab-content#search-options .form-control.search-bar { width: 100% !important } .homepage-top-bg.main-search-bar .flight-packages-search .col-lg-10 .tab-content#search-options .selected-guests-amount, .homepage-top-bg.main-search-bar .flight-packages-search .col-lg-10 .tab-content#search-options .selected-room-amount { width: 65px } #booking-summary .call-center .popover { margin-left: 90px } } @media (max-width: 992px) { .notification-message { position: relative; float: initial; top: 13px; left: 2px; margin-bottom: 10px } .notification-message i { left: 15px; right: auto } .notification-message-update { position: relative; float: initial; top: 13px; margin-bottom: 10px; left: 2px } .notification-message-update i { left: 15px; right: auto } main { /*min-height: 500px*/ } #hotel-room-details .container { padding: 0 } .spacing-mobile { padding-left: 10px } #menu-bar ul.addres-details { float: left !important } #search-options .form-control { padding: 5px 5px; font-size: 13px } #search-options .input-group-addon { padding: 7px 5px !important } .search-result .search-filters-wrapper { padding-right: 0 } .search-result .affix { position: relative !important; width: 100%; margin-bottom: 15px; top: 0 } .slider.slider-horizontal { width: 94% !important } .search-filters-wrapper { width: 100%; float: left } .search-filters-wrapper #search-filters { overflow: hidden; width: 100%; float: left } .search-filters-wrapper #search-filters .checkbox { margin-bottom: 5px; margin-top: 5px } .search-filters-wrapper #search-filters .checkbox label { line-height: 13px } .search-filters-wrapper #filters-button { width: 100%; height: 50px; clear: left; float: left } .search-filters-wrapper #filters-button .navbar-toggle { color: #212121 } .search-filters-wrapper .navbar-header { float: none } .search-filters-wrapper .navbar-left, .search-filters-wrapper .navbar-right { float: none !important } .search-filters-wrapper .navbar-toggle { display: block } .search-filters-wrapper .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); max-height: 100% !important } .search-filters-wrapper .navbar-fixed-top { top: 0; border-width: 0 0 1px } .search-filters-wrapper .navbar-collapse.collapse { display: none !important } .search-filters-wrapper .navbar-nav { float: none !important; margin-top: 7.5px } .search-filters-wrapper .navbar-nav > li { float: none } .search-filters-wrapper .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px } .search-filters-wrapper .collapse.in { display: block !important } .special-home-content { height: 330px } #booking-summary-wrapper, #booking-form-wrapper { padding-right: 0 } #booking-summary-wrapper #booking-summary .affix, #booking-form-wrapper #booking-summary .affix { position: relative !important } #booking-summary-wrapper #booking-summary .card, #booking-summary-wrapper #booking-summary .card.affix-bottom, #booking-form-wrapper #booking-summary .card, #booking-form-wrapper #booking-summary .card.affix-bottom { position: relative !important; width: 100%; top: 0 !important } #booking-summary-wrapper #booking-summary .call-center, #booking-form-wrapper #booking-summary .call-center { margin-top: 15px; margin-bottom: 0 } } @media (max-width: 992px) and (max-width: 408px) { #booking-summary-wrapper #booking-summary .call-center, #booking-form-wrapper #booking-summary .call-center { margin-bottom: 15px } } @media (max-width: 992px) { #booking-summary-wrapper #booking-summary .call-center .popover, #booking-form-wrapper #booking-summary .call-center .popover { margin-right: 0 } #booking-summary-wrapper .ssl-seal, #booking-form-wrapper .ssl-seal { display: none } .ssl-seal-footer { display: block; text-align: left; margin-bottom: 0; position: relative; top: 15px } .hotel-images li:nth-child(4) { display: none } .homepage-top-bg .banner-heading { padding: 52.5px 0 0 0 } .main-search-bar { height: auto; padding-top: 0; padding-bottom: 10px } .main-search-bar .flight-packages-search { display: inherit } .main-search-bar .flight-packages-search .search-tabs { min-height: auto } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs { margin: 0 -15px } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li { width: 50%; margin-bottom: 0 } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li a { text-align: center } } @media (max-width: 767px) { .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu { max-height: 312px } #search-result-modal ul.travelers-menu { max-height: 312px } #update-search ul.travelers-menu { max-height: 312px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options ul.travelers-menu .room-guests-block a.last-room { display: inline-block } #search-result-modal ul.travelers-menu .room-guests-block a.last-room { display: inline-block } #update-search ul.travelers-menu .room-guests-block a.last-room { display: inline-block; padding-left: 0 !important } #update-search ul.travelers-menu li.add-other-room a { padding-left: 0 !important } #hotel-room-details .container { padding: 0 10px } .spacing-mobile { padding-left: 5px; padding-right: 5px } #search-filters .slider-handle { line-height: 23px } #menu-bar ul.addres-details { padding-left: 15px } .destination-title { line-height: 1.53; font-size: 30px } } @media (max-width: 767px) and (max-width: 567px) { .destination-title { line-height: 1; background: rgba(63,169,219,0.8); padding: 5px } .destination-title span { background: none; padding: 0 } } @media (max-width: 767px) { .destination-subtitle { line-height: 1.76; margin-top: 0 } .footer-content { padding-top: 15px } #option_menu { border: 1px solid var(--main-color); box-shadow: none; color: var(--main-color); margin-right: 0; margin-top: 0; overflow: hidden; padding: 0; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; background: #ffffff; z-index: 11111; width: 100%; position: absolute; right: 0px; top: 47px } #option_menu .currency { border-top: 1px solid white } .navbar a.dropdown-toggle, #update-search a.dropdown-toggle { color: #333333 } .navbar .dropdown-menu, #update-search .dropdown-menu { padding: 0 } .navbar .dropdown-menu li > a, #update-search .dropdown-menu li > a { line-height: 2 !important } .navbar .dropdown-menu a, #update-search .dropdown-menu a { padding-left: 35px !important } .navbar .dropdown-menu .divider, #update-search .dropdown-menu .divider { background-color: var(--main-color); margin: 0 } .navbar .dropdown-menu .flag, #update-search .dropdown-menu .flag { margin-top: 10px } #contact-text { display: none } #map-canvas { display: none } #booking-form-wrapper .clear-right { padding-right: 0 } .rooms-wrapper .room-image { border-right: 1px solid #DDDDDD; padding-right: 15px } .rooms-wrapper .room-image a img { width: 100% } .rooms-wrapper .room-type .room-offers { border-left: none } .blueimp-gallery > .indicator { display: none !important } .special-home-content { height: 60px } .datepicker.datepicker-dropdown { z-index: 1000000 !important } span.hotel-name { width: 100%; display: inline-block } .search-city, .search-dates { width: 100%; display: block; height: auto } .top-dates-search { top: 175px; margin-left: -41px !important; width: 100% } .top-search { top: 175px } li.user-menu { float: left; width: 100%; border-top: none !important } .algolia-autocomplete { z-index: 9 } .hideMobile { display: none } .showMobile { display: block } #complete-booking { display: none } #booking-summary .alert-success { display: none } #booking-summary .call-center .popover.pop-modal { width: 69% } .hotel-room-details-inner #room-query-summary { display: none } .rooms-list { padding-top: 0 } .mobile-hotel-search { margin-bottom: 15px; padding-bottom: 15px } .mobile-hotel-search #update-search.top-search { margin-left: 0; top: 170px !important } .mobile-hotel-search .top-dates-search { top: 170px !important } .mobile-hotel-search .top-search .custom-button { margin-left: 15px } .mobile-hotel-search #update-search .search-label { height: 33px } .room-hotel-image { width: 100%; height: 175px; overflow: hidden } } @media (max-width: 567px) { .image_manage { max-height: 100%; overflow: hidden; } .hotel .hotel-thumb { height: 250px; overflow: hidden } .hotel .hotel-thumb .search-slider { height: 250px; background-color: #5d5c5c } #search-results .slider .flex-viewport { height: 250px !important } #search-results .slider { height: 250px !important } #search-results .slider .flex-viewport ul li { height: 250px !important; display: flex !important; align-items: center !important } #search-results .slider .flex-viewport ul li .thumbnail { height: auto !important; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor } .top-dates-search { margin-left: -25px !important; width: auto; left: 26px } #destinaton-showcase { text-align: center } #community, #support, #learn-more, #legal { width: 100% } #search_form .btn-calendar .search-calendar-icon { display: block !important } #search_form .btn-calendar span { display: none } .slider.slider-horizontal { width: 85% !important } .datepicker-dropdown { left: 50% !important; margin-left: -110px !important } .datepicker-dropdown:after { display: none } .datepicker-dropdown:before { display: none } .hotel .hotel-thumb { padding-right: 0; width: 100% } .hotel .hotel-thumb img { width: 100% } .hotel .hotel-desc { width: 100%; margin-top: 15px; margin-left: 0 } .hotel .hotel-rating { width: 100%; display: inline-block !important } .hotel .hotel-rating .stars, .hotel .hotel-rating .trip-advisor { float: left } .hotel .hotel-price { position: relative !important; width: 100%; height: auto !important; text-align: left !important; padding-top: 0; padding-bottom: 15px } .hotel .hotel-price .btn-book { margin-bottom: 0px } .hotel .hotel-address a { pointer-events: none } .hotel .hotel-deal { border-radius: 4px !important; left: 0; margin-bottom: 8px; max-width: 100% !important; position: relative !important; right: 0 !important } .hotel .hotel-deal:before { display: none } #search-results .card .thumbnail, #search-results1 .card .thumbnail { display: block; height: 100% } .hotel-wrapper .book-for { display: none } .rooms-wrapper .room-image { display: inline-block; width: 100%; float: left; border-right: none; padding-bottom: 5px; border-bottom: 1px solid #DDDDDD } .rooms-table .room-offers { float: left; display: inline-block; width: 100% } } @media screen and (max-width: 567px) and (-webkit-min-device-pixel-ratio: 0) { .rooms-table .room-offers { height: auto } } @media (max-width: 567px) { .rooms-table .room-offers .room-type-details { min-height: 100px } .rooms-table .room-offers .room-type-details .book-now a { float: right } .rooms-table .room-offers .room-type-details .room-guests { width: 100%; display: inline-block; border-right: none; text-align: right; padding-right: 15px; margin-top: 15px; float: right } .rooms-table .room-offers .room-type-details .room-options { width: 100%; display: inline-block; border-right: none; float: left; margin-top: -30px } .rooms-table .room-offers .room-type-details .room-price { width: 100%; float: left; text-align: left; padding-left: 15px } .rooms-table .room-offers .room-type-details .room-price .price { font-size: 200% } .rooms-table .room-offers .room-type-details .book-now { width: 100%; display: inline-block; padding-left: 15px; margin-bottom: 15px; padding-top: 5px } .rooms-table .room-info .room-amenites li { width: 100% } .hotel-images li:nth-child(3) { display: none } .special-home-content { height: 60px } #thank-you .hotel-conf { padding: 15px 0 0 0 } #thank-you .hotel-conf .hotel-image { width: 100% !important } #thank-you .hotel-conf .hotel-info { width: 100% !important; margin: 0 !important } #thank-you .hotel-amenities ul { padding-left: 15px } #thank-you .hotel-amenities ul li { width: 100% !important } #thank-you .thankyou-message h3 { font-size: 15px } p.buttons .btn-book, p.buttons .cancel-reservation { margin: 3px 0 !important } #cobrand { text-align: left; margin-top: 15px } .hotel-images { padding-bottom: 0 !important; height: 300px; overflow: hidden } .hotel-images #carousel { display: none } #hotel-room-details .hotel-room-details-inner { padding: 25px 3%; margin-left: -11px } #hotel-room-details .hotel-room-details-inner .advanced-search .container { padding-right: 15px } #hotel-room-details .container { padding-right: 5px } #hotel-room-details .container .rooms-table .rooms-wrapper table tr.room-type { float: left } #hotel-room-details .container .rooms-table .rooms-wrapper table tr.room-type td.book-now { margin-bottom: 0 } } @media (min-width: 0px) and (max-width: 767px) { .logo-height { z-index: 99; position: relative } #menu-bar { display: none } .navbar { min-height: 60px; line-height: 36px } .mobile-nav { position: absolute; left: 0; width: 100% } .mobile-nav #menu-bar { box-shadow: none; display: block; background: none } .mobile-nav .navbar-toggle { margin-right: 15px } .mobile-nav #option_menu { border: none; background: var(--menu-bar-bg); top: 58px; width: 101%; right: -2px } .mobile-nav #option_menu.in { display: block !important } .mobile-nav #option_menu #menu-bar .container { padding: 0 } .mobile-nav #option_menu a { color: #ffffff; font-weight: 500; font-size: 14px; padding: 5px 15px; display: inline-block; width: 100% } .mobile-nav #option_menu a:hover { backgroung: var(--menu-bar-bg-hover) } .mobile-nav #option_menu li { padding: 0 } .mobile-nav #option_menu li.currency { border: none } .mobile-nav #option_menu li.dropdown { border-top: 1px solid var(--main-color) } .mobile-nav #option_menu li.dropdown a:hover { background: var(--menu-bar-bg-hover) } .select-popup .modal-dialog { width: 96% !important; margin: 2% 2% } .select-popup .modal-dialog ul.language-selector, .select-popup .modal-dialog .currency-selector { padding-left: 0 } .search-result-tabs .show-on-map { display: none !important } .search-result-tabs #search-map-grid #map-canvas { display: none !important } .search-result-tabs #search-map-only #map-canvas1 { height: 750px } .main-search-bar ul.flights-package li.packages-tip .packages-tooltip { position: absolute; width: 320px; top: -99px; left: -229px } .main-search-bar ul.flights-package li.packages-tip .packages-tooltip i.fa-caret-down { left: 80% } .main-search-bar ul.flights-package li.packages-tip .packages-tooltip ul li { width: 25% } .main-search-bar ul.flights-package li.packages-tip .packages-tooltip ul li img { width: 70% } .main-search-bar ul.flights-package li.packages-tip:hover .packages-tooltip { display: block } .main-search-bar ul.flights-package li img { width: auto } #search-result-modal .padding-left8, #search-result-modal .padding-right8 { padding: 0 15px } .navbar-brand { left: 0 } #menu-bar ul { padding: 0 } #menu-bar ul li { display: block; border-bottom: 1px solid var(--main-color); padding: 3px 0 } #menu-bar ul li:last-child { border-bottom: none } #menu-bar ul li:first-child a { margin: 0 } #menu-bar ul li a { float: none !important; padding: 0 } #menu-bar ul li a.last { float: none !important } .homepage-highlight { font-size: 20px } body { margin-bottom: auto } footer { position: relative; clear: both } .flight-booking-container #booking-form-wrapper .continue-btn { height: auto } .clear-space { margin: 0; padding: 0 } #search_form .search-btn .new-btn { padding: 5px 33px } ul.bookings .booking-wrapper { width: 100% } ul.bookings .booking-wrapper:nth-child(2n) { padding-left: 0 } ul.bookings .image-thumb { width: 100% } ul.bookings .image-thumb img { width: 100% } ul.bookings .description { width: 100%; padding: 15px 2px } .admin-dashboard .widget-body { padding: 6px 15px } .admin-dashboard .widget-icon { width: 35px; height: 35px } .admin-dashboard .widget-icon i { line-height: 38px; font-size: 21px } .admin-dashboard .widget-content { font-size: 22px; line-height: 4px } .hotel-wrapper .hotel-name { font-size: 15px; padding-top: 0 } .hotel-wrapper .hotel-address { font-size: 15px } .nav > li > a { padding: 2px 15px } .table-responsive { border: none } ul.pagination { padding-bottom: 10px; margin: 0 auto } .pagination > li > a, .pagination > li > span { font-size: 10px } .homepage-top-bg { height: 200px } .homepage-top-bg .banner-heading { padding: 30px 0px 0px 0px } .homepage-top-bg .banner-heading h2 { font-size: 30px } .homepage-top-bg .banner-heading h2 strong { display: block } .homepage-top-bg .banner-heading p { font-size: 19px } .algolia-autocomplete .aa-dropdown-menu { width: 100% !important } #search-options.flight-search .search-btn { position: relative; right: 0; padding: 0 } #search-options .form-control.search-bar { width: 100% } #search-options .cover-space { padding: 0px 0px } #search-options .search-gap { padding: 0px 0px 0px 0px } #search-options .search-label { padding: 6px 0 3px 0 } .main-heading h2 { padding: 15px 0 } .search-dest-wrapper .label { float: right; margin-left: 0; margin-top: 6px } #hotel-top-search-form { font-size: 14px; line-height: 30px; padding: 15px 0 10px } #hotel-top-search-form .search-city { font-size: 18px; font-weight: 700; line-height: 26px } #hotel-top-search-form .search-dates { line-height: 20px; font-size: 14px; margin-top: 10px; margin-bottom: 10px } .hotel-wrapper { padding: 10px 0px } .hotel-wrapper .hotel-caption .hotel-name { font-size: 18px; padding-top: 8px } #search-options { padding: 0 !important } #hotel-top-search-form.top-search-bottom-space { padding-bottom: 428px } #hotel-top-search-form.pad-bt-551 { padding-bottom: 551px } .top-search #advance-search { width: 92% } .top-search #advance-search .advance-search-panel { margin-top: 0 } .top-search #advance-search .advance-search-panel .col-lg-2 { padding-left: 8px !important } #slider { margin: 0px !important } #slider .flex-viewport { height: 300px !important } #slider .flex-viewport .slides li { line-height: 300px !important; height: 300px !important } .hotel-map.hotel-gallery { padding-bottom: 25px } .hotel-map.hotel-gallery .hotel-images.slider { padding: 0 } #area-info-desc { padding: 0 13px 20px } #about-hotel { padding-top: 0 } .slider { padding-bottom: 15px } #hotel-room-details { margin: 0 0px 0 0px } #hotel-room-details #update-search .row .col-lg-6 { padding-left: 15px !important } #hotel-room-details .hotel-room-details-inner #update-search { z-index: 9; margin-left: -4px; margin-right: 0px; padding-bottom: 20px } #hotel-room-details .hotel-room-details-inner #update-search.top-search { margin-left: 0; margin-right: 0; width: 100%; top: 300px; left: 0 } #hotel-room-details .hotel-room-details-inner .change-dates { font-size: 13px; line-height: 26px } #area-info-desc span, p { font-size: 13px } #hotel-amenities li { width: 100% } #hotel-top-search-form .search-result-container .book-now-btn { display: block; padding: 3px 9px; margin-left: 0 } .rooms-table h4 { font-size: 14px } #search-options .room-amount-select ul, #search-options .guest-amount-select ul { padding: 5px 0 } #search-options .room-amount-select li > a, #search-options .guest-amount-select li > a { color: #333333 } .search-dest-wrapper .search-city { font-weight: 700; line-height: 26px; font-size: 18px } .search-dest-wrapper .search-dates { line-height: 20px; padding-top: 0; font-size: 14px; margin-bottom: 10px } .search-dest-wrapper .affix-top .search-result-container { padding-top: 8px; padding-bottom: 8px; line-height: 25px } .search-dest-wrapper .affix { padding: 21px 0 8px } .btn-book.change-search-btn { margin-left: 0 } .form-bottom-spacing { padding-right: 15px; padding-left: 15px } .rooms-table .room-offers .payment-message.agency { clear: both; float: right } .user-profile-wrapper .user-profile-wrapper-inner tr td:nth-child(even) { padding-left: 60px } #thank-you .bold-btn-font { margin-top: 4px; padding-right: 21px } #hotel-room-details .hotel-room-details-inner #update-search #search-options { padding-right: 0px } .registration-wrapper { padding: 45px 0; position: relative } .registration-wrapper .password-instructions { width: 100%; padding-left: 0 } .registration-wrapper .form-wrapper { width: 288px } .registration-wrapper .form-wrapper .form-wrapper-inner form .form-group .form-control { width: 100% } .registration-wrapper .form-wrapper .form-link a.lost-password { margin-right: 4px } header.devise-layout .devise-layout-drop-down { margin-top: 0px; color: #333333 !important } #hotel-filter .twitter-typeahead .tt-dropdown-menu { width: 100% } #booking-form .input-sm { margin-bottom: 15px } #booking-form .payments-card ul.nav-tabs li { width: 90% } #booking-form .select-card-exp { z-index: 1 } #booking-form .card-exp-date { padding-left: 11px } .modal-body ul.currency-selector li, .modal-body ul.language-selector li { width: 100% } .main-search-bar { height: auto; background-image: none; background-color: var(--menu-bar-bg) } .main-search-bar .flight-packages-search { display: inherit; margin: 0; margin-left: -15px; margin-right: -15px } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs { background-color: var(--main-color-bg); margin: 0; margin-left: -15px; margin-right: -15px } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li { width: 50%; margin-bottom: 0 } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li:first-child a { border-radius: 0 !important; border: none } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li:last-child a { border-radius: 0 !important; border: none } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li a { text-align: center; padding: 15px 0; border-radius: 0 !important; border: none } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li a span { display: none } .main-search-bar .flight-packages-search .search-tabs ul.nav-tabs li a i { display: inline-block } .main-search-bar .flight-packages-search .search-tabs-details { min-height: auto } .main-search-bar .flight-packages-search .search-tabs-details .aa-dropdown-menu { width: 100% !important } .main-search-bar .flight-packages-search .search-tabs-details .flying-from span.algolia-autocomplete { z-index: 1001 } .main-search-bar .flight-packages-search .search-tabs-details #search-submit { margin-left: 0; max-width: 98px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .padding-left8, .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .padding-right8 { padding: 0 15px } .main-search-bar .flight-packages-search .search-tabs-details .tab-content#search-options .add-more .btn { height: 32px; line-height: 13px; margin-left: -17px; margin-right: 16px; width: 32px; text-align: center; padding: 0 } .main-search-bar .flight-packages-search .search-tabs-details .tab-content .radio { margin-right: 10px; margin-bottom: 15px } #search-results .flight .flight-stops { left: 0; padding-top: 5px } #search-results .flight .flight-stops p { margin-top: 5px } #search-results .flight .flight-price .btn-book { float: left } #search-results .flight .flight-price-info { text-align: left } #search-results .flight .flight-price-info p { max-width: 100%; width: 100% } #search-results .flight .flight-price-info .price { margin-left: 0 } #search-results .flight .panel .panel-body .flight-details { left: 0 } .flight-booking-container #search-results.flight-booking .flight { width: 100% } .flight-booking-container #search-results.flight-booking .flight-stops { left: 0 } .flight-booking-container #booking-summary-wrapper { padding-right: 15px } .flight-booking-container #booking-form-wrapper { padding-right: 15px } .flight-booking-container .form-area { padding: 15px 10px !important } .flight-booking-container .label-name { margin-top: 5px } .flight-booking-container .label-name .drop-down-menu { margin-top: 8px } .padding-left-right { padding: 0 15px } } @media (min-width: 589px) and (max-width: 767px) { .top-search { top: 139px } } @media (min-width: 568px) and (max-width: 683px) { #search-results .card .current-allotment { margin-bottom: 7px } .hotel .hotel-price .btn-book { font-size: 13px; margin-bottom: 0; padding: 3px } } @media (min-width: 768px) and (max-width: 991px) { .special-home-content { height: 60px } ul.bookings .image-thumb { width: 100% } ul.bookings .description { width: 100%; padding: 15px 2px } .admin-dashboard .widget-icon { width: 39px; height: 39px; float: none !important; margin: 0 auto } .admin-dashboard .widget-icon i { font-size: 17px; line-height: 41px; text-align: center; float: none !important } .admin-dashboard .widget-content { font-size: 15px; line-height: 10px; text-align: center; float: none !important; padding-bottom: 8px } .new-btn-tab { margin-left: 10px; text-align: center } .algolia-autocomplete .aa-dropdown-menu { width: 300px } #search-options .form-control.search-bar { width: 166px } #search-options .cover-space { padding: 0px 0px !important } #search-result-modal #search-options { margin-left: 0; width: 100% } #search-result-modal #search-options #search-submit { margin-left: 0 } #search-result-modal #search-options .search-btn-row #search-submit { padding-left: 15px; padding-right: 15px; margin-left: 15px } #search-options { margin-left: 0; width: 100% } #search-result-modal .close-bt i { right: 15px } #hotel-room-details .hotel-room-details-inner #update-search #search-options { padding-left: 0 !important; padding-right: 0 !important } #hotel-top-search-form { font-size: 14px } #hotel-top-search-form .search-city { font-size: 18px } .hotel-wrapper { padding: 10px 0px } .hotel-wrapper .hotel-caption .hotel-name { font-size: 18px } .hotel-search-panel .algolia-autocomplete { margin-bottom: 10px } .hotel-search-panel #search-options { width: 100% !important; margin: 0; padding: 0 } .hotel-search-panel .search-btn { position: relative !important } .hotel-search-panel .search-btn .new-btn { margin-left: 1px } .top-dates-search { width: 715px } .top-search { width: 715px } .top-search #search-options { width: 100% } .top-search #search-options .selected-room-amount, .top-search #search-options .selected-guests-amount { padding: 5px 8px } .top-search .toggle-update-form .search-fields { margin-right: 7px } .top-search .toggle-update-form .search-btn { position: relative; padding-left: 0; display: inline-block !important } .top-search .toggle-update-form #search-submit { margin-left: 0 } .new-btn-tab { margin-left: 0 } #update-search .col-xs-12 { padding-bottom: 5px } .hotel-map.hotel-gallery { padding-bottom: 25px } .hotel-map.hotel-gallery #slider { margin-right: 0px } .slider { padding-bottom: 15px } #hotel-room-details { margin: 0 -4px 0 -14px } #hotel-room-details .hotel-room-details-inner .change-dates { font-size: 15px } .btn-book.change-search-btn { margin-left: 0 } .form-bottom-spacing { padding-bottom: 315px } .modal-body ul.currency-selector li, .modal-body ul.language-selector li { width: 45% } .registration-wrapper { padding: 45px 0; position: relative } #search-options.flight-search span.selected-room-amount { width: 138px } #search-options.flight-search span.selected-guests-amount { width: 138px } #search-options.flight-search .search-label { padding: 8px 0 3px 0 } #search-options.flight-search .search-gap:first-child { margin-right: 0; padding-right: 10px } #search-options.flight-search .cover-space { padding-right: 10px !important } #search-options.flight-search .search-btn { position: relative; right: 0; padding: 0 } #search-options.flight-search .search-btn .new-btn-tab { display: block; width: 98%; margin-left: 0% } .main-search-bar { height: auto } .main-search-bar .flight-packages-search { display: inherit } .main-search-bar .flight-packages-search .col-lg-2 { min-height: auto } .main-search-bar .flight-packages-search .col-lg-2 ul.nav-tabs { margin: 0 -15px } .main-search-bar .flight-packages-search .col-lg-2 ul.nav-tabs li { width: 25%; margin-bottom: 0 } .main-search-bar .flight-packages-search .col-lg-2 ul.nav-tabs li a { text-align: center } .main-search-bar .flight-packages-search .col-lg-10 { min-height: auto } .main-search-bar .flight-packages-search .col-lg-10 .tab-content#search-options .padding-left8, .main-search-bar .flight-packages-search .col-lg-10 .tab-content#search-options .padding-right8 { padding: 0 8px } .main-search-bar .flight-packages-search .col-lg-10 .tab-content#search-options .selected-guests-amount, .main-search-bar .flight-packages-search .col-lg-10 .tab-content#search-options .selected-room-amount { width: 80px } .main-search-bar .flight-packages-search .col-lg-10 #search-submit { margin-left: 0; position: absolute; right: 13px; top: -48px; width: 90px } .search-city, .search-dates { width: 100%; display: block; white-space: nowrap; overflow: hidden; height: 25px; text-overflow: ellipsis } .btn-book.change-search-btn { margin-left: 0 } #hotel-top-search-form.top-search-bottom-space { padding-bottom: 270px } #hotel-top-search-form.pad-bt-195 { padding-bottom: 316px } .hotel-search-panel { top: 188px !important } } @media (min-width: 992px) and (max-width: 1200px) { .special-home-content { height: 60px } ul.bookings { margin-left: -2px; margin-right: -2px } ul.bookings .image-thumb { width: 40% } .admin-dashboard .widget-icon { width: 30px; height: 30px; margin-right: 8px } .admin-dashboard .widget-icon i { line-height: 35px; font-size: 17px } .admin-dashboard .widget-content { font-size: 15px; line-height: 2px } .new-btn-tab { margin-left: 10px; text-align: center } #search-options .form-control { padding-left: 7px } #search-options .cover-space { padding: 0px 0px !important } #search-result-modal #search-options { margin-left: 0; width: 100% } .search-city, .search-dates { width: 100%; display: block; white-space: nowrap; overflow: hidden; height: 25px; text-overflow: ellipsis } .btn-book.change-search-btn { margin-left: 0 } #hotel-top-search-form.top-search-bottom-space { padding-bottom: 190px } #hotel-top-search-form.pad-bt-195 { padding-bottom: 263px } .hotel-search-panel { top: 188px !important } .hotel-search-panel.top-dates-search { width: 943px } .hotel-search-panel #search-options { padding: 0; margin: 0 } #search-options { padding: 0 } .top-search, .top-dates-search { width: 100%; max-width: 945px } .top-search { width: 100% } .slider { padding-bottom: 15px } #hotel-room-details { margin: 0 -4px 0 -14px } #hotel-room-details .hotel-room-details-inner .change-dates { font-size: 15px } .hotel-map.hotel-gallery { padding-bottom: 25px } #search-options .selected-room-amount, #search-options .selected-guests-amount { padding: 5px 10px !important } #hotel-filter .twitter-typeahead { border: 0px !important } .hotel .hotel-price .btn-book { padding: 4px 6px } .hotel .hotel-price-info { font-size: 14px } .registration-wrapper { padding: 75px 0 0 0 } .algolia-autocomplete .aa-dropdown-menu { width: 290px } .hotel-deal.post-pay-payment { font-size: 11px } .modal-body ul.currency-selector li, .modal-body ul.language-selector li { width: 45% } } @media (min-width: 1200px) { .table-responsive.bookings { overflow-x: hidden } } :root { --main-color: #b00553; --main-color-opacity: "#b005531a"; --main-color-dark: #b00553; --main-color-border: #b00553; --main-color-bg: #bc085a; --menu-bar-bg: #bc085a; --menu-bar-bg-hover: #b00553; --font-first: 'Lato', Helvetica, Arial, sans-serif; --text-color: #212121; --white-color: #ffffff; --space: 15px; --light-gray-color: #999999; --lighter-gray-color: #888888; --dark-gray-color: #333333; --black-gray-color: #2c2c2c; --charcoal-color: #444444; --errors-color: #ff4c4c; --dark-green-color: #009900; --white-smoke-color: #f7f7f7; --light-black-color: #555555; --font-normal: normal; --font-bold: bold; }