/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
select,
select:focus,
select:active,
select:focus-visible,
input,
input:active,
input:focus,
input:focus-within,
input:hover,
input:visited {
  font-size: 16px !important; }

html {
  scroll-behavior: smooth !important; }

body {
  color: #202932;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-size: 0.875rem; }

.scrollTop {
  position: fixed;
  bottom: 140px;
  right: 20px;
  background: #000;
  opacity: 0.3;
  width: 50px;
  height: 50px;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1001;
  cursor: pointer;
  display: none !important; }
  .scrollTop i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 10px;
    top: 8px;
    font-size: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: none; }
  .scrollTop:hover {
    opacity: 1; }
    .scrollTop:hover i {
      color: #fff;
      top: 5px; }

.bg-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
  padding: 8px 35px 8px 14px; }
  .bg-error h4 {
    color: #b94a48; }
  .bg-error p {
    margin: 0;
    color: #202932;
    font-size: 13px; }
  .bg-error a {
    text-decoration: underline; }
    .bg-error a:hover {
      color: #202932; }

@media screen and (device-aspect-ratio: 375 / 667) {
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="number"] {
    font-size: 16px; } }

.visible-phone {
  display: none !important; }

.visible-tablet {
  display: none !important; }

.hidden-desktop {
  display: none !important; }

.visible-desktop {
  display: inherit !important; }

.date-backdrop {
  position: fixed;
  z-index: 99;
  background-color: #000;
  top: 210px;
  opacity: 0.8;
  right: 0;
  left: 0;
  bottom: 0; }
  .date-backdrop .hide-search {
    color: #fff;
    text-shadow: none;
    font-size: 14px;
    opacity: 1;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    float: right;
    cursor: pointer; }
    .date-backdrop .hide-search i {
      font-size: 30px;
      position: relative;
      top: 7px;
      width: 42px;
      height: 42px;
      background-color: #ffffff;
      border-radius: 50%;
      color: #202932;
      display: inline-block;
      text-align: center;
      line-height: 42px;
      margin-bottom: 5px;
      margin-top: 10px; }

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-tablet {
    display: inherit !important; }
  .hidden-tablet {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-phone {
    display: inherit !important; }
  .hidden-phone {
    display: none !important; }
  .mobile-body-fixed {
    position: fixed; } }

.selectage {
  width: 40% !important;
  height: 36px;
  border-radius: 4px;
  border: none !important;
  box-shadow: none;
  font-weight: 600;
  color: #003580 !important;
  background: none !important;
  border: 1px solid #cecdcd; }

.invalid-field {
  background-color: #e34e35 !important;
  color: #fff !important;
  text-shadow: none; }

.success-field {
  background-color: #fff !important;
  color: #003580 !important;
  text-shadow: none; }

.success-color {
  color: #003580 !important; }

.invalid-color {
  color: #fff !important;
  background-color: #e34e35 !important; }

.actualbox {
  box-shadow: -2px 1px 5px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  float: left;
  border-radius: 50px;
  padding: 2px 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  line-height: 15px;
  margin-top: 20px; }

a {
  color: #0077ba; }
  a.nav-link {
    padding: 0;
    display: initial; }

.spinner {
  width: 75px;
  height: 75px;
  display: inline-block;
  border-width: 2px;
  border-color: #0077ba;
  border-top-color: #fff;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid; }
  .spinner.confirmation {
    margin: 150px 0; }

.page-load {
  text-align: center;
  margin: 100px 0 150px; }
  .page-load img {
    width: 80px; }

.gradientBg {
  background: url("https://cdn4.alpharooms.com/assets-ux-new/images/inner-page-bg.jpg?v=1") repeat-x #fff;
  padding-bottom: 20px;
  padding-top: 15px;
  min-height: 400px; }

.destination-results h2 {
  font-size: 24px;
  font-weight: 700;
  color: #003580;
  padding: 0 0 15px;
  border-bottom: 2px solid #edf1f5; }

*:focus {
  outline: none !important; }

.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: none !important; }

img {
  max-width: 100%; }

.tooltip {
  pointer-events: none; }

p {
  margin-bottom: 10px; }

a {
  color: #0077ba; }
  a:hover {
    text-decoration: none; }

.inactive {
  pointer-events: none; }

.visible {
  display: block !important; }

button {
  outline: none; }

.show-section {
  display: block; }

.inline-display {
  display: inline-block; }

.inline {
  display: inline; }

.d-inblock {
  display: inline-block; }

.clickable {
  cursor: pointer; }

.hoverdark:hover {
  color: #136695 !important; }

.no-click {
  pointer-events: none; }

.white-bg {
  background-color: #ffffff; }

.white {
  color: #ffffff; }

.no-list {
  list-style: none; }

.strike {
  text-decoration: line-through; }

.divider {
  height: 1px;
  background-color: #e4e4eb; }

.v-divider {
  background-color: #d4dce3;
  width: 1px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px; }

.display-tcell {
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

.dv-star-rating label {
  padding: 0 !important;
  margin: 0;
  line-height: 10px; }
  .dv-star-rating label::before {
    display: none !important; }
  .dv-star-rating label i {
    color: #ffd628;
    font-size: 16px; }

.elipsis-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.overflow-hidden {
  overflow: hidden; }

.nowrap {
  white-space: nowrap; }

.ui-helper-hidden-accessible {
  display: none; }

a:focus {
  outline: none; }

.link {
  color: #0077ba; }

.hidden {
  height: 0;
  display: none !important;
  visibility: hidden; }

.standard-padding {
  padding: 10px; }

.no-top-margin {
  margin-top: 0; }

.large-margin {
  margin: 20px; }
  .large-margin.top {
    margin-top: 20px; }
  .large-margin.bottom {
    margin-bottom: 20px; }

.large-padding {
  padding: 20px; }

.large-padding-top {
  padding-top: 20px; }

.large-padding-left {
  padding-left: 20px; }

.large-padding-right {
  padding-right: 20px; }

.large-padding-bottom {
  padding-bottom: 20px; }

.center-text {
  text-align: center; }

.right-text {
  text-align: right; }

.middle-align {
  vertical-align: middle; }

.top-align {
  vertical-align: top; }

.centred-text {
  text-align: center; }

.display-inline {
  display: inline-block; }

/* PADDINGS */
.no-padding {
  padding: 0; }

.padding-top {
  padding-top: 10px; }

.padding-bottom {
  padding-bottom: 10px; }

.padding-left {
  padding-left: 10px; }

.padding-right {
  padding-right: 10px; }

.standard-padding-top {
  padding-top: 10px; }

.standard-padding-left {
  padding-left: 10px; }

.standard-padding-bottom {
  padding-bottom: 10px; }

.standard-padding-right {
  padding-right: 10px; }

.standardText {
  font-size: 14px;
  font-size: 14px; }

.standardVeryLargeText {
  font-size: 18px;
  font-size: 1.125rem; }

.standardLargeText {
  font-size: 16px;
  font-size: 1rem; }

.smaller-text {
  font-size: 12px;
  font-size: 0.75rem; }

.small-text {
  font-size: 11px;
  font-size: 0.6875rem; }

.large-text {
  font-size: 20px;
  font-size: 1.25rem; }

/* MARGINS */
.no-margin {
  margin: 0; }

.no-margin-top {
  margin-top: 0; }

.no-margin-bottom {
  margin-bottom: 0; }

.no-margin-left {
  margin-left: 0; }

.no-margin-right {
  margin-right: 0; }

.margin-top {
  margin-top: 20px; }

.margin-bottom {
  margin-bottom: 20px; }

.margin-left {
  margin-left: 20px; }

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

.margin-top-small,
.standard-margin-top {
  margin-top: 10px; }

.margin-bottom-small,
.standard-margin-bottom {
  margin-bottom: 10px; }

.margin-left-small,
.standard-margin-left {
  margin-left: 10px; }

.margin-right-small,
.standard-margin-right {
  margin-right: 10px; }

/* BORDERS */
.no-border-top {
  border-top: 0; }

.no-border {
  border: 0; }

.radius30 {
  border-radius: 30px; }

.full-border {
  border: 1px solid #d4dce3; }

.border-top {
  border-top: 1px solid #d4dce3; }

.border-bottom {
  border-bottom: 1px solid rgba(151, 151, 151, 0.1) !important; }

.border-left {
  border-left: 1px solid #d4dce3; }

.border-right {
  border-right: 1px solid #d4dce3; }

.full-width {
  width: 100%; }

.icon-caret-right:before {
  content: "\F142"; }

.icon-caret-down:before {
  content: "\F140"; }

.icon-caret-up:before {
  content: "\F143"; }

.icon-caret-left:before {
  content: "\F141"; }

.body-no-scroll {
  overflow: hidden;
  height: 100%;
  /*position: fixed;*/
  left: 0;
  right: 0; }

.pos-absolute {
  position: absolute; }
  .pos-absolute.top-right {
    top: 10px;
    right: 0; }
  .pos-absolute.bottom-right {
    bottom: 10px;
    right: 0; }

.top-margin {
  margin-top: 20px; }

.no-margins {
  margin: 0 !important; }

.pos-relative {
  position: relative; }

.content-divider {
  border-bottom: 1px dotted #080808;
  margin-bottom: 15px;
  padding-bottom: 10px; }

hr {
  border: 0;
  color: #dae9f8;
  background-color: #dae9f8;
  height: 2px;
  margin: 15px 0 10px; }

.txtColor {
  color: #202932; }

.red {
  color: #d91a1a; }

.green {
  color: #65bd3f; }

.gray {
  color: #606c77; }

.blue {
  color: #003580; }

.yellow {
  color: #ffd628; }

.icon-blue {
  color: #1c94d9; }

.seperator-bottom {
  border-bottom: solid 1px #d4dce3; }

.clear {
  clear: both; }

.clear-after {
  display: table;
  line-height: 0;
  content: "";
  clear: both; }

.small-margin-bottom {
  margin-bottom: 10px; }

.small-margin-top {
  margin-top: 5px; }

.visible {
  display: block; }

.clearfix {
  clear: both; }

.bold {
  font-weight: bold; }

.semi-bold {
  font-weight: 600; }

.normal {
  font-weight: normal; }

.italic {
  font-style: italic; }

.float-right {
  float: right; }

.unstyled {
  list-style: none; }

.btn-outline {
  height: 32px;
  border-radius: 6px;
  border: solid 1px rgba(0, 119, 186, 0.25);
  background-color: #f8fdff;
  padding: 7px 8px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  color: #0077ba;
  display: inline-block;
  text-align: center; }

.btn-border-blue {
  border-color: #1c94d9;
  color: #1c94d9;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: bold; }

.btn-orange {
  display: inline-block;
  background-repeat: repeat-x;
  background-image: linear-gradient(256deg, #fc881b, #fc6c00) !important;
  border: 1px solid #fc881b;
  text-shadow: none;
  color: #ffffff !important;
  text-transform: none;
  border-radius: 30px;
  box-shadow: none;
  height: 35px;
  font-size: 16px;
  padding: 0 12px;
  font-weight: 600;
  height: 40px;
  line-height: 36px;
  cursor: pointer;
  text-align: center; }
  .btn-orange a {
    color: #ffffff; }
  .btn-orange:hover, .btn-orange:focus {
    background-image: linear-gradient(256deg, #fc6c00, #fc881b) !important;
    color: #ffffff; }
    .btn-orange:hover a, .btn-orange:focus a {
      color: #ffffff; }

@media (min-width: 1200px) {
  .gradientBg {
    padding-top: 25px; } }

.dv-star-rating-star {
  pointer-events: none; }

[type="checkbox"],
[type="radio"] {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }
  [type="checkbox"]:hover + label::before,
  [type="radio"]:hover + label::before {
    border-color: #000; }
  [type="checkbox"]:active + label::before,
  [type="radio"]:active + label::before {
    transition-duration: 0; }
  [type="checkbox"] + label,
  [type="radio"] + label {
    position: relative;
    padding: 6px;
    user-select: none; }
    [type="checkbox"] + label::before,
    [type="radio"] + label::before {
      background-color: #fff;
      border: 2px solid #798491;
      box-sizing: content-box;
      content: "";
      color: #798491;
      margin-right: 3.5px;
      top: 50%;
      left: 0;
      width: 15px;
      height: 15px;
      display: inline-block;
      vertical-align: middle; }
    [type="checkbox"] + label::after,
    [type="radio"] + label::after {
      box-sizing: content-box;
      content: "";
      background-color: #798491;
      position: absolute;
      top: 13px;
      left: 11px;
      width: 11px;
      height: 11px;
      transform: scale(0);
      transform-origin: 50%;
      transition: transform 200ms ease-out; }
  [type="checkbox"][disabled] + label::before,
  [type="radio"][disabled] + label::before {
    animation: none;
    box-shadow: none;
    border: 1px solid rgba(128, 128, 128, 0.5); }
  [type="checkbox"][disabled]:active + label::before, [type="checkbox"][disabled]:hover + label::before,
  [type="radio"][disabled]:active + label::before,
  [type="radio"][disabled]:hover + label::before {
    border-color: rgba(128, 128, 128, 0.5);
    filter: none;
    transition: none; }

[type="checkbox"] + label::before, [type="checkbox"] + label::after {
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 10px; }

[type="checkbox"] + label::after {
  background-color: transparent;
  top: 46%;
  left: 6px;
  width: 9px;
  height: 4px;
  margin-top: calc(14px / -2 / 2 * 0.8);
  border-style: solid;
  border-color: #798491;
  border-width: 0 0 2px 2px;
  border-radius: 0;
  border-image: none;
  transform: rotate(-45deg) scale(0);
  transition: none; }

[type="checkbox"]:checked + label::before {
  background-color: #0077ba;
  border-color: #0077ba; }

[type="checkbox"]:checked + label::after {
  content: "";
  transform: rotate(-45deg) scale(1);
  transition: transform 200ms ease-out;
  border-color: #ffffff; }

[type="radio"] :focus {
  outline: none; }

[type="radio"] + label::before, [type="radio"] + label::after {
  border-radius: 50%; }

[type="radio"]:checked:active + label::before, [type="radio"]:checked:active + label::after, [type="radio"]:checked:focus + label::before, [type="radio"]:checked:focus + label::after {
  animation: none;
  outline: none;
  filter: none;
  transition: none;
  border-color: #0077ba; }

[type="radio"]:checked + label::before {
  animation: none;
  background-color: #fff;
  border-color: #0077ba; }

[type="radio"]:checked + label::after {
  transform: scale(1);
  background-color: #0077ba; }

@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 2px #900; } }

select {
  appearance: none;
  background-color: #fff;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%3E%3Cpolygon%20fill%3D%22%234D4D4D%22%20points%3D%228%2C0%2016%2C0%2012%2C4%208%2C8%204%2C4%200%2C0%20%22/%3E%3C/svg%3E);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  border: 2px solid grey;
  border-radius: 0;
  padding: 0.25em 0.4em;
  padding-right: 1.5em; }
  select:focus, select:hover {
    border-color: black;
    outline: none; }
  select:active {
    border-color: #900; }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none; }
  select:focus::-ms-value {
    background: transparent;
    color: grey; } }

.error-msg {
  display: block;
  color: red;
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms ease-out;
  will-change: max-height; }

:required:not(:focus) ~ .error-msg,
:invalid:required ~ .error-msg {
  max-height: 9em; }

input:focus {
  border: 1px solid black; }

input:not(:focus):invalid {
  border: 1px solid red;
  outline: none; }

input:not(:focus):valid {
  border: 1px solid green; }

form ul {
  list-style: none; }

label {
  cursor: pointer;
  display: inline-block; }

.accordion {
  border: 0 !important; }

.accord-item,
.accordion__item {
  padding: 15px;
  border-bottom: 1px solid #e2eaf2 !important; }
  .accord-item .accordion__panel,
  .accordion__item .accordion__panel {
    margin-top: 20px;
    padding: 0 !important; }

.accordion__button {
  position: relative;
  cursor: pointer;
  background-color: transparent !important;
  padding: 0 !important; }
  .accordion__button:before {
    position: absolute;
    right: 0;
    top: 5px;
    color: #003580;
    transform: rotate(-134deg); }
  .accordion__button:hover {
    background-color: transparent; }

.modal {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .modal ::-webkit-scrollbar {
    width: 4px; }
  .modal ::-webkit-scrollbar-track {
    background: #eee; }
  .modal ::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px; }
  .modal ::-webkit-scrollbar-thumb:hover {
    background: #555; }

.staff-info {
  color: #e94e1b;
  background-color: transparent !important; }
  .staff-info td {
    display: block !important; }

.errordivdesktop {
  position: absolute;
  padding-top: 5px;
  color: red;
  z-index: 109;
  top: 360px; }

.errordivmobile {
  position: absolute;
  color: red;
  left: 14%;
  top: 79%; }

@media (min-width: 768px) {
  .scrollTop {
    display: block !important; } }

#homepage .Homepagebanner {
  background-image: none;
  background-color: #f5f5f7;
  padding-bottom: 15px;
  margin-bottom: 10px; }
  #homepage .Homepagebanner .container {
    padding: 10px 0 0;
    display: flex;
    flex-flow: column-reverse; }
  #homepage .Homepagebanner .banner-heading {
    padding: 10px 0; }
  #homepage .Homepagebanner .atol-text {
    float: left;
    width: 80%;
    padding-right: 0; }
    #homepage .Homepagebanner .atol-text .banner-txt {
      display: block; }
      #homepage .Homepagebanner .atol-text .banner-txt .yellow {
        color: #fc6c00; }
    #homepage .Homepagebanner .atol-text h1 {
      font-size: 18px;
      color: #003580;
      font-weight: 700;
      margin-bottom: 5px; }
    #homepage .Homepagebanner .atol-text h3 {
      font-size: 13px;
      color: #5a5a5a; }
  #homepage .Homepagebanner .atol-logo {
    float: right;
    width: 20%; }
    #homepage .Homepagebanner .atol-logo .topp-logo {
      display: block; }
      #homepage .Homepagebanner .atol-logo .topp-logo i.topp {
        background-position: -183px -889px; }
    #homepage .Homepagebanner .atol-logo img {
      width: 52px; }
    #homepage .Homepagebanner .atol-logo .icon {
      background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1");
      display: inline-block;
      background-position: -61px -759px;
      width: 53px;
      height: 40px;
      position: relative;
      top: 12px; }

@media (min-width: 768px) {
  #homepage .Homepagebanner {
    margin: 0 auto;
    background-size: cover;
    position: relative;
    background-image: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-bg.jpg?v=1") !important;
    background-position: right bottom;
    background-color: #bad7f6;
    min-height: 370px; }
    #homepage .Homepagebanner .container {
      display: block;
      padding: 0; }
    #homepage .Homepagebanner #search-box {
      padding: 130px 0 100px; }
      #homepage .Homepagebanner #search-box .search-wrapper {
        padding: 0; }
    #homepage .Homepagebanner .atol-text {
      padding-right: 15px; }
    #homepage .Homepagebanner .banner-heading {
      padding-top: 35px; }
      #homepage .Homepagebanner .banner-heading h1 {
        display: inline-block;
        padding: 0 0 3px;
        font-size: 52px;
        color: #ffffff;
        font-weight: bold;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
      #homepage .Homepagebanner .banner-heading .banner-txt {
        display: block;
        font-size: 26px;
        font-weight: 600;
        line-height: 28px;
        color: #ffffff;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
        #homepage .Homepagebanner .banner-heading .banner-txt .yellow {
          color: #ffd628; }
      #homepage .Homepagebanner .banner-heading .atol-logo {
        padding-left: 0; }
        #homepage .Homepagebanner .banner-heading .atol-logo img {
          width: 100px; }
        #homepage .Homepagebanner .banner-heading .atol-logo .topp-logo {
          margin-top: 50px; }
    #homepage .Homepagebanner .bggirl {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 600px; } }

@media (min-width: 768px) and (max-width: 990px) {
  #homepage .Homepagebanner .banner-heading h1 {
    font-size: 26px;
    margin: 0; }
  #homepage .Homepagebanner .banner-heading .banner-txt {
    font-size: 20px;
    line-height: 22px; }
  #homepage .Homepagebanner .atol-text {
    width: 90%; }
  #homepage .Homepagebanner .atol-logo {
    width: 10%; }
    #homepage .Homepagebanner .atol-logo img {
      width: 70px; }
  #homepage .Homepagebanner #search-box .search-wrapper {
    padding: 0; } }

@media (max-width: 320px) {
  #homepage .Homepagebanner .atol-text h3 {
    font-size: 11px; } }

.trust-logos {
  border-bottom: 1px solid #357fd6;
  padding: 0;
  margin-bottom: 20px; }
  .trust-logos [class*="col-"] {
    padding: 0; }
  .trust-logos i {
    display: inline-block; }
  .trust-logos span {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    line-height: 20px;
    position: relative;
    top: 10px;
    left: 6px;
    color: #003580;
    font-size: 18px; }
  .trust-logos .deposit-block::after {
    content: "";
    display: inline-block;
    height: 38px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 17px;
    background: #d9d6da; }
  .trust-logos .trustpilot-rtng i {
    width: 217px;
    height: 58px;
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1") -9px -69px; }
  .trust-logos .ggle-rtng i {
    width: 110px;
    height: 62px;
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1") -136px -214px; }
  .trust-logos .atol-bar i {
    width: 55px;
    height: 56px;
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1") -59px 276px; }
  .trust-logos .deposit {
    position: relative;
    left: -10px; }
    .trust-logos .deposit i {
      width: 51px;
      height: 53px;
      background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1") -1px 277px; }
  .trust-logos .trust-mobile {
    padding: 0;
    margin-bottom: 5px; }
    .trust-logos .trust-mobile .float-left,
    .trust-logos .trust-mobile .float-right {
      width: 33%;
      text-align: center; }
    .trust-logos .trust-mobile .trustpilot-rtng i {
      background-position: -308px -5px;
      width: 98px;
      height: 56px;
      position: relative;
      top: 9px; }
    .trust-logos .trust-mobile .atol-bar {
      position: relative;
      top: -6px; }
      .trust-logos .trust-mobile .atol-bar i {
        background-position: -49px 236px;
        background-size: 680%; }
      .trust-logos .trust-mobile .atol-bar span {
        font-size: 13px;
        line-height: 12px;
        text-align: center;
        top: -6px;
        left: auto;
        display: block; }
    .trust-logos .trust-mobile .deposit {
      left: auto; }
      .trust-logos .trust-mobile .deposit i {
        width: 41px;
        height: 40px;
        background-position: -337px 308px; }
      .trust-logos .trust-mobile .deposit span {
        display: block;
        text-align: center;
        font-size: 11px;
        line-height: 12px;
        text-align: center;
        font-weight: 700;
        left: 0;
        top: -5px;
        color: #003580; }
    .trust-logos .trust-mobile .ggle-rtng.mob i {
      background-position: -136px -220px;
      width: 117px;
      height: 51px; }

.trust-banner {
  width: 100%;
  margin: 0 auto; }
  .trust-banner .row {
    display: table;
    width: 100%;
    text-align: center; }
  .trust-banner .trustpilot-rtng {
    display: none; }
  .trust-banner .display-inline:first-child {
    display: none !important; }

@media (min-width: 768px) {
  .trust-logos {
    padding: 12px 0;
    margin-bottom: 25px; }
    .trust-logos .ggle-rtng {
      margin: 0; }
      .trust-logos .ggle-rtng i {
        width: 133px;
        height: 62px;
        background-position: -4px -213px; }
    .trust-logos .trust-banner .display-inline {
      display: inline-block !important; }
      .trust-logos .trust-banner .display-inline:first-child {
        display: none !important; } }

@media (min-width: 768px) and (max-width: 990px) {
  .trust-logos {
    padding: 20px 0; }
    .trust-logos span {
      font-size: 14px; }
    .trust-logos .trustpilot-rtng i {
      width: 170px;
      background-position: -230px -64px;
      position: relative;
      left: -20px; }
    .trust-logos .ggle-rtng i {
      width: 126px;
      height: 56px;
      background-position: -131px -220px; }
    .trust-logos .deposit {
      position: relative;
      left: 20px; } }

#marketing-banners .marketing-section a {
  border-radius: 8px;
  overflow: hidden;
  display: block; }

#marketing-banners .marketing-section img {
  border-radius: 6px; }

#marketing-banners .marketing-section:first-child .promotxt {
  right: 25px; }

#marketing-banners .marketing-section:first-child .promotxt {
  width: 465px; }

#marketing-banners .marketing-section .promo-right {
  position: relative;
  margin-bottom: 25px; }
  #marketing-banners .marketing-section .promo-right:last-child {
    margin-bottom: 0; }
    #marketing-banners .marketing-section .promo-right:last-child .promotxt {
      text-align: left;
      left: 15px;
      width: 260px;
      pointer-events: none; }
    #marketing-banners .marketing-section .promo-right:last-child .promotxtUK {
      width: 335px;
      right: 15px;
      left: auto;
      text-align: right; }

#marketing-banners .marketing-section .promotxt {
  color: #ffffff;
  position: absolute;
  top: 10px;
  right: 15px;
  text-align: right;
  pointer-events: none;
  text-shadow: 0px 1px 3px #333;
  width: 350px; }
  #marketing-banners .marketing-section .promotxt:first-child {
    display: none; }
  #marketing-banners .marketing-section .promotxt .promoname {
    padding-bottom: 8px; }
    #marketing-banners .marketing-section .promotxt .promoname strong {
      font-size: 32px;
      font-weight: 600;
      color: #fff;
      line-height: 36px; }
    #marketing-banners .marketing-section .promotxt .promoname .mb-0 {
      margin-bottom: 0px !important; }
  #marketing-banners .marketing-section .promotxt .promoprice {
    padding-top: 8px;
    border-top: 1px dashed #fff;
    display: inline-block;
    line-height: 20px; }
    #marketing-banners .marketing-section .promotxt .promoprice .from {
      font-size: 22px;
      margin: 0; }
    #marketing-banners .marketing-section .promotxt .promoprice .price {
      font-size: 40px;
      margin-top: 10px;
      color: #f8e71c;
      font-weight: 700; }
    #marketing-banners .marketing-section .promotxt .promoprice .pppn {
      font-size: 16px;
      color: #fff;
      margin: 14px 0 0; }
    #marketing-banners .marketing-section .promotxt .promoprice .btn-orange {
      text-align: center;
      line-height: 38px;
      margin: 20px 0;
      width: 160px;
      font-size: 18px;
      height: 40px; }

#marketing-banners .inspiration-carousel .slick-slide {
  width: 320px !important; }

#marketing-banners .inspiration-carousel .inspiration-block {
  position: relative; }
  #marketing-banners .inspiration-carousel .inspiration-block .promoname {
    padding-bottom: 10px; }
  #marketing-banners .inspiration-carousel .inspiration-block .promotxt {
    text-align: center;
    background-color: rgba(0, 53, 128, 0.9);
    padding: 10px;
    width: 180px;
    right: 10px;
    top: 0;
    position: absolute;
    color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; }
    #marketing-banners .inspiration-carousel .inspiration-block .promotxt p {
      margin: 0; }
    #marketing-banners .inspiration-carousel .inspiration-block .promotxt strong {
      font-weight: 400;
      font-size: 18px;
      line-height: 22px;
      text-transform: capitalize; }
    #marketing-banners .inspiration-carousel .inspiration-block .promotxt .mf-12 {
      font-size: 12px; }
  #marketing-banners .inspiration-carousel .inspiration-block .promoprice {
    padding-top: 10px;
    border-top: 1px dashed #fff;
    display: inline-block; }
    #marketing-banners .inspiration-carousel .inspiration-block .promoprice .price {
      font-size: 38px;
      font-weight: 700;
      color: #f8e71c;
      margin-top: 10px;
      line-height: 20px; }
    #marketing-banners .inspiration-carousel .inspiration-block .promoprice .pppn {
      font-size: 14px;
      color: #fff;
      margin: 14px 0 0; }

@media (min-width: 768px) {
  #marketing-banners .marketing-section:first-child {
    padding-right: 10px; } }

@media (min-width: 768px) and (max-width: 990px) {
  #marketing-banners .marketing-section .promotxt .promoname {
    padding-bottom: 10px; }
    #marketing-banners .marketing-section .promotxt .promoname strong {
      font-size: 26px;
      line-height: 18px; }
  #marketing-banners .marketing-section .promotxt .promoprice {
    padding-top: 5px; }
    #marketing-banners .marketing-section .promotxt .promoprice .from {
      font-size: 20px;
      margin-bottom: 5px; }
    #marketing-banners .marketing-section .promotxt .promoprice .price {
      font-size: 24px;
      margin-top: 0; }
  #marketing-banners .marketing-section:first-child img {
    height: auto; }
  #marketing-banners .inspiration-block {
    position: relative; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #marketing-banners .marketing-section .promotxt .promoname {
    padding-bottom: 3px; }
    #marketing-banners .marketing-section .promotxt .promoname strong {
      font-size: 22px;
      line-height: 18px; }
  #marketing-banners .marketing-section .promotxt .promoprice {
    padding-top: 3px; }
    #marketing-banners .marketing-section .promotxt .promoprice .price {
      font-size: 36px; }
    #marketing-banners .marketing-section .promotxt .promoprice .pppn {
      font-size: 15px;
      margin: 10px 0 0; }
  #marketing-banners .marketing-section .promo-right:last-child .promotxt {
    width: 400px; }
  .mobile-navbar .logo {
    margin-right: 6px !important; }
  footer .trust-logos [class*="col-"] {
    padding: 0 !important; } }

#most-popular .slick-list {
  overflow: hidden; }

#most-popular .slick-slide {
  margin-right: 0px;
  position: relative;
  padding: 0 10px;
  float: left; }
  #most-popular .slick-slide .view-dest {
    border: 1px solid rgba(121, 132, 145, 0.17);
    border-radius: 6px;
    background-color: #fff;
    min-height: 180px;
    text-align: center;
    position: relative; }
    #most-popular .slick-slide .view-dest .tile {
      position: relative;
      text-align: center;
      display: inline-block;
      left: 0;
      color: #0077ba; }
      #most-popular .slick-slide .view-dest .tile strong {
        line-height: 20px;
        font-size: 18px;
        display: inline-block;
        color: #0077ba;
        padding: 0 15px 6px;
        border-bottom: 1px dotted #979797;
        margin-bottom: 3px; }

#most-popular .popular-destination {
  overflow: hidden; }
  #most-popular .popular-destination .popular-dest {
    list-style: none;
    float: left;
    position: relative; }
    #most-popular .popular-destination .popular-dest a {
      overflow: hidden;
      position: relative;
      display: block;
      border-radius: 6px;
      height: 170px; }
    #most-popular .popular-destination .popular-dest img {
      border-radius: 6px; }
  #most-popular .popular-destination .destName {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-image: linear-gradient(to bottom, rgba(7, 131, 173, 0), #034c75);
    padding-bottom: 20px;
    text-align: center;
    height: auto !important;
    line-height: 20px;
    margin: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    pointer-events: none; }

#most-popular h3,
#most-popular .tag-line {
  padding-left: 12px; }

.seemore-btn a {
  font-size: 13px;
  font-weight: 600;
  color: #9aa1a9;
  position: relative;
  top: -1px; }

.arrowicon {
  color: #fff;
  background: #1c94d9;
  font-size: 15px !important;
  border-radius: 15px !important; }

.viewall-btn {
  background: #fff !important;
  color: #1c94d9 !important;
  padding: 6px 16px !important;
  border-radius: 18px !important;
  border-color: #fff !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.21);
  position: relative;
  top: 10px; }
  .viewall-btn a {
    font-weight: 400; }
  .viewall-btn a:hover {
    text-decoration: none; }

@media (min-width: 768px) {
  #most-popular h3,
  #most-popular .tag-line {
    padding-left: 0; }
  #most-popular .slick-slide {
    height: auto !important; }
    #most-popular .slick-slide .view-dest {
      min-height: 250px; }
      #most-popular .slick-slide .view-dest .tile {
        margin: 46% 0; }
  #most-popular .popular-destination .popular-dest .destName {
    font-size: 18px; }
    #most-popular .popular-destination .popular-dest .destName span {
      font-size: 16px;
      font-weight: normal; }
  #most-popular .popular-destination .popular-dest a {
    height: auto; }
  .hide-desktop {
    display: none !important; }
  .hide-mobile {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 979px) {
  .viewall-btn {
    top: -6px; } }

@media (max-width: 767px) {
  #most-popular .slick-slide {
    width: 160px !important; } }

@media (max-width: 348px) {
  #most-popular .slick-slide {
    width: 140px !important;
    padding: 0 5px; }
  #marketing-banners .inspiration-carousel .slick-slide {
    width: 290px !important;
    padding: 0 5px; } }

.signup-form {
  background-color: #003580;
  color: #ffffff;
  padding: 15px 15px 10px;
  margin-bottom: 0; }
  .signup-form .container {
    padding: 0; }
  .signup-form .signup-section {
    border: none; }
    .signup-form .signup-section h4 {
      text-align: center;
      font-size: 14px;
      color: #ffffff; }
  .signup-form .signup-input .input-box {
    padding-right: 0; }
  .signup-form .newsltr-tagline {
    font-size: 13px;
    font-weight: normal; }
  .signup-form .signup-btn .btn-orange {
    width: 85px;
    height: 40px;
    border-radius: 25px;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border: 0; }

@media (min-width: 768px) {
  .signup-form {
    padding: 10px; }
    .signup-form .signup-btn .btn-orange {
      width: 100px; }
    .signup-form .newsltr-tagline {
      font-size: 18px;
      font-weight: 400; }
    .signup-form .signup-section {
      border-right: 2px dotted #357fd6;
      padding: 15px 15px 15px 0; }
      .signup-form .signup-section h4 {
        text-align: right;
        font-size: 23px; }
    .signup-form .signup-input {
      position: relative;
      top: 25px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .signup-form .signup-input {
    top: 18px; }
  .signup-form .signup-section h4 {
    font-size: 16px; }
    .signup-form .signup-section h4 .newsltr-tagline {
      font-size: 14px; } }

.recent-carousel {
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.15);
  position: relative; }
  .recent-carousel h4 {
    color: #003580;
    font-size: 15px;
    font-weight: 700;
    display: block;
    margin-bottom: 4px; }
  .recent-carousel .hotel-image {
    border-radius: 0;
    overflow: hidden; }
    .recent-carousel .hotel-image img {
      width: 100%;
      border-radius: 0;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      margin-bottom: 0;
      height: 170px;
      display: inline-block; }
  .recent-carousel .recent-content {
    padding: 12px 14px; }
    .recent-carousel .recent-content .trip-rating {
      top: auto;
      overflow: hidden;
      display: block;
      width: auto;
      height: auto;
      border: 0;
      line-height: 15px;
      padding: 0;
      color: #202932;
      left: 0;
      margin-top: 3px; }
      .recent-carousel .recent-content .trip-rating .review-count {
        font-size: 11px;
        top: -2px; }
    .recent-carousel .recent-content .recent-left {
      border-bottom: solid 1px #e9e9e9;
      padding-bottom: 6px;
      margin-bottom: 7px;
      overflow: hidden; }
      .recent-carousel .recent-content .recent-left .star-rating {
        float: left;
        border-right: solid 1px #979797;
        padding-right: 7px;
        line-height: 10px;
        position: relative;
        top: 3px;
        margin-right: 8px; }
        .recent-carousel .recent-content .recent-left .star-rating .dv-star-rating label i {
          font-size: 16px; }
    .recent-carousel .recent-content .recent-price {
      position: relative;
      text-align: left; }
      .recent-carousel .recent-content .recent-price p {
        color: #003580;
        font-size: 13px;
        margin: 0;
        line-height: normal; }
      .recent-carousel .recent-content .recent-price .btn-orange {
        margin-top: 13px;
        width: 128px;
        height: 35px;
        line-height: 32px;
        padding: 0;
        border-radius: 30px;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: center; }

@media (min-width: 1025px) {
  .recent-carousel {
    width: 66%;
    display: flex !important;
    padding: 10px 12px 10px 10px;
    border: 1px solid #cac7c7; }
    .recent-carousel h4 {
      font-size: 18px;
      font-weight: 600; }
    .recent-carousel a {
      display: flex;
      width: 100%; }
    .recent-carousel .hotel-image {
      float: left;
      border-radius: 6px; }
      .recent-carousel .hotel-image img {
        width: 200px;
        height: 140px;
        border-radius: 6px;
        margin-bottom: 0; }
    .recent-carousel .recent-content {
      padding: 0;
      width: 60%; }
      .recent-carousel .recent-content .recent-left {
        float: left;
        border: 0;
        padding: 0;
        margin: 0;
        margin-right: 5px;
        margin-left: 10px;
        padding-right: 5px;
        border-right: dotted 1px #e0e0e0;
        width: 49%;
        height: 100%;
        position: relative; }
        .recent-carousel .recent-content .recent-left .star-rating {
          float: none;
          padding: 0;
          margin: 0;
          border: 0; }
          .recent-carousel .recent-content .recent-left .star-rating .dv-star-rating label i {
            font-size: 20px; }
      .recent-carousel .recent-content .recent-right {
        float: right; }
      .recent-carousel .recent-content .trip-rating {
        position: absolute;
        bottom: 0;
        width: 60%; }
        .recent-carousel .recent-content .trip-rating span {
          display: block; }
        .recent-carousel .recent-content .trip-rating .review-count {
          top: 0;
          font-size: 13px; }
      .recent-carousel .recent-content .recent-price {
        position: relative;
        top: 35px;
        text-align: center; }
        .recent-carousel .recent-content .recent-price p {
          font-size: 14px; }
        .recent-carousel .recent-content .recent-price .btn-orange {
          position: relative;
          bottom: auto; }
        .recent-carousel .recent-content .recent-price strong {
          font-size: 24px; } }

#homepage .row {
  margin: 0; }

#homepage h3 {
  margin-bottom: 12px;
  color: #003580;
  text-transform: none;
  font-size: 18px; }

#homepage .large-padding {
  padding: 10px !important; }

@media (max-width: 1440px) {
  #homepage .container,
  header .container {
    max-width: 1170px !important; } }

@media (min-width: 1200px) {
  #homepage .container {
    width: 1440px;
    max-width: 1440px;
    padding: 0; }
    #homepage .container .banner-heading,
    #homepage .container #search-box {
      width: 1170px;
      margin: 0 auto 5px; } }

@media (min-width: 768px) {
  #homepage h3 {
    font-size: 26px;
    font-weight: 700;
    color: #003580;
    margin: 0;
    margin-bottom: 20px; } }

@media (min-width: 768px) and (max-width: 979px) {
  .Homepagebanner {
    background-position: 82% bottom; }
    .Homepagebanner #search-box {
      padding-bottom: 220px; }
  #homepage .container {
    width: 724px !important;
    max-width: 724px !important; } }

@media (min-width: 979px) and (max-width: 1024px) {
  #homepage h3 {
    font-size: 20px; }
  #homepage .container {
    width: 940px !important;
    max-width: 940px !important; }
  #homepage .row {
    margin: 0; } }

#breadcrumbtrail .breadcrumb {
  background-color: transparent;
  font-size: 11px;
  font-size: 0.6875rem;
  margin: 0;
  padding-left: 0;
  padding: 0; }
  #breadcrumbtrail .breadcrumb a {
    color: #0077ba;
    font-size: 11px;
    padding: 0;
    display: inline-block; }

.nav-tabs {
  border: 0;
  border-bottom: 1px solid #e5e9ed; }
  .nav-tabs .nav-item {
    width: 50%;
    text-align: center; }
    .nav-tabs .nav-item .nav-link {
      color: #202932;
      font-size: 15px;
      font-size: 0.9375rem;
      border: 0;
      padding: 8px;
      font-weight: 600;
      cursor: pointer; }
      .nav-tabs .nav-item .nav-link.active {
        border-bottom: 3px solid #0077ba;
        color: #1c94d9;
        font-weight: 700; }
    .nav-tabs .nav-item.react-tabs__tab--selected {
      border-bottom: 3px solid #0077ba;
      color: #1c94d9;
      font-weight: 700;
      padding: 5px 0; }
      .nav-tabs .nav-item.react-tabs__tab--selected .nav-link {
        color: #1c94d9;
        font-weight: 700; }

.react-tabs .spinner {
  display: block;
  margin: 50px auto 10px; }

.card-body {
  padding: 10px 0;
  border: 0; }

#amenities {
  padding: 20px 0px; }
  #amenities .nav-tabs {
    margin-bottom: 10px; }

.tooltip-container {
  cursor: pointer;
  position: relative;
  display: inline-block; }
  .tooltip-container:last-child i {
    margin-right: 0; }

.tooltip {
  opacity: 0;
  z-index: 99;
  width: 190px;
  display: block;
  padding: 5px 10px;
  height: auto;
  box-shadow: 0 2px 11px 4px rgba(0, 0, 0, 0.18);
  background-color: #fff;
  z-index: 1;
  border-radius: 6px;
  font-size: 12px;
  color: #56626e !important;
  line-height: 17px;
  text-align: left;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  position: absolute;
  right: -145px;
  bottom: 40px; }
  .tooltip strong {
    text-align: left;
    border-bottom: dashed 1px #1c94d9;
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 3px;
    margin-bottom: 3px; }

.facility-tooltip i {
  margin-right: 12px;
  display: inline-block;
  font-size: 24px; }

.facility-tooltip ul li span {
  color: #56626e !important;
  padding-right: 3px; }

.facility-tooltip ul li:last-child span {
  display: none; }

.top-facility {
  display: grid; }
  .top-facility .see-all {
    float: right !important; }
    .top-facility .see-all i {
      font-size: 24px;
      vertical-align: middle;
      height: auto;
      line-height: 0; }

.tooltip:before,
.tooltip:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid #8b8b8b00;
  border-top: 10px solid #d8d8d8;
  position: absolute;
  bottom: -10px;
  left: 6%; }

.tooltip-container:hover .tooltip,
a:hover .tooltip {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.accordion .accordion-item:last-child {
  border: 0; }

.accordion .accordion-item .title {
  background-color: #ffffff;
  color: #444;
  cursor: pointer;
  padding: 12px 20px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
  .accordion .accordion-item .title:after {
    content: "\F140";
    font-family: Material Design Icons;
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px; }

.accordion .accordion-item .panel {
  max-height: 0;
  -webkit-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  overflow: hidden; }

.accordion .accordion-item.active .title:after {
  content: "\2796";
  /* Unicode character for "minus" sign (-) */ }

.accordion .accordion-item.active .panel {
  max-height: 500px; }

.facility {
  padding: 12px 0; }
  .facility .accord-content {
    border-bottom: 1px solid #dedede;
    padding: 10px 0;
    position: relative; }
    .facility .accord-content:last-child {
      border: 0 !important; }
  .facility .fac-icon {
    position: absolute;
    top: 10px;
    font-size: 20px;
    left: 12px; }
  .facility .open {
    border-bottom: 1px solid #dedede;
    padding: 10px 0;
    position: relative; }
    .facility .open .accord-header:before {
      content: "\F143"; }
  .facility .accord-header {
    padding-left: 40px;
    font-weight: 500; }
    .facility .accord-header:before {
      content: "\F140";
      display: inline-block;
      font-size: 24px;
      color: #0077ba;
      font-family: Material Design Icons;
      font-weight: 400;
      position: absolute;
      right: 10px;
      top: 5px; }
    .facility .accord-header i {
      margin-right: 10px;
      font-size: 20px;
      vertical-align: middle; }
    .facility .accord-header span {
      display: inline-block;
      vertical-align: middle;
      font-size: 15px; }
  .facility ul {
    display: inline-block;
    padding-top: 6px;
    padding-left: 40px; }
    .facility ul li {
      font-size: 14px;
      color: #202932;
      display: block; }
  .facility .accordion__panel {
    padding: 10px 25px; }

@media (min-width: 768px) {
  .nav-tabs .nav-item {
    width: auto; }
    .nav-tabs .nav-item .nav-link {
      padding: 8px 30px; }
  .facility {
    border: 0;
    padding: 15px 0; }
    .facility i {
      font-size: 22px;
      vertical-align: middle;
      margin-right: 10px;
      float: left; }
    .facility h4 {
      width: 30%;
      margin: 0; }
      .facility h4 span {
        color: #58595b;
        font-size: 16px;
        display: block; }
    .facility ul {
      width: 70%;
      padding-top: 0;
      margin: 0;
      padding-left: 0; }
      .facility ul li {
        width: 32%;
        display: inline-block; }
    .facility:last-child.border-bottom {
      border-bottom: 0 !important; } }

.hotel-image .image-gallery img {
  object-fit: cover; }

.hotel-image .image-gallery .image-gallery-content .image-gallery-image {
  height: 200px; }

.hotel-image .image-gallery .image-gallery-content .image-gallery-icon {
  opacity: 1; }

.hotel-image .image-gallery .image-gallery-content .image-gallery-slides {
  border-radius: 0; }

.hotel-image .image-carousel {
  position: relative; }

@media (min-width: 768px) {
  .hotel-image .image-gallery .image-gallery-content .image-gallery-thumbnails {
    display: block; }
    .hotel-image .image-gallery .image-gallery-content .image-gallery-thumbnails .image-gallery-thumbnail-image {
      height: 60px; }
  .hotel-image .image-gallery .image-gallery-content .image-gallery-image {
    height: 425px; }
  .reviews-on-carousel {
    border-radius: 4px;
    background-color: #ffffff;
    width: 420px;
    height: 55px;
    margin-left: 10px;
    position: absolute;
    bottom: 100px;
    overflow: hidden; }
    .reviews-on-carousel .review-lft {
      background-color: #003580;
      padding: 6px 15px;
      width: 150px;
      color: #fff;
      float: left;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      cursor: pointer; }
      .reviews-on-carousel .review-lft .rvw-rtng {
        font-size: 16px;
        font-size: 1rem;
        font-weight: 700; }
    .reviews-on-carousel .review-rgt {
      color: #003580;
      float: left;
      width: 250px;
      overflow: hidden;
      padding: 6px 12px; }
      .reviews-on-carousel .review-rgt p {
        font-style: italic; }
      .reviews-on-carousel .review-rgt .slick-arrow,
      .reviews-on-carousel .review-rgt .slick-dots {
        display: none !important; }
      .reviews-on-carousel .review-rgt .slick-slide {
        float: left;
        margin-right: 10px; }
    .reviews-on-carousel p {
      margin: 0; } }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

h4 {
  font-size: 16px;
  font-weight: 600;
  color: #202932; }

#hotel-location .hotel-map {
  padding: 0;
  position: relative; }
  #hotel-location .hotel-map .vmap {
    position: absolute;
    bottom: 16px;
    right: 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    color: #091368;
    font-size: 15px;
    cursor: pointer; }

#hotel-location ul li {
  list-style-type: disc;
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 15px;
  margin-bottom: 8px;
  color: #202932; }
  #hotel-location ul li span {
    display: inline-block; }
    #hotel-location ul li span.distance {
      font-weight: 700; }

#hotel-location .nearby-location {
  padding: 20px 15px 0;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  #hotel-location .nearby-location ::-webkit-scrollbar {
    width: 4px; }
  #hotel-location .nearby-location ::-webkit-scrollbar-track {
    background: #eee; }
  #hotel-location .nearby-location ::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px; }
  #hotel-location .nearby-location ::-webkit-scrollbar-thumb:hover {
    background: #555; }
  #hotel-location .nearby-location ul {
    max-height: 325px;
    overflow: auto;
    padding-right: 10px;
    margin-top: 20px; }
  #hotel-location .nearby-location li {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 10px;
    overflow: hidden; }
    #hotel-location .nearby-location li.link {
      color: #0077ba;
      cursor: pointer; }
      #hotel-location .nearby-location li.link .icon {
        position: relative;
        top: -2px;
        color: #0077ba; }

#hotel-location .at-glance h4 {
  margin-top: 15px; }

#hotel-location .glance {
  margin-bottom: 15px;
  overflow: hidden; }

#hotel-location .time-zone {
  border: 1px solid rgba(202, 209, 216, 0.7);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  text-align: center;
  padding: 12px 0;
  overflow: hidden; }
  #hotel-location .time-zone li {
    display: inline-block;
    width: 45%;
    list-style-type: none;
    margin: 0; }
    #hotel-location .time-zone li .tag-head {
      font-size: 13px;
      font-weight: 600;
      margin-bottom: 8px;
      color: #606c77; }
    #hotel-location .time-zone li .tag-desc {
      font-size: 15px; }

@media (min-width: 768px) {
  #hotel-location .hotel-map img {
    height: 360px; }
  #hotel-location .nearby-location {
    padding: 0 20px 0 30px; }
  #hotel-location .glance li {
    width: 46%;
    float: left; }
  #hotel-location .time-zone li {
    width: 22%; } }

@media (min-width: 768px) and (max-width: 1024px) {
  #hotel-location .nearby-location {
    padding: 20px 0 0; } }

#reviews .review-list {
  border-bottom: 1px solid #d4dce3 !important;
  padding: 15px 0 20px !important;
  margin: 0; }
  #reviews .review-list:last-child {
    border-bottom: 0 !important;
    margin-bottom: 0; }

#reviews .rating-no {
  color: #65bd3f;
  font-weight: 700;
  font-size: 20px; }

#reviews .rating-txt {
  font-size: 16px;
  font-weight: 700; }

#reviews .reviewer {
  color: #606c77;
  font-size: 13px; }

#reviews .review-date {
  font-size: 13px;
  color: #606c77;
  margin-bottom: 5px; }

#reviews .description {
  line-height: 20px;
  font-size: 15px; }

#tripAdvisorReviews {
  width: 100%;
  margin-top: 20px;
  background: url("https://cdn4.alpharooms.com/assets-ux-new/images/loader.gif?v=1") no-repeat;
  background-position: top center;
  margin: 0 auto;
  text-align: center; }

#divDestinationReviews,
#destMap {
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 768px) {
  #reviews-section .sort-review {
    position: absolute;
    right: 0px;
    top: -60px;
    width: 300px;
    left: auto; }
  #divDestinationReviews,
  #destMap {
    padding-left: 0;
    padding-right: 0; } }

.sticky {
  left: auto; }
  .sticky .sticky-nav {
    display: block; }

.sticky-nav {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: none; }
  .sticky-nav .row {
    margin: 0 !important; }
  .sticky-nav .container {
    padding: 0; }
  .sticky-nav .slick-slider .slick-track .slick-slide {
    float: left;
    width: auto !important; }
  .sticky-nav .slick-slider .slick-arrow {
    display: none !important; }
  .sticky-nav .hotel-nav ul {
    margin: 0; }
  .sticky-nav .hotel-nav .nav-item,
  .sticky-nav .hotel-nav .slick-slide {
    float: left;
    text-align: center; }
    .sticky-nav .hotel-nav .nav-item a,
    .sticky-nav .hotel-nav .slick-slide a {
      padding: 17px 12px;
      text-transform: capitalize;
      display: inline-block;
      color: #202932;
      cursor: pointer; }
      .sticky-nav .hotel-nav .nav-item a:hover, .sticky-nav .hotel-nav .nav-item a:focus,
      .sticky-nav .hotel-nav .slick-slide a:hover,
      .sticky-nav .hotel-nav .slick-slide a:focus {
        text-decoration: none; }
  .sticky-nav .hotel-nav .active,
  .sticky-nav .hotel-nav .slick-current {
    float: left;
    width: auto !important; }
    .sticky-nav .hotel-nav .active a,
    .sticky-nav .hotel-nav .slick-current a {
      padding: 15px 12px;
      display: inline-block;
      color: #1c94d9;
      border-bottom: 3px solid #1c94d9;
      font-weight: 700;
      position: relative; }
      .sticky-nav .hotel-nav .active a::before, .sticky-nav .hotel-nav .active a::after,
      .sticky-nav .hotel-nav .slick-current a::before,
      .sticky-nav .hotel-nav .slick-current a::after {
        display: none; }
      .sticky-nav .hotel-nav .active a:before,
      .sticky-nav .hotel-nav .slick-current a:before {
        left: -6px;
        border-top-left-radius: 6px; }
      .sticky-nav .hotel-nav .active a:after,
      .sticky-nav .hotel-nav .slick-current a:after {
        right: -6px;
        border-top-right-radius: 6px; }
  .sticky-nav .hotel-nav.mobile-nav .nav-item a,
  .sticky-nav .hotel-nav.mobile-nav .slick-current a {
    padding: 12px 6px;
    font-size: 12px; }

@media (min-width: 768px) {
  #sticky-nav .hotel-nav .nav-item a {
    padding: 14px 16px; } }

.hotel-details [class*="col-"],
.establishment-details [class*="col-"] {
  padding: 0; }

.hotel-details .row,
.establishment-details .row {
  margin-bottom: 10px; }

.hotel-details #hotel-summary {
  margin-right: -15px;
  margin-left: -15px;
  width: auto; }

#hotel-summary {
  padding-top: 0 !important; }
  #hotel-summary .hotel-image {
    padding: 0; }
  #hotel-summary .modal-link {
    font-size: 13px;
    font-weight: 600;
    color: #1c94d9;
    cursor: pointer;
    position: relative;
    left: 10px; }
    #hotel-summary .modal-link:hover {
      color: #003580; }
  #hotel-summary .add-flights .modal-link {
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0; }
    #hotel-summary .add-flights .modal-link i {
      font-size: 22px;
      line-height: 20px;
      margin-top: 2px; }
  #hotel-summary h4 {
    font-weight: 700;
    font-size: 14px; }
  #hotel-summary .attractions li {
    display: inline-block;
    width: 100%;
    font-size: 13px; }
    #hotel-summary .attractions li span.float-left {
      width: 75%; }
  #hotel-summary .hotel-summary {
    padding: 0;
    background-color: #ffffff; }
    #hotel-summary .hotel-summary .hotel-name {
      width: 88%;
      margin-top: 8px;
      word-break: break-word; }
      #hotel-summary .hotel-summary .hotel-name h1 {
        font-size: 18px;
        font-size: 1.125rem;
        margin-top: 10px; }
    #hotel-summary .hotel-summary .hotel-social-icons {
      margin-top: 10px;
      border-left: 1px solid rgba(151, 151, 151, 0.1);
      padding-left: 10px;
      position: absolute;
      right: 10px; }
      #hotel-summary .hotel-summary .hotel-social-icons i {
        cursor: pointer; }
      #hotel-summary .hotel-summary .hotel-social-icons .icon-blue {
        font-size: 22px;
        cursor: pointer; }
      #hotel-summary .hotel-summary .hotel-social-icons .v-divider {
        margin: 0 4px; }
      #hotel-summary .hotel-summary .hotel-social-icons .share-icon,
      #hotel-summary .hotel-summary .hotel-social-icons .icon-blue {
        display: block;
        margin-bottom: 8px; }
    #hotel-summary .hotel-summary .ratings-review .star-icon {
      font-size: 16px;
      font-size: 1rem; }
    #hotel-summary .hotel-summary .hotel-address {
      margin-bottom: 3px;
      overflow: hidden; }
      #hotel-summary .hotel-summary .hotel-address .address {
        display: inline-block;
        font-size: 13px;
        font-size: 0.8125rem;
        top: 5px;
        width: 85%; }
    #hotel-summary .hotel-summary .check-availability {
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
      padding: 6px 10px 5px;
      overflow: hidden; }
      #hotel-summary .hotel-summary .check-availability .hdp-secure {
        margin-bottom: 5px;
        display: block;
        position: relative; }
      #hotel-summary .hotel-summary .check-availability .nights-info {
        line-height: 12px;
        top: -6px;
        right: -5px;
        color: #606c77; }
      #hotel-summary .hotel-summary .check-availability .price {
        color: #003580;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px; }
      #hotel-summary .hotel-summary .check-availability .pernight {
        font-size: 12px;
        position: relative;
        top: -1px;
        display: block; }
      #hotel-summary .hotel-summary .check-availability .standardLargeText {
        font-weight: 600; }
      #hotel-summary .hotel-summary .check-availability .btn-orange {
        position: relative;
        width: 96%;
        padding: 0 8px 0 14px;
        text-align: left;
        font-size: 14px;
        height: 36px;
        line-height: 34px;
        position: relative;
        top: 0; }
        #hotel-summary .hotel-summary .check-availability .btn-orange.btn-outline {
          background-image: none !important;
          border: 1px solid #f46708;
          color: #f46708 !important;
          width: 170px;
          padding: 0 12px;
          top: 5px;
          background-color: #ffffff; }
          #hotel-summary .hotel-summary .check-availability .btn-orange.btn-outline i {
            top: -1px;
            vertical-align: middle;
            font-size: 23px; }
        #hotel-summary .hotel-summary .check-availability .btn-orange i {
          position: relative;
          top: 6px;
          font-size: 22px;
          right: 0px; }
      #hotel-summary .hotel-summary .check-availability .room-from {
        display: none; }
    #hotel-summary .hotel-summary .sticky {
      display: none; }
    #hotel-summary .hotel-summary .or {
      text-align: center;
      position: relative; }
      #hotel-summary .hotel-summary .or span {
        position: absolute;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        color: #003580;
        line-height: 25px;
        top: -21px;
        background: #fff;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
        border: solid 1px #bad7f6;
        font-size: 14px;
        font-weight: bold;
        z-index: 1; }
    #hotel-summary .hotel-summary .hdp-box {
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
      border: solid 1px #bad7f6;
      margin: 8px 10px;
      position: relative;
      padding: 15px;
      display: block;
      border-radius: 10px; }
      #hotel-summary .hotel-summary .hdp-box .hdp-summary {
        position: relative; }
        #hotel-summary .hotel-summary .hdp-box .hdp-summary::before {
          content: "";
          display: inline-block;
          position: absolute;
          left: -15px;
          background: #bad7f6;
          width: 4px;
          height: 95%;
          top: 3px; }
        #hotel-summary .hotel-summary .hdp-box .hdp-summary .top {
          display: none; }
        #hotel-summary .hotel-summary .hdp-box .hdp-summary .top-secure {
          display: none; }
      #hotel-summary .hotel-summary .hdp-box .hdp-tag {
        width: 106px;
        height: 20px;
        line-height: 18px;
        background-color: #003580;
        text-align: center;
        font-size: 11px;
        font-weight: 600;
        color: #ffffff;
        text-transform: uppercase;
        position: absolute;
        top: 0;
        left: 0;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 8px; }
      #hotel-summary .hotel-summary .hdp-box .tag-heading {
        color: #003580;
        font-weight: 600;
        margin-top: 8px;
        margin-bottom: 5px;
        font-size: 16px; }
        #hotel-summary .hotel-summary .hdp-box .tag-heading i {
          font-size: 18px;
          margin-right: 6px;
          position: relative;
          top: 1px; }
          #hotel-summary .hotel-summary .hdp-box .tag-heading i.icon-airplane {
            margin-right: 0; }
            #hotel-summary .hotel-summary .hdp-box .tag-heading i.icon-airplane::before {
              transform: rotate(45deg); }
      #hotel-summary .hotel-summary .hdp-box .hdp-bottom .float-left {
        position: relative;
        top: 35px; }
        #hotel-summary .hotel-summary .hdp-box .hdp-bottom .float-left span {
          display: block;
          font-size: 12px;
          font-weight: 600;
          color: #606c77; }
          #hotel-summary .hotel-summary .hdp-box .hdp-bottom .float-left span strong {
            font-weight: 700; }
      #hotel-summary .hotel-summary .hdp-box .hdp-bottom .price {
        position: relative;
        left: 30px; }
        #hotel-summary .hotel-summary .hdp-box .hdp-bottom .price .from {
          font-size: 11px;
          color: #5a5a5a;
          display: block;
          line-height: 10px; }
        #hotel-summary .hotel-summary .hdp-box .hdp-bottom .price .blue {
          font-size: 28px;
          line-height: 32px;
          margin-bottom: 2px;
          display: inline-block; }
        #hotel-summary .hotel-summary .hdp-box .hdp-bottom .price .pp {
          font-size: 12px;
          color: #003580; }
      #hotel-summary .hotel-summary .hdp-box .hdp-bottom .btn-orange {
        width: 150px;
        height: 36px;
        margin-top: 10px; }
      #hotel-summary .hotel-summary .hdp-box .hdp-bottom .call-btn {
        width: 150px;
        background-image: none !important;
        border-radius: 18px;
        line-height: 34px;
        border: solid 1px #65bd3f;
        color: #202932 !important;
        background-color: #ffffff;
        position: relative; }
        #hotel-summary .hotel-summary .hdp-box .hdp-bottom .call-btn i {
          color: #65bd3f;
          font-size: 18px;
          position: absolute;
          left: 6px;
          top: 8px; }
      #hotel-summary .hotel-summary .hdp-box.call-book .float-left {
        top: 45px; }
    #hotel-summary .hotel-summary .hdp-hide {
      display: none; }

.share-icon {
  cursor: pointer; }
  .share-icon span {
    color: #202932;
    display: inline-block;
    margin-left: 8px;
    vertical-align: top; }
  .share-icon i {
    font-size: 22px;
    cursor: pointer;
    vertical-align: middle; }
  .share-icon .popup-content {
    position: absolute;
    box-shadow: -1px -1px 12px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff;
    border-radius: 6px;
    padding: 15px 18px 10px !important;
    width: 240px;
    z-index: 10;
    top: 28px;
    border: 0 !important;
    left: auto !important;
    right: -10px;
    text-align: left; }
    .share-icon .popup-content .popup-arrow {
      left: 90% !important; }
    .share-icon .popup-content h4 {
      font-size: 16px !important;
      color: #58595b !important;
      margin-bottom: 10px !important;
      font-weight: bold !important; }

#hdp-modal {
  width: 90%;
  position: fixed;
  max-width: 90%;
  margin: 2% auto;
  left: 5%;
  right: 5%;
  border-radius: 14px;
  padding: 20px 15px;
  background-color: #ffffff;
  height: 550px; }
  #hdp-modal.attraction-modal .modal-body, #hdp-modal.facility-modal .modal-body {
    overflow: inherit; }
  #hdp-modal.facility-modal .modal-content {
    overflow: visible; }
  #hdp-modal.facility-modal .card-content {
    overflow: auto; }
  #hdp-modal .modal-header {
    border: 0;
    padding: 0; }
  #hdp-modal .modal-title {
    font-size: 0;
    border: 0;
    padding: 0; }
  #hdp-modal .modal-content {
    border: 0;
    height: 100%;
    overflow: hidden;
    border-radius: 0; }
  #hdp-modal .modal-body {
    padding: 0;
    height: 80%;
    overflow: auto; }
    #hdp-modal .modal-body .sort-review {
      right: 20px;
      width: 280px; }
  #hdp-modal .close {
    font-size: 45px;
    font-weight: 400;
    color: #003580;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 0;
    padding: 0;
    cursor: pointer;
    z-index: 1; }
  #hdp-modal #hotel-location .nearby-location {
    padding: 0;
    overflow: auto; }
  #hdp-modal #hotel-location .hotel-map {
    margin-bottom: 15px; }
  #hdp-modal #hotel-location .time-zone {
    display: none; }
  #hdp-modal .card-content {
    max-height: 400px;
    overflow: hidden; }
  #hdp-modal #hotel-location {
    height: 450px; }
    #hdp-modal #hotel-location .nearby-location ul {
      overflow: visible; }
  #hdp-modal .gm-fullscreen-control {
    right: 50px !important; }
  #hdp-modal.modal-map .modal-body {
    padding: 0; }
    #hdp-modal.modal-map .modal-body .gm-fullscreen-control {
      right: 50px !important; }
  #hdp-modal.modal-map .close {
    top: 5px;
    right: 15px; }

#timerModal {
  text-align: center; }
  #timerModal .modal-body {
    padding: 30px; }
  #timerModal h3 {
    line-height: 19px;
    color: #1c94d9;
    margin: 0 auto 10px;
    font-size: 17px; }
  #timerModal p {
    color: #202932;
    font-weight: 500;
    margin: 20px 0; }
  #timerModal button {
    background: #1c94d9;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    padding: 10px 40px 10px 50px;
    color: #fff;
    font-weight: 500;
    border: none;
    position: relative; }
    #timerModal button i {
      font-size: 24px;
      position: absolute;
      left: 12px;
      top: 11px; }

#checkout-modal .modal-body {
  height: 380px;
  overflow: auto; }

@media (min-width: 768px) {
  #hotel-summary .hotel-summary .hdp-box {
    margin: 12px 15px 8px; }
  #hotel-summary .hotel-summary .hotel-name h1 {
    font-size: 22px;
    font-size: 22px;
    font-weight: 700;
    margin-top: 0; }
  #hotel-summary .hotel-summary .check-availability {
    box-shadow: none;
    padding: 15px 15px;
    overflow: hidden;
    margin-top: 10px; }
    #hotel-summary .hotel-summary .check-availability .btn-orange {
      width: 98%; }
  #hotel-summary .hotel-summary .sticky {
    display: block;
    left: auto;
    width: 32% !important;
    right: 5%; }
    #hotel-summary .hotel-summary .sticky .check-availability {
      padding: 0;
      margin-top: 2px;
      top: 0;
      position: relative;
      float: right;
      overflow: visible;
      border: 0 !important;
      box-shadow: none; }
      #hotel-summary .hotel-summary .sticky .check-availability .hdp-secure {
        position: relative;
        left: 0;
        top: -3px;
        font-weight: 600;
        font-size: 11px;
        margin: 0; }
      #hotel-summary .hotel-summary .sticky .check-availability .room-from,
      #hotel-summary .hotel-summary .sticky .check-availability .nights-info {
        display: block;
        font-size: 12px;
        font-weight: 600;
        text-align: left;
        position: absolute;
        top: -9px;
        left: 0;
        width: 100px; }
      #hotel-summary .hotel-summary .sticky .check-availability .float-left {
        position: relative;
        width: auto; }
        #hotel-summary .hotel-summary .sticky .check-availability .float-left:first-child {
          top: 11px; }
        #hotel-summary .hotel-summary .sticky .check-availability .float-left br {
          display: none; }
        #hotel-summary .hotel-summary .sticky .check-availability .float-left .price {
          float: left;
          line-height: 28px; }
        #hotel-summary .hotel-summary .sticky .check-availability .float-left .pernight {
          float: left;
          top: 10px;
          left: 2px;
          font-weight: bold; }
      #hotel-summary .hotel-summary .sticky .check-availability .btn-orange {
        background-image: linear-gradient(256deg, #fc6c00, #fc881b) !important;
        color: #ffffff !important;
        width: auto;
        border: 0;
        margin-left: 15px;
        text-align: center;
        height: 32px;
        font-size: 13px;
        line-height: 31px;
        line-height: 31px;
        padding: 0 5px;
        top: 10px;
        width: 115px;
        font-weight: normal; }
        #hotel-summary .hotel-summary .sticky .check-availability .btn-orange i {
          display: none; }
        #hotel-summary .hotel-summary .sticky .check-availability .btn-orange.btn-outline {
          top: 10px;
          width: 125px; }
      #hotel-summary .hotel-summary .sticky .check-availability.hdp-hide {
        display: inline-block; }
      #hotel-summary .hotel-summary .sticky .check-availability .hdp-hide {
        display: inline-block; }
      #hotel-summary .hotel-summary .sticky .check-availability .hdp-summary .top-secure {
        display: block; }
      #hotel-summary .hotel-summary .sticky .check-availability .hdp-summary::before {
        display: none; }
      #hotel-summary .hotel-summary .sticky .check-availability .bottom-secure {
        display: none !important; }
    #hotel-summary .hotel-summary .sticky .placeholder {
      display: none; }
    #hotel-summary .hotel-summary .sticky .top {
      display: block !important; }
    #hotel-summary .hotel-summary .sticky .for {
      display: none !important; }
  #hdp-modal {
    border-radius: 24px;
    padding: 20px 30px; }
    #hdp-modal .modal-body {
      padding: 15px; }
      #hdp-modal .modal-body .sort-review {
        right: 60px;
        top: -45px; }
    #hdp-modal .close {
      top: 10px;
      right: 20px;
      font-size: 60px; } }

@media (min-width: 768px) and (max-width: 990px) {
  #hotel-summary .pad-right-left {
    padding-left: 0;
    padding-right: 0; }
  #hotel-summary .hotel-summary {
    margin-top: 15px; }
    #hotel-summary .hotel-summary .sticky {
      width: 100% !important;
      right: 0;
      top: 54px !important; }
      #hotel-summary .hotel-summary .sticky .check-availability {
        background: #fff;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.26);
        padding: 5px 10px 8px;
        border-radius: 0; }
        #hotel-summary .hotel-summary .sticky .check-availability .hdp-secure {
          display: block; }
        #hotel-summary .hotel-summary .sticky .check-availability .float-left {
          width: auto;
          background: transparent;
          left: 35%;
          top: 3px !important; }
          #hotel-summary .hotel-summary .sticky .check-availability .float-left .nights-info {
            right: -8px; }
          #hotel-summary .hotel-summary .sticky .check-availability .float-left:last-child {
            top: -2px !important; }
        #hotel-summary .hotel-summary .sticky .check-availability .float-right {
          float: none !important; }
        #hotel-summary .hotel-summary .sticky .check-availability .btn-orange.btn-outline {
          margin-left: 65px;
          top: 2px; } }

#resort-info .dest-desc {
  padding-top: 15px; }
  #resort-info .dest-desc h4 {
    font-size: 18px;
    font-weight: 600; }

#resort-info img {
  width: 100%;
  height: 200px; }

#resort-info .resort-desc span a {
  display: none; }

#resort-info .resort-desc .showmore .show-more {
  display: none; }

#resort-info .resort-desc .showmore .collapse {
  height: 25px !important;
  min-height: 25px !important;
  margin-bottom: 2px; }
  #resort-info .resort-desc .showmore .collapse h2,
  #resort-info .resort-desc .showmore .collapse h3 {
    display: none; }
  #resort-info .resort-desc .showmore .collapse p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    #resort-info .resort-desc .showmore .collapse p:first-child {
      display: none; }

@media (min-width: 768px) {
  #resort-info .dest-desc {
    padding: 0 0 0 15px; }
  #resort-info img {
    height: 345px; } }

.pppn {
  font-size: 12px;
  color: #003580;
  margin-left: 4px; }

.similiar-hotels {
  width: 100%;
  display: block;
  margin-bottom: 0 !important; }
  .similiar-hotels .slick-arrow,
  .similiar-hotels .slick-dots {
    display: none !important; }
  .similiar-hotels .slick-slide {
    padding: 8px;
    float: left; }
  .similiar-hotels .slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
    .similiar-hotels .slick-list img {
      width: 100%;
      height: 142px;
      display: block;
      border-radius: 0;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      object-fit: cover; }
    .similiar-hotels .slick-list .popular-dest {
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
      border-radius: 10px; }
      .similiar-hotels .slick-list .popular-dest .thumbnail {
        overflow: hidden;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px; }
    .similiar-hotels .slick-list .hotel-info {
      padding: 15px;
      overflow: hidden; }
      .similiar-hotels .slick-list .hotel-info h4 {
        margin: 0;
        font-size: 16px;
        font-weight: 700; }
        .similiar-hotels .slick-list .hotel-info h4 a {
          font-weight: 700;
          color: #003580; }
      .similiar-hotels .slick-list .hotel-info .star-rating {
        position: relative;
        top: -3px; }
        .similiar-hotels .slick-list .hotel-info .star-rating .star-icon {
          font-size: 14px;
          font-size: 0.875rem; }
      .similiar-hotels .slick-list .hotel-info .similar-bottom {
        border-top: 1px solid #e9e9e9;
        margin-top: 5px;
        padding-top: 5px; }
        .similiar-hotels .slick-list .hotel-info .similar-bottom .room-from {
          color: #202932;
          font-size: 11px;
          font-weight: 600; }
        .similiar-hotels .slick-list .hotel-info .similar-bottom .price {
          font-size: 15px;
          font-weight: 700; }
        .similiar-hotels .slick-list .hotel-info .similar-bottom .btn-orange {
          width: 100px;
          height: 36px;
          text-align: center;
          font-size: 13px;
          font-weight: normal;
          position: relative;
          top: 8px; }
      .similiar-hotels .slick-list .hotel-info .address {
        font-size: 12px;
        text-transform: lowercase;
        color: #202932; }
        .similiar-hotels .slick-list .hotel-info .address .link {
          font-size: 16px; }
  .similiar-hotels.home-carousel .slick-slider .slick-arrow.slick-prev {
    left: -13px; }
  .similiar-hotels.home-carousel .slick-slider .slick-arrow.slick-next {
    right: -13px; }

@media (max-width: 767px) {
  .similiar-hotels .slick-slide {
    width: 19% !important; } }

#establishment-availability {
  border-width: 0;
  padding-bottom: 0;
  margin-bottom: 0; }
  #establishment-availability .row {
    padding: 0;
    margin: 0; }
  #establishment-availability .supplier-data {
    margin-bottom: 20px;
    padding: 0; }
    #establishment-availability .supplier-data div {
      width: 220px; }
  #establishment-availability .beatenlbl {
    position: relative;
    top: -12px;
    width: 70%;
    margin: 8px auto; }
  #establishment-availability .hdp-board-basis {
    background: #fff; }
    #establishment-availability .hdp-board-basis h4 {
      padding: 14px 10px;
      margin: 0;
      border-bottom: 1px solid rgba(151, 151, 151, 0.1);
      background: #e1eefb; }
    #establishment-availability .hdp-board-basis .boardbasis {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.13); }
    #establishment-availability .hdp-board-basis ul {
      padding: 6px 10px; }
      #establishment-availability .hdp-board-basis ul li {
        color: #202932;
        font-size: 14px;
        border-bottom: 1px solid #e5e9ed;
        padding: 9px 0; }
        #establishment-availability .hdp-board-basis ul li label {
          padding: 0;
          margin: 0; }
          #establishment-availability .hdp-board-basis ul li label::after {
            left: 4px; }
        #establishment-availability .hdp-board-basis ul li:last-child {
          border: 0; }
  #establishment-availability .price-toggle {
    padding: 10px;
    float: none !important;
    text-align: center;
    margin: 0 auto;
    clear: both;
    border-top: 1px solid #c8c8c8; }
    #establishment-availability .price-toggle .serp-price-toggle {
      box-shadow: none;
      border: 0;
      text-align: center;
      background: transparent; }
  #establishment-availability .hdp-rooms-table {
    position: relative;
    border-radius: 4px;
    background: #ffffff; }
    #establishment-availability .hdp-rooms-table .show-more-room {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.13);
      line-height: 39px;
      margin-bottom: 10px;
      background: #0077ba;
      text-align: center;
      color: #fff;
      font-weight: 600;
      font-size: 16px;
      cursor: pointer; }
      #establishment-availability .hdp-rooms-table .show-more-room i {
        font-size: 26px;
        vertical-align: sub; }
    #establishment-availability .hdp-rooms-table .view-rooms .sticky {
      position: fixed;
      bottom: 60px;
      width: 180px !important;
      top: auto !important;
      left: 50%;
      right: auto;
      margin: 0 auto 0 -90px;
      text-align: center;
      z-index: 99; }
      #establishment-availability .hdp-rooms-table .view-rooms .sticky .rooms-btn {
        display: block !important; }
    #establishment-availability .hdp-rooms-table .view-rooms .rooms-btn {
      display: none !important; }
    #establishment-availability .hdp-rooms-table .rooms-header {
      overflow: hidden;
      border-bottom: 1px solid #c8c8c8;
      border-top: 1px solid #c8c8c8; }
      #establishment-availability .hdp-rooms-table .rooms-header .board-basis {
        width: 45%; }
        #establishment-availability .hdp-rooms-table .rooms-header .board-basis.full-width {
          width: 100%; }
          #establishment-availability .hdp-rooms-table .rooms-header .board-basis.full-width .mobile-board-basis {
            border: 0; }
      #establishment-availability .hdp-rooms-table .rooms-header .mobile-board-basis {
        border-right: 1px solid #c8c8c8;
        overflow: hidden;
        padding: 10px 8px 10px 7px; }
        #establishment-availability .hdp-rooms-table .rooms-header .mobile-board-basis .MuiSvgIcon-root {
          position: relative;
          top: 10px; }
        #establishment-availability .hdp-rooms-table .rooms-header .mobile-board-basis span {
          font-size: 13px; }
        #establishment-availability .hdp-rooms-table .rooms-header .mobile-board-basis .small-Text {
          font-size: 12px; }
      #establishment-availability .hdp-rooms-table .rooms-header label {
        padding: 0;
        margin: 0; }
      #establishment-availability .hdp-rooms-table .rooms-header .show-board-basis {
        position: absolute;
        z-index: 10;
        top: 63px;
        left: -1px;
        border: 1px solid #ccc;
        width: 270px;
        border-radius: 0;
        border-top: 0;
        background-color: #ffffff; }
      #establishment-availability .hdp-rooms-table .rooms-header .show-deposit {
        padding: 16px 5px 5px 10px;
        width: 50%; }
        #establishment-availability .hdp-rooms-table .rooms-header .show-deposit label {
          font-size: 13px; }
          #establishment-availability .hdp-rooms-table .rooms-header .show-deposit label::before {
            border-color: #0077ba;
            position: relative;
            top: -1px;
            margin-right: 6px; }
    #establishment-availability .hdp-rooms-table .amend-rooms {
      background: #65c5e6;
      color: #fff;
      font-weight: 600;
      padding: 1px 6px;
      border-bottom-right-radius: 6px;
      font-size: 11px;
      z-index: 66;
      width: inherit;
      position: absolute;
      top: 0;
      left: 10px; }
    #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms {
      margin: 0;
      background: #efefef; }
      #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table {
        box-shadow: none;
        border-collapse: separate;
        border-spacing: 0;
        margin: 0; }
        #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr {
          margin-bottom: 8px;
          display: flex;
          align-items: center;
          background-color: #ffffff;
          margin-left: 1px;
          border-left: 1px solid #eee; }
          #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td {
            display: inline-block;
            padding: 5px;
            border: 0; }
            #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.establishment-roomtype {
              padding: 30px 10px 10px;
              width: 36%;
              position: relative; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.establishment-roomtype .board-type {
                color: #202932;
                font-weight: 600;
                font-size: 13px; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.establishment-roomtype .full-payment {
                color: #003580;
                font-size: 11px;
                font-weight: 700; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.establishment-roomtype .secure-deposit {
                font-size: 11px;
                font-weight: 700;
                color: #65bd3f; }
            #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.room-name {
              width: 45%;
              padding: 20px 13px 14px 20px;
              display: none !important; }
            #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price {
              color: #003580;
              font-size: 18px;
              background: #fff;
              text-align: center;
              position: relative;
              font-weight: 700;
              width: 27%; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price .price-td {
                position: relative;
                top: 8px; }
                #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price .price-td .discount-price {
                  line-height: 16px; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price .discount-save {
                font-size: 12px; }
                #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price .discount-save .strike {
                  color: #757575;
                  text-decoration: line-through; }
                #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price .discount-save .save {
                  color: #d0021b;
                  margin-left: 4px;
                  display: block; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price .for-nights {
                font-weight: 400;
                font-size: 12px;
                margin-bottom: 2px;
                color: #202932; }
                #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price .for-nights span {
                  font-weight: 700; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price .price-decimal {
                line-height: 17px; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price .perperson {
                line-height: 14px;
                display: inline-block;
                text-align: center;
                color: #5a5a5a;
                margin-top: 2px;
                font-size: 12px;
                vertical-align: super; }
            #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.select-hotel {
              width: 37%;
              text-align: center;
              padding: 20px 0; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.select-hotel .btn-orange {
                width: 105px;
                height: 36px;
                line-height: 35px;
                font-size: 13px;
                font-weight: normal;
                font-weight: 600; }
            #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td .room-type {
              vertical-align: middle;
              margin: 5px 0;
              font-size: 11px;
              line-height: 15px; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td .room-type .room-num {
                color: #202932;
                font-weight: 700;
                margin-right: 2px;
                vertical-align: top;
                font-size: 14px; }

@media (min-width: 768px) {
  #establishment-availability {
    border-width: 1px;
    padding-bottom: 20px;
    margin-bottom: 10px; }
    #establishment-availability .beatenlbl {
      position: absolute;
      right: 0;
      top: 0;
      margin: 0;
      width: 15%; }
    #establishment-availability .serp-price-toggle {
      right: 70%; }
    #establishment-availability .hdp-board-basis {
      margin-right: 2%;
      max-width: 23%; }
    #establishment-availability .price-toggle {
      float: right !important;
      border: 0;
      clear: none; }
    #establishment-availability .hdp-rooms-table {
      background: rgba(186, 215, 246, 0.43); }
      #establishment-availability .hdp-rooms-table .rooms-header {
        border: 0;
        padding: 5px 20px 0px; }
        #establishment-availability .hdp-rooms-table .rooms-header .show-deposit {
          padding: 17px 10px 10px 10px;
          width: auto; }
      #establishment-availability .hdp-rooms-table .rooms-container {
        border: 1px solid #e5e9ed;
        margin-top: 5px; }
        #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms {
          margin: 0 8px;
          background: transparent;
          margin-left: 0;
          border: 0; }
          #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table {
            border-spacing: 0 8px; }
            #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr {
              background-color: #ffffff;
              display: block; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr:first-child td {
                border: 0; }
              #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td {
                padding: 5px 13px; }
                #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.establishment-roomtype {
                  padding: 25px 10px 10px 23px;
                  width: 19%; }
                  #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.establishment-roomtype .board-type {
                    font-size: 14px;
                    font-weight: 700; }
                #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.room-name {
                  display: inline-block !important; }
                #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price {
                  padding-top: 0;
                  width: 16%; }
                  #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.price .discount-save .save {
                    display: inline-block; }
                #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.select-hotel {
                  width: 18%; }
                  #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td.select-hotel .btn-orange {
                    width: 120px;
                    font-size: 14px;
                    font-weight: normal; }
                #establishment-availability .hdp-rooms-table .rooms-container .hdp-rooms table tr td .room-type {
                  font-size: 15px;
                  line-height: 18px; }
  .room-sticky .sticky {
    width: 30% !important;
    left: auto;
    right: 3%; }
  .sticky-rooms {
    display: none; }
  .sticky .sticky-rooms {
    display: block;
    padding: 0;
    margin-top: 2px;
    top: 0;
    position: relative;
    right: 5%;
    float: right;
    display: table;
    height: 52px; }
    .sticky .sticky-rooms .nights-info {
      font-size: 12px;
      font-weight: 600;
      text-align: left;
      color: #606c77;
      line-height: 16px; }
    .sticky .sticky-rooms .price {
      font-size: 20px;
      font-weight: 700;
      color: #003580;
      line-height: 13px;
      margin-top: 1px; }
    .sticky .sticky-rooms .pernight {
      font-size: 12px; }
    .sticky .sticky-rooms .btn-orange {
      width: 125px;
      height: 32px;
      font-size: 13px;
      font-weight: normal;
      line-height: 28px;
      position: relative;
      margin-left: 15px; }
    .sticky .sticky-rooms .float-div {
      display: table-cell;
      vertical-align: middle;
      padding: 0; } }

@media (max-width: 576px) {
  #establishment-availability .amend-rooms {
    top: 0px;
    width: max-content; } }

@media (min-width: 768px) and (max-width: 979px) {
  #establishment-availability .hdp-rooms-table .rooms-header .board-basis {
    width: 32%; }
  #establishment-availability .hdp-rooms-table .rooms-header .show-board-basis {
    width: 50%;
    top: 70px;
    left: 20px; }
  #establishment-availability .hdp-rooms-table .rooms-header .mobile-board-basis {
    padding: 6px 10px;
    border: 1px solid #0077ba;
    border-radius: 7px; }
  #establishment-availability .hdp-rooms-table .rooms-header .serp-price-toggle {
    right: 40%; }
  #establishment-availability .hdp-board-basis {
    max-width: 100%;
    margin: 0;
    top: 50px; }
  #establishment-availability .beatenlbl {
    width: 40%;
    position: relative; }
    #establishment-availability .beatenlbl img {
      height: 40px; } }

#package-details .container {
  padding: 0; }

#package-details .row {
  margin: 0; }

#package-details img {
  border-radius: 0; }

#package-details #amenities {
  border-bottom: 6px solid #dde2e7; }

#hotel-summary {
  width: 100%;
  margin: 0; }
  #hotel-summary .pkg-details-triprating p {
    margin: 0; }
  #hotel-summary .pkg-details-triprating .trip-rating {
    border: 0;
    top: -6px;
    left: auto; }
  #hotel-summary .pkg-details-triprating.trip-mobile {
    top: 0;
    margin: 12px 0; }
    #hotel-summary .pkg-details-triprating.trip-mobile img {
      margin-left: 5px; }
  #hotel-summary.package-details .hotel-summary {
    padding: 0 10px;
    margin: 0 0 10px;
    background: transparent; }
    #hotel-summary.package-details .hotel-summary .hotel-address {
      overflow: visible;
      font-size: 12px;
      color: #606c77; }
      #hotel-summary.package-details .hotel-summary .hotel-address .address {
        top: 0; }
  #hotel-summary.package-details .hotel-name {
    display: inline-block;
    max-width: 85%;
    line-height: 18px;
    padding-left: 0;
    margin: 0; }
    #hotel-summary.package-details .hotel-name h1 {
      margin-top: 0;
      display: inline; }
  #hotel-summary.package-details .share-btn {
    padding-right: 0; }
  #hotel-summary.package-details .ratings-review {
    position: relative;
    margin: 2px 0;
    overflow: hidden; }
    #hotel-summary.package-details .ratings-review label i {
      font-size: 20px; }
    #hotel-summary.package-details .ratings-review .trip-rating {
      top: -2px;
      border-left: solid 1px #979797;
      margin-left: 4px; }
      #hotel-summary.package-details .ratings-review .trip-rating .review-count {
        color: #0077ba;
        font-size: 12px;
        cursor: pointer; }
  #hotel-summary.package-details .share-icon {
    width: 30px;
    height: 30px;
    line-height: 28px;
    display: inline-block;
    border: solid 1px #0077ba;
    border-radius: 6px;
    margin-left: 10px;
    text-align: center;
    font-size: 0;
    color: #0077ba;
    cursor: pointer; }
    #hotel-summary.package-details .share-icon:first-child {
      margin: 0; }
    #hotel-summary.package-details .share-icon .MuiSvgIcon-root {
      font-size: 17px;
      position: relative;
      top: 0 !important;
      margin-right: 2px; }

.package-summary .customise-holiday {
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding: 10px;
  min-height: 220px; }
  .package-summary .customise-holiday h4 {
    font-size: 16px;
    font-weight: 600;
    color: #003580; }
  .package-summary .customise-holiday .pkg-box {
    margin-bottom: 8px;
    border-radius: 10px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
    border: solid 1px #bad7f6;
    padding: 12px;
    position: relative; }
    .package-summary .customise-holiday .pkg-box .accord {
      padding: 0;
      border: 0; }
      .package-summary .customise-holiday .pkg-box .accord .accord-item {
        position: absolute;
        top: 12px;
        display: block;
        right: 0;
        width: 100%;
        height: 40px; }
        .package-summary .customise-holiday .pkg-box .accord .accord-item h4 {
          position: relative;
          right: 10px; }
      .package-summary .customise-holiday .pkg-box .accord .accordion-content {
        padding: 0; }
    .package-summary .customise-holiday .pkg-box .board-basis {
      color: #003580;
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 2px; }
      .package-summary .customise-holiday .pkg-box .board-basis span {
        font-size: 11px;
        font-weight: normal;
        font-size: 11px;
        color: #606c77; }
      .package-summary .customise-holiday .pkg-box .board-basis .MuiSvgIcon-root {
        margin-right: 10px;
        font-size: 20px;
        position: relative;
        top: -2px; }
    .package-summary .customise-holiday .pkg-box .room-type {
      color: #202932;
      font-size: 13px;
      font-weight: bold;
      border-radius: 3px;
      border: solid 1px #bad7f6;
      overflow: hidden;
      margin-top: 10px;
      margin-bottom: 0; }
      .package-summary .customise-holiday .pkg-box .room-type .price {
        font-size: 16px;
        font-weight: bold;
        color: #003580;
        margin-right: 2px; }
        .package-summary .customise-holiday .pkg-box .room-type .price span {
          font-size: 11px;
          font-weight: normal;
          position: relative;
          left: 2px; }
      .package-summary .customise-holiday .pkg-box .room-type li {
        border-bottom: solid 1px #bad7f6;
        overflow: hidden;
        padding: 5px 10px; }
        .package-summary .customise-holiday .pkg-box .room-type li:last-child {
          border: 0; }
        .package-summary .customise-holiday .pkg-box .room-type li label span {
          position: relative;
          left: 10px;
          display: inline-block;
          top: 1px;
          color: #202932;
          font-size: 13px;
          font-weight: bold; }
        .package-summary .customise-holiday .pkg-box .room-type li i {
          display: none; }
        .package-summary .customise-holiday .pkg-box .room-type li.selected {
          border-right: 5px solid #003580; }
          .package-summary .customise-holiday .pkg-box .room-type li.selected .price {
            display: none; }
          .package-summary .customise-holiday .pkg-box .room-type li.selected i {
            display: inline-block;
            color: #65bd3f;
            font-size: 24px;
            font-weight: bold;
            position: relative;
            top: 2px; }
        .package-summary .customise-holiday .pkg-box .room-type li .pkg-board {
          font-size: 11px;
          font-weight: 400;
          color: #757575; }
        .package-summary .customise-holiday .pkg-box .room-type li .pp {
          font-size: 16px;
          font-weight: bold; }
    .package-summary .customise-holiday .pkg-box .room-description {
      font-size: 13px; }
    .package-summary .customise-holiday .pkg-box .change-btn {
      border: 1px solid #0077ba;
      width: 110px;
      height: 32px;
      text-align: center;
      display: inline-block;
      font-size: 12px;
      font-weight: 600;
      padding: 6px 8px;
      border-radius: 50px;
      position: absolute;
      top: 15px;
      right: 12px;
      color: #0077ba;
      cursor: pointer; }
    .package-summary .customise-holiday .pkg-box.flights {
      padding: 0; }
      .package-summary .customise-holiday .pkg-box.flights .MuiSvgIcon-root {
        transform: rotate(45deg); }
      .package-summary .customise-holiday .pkg-box.flights .room-details {
        padding: 10px 12px; }
    .package-summary .customise-holiday .pkg-box.add-bag ul {
      margin-top: 12px; }
    .package-summary .customise-holiday .pkg-box.add-bag li {
      font-size: 12px;
      font-weight: 600;
      list-style-type: disc;
      margin-left: 15px; }
    .package-summary .customise-holiday .pkg-box.add-bag p {
      font-size: 12px;
      color: #5a5a5a;
      line-height: 16px;
      margin-top: 5px;
      margin-bottom: 0; }
    .package-summary .customise-holiday .pkg-box.add-bag .add-remove-bag {
      position: absolute;
      top: 12px;
      right: 4px; }
      .package-summary .customise-holiday .pkg-box.add-bag .add-remove-bag span {
        display: inline-block; }
        .package-summary .customise-holiday .pkg-box.add-bag .add-remove-bag span .bag-count {
          color: #ffffff;
          position: absolute;
          left: 13px;
          top: 6px;
          font-size: 16px;
          font-weight: bold; }
      .package-summary .customise-holiday .pkg-box.add-bag .add-remove-bag .bags .MuiSvgIcon-root {
        font-size: 35px; }
      .package-summary .customise-holiday .pkg-box.add-bag .add-remove-bag .add-remove {
        border: 1px solid #0077ba;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        text-align: center;
        margin: 0 8px; }
        .package-summary .customise-holiday .pkg-box.add-bag .add-remove-bag .add-remove .MuiSvgIcon-root {
          font-weight: normal;
          font-size: 22px;
          position: relative;
          top: 1px; }
    .package-summary .customise-holiday .pkg-box.pkg-edit {
      overflow: hidden;
      padding: 8px 12px; }
      .package-summary .customise-holiday .pkg-box.pkg-edit .date {
        color: #003580;
        font-size: 16px;
        font-weight: 600;
        margin-left: 25px;
        position: relative;
        top: -1px; }
        .package-summary .customise-holiday .pkg-box.pkg-edit .date span {
          font-size: 13px;
          font-weight: normal;
          display: block;
          color: #202932; }
      .package-summary .customise-holiday .pkg-box.pkg-edit i {
        position: absolute;
        font-size: 20px;
        color: #003580;
        top: 14px;
        left: 10px; }
    .package-summary .customise-holiday .pkg-box .edit-search {
      background-color: #003580;
      text-align: center;
      padding: 9px;
      width: 110px;
      font-size: 12px;
      font-weight: 600;
      color: #ffffff;
      border-radius: 18px;
      cursor: pointer;
      position: relative;
      top: 4px; }
  .package-summary .customise-holiday .package-total {
    overflow: hidden; }
    .package-summary .customise-holiday .package-total .package-price {
      border-radius: 7px;
      border: solid 1px #c1e5b2;
      background-color: #f5f9f3;
      margin-bottom: 8px;
      padding: 12px; }
      .package-summary .customise-holiday .package-total .package-price .pkg-deposit {
        font-size: 12px;
        margin-bottom: 10px; }
        .package-summary .customise-holiday .package-total .package-price .pkg-deposit::after, .package-summary .customise-holiday .package-total .package-price .pkg-deposit::before {
          content: "";
          display: inline-block;
          height: 1px;
          width: 26px;
          background: #d6d6d6;
          line-height: 40px;
          vertical-align: middle;
          margin-left: 5px; }
        .package-summary .customise-holiday .package-total .package-price .pkg-deposit::before {
          margin-right: 5px;
          margin-left: 0; }
        .package-summary .customise-holiday .package-total .package-price .pkg-deposit i {
          color: #65bd3f;
          font-size: 20px;
          vertical-align: middle;
          margin-right: 5px; }
        .package-summary .customise-holiday .package-total .package-price .pkg-deposit .bold {
          font-size: 14px; }
      .package-summary .customise-holiday .package-total .package-price .price {
        font-size: 14px;
        margin-bottom: 10px; }
      .package-summary .customise-holiday .package-total .package-price .price-txt {
        font-size: 38px;
        line-height: 40px;
        color: #003580;
        font-weight: bold; }
        .package-summary .customise-holiday .package-total .package-price .price-txt .price-loader {
          width: 10%; }
    .package-summary .customise-holiday .package-total .total-txt {
      font-size: 16px;
      font-weight: 600;
      color: #003580; }
    .package-summary .customise-holiday .package-total .total-guest {
      font-weight: normal;
      color: #202932; }
    .package-summary .customise-holiday .package-total .total-price {
      font-weight: 700;
      font-size: 26px;
      color: #003580;
      line-height: 30px; }
    .package-summary .customise-holiday .package-total .per-person {
      font-size: 11px;
      font-weight: normal;
      color: #003580; }
      .package-summary .customise-holiday .package-total .per-person .price {
        font-size: 14px;
        display: inline-block; }
    .package-summary .customise-holiday .package-total .package-checkout {
      width: 190px;
      height: 36px;
      line-height: 32px;
      margin: 8px auto 0; }
    .package-summary .customise-holiday .package-total .atol-logo {
      margin: 20px 0 15px; }
      .package-summary .customise-holiday .package-total .atol-logo::after {
        content: "";
        width: 1px;
        height: 100%;
        background-color: #dedede;
        position: absolute;
        right: 6px;
        top: 0; }
      .package-summary .customise-holiday .package-total .atol-logo span {
        display: inline-block;
        text-align: left;
        margin-right: 5px;
        line-height: 17px;
        vertical-align: middle;
        font-size: 12px;
        font-weight: normal;
        color: #606c77; }
        .package-summary .customise-holiday .package-total .atol-logo span:first-child {
          background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1");
          background-position: -245px -746px;
          width: 35px;
          height: 35px;
          background-size: 700%; }
        .package-summary .customise-holiday .package-total .atol-logo span strong {
          font-size: 14px;
          font-weight: 600;
          color: #202932; }
      .package-summary .customise-holiday .package-total .atol-logo.topp-logo span:first-child {
        background-position: -789px -218px;
        width: 50px;
        height: 25px; }
      .package-summary .customise-holiday .package-total .atol-logo.topp-logo::after {
        display: none; }

.pkg-sticky-btn .btn-orange {
  display: none; }

.pkg-sticky-btn .sticky {
  top: auto !important;
  bottom: 60px; }
  .pkg-sticky-btn .sticky .btn-orange {
    display: block;
    width: 250px !important;
    height: 38px;
    line-height: 32px;
    margin: 0 auto; }
    .pkg-sticky-btn .sticky .btn-orange .float-left {
      line-height: 12px;
      text-align: left;
      display: inline-block;
      position: relative;
      top: 5px;
      left: 10px;
      font-size: 12px;
      font-weight: normal; }
    .pkg-sticky-btn .sticky .btn-orange .total-price {
      font-size: 18px;
      font-weight: bold; }
      .pkg-sticky-btn .sticky .btn-orange .total-price i {
        font-size: 28px;
        position: relative;
        top: 4px;
        right: -8px; }

.call-to-book span {
  font-size: 14px;
  font-weight: 500;
  color: #4b902e; }

.call-to-book .call-btn {
  width: 240px;
  height: 40px;
  border-radius: 28px;
  box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.07);
  border: solid 1px #65bd3f;
  background-color: #65bd3f;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  position: relative;
  margin: 5px auto 0;
  text-align: center;
  padding-left: 20px; }
  .call-to-book .call-btn i {
    width: 32px;
    height: 32px;
    background-color: #ffffff;
    border-radius: 50%;
    color: #65bd3f;
    font-size: 22px;
    display: inline-block;
    line-height: 32px;
    position: absolute;
    left: 5px;
    top: 3px; }

.flight-summary {
  border: 0;
  padding: 0 12px; }
  .flight-summary span {
    display: block; }
  .flight-summary .row {
    margin-bottom: 0;
    padding: 5px 0; }
    .flight-summary .row:first-child {
      margin-top: 20px !important; }
  .flight-summary [class*="col-"] {
    padding: 0 5px !important; }
  .flight-summary .time {
    font-weight: 700;
    font-size: 12px;
    color: #202932; }
  .flight-summary .airport {
    font-size: 12px;
    color: #606c77;
    line-height: 16px; }
    .flight-summary .airport:last-child {
      color: #202932; }
  .flight-summary .duration {
    font-size: 11px;
    color: #606c77;
    position: relative; }
    .flight-summary .duration span:first-child {
      color: #202932;
      font-weight: 600;
      font-size: 10px; }
  .flight-summary .flight-arrow i {
    transform: rotate(90deg);
    display: inline-block;
    background: #fff;
    position: relative;
    top: 0px;
    z-index: 1; }
  .flight-summary .flight-arrow::after, .flight-summary .flight-arrow::before {
    content: "";
    width: 57%;
    height: 1px;
    background-color: #d4d4d4;
    position: absolute;
    left: 20%;
    top: 24px; }

.flight-txt {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #dde9fb;
  font-size: 11px;
  font-weight: 600;
  padding: 10px;
  color: #003580; }

.most-popular {
  background-color: #ffce04;
  border-radius: 30px;
  color: #003580;
  font-size: 11px;
  font-weight: 600;
  padding: 1px 7px;
  margin-left: 6px; }

#hdp-modal.package-modal {
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0;
  border-radius: 0;
  padding: 0;
  background: #f7fafe; }
  #hdp-modal.package-modal .modal-body {
    padding: 0;
    background: #f7fafe;
    position: relative;
    top: 5px; }
  #hdp-modal.package-modal .modal-content {
    height: 90%;
    overflow-y: auto; }
    #hdp-modal.package-modal .modal-content .modal-body {
      overflow: visible; }
  #hdp-modal.package-modal .close {
    right: 20px;
    top: 10px;
    color: #333;
    font-size: 58px; }
  #hdp-modal.package-modal .package-rooms h5 {
    padding: 15px;
    margin: 0;
    color: #003580;
    font-size: 18px;
    font-weight: 700; }
    #hdp-modal.package-modal .package-rooms h5 .MuiSvgIcon-root {
      display: none;
      font-size: 32px;
      position: relative;
      top: -4px;
      margin-right: 8px; }
  #hdp-modal.package-modal .package-rooms .deposit-type {
    position: absolute;
    top: 80px;
    right: 45px; }
    #hdp-modal.package-modal .package-rooms .deposit-type span {
      float: left;
      position: relative;
      top: 7px;
      margin-right: 10px;
      font-size: 15px; }
    #hdp-modal.package-modal .package-rooms .deposit-type ul {
      float: right; }
      #hdp-modal.package-modal .package-rooms .deposit-type ul [type="checkbox"] + label::after {
        top: 48%;
        left: 10px; }
  #hdp-modal.package-modal .board-basis {
    box-shadow: 0 2px 4px 0 rgba(106, 106, 106, 0.23);
    border: solid 1px #e5e9ed;
    background-color: #ffffff;
    overflow: hidden; }
    #hdp-modal.package-modal .board-basis li {
      position: relative; }
    #hdp-modal.package-modal .board-basis label {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      margin-bottom: 0; }
    #hdp-modal.package-modal .board-basis.mobile-board {
      border-radius: 8px;
      box-shadow: 0 2px 4px 0 rgba(106, 106, 106, 0.23);
      border: solid 1px #e5e9ed;
      margin: 0 10px;
      padding: 4px 12px;
      overflow: visible;
      display: grid; }
      #hdp-modal.package-modal .board-basis.mobile-board li {
        display: block;
        border-bottom: 1px solid #e5e9ed;
        padding: 5px 10px; }
      #hdp-modal.package-modal .board-basis.mobile-board .show-board-basis {
        position: absolute;
        z-index: 99;
        top: 102px;
        left: 10px;
        border: 1px solid #ccc;
        width: 94%;
        border-radius: 0;
        border-top: 0;
        background-color: #ffffff; }
  #hdp-modal.package-modal .price-toggle {
    padding: 12px 50px;
    background: #f7fafe; }
    #hdp-modal.package-modal .price-toggle .serp-price-toggle {
      background: transparent;
      box-shadow: none;
      border: 0;
      padding: 0;
      left: -20%; }
  #hdp-modal.package-modal .rooms-table .rooms-row {
    background-color: #ffffff;
    padding: 12px 15px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 5px; }
    #hdp-modal.package-modal .rooms-table .rooms-row .room-name {
      font-size: 14px;
      font-weight: 600;
      color: #003580; }
    #hdp-modal.package-modal .rooms-table .rooms-row .room-type {
      font-size: 14px;
      color: #202932; }
    #hdp-modal.package-modal .rooms-table .rooms-row .payment-type {
      font-size: 11px;
      font-weight: 700;
      color: #202932;
      display: block; }
    #hdp-modal.package-modal .rooms-table .rooms-row .btn-outline {
      width: 100px;
      height: 32px;
      border-radius: 30px;
      font-size: 13px;
      font-weight: 600;
      line-height: 18px; }
    #hdp-modal.package-modal .rooms-table .rooms-row .room-price {
      text-align: center; }
      #hdp-modal.package-modal .rooms-table .rooms-row .room-price span {
        display: block;
        line-height: 15px; }
      #hdp-modal.package-modal .rooms-table .rooms-row .room-price .discount {
        font-size: 10px;
        color: #d91a1a; }
      #hdp-modal.package-modal .rooms-table .rooms-row .room-price .diff-price {
        font-size: 18px;
        color: #003580;
        font-weight: 700; }
      #hdp-modal.package-modal .rooms-table .rooms-row .room-price .perperson {
        font-size: 11px;
        color: #606c77; }
    #hdp-modal.package-modal .rooms-table .rooms-row .show-more-room {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.13);
      line-height: 39px;
      margin-bottom: 10px;
      background: #0077ba;
      text-align: center;
      color: #fff;
      font-weight: 600;
      font-size: 16px;
      cursor: pointer; }
      #hdp-modal.package-modal .rooms-table .rooms-row .show-more-room i {
        font-size: 26px;
        vertical-align: sub; }
    #hdp-modal.package-modal .rooms-table .rooms-row.selected {
      border: solid 1px #1c94d9; }
      #hdp-modal.package-modal .rooms-table .rooms-row.selected .btn-outline {
        background-color: #003580;
        border: 0;
        color: #ffffff;
        font-size: 13px; }

.pkg-sticky-btn .call-btn,
.pkg-sticky-btn .price {
  display: none; }

.pkg-sticky-btn .sticky {
  top: auto !important;
  bottom: 0px; }
  .pkg-sticky-btn .sticky .price {
    display: block; }
  .pkg-sticky-btn .sticky .call-btn {
    display: block;
    width: 90%;
    height: 46px;
    line-height: 42px; }
    .pkg-sticky-btn .sticky .call-btn i {
      top: 5px; }
    .pkg-sticky-btn .sticky .call-btn span {
      text-align: left;
      color: #fff;
      line-height: 15px;
      font-size: 13px;
      font-weight: normal;
      position: relative;
      left: 25px;
      top: 6px;
      float: left; }

@media (min-width: 768px) {
  #package-details #amenities {
    border-bottom: 0; }
  #hotel-summary.package-details img {
    border-radius: 8px; }
  #hotel-summary.package-details .hotel-summary {
    padding: 0;
    background: transparent; }
  #hotel-summary.package-details .share-icon {
    font-size: 12px;
    width: auto;
    padding: 0 8px;
    position: relative;
    top: 10px;
    font-weight: 500;
    margin-right: 2px; }
    #hotel-summary.package-details .share-icon span {
      color: #0077ba; }
    #hotel-summary.package-details .share-icon .MuiSvgIcon-root {
      top: 0; }
  .pkg-sticky-btn .call-btn {
    display: none; }
  .pkg-sticky-btn .sticky {
    top: 0 !important;
    bottom: auto !important;
    right: 5% !important;
    left: auto;
    width: auto !important; }
    .pkg-sticky-btn .sticky .call-btn {
      display: block;
      width: 232px;
      float: right; }
  .pkg-sticky-btn .price {
    font-size: 11px;
    font-weight: normal;
    color: #202932;
    position: relative;
    top: 8px;
    text-align: center;
    left: -10px; }
    .pkg-sticky-btn .price .bold {
      color: #003580;
      font-weight: bold;
      font-size: 16px; }
    .pkg-sticky-btn .price span {
      font-size: 11px;
      font-weight: normal;
      color: #202932; }
  .package-summary {
    max-width: 30.5% !important;
    margin-left: 2.5%; }
    .package-summary .customise-holiday h4 {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .package-summary .customise-holiday .package-total .package-checkout {
      width: 275px;
      margin: 8px auto 12px; }
  #hdp-modal.package-modal {
    width: 90%;
    left: 5%;
    right: 5%;
    margin: 1.75rem auto;
    border-radius: 10px; }
    #hdp-modal.package-modal .close {
      right: 30px;
      font-size: 64px;
      color: #003580; }
    #hdp-modal.package-modal .package-rooms h5 {
      padding: 15px 60px;
      border-bottom: 3px solid #ebebeb;
      margin: 0;
      text-align: left;
      font-size: 28px; }
      #hdp-modal.package-modal .package-rooms h5 .MuiSvgIcon-root {
        display: inline-block; }
    #hdp-modal.package-modal .board-basis {
      box-shadow: 0 2px 4px 0 rgba(106, 106, 106, 0.23);
      border: solid 1px #e5e9ed;
      padding: 12px 60px; }
      #hdp-modal.package-modal .board-basis ul {
        margin: 0 0 10px; }
      #hdp-modal.package-modal .board-basis li {
        display: inline-block;
        position: relative;
        top: 0; }
        #hdp-modal.package-modal .board-basis li .most-popular {
          margin-left: 0;
          margin-right: 10px;
          position: relative;
          top: 7px; }
      #hdp-modal.package-modal .board-basis label {
        color: #202932;
        padding-bottom: 0;
        padding-left: 0;
        margin-right: 8px;
        margin-bottom: 0;
        padding-top: 0;
        position: relative;
        top: 8px; }
    #hdp-modal.package-modal .rooms-table {
      padding: 0 60px; }
      #hdp-modal.package-modal .rooms-table .rooms-row {
        padding: 12px 0;
        margin-bottom: 12px; }
        #hdp-modal.package-modal .rooms-table .rooms-row .room-type span {
          display: inline-block !important; }
        #hdp-modal.package-modal .rooms-table .rooms-row .btn-outline {
          width: 120px;
          height: 36px;
          line-height: 22px;
          font-size: 14px; }
        #hdp-modal.package-modal .rooms-table .rooms-row .payment-type {
          display: inline-block;
          margin-left: 8px; }
        #hdp-modal.package-modal .rooms-table .rooms-row.selected {
          border: solid 2px #1c94d9; } }

@media (min-width: 768px) and (max-width: 991px) {
  .package-summary {
    max-width: 100% !important;
    margin: 0; }
  #hdp-modal.package-modal {
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    border-radius: 0; }
    #hdp-modal.package-modal #flight-results {
      padding: 20px 0; }
      #hdp-modal.package-modal #flight-results .flights-filter-box {
        display: none !important; }
        #hdp-modal.package-modal #flight-results .flights-filter-box.show-filter {
          display: block !important; }
      #hdp-modal.package-modal #flight-results .mobile-apply-filter {
        display: block !important; } }

img {
  width: 100%; }

.pad-left-right {
  padding-left: 15px;
  padding-right: 15px; }

.pad-right-left {
  padding-left: 15px;
  padding-right: 15px; }

.hdp-sec-head {
  font-size: 20px;
  font-weight: 700;
  display: block;
  width: 100%;
  padding-left: 15px;
  margin: 0 0 15px 0; }

.hotel-page #search-box .submit-btn button {
  border: 1px solid #fc6c00;
  background: #fff !important;
  color: #fc6c00 !important; }
  .hotel-page #search-box .submit-btn button:hover {
    background-image: linear-gradient(256deg, #fff1e6, #fff1e6) !important; }

.hotel-details .icon,
.establishment-details .icon {
  color: #58595b; }

.hotel-details .row,
.establishment-details .row {
  border-bottom: 6px solid #dde2e7;
  padding: 20px 0; }
  .hotel-details .row:first-child,
  .establishment-details .row:first-child {
    padding: 0;
    border: 0; }
  .hotel-details .row:last-child,
  .establishment-details .row:last-child {
    border: 0; }
  .hotel-details .row [class*="col-"],
  .establishment-details .row [class*="col-"] {
    padding: 0; }

@media (min-width: 768px) {
  .pad-left-right {
    padding-left: 0;
    padding-right: 0; }
  .hotel-details .row,
  .establishment-details .row {
    padding: 10px 0;
    border-width: 1px;
    padding: 20px 0; }
    .hotel-details .row div[class*="col-"],
    .establishment-details .row div[class*="col-"] {
      padding: 0; }
  .hotel-details .hdp-sec-head,
  .establishment-details .hdp-sec-head {
    padding-left: 0;
    font-size: 24px; }
  .hotel-details #hotel-summary,
  .establishment-details #hotel-summary {
    padding: 0;
    margin-bottom: 10px; } }

.filter-box {
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(31, 31, 40, 0.1), 0 0 2px 0 rgba(31, 31, 40, 0.2);
  border-radius: 2px; }
  .filter-box h4 {
    color: #003580;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin: 0; }
    .filter-box h4 .icon {
      position: absolute;
      right: 0; }
  .filter-box .filter-heading {
    padding: 12px 16px;
    border-bottom: 1px solid #e2eaf2;
    position: relative;
    overflow: hidden; }
    .filter-box .filter-heading h4 {
      float: left;
      margin: 0;
      font-size: 16px !important; }
    .filter-box .filter-heading .clear-all {
      float: right;
      color: #0077ba;
      border: 0;
      background-color: transparent;
      box-shadow: none;
      padding: 0;
      cursor: pointer; }
  .filter-box .search-by-hotel {
    padding: 15px;
    border-bottom: 1px solid #e2eaf2;
    position: relative; }
    .filter-box .search-by-hotel input {
      height: 40px;
      border-radius: 22px;
      padding: 0 16px; }
    .filter-box .search-by-hotel::after {
      content: "\F349";
      font-family: Material Design Icons;
      font-weight: 400;
      font-style: normal;
      position: absolute;
      right: 25px;
      top: 20px;
      font-size: 21px;
      pointer-events: none;
      color: #c2c2c2;
      background: #fff; }
    .filter-box .search-by-hotel ul {
      border: 1px solid #ccc;
      padding: 5px 0;
      top: -1px;
      position: relative;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
      .filter-box .search-by-hotel ul li {
        padding: 3px 10px;
        cursor: pointer; }
        .filter-box .search-by-hotel ul li:hover {
          background-color: rgba(53, 127, 214, 0.28); }
  .filter-box .checkbox-items label {
    margin-top: 2px;
    font-size: 13px;
    color: #003580;
    font-weight: 400;
    float: inherit;
    position: relative;
    padding: 0; }
  .filter-box .star-rating {
    text-align: center;
    display: inline-block;
    padding: 4px 0; }
    .filter-box .star-rating span {
      display: block;
      line-height: 10px; }
    .filter-box .star-rating .rating-box {
      width: 42px;
      height: 42px;
      border: 1px solid #003580;
      background-color: #fff;
      display: inline-block;
      color: #003580;
      border-radius: 6px;
      margin-right: 4px;
      padding: 5px 0 !important;
      cursor: pointer; }
      .filter-box .star-rating .rating-box .star {
        font-size: 18px;
        position: relative;
        top: 1px; }
      .filter-box .star-rating .rating-box .star-rate {
        font-size: 13px;
        position: relative;
        top: 0;
        font-weight: 700;
        margin-top: 2px; }
      .filter-box .star-rating .rating-box::before {
        visibility: hidden;
        position: absolute; }
      .filter-box .star-rating .rating-box.selected {
        background-color: #003580; }
        .filter-box .star-rating .rating-box.selected:after {
          display: none; }
        .filter-box .star-rating .rating-box.selected span {
          color: #ffffff; }
    .filter-box .star-rating:last-child .rating-box {
      margin-right: 0; }
  .filter-box .price-per-person span {
    color: #003580; }
    .filter-box .price-per-person span input {
      width: 50px;
      margin-left: 4px;
      margin-right: 4px;
      font-weight: 600;
      color: #003580;
      border: 1px solid #003580;
      padding: 0 3px 0 6px;
      height: 28px;
      font-size: 14px !important;
      position: relative;
      top: 1px; }
  .filter-box .price-per-person .range {
    position: relative;
    left: 18%;
    top: 4px; }
    .filter-box .price-per-person .range i {
      font-size: 22px; }
  .filter-box .price-per-person .input-range__track {
    height: 3px;
    background-color: #b1b1b1; }
    .filter-box .price-per-person .input-range__track .input-range__track--active {
      background-color: #003580; }
  .filter-box .price-per-person .input-range__label {
    top: 12px;
    color: #003580;
    font-weight: 600;
    font-family: inherit; }
  .filter-box .price-per-person .input-range {
    width: 88%;
    height: 30px;
    left: 8px;
    margin-top: 15px; }
  .filter-box .price-per-person .input-range__label-container {
    display: none; }
  .filter-box .price-per-person .input-range__slider {
    border: 1px solid #003580;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    background: #fff;
    margin-top: -15px;
    position: relative;
    text-align: center; }
    .filter-box .price-per-person .input-range__slider::before, .filter-box .price-per-person .input-range__slider::after {
      content: "|";
      color: #003580;
      left: 1px;
      position: relative;
      font-size: 12px;
      top: -1px; }
    .filter-box .price-per-person .input-range__slider::before {
      left: -1px; }
  .filter-box .price-per-person .input-range__label--min,
  .filter-box .price-per-person .input-range__label--max {
    display: none; }
  .filter-box .trip-rating {
    left: 0;
    top: 0;
    border: 0;
    height: 18px; }
    .filter-box .trip-rating span > span > span > span {
      width: 18px !important;
      height: 18px !important;
      border-width: 4px !important; }
    .filter-box .trip-rating .tripadvisor-plus {
      position: absolute;
      right: -15px;
      top: 3px;
      font-size: 1rem;
      font-weight: 700; }
  .filter-box .accordion label {
    padding: 0 !important; }

.filter-left {
  padding-left: 0 !important; }
  .filter-left.show-filter {
    display: block !important;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 110;
    border: 0;
    box-shadow: none;
    padding: 0; }
    .filter-left.show-filter .filter-box {
      box-shadow: none;
      height: 90%;
      overflow: auto;
      padding-bottom: 50px; }
      .filter-left.show-filter .filter-box .filter-heading {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
        padding: 12px 15px;
        color: #003580;
        position: fixed;
        z-index: 9;
        top: 0;
        width: 100%;
        background: #fff;
        padding: 0;
        text-align: center;
        height: 42px; }
        .filter-left.show-filter .filter-box .filter-heading h4 {
          font-size: 16px;
          font-weight: 600;
          padding: 7px;
          width: 100%; }
          .filter-left.show-filter .filter-box .filter-heading h4 i {
            font-size: 27px;
            color: #0077ba;
            margin-right: 10px;
            position: absolute;
            top: 6px; }
        .filter-left.show-filter .filter-box .filter-heading .clear-all {
          position: absolute;
          right: 10px;
          top: 10px;
          font-size: 12px; }
    .filter-left.show-filter .sticky-filter-btn {
      position: fixed;
      bottom: 0;
      left: 0;
      box-shadow: -1px -4px 4px 0 rgba(0, 0, 0, 0.06);
      padding: 10px 0;
      z-index: 90;
      right: 0;
      background-color: #ffffff;
      text-align: center; }
      .filter-left.show-filter .sticky-filter-btn .btn-orange {
        width: 80%; }
    .filter-left.show-filter.search-filter {
      top: 40px; }

@media (min-width: 768px) {
  .filter-box {
    display: block;
    margin-bottom: 20px; }
    .filter-box .price-per-person .range {
      left: 6%; } }

.accord {
  border-bottom: 1px solid #e2eaf2;
  padding: 15px 15px 0; }
  .accord .accord-item {
    transition: 0.4s;
    position: relative;
    border: 0 !important;
    cursor: pointer;
    padding: 0 0 15px; }
    .accord .accord-item.open h4::after {
      content: "\F143"; }
    .accord .accord-item.open .body {
      max-height: 600px; }
    .accord .accord-item h4 {
      margin: 0; }
      .accord .accord-item h4:after {
        content: "\F140";
        font-family: Material Design Icons;
        display: inline-block;
        position: absolute;
        font-weight: normal;
        font-size: 25px;
        top: -2px;
        right: 0;
        color: #0077ba; }
  .accord [type="checkbox"],
  .accord [type="radio"] + label {
    padding: 2px 6px;
    margin: 0 0 4px;
    font-size: 13px;
    color: #003580;
    font-weight: 400; }
    .accord [type="checkbox"]::after,
    .accord [type="radio"] + label::after {
      top: 47%;
      left: 10px; }
  .accord [type="radio"] + label::after {
    top: 30%;
    left: 4px; }
  .accord .accordion-item {
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
    height: auto;
    max-height: 9999px; }
    .accord .accordion-item.collapsed {
      max-height: 0;
      transition: max-height 0.35s cubic-bezier(0, 1, 0, 1); }
    .accord .accordion-item .accordion-content {
      padding-bottom: 15px; }
      .accord .accordion-item .accordion-content label {
        font-size: 13px;
        color: #003580;
        margin-bottom: 0;
        padding: 4px 2px !important; }
      .accord .accordion-item .accordion-content [type="radio"] + label::after {
        top: 10.5px;
        left: 6px; }
      .accord .accordion-item .accordion-content .trip-filter {
        display: flex;
        flex-direction: column-reverse; }
      .accord .accordion-item .accordion-content label.trip-rate {
        padding: 0px 2px 4px !important;
        line-height: 0; }
        .accord .accordion-item .accordion-content label.trip-rate::after {
          top: 4px !important; }

.show-on-mobile {
  display: none; }

.inblock {
  display: inline-block; }

.no-margin-top {
  margin-top: 0 !important; }

.w-50 {
  width: 50%; }

.w-30 {
  width: 30%; }

.w-20 {
  width: 20%; }

.float-left {
  float: left; }

.pstn-reltv {
  position: relative; }

.pstn-abslt {
  position: absolute; }

.bg-gray-light {
  background-color: #ededed; }

.bg-gray-semi-light {
  background-color: #f2f2f2; }

.bg-gray-dark {
  background-color: #d8d8d8; }

.b-gray {
  border: solid 1px #d8d8d8; }

.border-bottom-no {
  border-bottom: none; }

.border-top-no {
  border-top: none; }

.content-padding {
  padding: 20px 20px; }

.dblock {
  display: block; }

.clear-fix {
  clear: both; }

.disabled-layer {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  position: absolute; }

.border-radius-top {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.border-radius {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.homepage-sprite {
  background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1"); }

.bgnd-animate-light {
  animation: fadeInOut 0.8s infinite; }

.bgnd-animate-dark {
  animation: fadeInOut 1s infinite; }

.border-radius-bottom {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.dots span {
  width: 8px;
  height: 8px;
  background-color: #000;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  opacity: 0.4; }
  .dots span:nth-child(2) {
    opacity: 0.3; }
  .dots span:nth-child(3) {
    opacity: 0.2; }
  .dots span:nth-child(4) {
    opacity: 0.1; }

.placeholder.filter-box {
  width: 100%; }

.placeholder.check-out-page .left-wrapper {
  width: 70%;
  margin-right: 1%; }
  .placeholder.check-out-page .left-wrapper .content-inner {
    border: solid 1px #d8d8d8; }
  .placeholder.check-out-page .left-wrapper .guest-details .col-1 {
    width: 15%; }
  .placeholder.check-out-page .left-wrapper .guest-details .padding-left {
    padding-left: 20px; }
  .placeholder.check-out-page .left-wrapper .guest-details .col-2 {
    width: 35%;
    padding-right: 20px; }
  .placeholder.check-out-page .left-wrapper .guest-details .strip-1 {
    height: 11px; }
  .placeholder.check-out-page .left-wrapper .guest-details .strip-2 {
    height: 40px;
    width: 100%; }
  .placeholder.check-out-page .left-wrapper .guest-details .margin-bottom {
    margin-bottom: 15px; }

.placeholder.check-out-page .content-row .strip-5 {
  width: 25%; }

.placeholder.check-out-page .content-row .strip-1 {
  width: 35%; }

.placeholder.check-out-page .right-wrapper {
  width: 29%; }

.placeholder.check-out-page .padding-left {
  padding-left: 36px; }

.placeholder.check-out-page .gray-strip {
  margin: 8px 0; }

.placeholder.check-out-page .strip-1,
.placeholder.check-out-page .strip-2,
.placeholder.check-out-page .strip-3 {
  height: 16px; }

.placeholder.check-out-page .strip-1 {
  width: 25%; }

.placeholder.check-out-page .strip-2 {
  width: 90%; }

.placeholder.check-out-page .strip-3 {
  width: 30%; }

.placeholder.check-out-page .title-left .strip-1 {
  width: 60%; }

.placeholder.check-out-page .title-left .strip-2 {
  width: 20%; }

.placeholder .dotted-line {
  border-right: dashed 1px #d8d8d8;
  right: 0;
  top: -10px;
  bottom: -15px; }

.placeholder.flight-results {
  /*padding:12px;*/ }
  .placeholder.flight-results .box-2 {
    width: 50px;
    height: 50px;
    left: 0;
    top: 0; }
  .placeholder.flight-results .devider {
    width: 1px;
    top: -10px;
    right: 0;
    bottom: -15px; }
  .placeholder.flight-results .dotted-line {
    border-right: dashed 1px #d8d8d8;
    right: 0;
    top: -10px;
    bottom: -15px; }
  .placeholder.flight-results .set-1 {
    width: 85%;
    height: 50px; }
  .placeholder.flight-results .set-2 {
    width: 15%; }
    .placeholder.flight-results .set-2 .devider {
      left: 0;
      margin: 0; }
    .placeholder.flight-results .set-2 .dots {
      top: 11px;
      left: 9px; }
  .placeholder.flight-results .gray-strip {
    height: 13px; }
  .placeholder.flight-results .top-layer {
    opacity: 0.5;
    margin-bottom: 18px; }
    .placeholder.flight-results .top-layer .col-4 {
      width: 33.33333333333333%;
      top: 20px; }
    .placeholder.flight-results .top-layer .strip-1 {
      height: 30px;
      width: 50%; }
    .placeholder.flight-results .top-layer .middle-col {
      padding: 0 30px; }
      .placeholder.flight-results .top-layer .middle-col .gray-strip {
        width: 100%;
        margin: 8px 0; }
      .placeholder.flight-results .top-layer .middle-col .strip-2 {
        height: 10px; }
  .placeholder.flight-results .box-wrapper {
    padding: 0 40px;
    margin: 5px 0 0 50px; }
    .placeholder.flight-results .box-wrapper .gray-strip {
      width: 100%; }
  .placeholder.flight-results .inner-set-2 .box-2 {
    left: 17px; }
  .placeholder.flight-results .inner-set-2 .box-wrapper {
    margin-left: 77px; }
  .placeholder.flight-results .small-box-1,
  .placeholder.flight-results .small-box-3 {
    width: 22%; }
  .placeholder.flight-results .small-box-2 {
    width: 56%;
    padding: 0 15px; }
    .placeholder.flight-results .small-box-2 .strip-2 {
      margin: 0 auto;
      width: 70%; }
  .placeholder.flight-results .no-bottom-margin {
    margin-bottom: 0; }

.placeholder.hotel-details .room-head {
  height: 45px;
  margin: 0 !important;
  border-bottom: 0; }
  .placeholder.hotel-details .room-head .gray-strip {
    height: 24px !important; }
  .placeholder.hotel-details .room-head .float-right.set-2 {
    float: right;
    width: 20%; }

.placeholder.hotel-details .left-wrapper {
  width: 70%; }
  .placeholder.hotel-details .left-wrapper .gray-button {
    margin-top: 25px; }

.placeholder.hotel-details .offer-row {
  margin: 8px 0;
  padding: 8px 10px; }

.placeholder.hotel-details .divider {
  width: 1px;
  top: -10px;
  right: 0;
  bottom: -15px; }

.placeholder.hotel-details .inner-set-1 {
  padding: 0 15px 0 0; }

.placeholder.hotel-details .set-1 {
  width: 80%; }

.placeholder.hotel-details .dots {
  top: 3px;
  left: -48px; }

.placeholder.hotel-details .content-placeholder {
  padding-top: 0; }

.placeholder.hotel-details .left-wrapper {
  width: 100%; }

.placeholder.hotel-details .long-strips-wrapper .gray-strip {
  height: 30px;
  width: 100%;
  margin: 0; }

.placeholder.hotel-details .long-strips-wrapper .long-strips-inner-2 {
  margin-bottom: 10px; }
  .placeholder.hotel-details .long-strips-wrapper .long-strips-inner-2 .gray-strip {
    height: 55px; }
  .placeholder.hotel-details .long-strips-wrapper .long-strips-inner-2 .strip-1 {
    width: 114px;
    right: 0;
    top: 0; }

.placeholder.hotel-details .info-strips {
  margin-bottom: 18px; }
  .placeholder.hotel-details .info-strips .content-row-1,
  .placeholder.hotel-details .info-strips .content-row-2 {
    width: 50%; }
    .placeholder.hotel-details .info-strips .content-row-1 .gray-strip,
    .placeholder.hotel-details .info-strips .content-row-2 .gray-strip {
      width: 25%;
      margin: 0 7px 0 0; }
  .placeholder.hotel-details .info-strips .content-row-1 .strip-1 {
    height: 24px;
    margin-bottom: 16px; }
  .placeholder.hotel-details .info-strips .content-row-1 .strip-2 {
    height: 28px;
    width: 23%; }
  .placeholder.hotel-details .info-strips .content-row-2 .strip-1 {
    height: 40px;
    width: 50%; }

.placeholder.hotel-details .right-wrapper {
  width: 30%;
  padding-left: 30px; }
  .placeholder.hotel-details .right-wrapper .content-placeholder {
    padding-top: 0; }
  .placeholder.hotel-details .right-wrapper .content {
    margin-top: 0; }
  .placeholder.hotel-details .right-wrapper .strip-1 {
    height: 15px; }
  .placeholder.hotel-details .right-wrapper .mobile-bottom-strips {
    width: 100%;
    opacity: 0.6; }
    .placeholder.hotel-details .right-wrapper .mobile-bottom-strips .gray-strip {
      width: 25%;
      margin: 0;
      height: 42px;
      border-right: solid #ffffff 1px; }

.placeholder.hotel-details .strip-1 {
  height: 30px;
  width: 80%; }

.placeholder.hotel-details .strip-2,
.placeholder.hotel-details .strip-3 {
  height: 16px; }

.placeholder.hotel-details .strip-3 {
  width: 35%; }

.placeholder.hotel-details .strip-2 {
  width: 20%; }

.placeholder.hotel-details .small-boxes {
  overflow: hidden;
  padding-top: 20px; }
  .placeholder.hotel-details .small-boxes span {
    width: 16.66666666666667%;
    height: 42px; }
    .placeholder.hotel-details .small-boxes span:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 2px;
      background-color: #ffffff; }
  .placeholder.hotel-details .small-boxes span:first-child {
    margin-left: 0; }

.placeholder.hotel-details .strips-left {
  width: 80%; }

.placeholder.hotel-details .strips-right {
  width: 20%; }

.placeholder.hotel-details .right-box-1 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  .placeholder.hotel-details .right-box-1 .content-inner {
    padding: 5px 20px; }
  .placeholder.hotel-details .right-box-1 .strip-1 {
    width: 40%; }
  .placeholder.hotel-details .right-box-1 .strip-2 {
    width: 60%; }
  .placeholder.hotel-details .right-box-1 .strip-3 {
    width: 90%; }
  .placeholder.hotel-details .right-box-1 .strip-4 {
    width: 50%; }
  .placeholder.hotel-details .right-box-1 .gray-strip {
    margin: 14px 0; }

.placeholder.hotel-details .strips-row-2 {
  margin-top: 10px; }
  .placeholder.hotel-details .strips-row-2 .gray-strip {
    margin: 2px 0; }
  .placeholder.hotel-details .strips-row-2 .gray-1 {
    width: 80%; }
    .placeholder.hotel-details .strips-row-2 .gray-1 .strip-2 {
      width: 78%;
      height: 16px; }
    .placeholder.hotel-details .strips-row-2 .gray-1 .strip-1 {
      height: 20px; }
  .placeholder.hotel-details .strips-row-2 .gray-2 {
    width: 20%; }
    .placeholder.hotel-details .strips-row-2 .gray-2 .strip-3 {
      height: 20px; }

.placeholder.hotel-details .strips-row-3 .strip-1 {
  width: 63%;
  margin: 30px 0 4px 0; }

.placeholder.hotel-details .right-box-1 .strips-row {
  padding: 10px 0; }
  .placeholder.hotel-details .right-box-1 .strips-row .strip-1,
  .placeholder.hotel-details .right-box-1 .strips-row .strip-2 {
    width: 45%; }
  .placeholder.hotel-details .right-box-1 .strips-row .gray-strip {
    margin: 4px 0; }
  .placeholder.hotel-details .right-box-1 .strips-row .strip-2 {
    height: 8px;
    margin-left: 6%; }

.placeholder.hotel-results.hdp-placeholder {
  margin-top: 15px; }
  .placeholder.hotel-results.hdp-placeholder .content-box-2 {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 35px; }
    .placeholder.hotel-results.hdp-placeholder .content-box-2 .strip-4 {
      width: 36%;
      height: 12px;
      margin-bottom: 8px; }
    .placeholder.hotel-results.hdp-placeholder .content-box-2 .strip-5 {
      width: 100%;
      height: 40px; }

.placeholder.hotel-results.filter-box .content-row {
  border: 0; }

.placeholder.hotel-results .content-row {
  overflow: hidden;
  background: #fff;
  padding: 6px;
  position: relative;
  margin-bottom: 12px;
  border: solid 1px #e7e7e7; }

.placeholder.hotel-results .content-box-1 {
  width: 47%; }
  .placeholder.hotel-results .content-box-1 .strip-1 {
    width: 100%;
    height: 250px;
    margin: 0; }

.placeholder.hotel-results .content-box-2 {
  width: 53%;
  padding: 0 12px; }
  .placeholder.hotel-results .content-box-2 .strip-1 {
    height: 20px;
    margin-bottom: 35px;
    width: 50%; }
  .placeholder.hotel-results .content-box-2 .strip-2 {
    height: 26px; }
  .placeholder.hotel-results .content-box-2 .strip-3 {
    height: 20px;
    width: 44%; }
  .placeholder.hotel-results .content-box-2 .strip-4 {
    height: 14px;
    width: 33%; }
  .placeholder.hotel-results .content-box-2 .strip-5 {
    height: 20px;
    width: 54%; }
  .placeholder.hotel-results .content-box-2 .strip-6 {
    height: 14px;
    width: 73%; }
  .placeholder.hotel-results .content-box-2 .strip-4 {
    height: 11px;
    margin-bottom: 10px; }
  .placeholder.hotel-results .content-box-2 .strip-3,
  .placeholder.hotel-results .content-box-2 .strip-4 {
    width: 84%; }
  .placeholder.hotel-results .content-box-2 .strip-5 {
    width: 50%; }
  .placeholder.hotel-results .content-box-2 .box2-in {
    margin-top: 34px; }
    .placeholder.hotel-results .content-box-2 .box2-in .strip-7 {
      width: 147px;
      height: 14px;
      margin-bottom: 10px; }
    .placeholder.hotel-results .content-box-2 .box2-in .strip-8 {
      position: absolute;
      right: 12px;
      bottom: 20px;
      height: 40px;
      width: 124px; }

.placeholder.hotel-results .content-box-3 {
  width: 25%; }
  .placeholder.hotel-results .content-box-3 .strip-1 {
    height: 10px;
    width: 80%; }
  .placeholder.hotel-results .content-box-3 .strip-2 {
    height: 20px;
    width: 55%; }
  .placeholder.hotel-results .content-box-3 .strip-3 {
    height: 10px;
    width: 53%; }
  .placeholder.hotel-results .content-box-3 .content-box-3-inner {
    margin: 18px 0 0 0; }
    .placeholder.hotel-results .content-box-3 .content-box-3-inner .strip-1 {
      width: 75%; }
    .placeholder.hotel-results .content-box-3 .content-box-3-inner .strip-2,
    .placeholder.hotel-results .content-box-3 .content-box-3-inner .strip-3 {
      width: 40%; }
    .placeholder.hotel-results .content-box-3 .content-box-3-inner .strip-4 {
      height: 32px;
      width: 70%; }

.placeholder.hotel-results hr {
  margin: 10px 0 10px 0; }

.placeholder .highlights-row {
  padding-top: 20px; }
  .placeholder .highlights-row .star-icons {
    width: 106px;
    height: 20px;
    margin-left: 10px;
    background-position: -21px -3078px; }
  .placeholder .highlights-row .title-excellent {
    font-size: 16px;
    font-weight: 600; }
  .placeholder .highlights-row .trust-pilot-only {
    width: 150px;
    height: 34px;
    background-position: -21px -3103px;
    top: -3px; }
  .placeholder .highlights-row .description {
    padding-right: 4px; }

.placeholder .gray-circle {
  width: 24px;
  height: 24px;
  left: 20px;
  top: 22px;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px; }

.placeholder .offer-row {
  overflow: hidden;
  padding: 10px;
  margin: 10px 0; }

.placeholder .description {
  padding: 0 12px;
  text-align: center;
  margin: initial; }

.placeholder div,
.placeholder span {
  vertical-align: middle; }

.placeholder .content {
  margin: 25px 0; }

.placeholder .title-panel {
  padding: 10px 20px; }

.placeholder .gray-box {
  width: 30px;
  height: 30px; }

.placeholder .large-box {
  height: 250px; }
  .placeholder .large-box .gray-strip {
    width: 35%;
    height: 57px;
    top: 0;
    left: 0;
    margin: 0; }

.placeholder .box-1 {
  margin-right: 15px; }

.placeholder .gray-strip {
  height: 18px;
  margin: 5px 0; }

.placeholder .gray-button {
  width: 80px;
  height: 35px; }

.placeholder .strip-1 {
  width: 60%; }

.placeholder .strip-2 {
  width: 30%; }

.placeholder .strip-3 {
  width: 20%; }

.placeholder .strip-4 {
  width: 10%; }

.placeholder .strip-5 {
  width: 10%; }

.placeholder .content-placeholder {
  /*padding-top:30px;*/
  overflow: hidden; }

.placeholder hr {
  margin: 15px 0;
  border: none;
  height: 1px; }

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeInOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes fadeInOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@media (max-width: 979px) {
  .placeholder.flight-results .left-wrapper {
    display: none; }
  .placeholder.flight-results .right-wrapper {
    width: 100%;
    padding-left: 0; }
  .placeholder.hotel-details .right-wrapper {
    display: none; }
  .placeholder.hotel-details .left-wrapper {
    width: 100%;
    padding: 0; }
  .placeholder.hotel-details .dots {
    left: -35px; }
  .placeholder.hotel-results .left-wrapper {
    display: none; }
  .placeholder.hotel-results .right-wrapper {
    width: 100%;
    float: none; }
  .placeholder.check-out-page .left-wrapper {
    width: 100%;
    margin-right: 0;
    float: none; }
  .placeholder.check-out-page .right-wrapper {
    display: none; } }

@media (max-width: 767px) {
  .placeholder.check-out-page .left-wrapper .content-inner {
    height: inherit;
    background-color: #d8d8d8;
    border: solid 10px #ffffff;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px; }
  .placeholder.check-out-page .left-wrapper .content-padding {
    padding: 10px; }
  .placeholder.check-out-page .left-wrapper .strip-3 {
    width: 60%; }
  .placeholder.check-out-page .left-wrapper .padding-left {
    padding-left: 0; }
  .placeholder.check-out-page .left-wrapper .guest-details-outer .content-inner {
    background-color: #ffffff;
    padding: 0 10px; }
  .placeholder.check-out-page .left-wrapper .guest-details .strip-1 {
    margin-top: 0; }
  .placeholder.check-out-page .left-wrapper .guest-details .strip-2 {
    height: 150px; }
  .placeholder.check-out-page .left-wrapper .guest-details.content-inner {
    border: none; }
  .placeholder.check-out-page .left-wrapper .guest-details .col-1 {
    width: 100%; }
    .placeholder.check-out-page .left-wrapper .guest-details .col-1 .strip-2:nth-child(2) {
      height: 11px;
      width: 40%;
      margin-bottom: 0; }
  .placeholder.check-out-page .title-panel {
    background-color: #ededed; }
  .placeholder.check-out-page .gray-strip {
    height: 10px;
    width: 40%; }
  .placeholder.check-out-page .bg-gray-dark {
    background-color: #ededed; }
  .placeholder.check-out-page .title-panel {
    margin-bottom: 5px; }
    .placeholder.check-out-page .title-panel .bg-gray-light {
      background-color: #d8d8d8; }
    .placeholder.check-out-page .title-panel .box-1 {
      height: 10px; }
  .placeholder.check-out-page .content-inner .strip-2,
  .placeholder.check-out-page .content-inner .strip-1 {
    width: 100%; }
  .placeholder.check-out-page .mobile-strips {
    width: 35%;
    top: -8px; }
    .placeholder.check-out-page .mobile-strips .gray-strip {
      width: 100%; }
    .placeholder.check-out-page .mobile-strips .bg-gray-light {
      background-color: #ffffff;
      height: 7px; }
    .placeholder.check-out-page .mobile-strips .bg-gray-dark {
      background-color: #d8d8d8; }
  .placeholder.flight-results .inner-set-1,
  .placeholder.flight-results .inner-set-2 {
    width: 100%;
    float: none;
    position: static; }
    .placeholder.flight-results .inner-set-1 .box-2,
    .placeholder.flight-results .inner-set-2 .box-2 {
      width: 30px;
      height: 30px;
      left: 0;
      top: 7px;
      background-color: #d8d8d8; }
    .placeholder.flight-results .inner-set-1 .box-wrapper,
    .placeholder.flight-results .inner-set-2 .box-wrapper {
      padding: 0;
      margin: 0 0 0 50px; }
  .placeholder.flight-results .content-placeholder {
    padding-top: 0; }
  .placeholder.flight-results .inner-set-2 .box-2 {
    top: 60px; }
  .placeholder.flight-results hr {
    display: block;
    margin: 2px 10px 2px 0 !important; }
  .placeholder.flight-results .devider {
    display: none; }
  .placeholder.flight-results .set-1 {
    height: inherit;
    width: 75%; }
  .placeholder.flight-results .set-2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 25%; }
    .placeholder.flight-results .set-2 .dots {
      left: 0;
      width: 100%;
      padding: 0 20px;
      top: 16px; }
      .placeholder.flight-results .set-2 .dots span:nth-child(1) {
        width: 14px;
        height: 14px;
        opacity: 0.2; }
      .placeholder.flight-results .set-2 .dots span:nth-child(2) {
        width: 100%;
        height: 10px;
        display: block;
        margin: 12px 0 5px 0;
        opacity: 0.1;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0; }
      .placeholder.flight-results .set-2 .dots span:nth-child(3) {
        width: 100%;
        height: 15px;
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px; }
  .placeholder.flight-results .offer-row {
    padding: 5px 10px;
    position: relative; }
  .placeholder.flight-results .small-box-2 {
    width: 22%;
    padding: 0;
    margin: 0 20px; }
    .placeholder.flight-results .small-box-2 .strip-1 {
      background-color: #ededed;
      width: 80%;
      margin: 9px auto;
      height: 8px; }
    .placeholder.flight-results .small-box-2 .strip-2 {
      background-color: #d8d8d8;
      width: 100%; }
  .placeholder.flight-results .small-box-1 .strip-2,
  .placeholder.flight-results .small-box-3 .strip-2 {
    width: 80%;
    margin: 9px auto; }
  .placeholder.flight-results .gray-strip {
    height: 10px;
    margin: 9px 0; }
  .placeholder.flight-results .top-layer {
    position: relative;
    height: 137px;
    margin-bottom: 0;
    top: 5px; }
    .placeholder.flight-results .top-layer hr {
      display: block;
      margin: 16px 0 !important; }
    .placeholder.flight-results .top-layer .col-4 {
      width: 33.33333333333333%;
      top: auto;
      bottom: 0;
      position: absolute;
      width: 25%; }
    .placeholder.flight-results .top-layer .left {
      left: 10px; }
    .placeholder.flight-results .top-layer .right {
      right: 10px; }
    .placeholder.flight-results .top-layer .strip-1 {
      width: 100%; }
    .placeholder.flight-results .top-layer .middle-col {
      padding: 0 50px;
      position: relative;
      width: 100%;
      float: none; }
  .placeholder.flight-results .dotted-line {
    top: 5px;
    bottom: 5px; }
  .placeholder.hotel-details .dots {
    left: -13px; }
  .placeholder.hotel-details .content-placeholder .content-row-1 {
    width: 80%; }
    .placeholder.hotel-details .content-placeholder .content-row-1 .strip-2 {
      width: 30%; }
  .placeholder.hotel-details .left-wrapper,
  .placeholder.hotel-details .right-wrapper {
    float: none;
    width: 100%;
    padding: 0 10px; }
  .placeholder.hotel-details .right-wrapper {
    margin-top: 30px;
    display: block; }
    .placeholder.hotel-details .right-wrapper .gray-strip:first-child {
      margin: 0; }
    .placeholder.hotel-details .right-wrapper .title-panel {
      padding: 0;
      background-color: #ededed; }
      .placeholder.hotel-details .right-wrapper .title-panel .gray-strip {
        background-color: #d8d8d8;
        width: 30%;
        display: block;
        height: 62px; }
      .placeholder.hotel-details .right-wrapper .title-panel .show-on-mobile {
        top: 15px;
        right: 0;
        left: 0;
        left: 30%;
        padding-left: 20px; }
        .placeholder.hotel-details .right-wrapper .title-panel .show-on-mobile .gray-strip {
          height: 11px; }
        .placeholder.hotel-details .right-wrapper .title-panel .show-on-mobile .small-box {
          width: 50%; }
        .placeholder.hotel-details .right-wrapper .title-panel .show-on-mobile .strip-1 {
          width: 50%; }
        .placeholder.hotel-details .right-wrapper .title-panel .show-on-mobile .strip-2 {
          width: 60%; }
    .placeholder.hotel-details .right-wrapper .strip-1 {
      height: 30px;
      background-color: #d8d8d8; }
  .placeholder.hotel-details .strip-2 {
    width: 50%;
    background-color: #ededed; }
  .placeholder.hotel-details .strip-3 {
    width: 65%; }
  .placeholder.hotel-details .content {
    border: none; }
  .placeholder.hotel-details .content-padding {
    padding: 20px 17px 1px 17px; }
  .placeholder.hotel-results {
    margin-top: 10px; }
    .placeholder.hotel-results .left-wrapper,
    .placeholder.hotel-results .right-wrapper,
    .placeholder.hotel-results .content-box-1,
    .placeholder.hotel-results .content-box-2 {
      float: none;
      width: 100%;
      padding: 0; }
    .placeholder.hotel-results .content-row {
      padding: 0; }
    .placeholder.hotel-results .gray-strip {
      margin-top: 0; }
    .placeholder.hotel-results .content-box-1 {
      height: 204px;
      margin-bottom: 20px; }
      .placeholder.hotel-results .content-box-1 .strip-1 {
        height: 204px; }
    .placeholder.hotel-results .content-box-2 {
      padding-left: 10px; }
      .placeholder.hotel-results .content-box-2 .box2-in {
        margin-bottom: 80px;
        margin-top: 74px; }
      .placeholder.hotel-results .content-box-2 .strip-1 {
        position: absolute;
        top: 12px;
        left: 0;
        height: 53px;
        -webkit-border-top-right-radius: 100px;
        -webkit-border-bottom-right-radius: 100px;
        -moz-border-radius-topright: 100px;
        -moz-border-radius-bottomright: 100px;
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px; }
      .placeholder.hotel-results .content-box-2 .strip-2 {
        height: 15px;
        width: 60%; }
      .placeholder.hotel-results .content-box-2 .strip-3 {
        width: 30%; }
      .placeholder.hotel-results .content-box-2 .strip-4 {
        width: 50%; }
  .placeholder .gray-strip {
    margin: 10px 0; }
  .placeholder .content {
    margin: 10px 0; }
  .placeholder .show-on-mobile {
    display: inline-block; }
  .placeholder .highlights-row {
    padding-top: 5px; }
    .placeholder .highlights-row .title-excellent {
      font-size: 14px; }
    .placeholder .highlights-row .trust-pilot-only {
      width: 102px;
      height: 22px;
      background-position: -15px -3184px; } }

.ratings-review .star-icon {
  font-size: 16px;
  font-size: 1rem; }

.hotel-address {
  padding-bottom: 5px;
  overflow: hidden; }
  .hotel-address .icon-map {
    font-size: 18px;
    font-size: 1.125rem;
    position: relative;
    top: 6px;
    float: left; }
  .hotel-address .address {
    font-size: 12px;
    font-size: 0.75rem;
    float: left;
    width: 94%;
    position: relative;
    top: 6px; }

.sort-filter-heading {
  background-color: #ffffff;
  display: flex;
  margin-bottom: 4px; }
  .sort-filter-heading .icon {
    font-size: 20px;
    color: #0077ba;
    margin-right: 5px;
    display: inline-block;
    vertical-align: sub;
    position: relative;
    top: 2px; }
    .sort-filter-heading .icon.icon-map-marker-outline {
      top: -1px; }
  .sort-filter-heading .text {
    color: #003580;
    font-size: 14px; }
  .sort-filter-heading .sort i::before {
    content: "";
    display: inline-block;
    font-size: 20px;
    color: #0077ba;
    font-weight: 400;
    position: relative;
    line-height: normal;
    background-image: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1");
    background-position: -238px 209px;
    width: 20px;
    height: 23px;
    left: 2px;
    top: 1px; }
  .sort-filter-heading .show-sort {
    position: absolute;
    background-color: #ffffff;
    z-index: 10;
    width: 45%;
    left: 0;
    top: -15px;
    text-align: left;
    border-radius: 8px;
    padding: 0 0 8px; }
    .sort-filter-heading .show-sort li {
      padding: 0 12px;
      color: #003580;
      line-height: 35px;
      position: relative; }
      .sort-filter-heading .show-sort li.active {
        background: rgba(186, 215, 246, 0.18); }
        .sort-filter-heading .show-sort li.active:after {
          font-family: Material Design Icons;
          content: "\F12C";
          display: inline-block;
          font-size: 18px;
          color: #003580;
          position: absolute;
          right: 10px;
          font-weight: 400; }

.mob-width {
  width: 33%;
  height: 40px;
  line-height: 38px;
  background-color: #ffffff;
  border-right: solid 2px rgba(0, 53, 128, 0.1);
  text-align: center; }
  .mob-width:last-child {
    border: 0; }

.search-results .destination-results-nav {
  display: none !important; }

.destination-details .container {
  padding: 0; }

.destination-details .row {
  margin: 0; }

.destination-details .serp-right {
  padding: 0; }
  .destination-details .serp-right [class*="col-"] {
    padding: 0; }
  .destination-details .serp-right .container {
    padding: 0; }

.destination-details .beat-price {
  text-align: center;
  padding: 6px 0;
  margin: 4px 0;
  background-color: #ffffff; }
  .destination-details .beat-price img {
    width: 285px; }

.destination-details .card-list .search-card {
  border: 1px solid #ececec;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 13px; }
  .destination-details .card-list .search-card:hover {
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.19); }
  .destination-details .card-list .search-card h4 {
    color: #003580;
    font-size: 16px;
    font-weight: 600;
    width: 77%;
    margin: 0; }
  .destination-details .card-list .search-card .search-carousel {
    height: 170px; }
    .destination-details .card-list .search-card .search-carousel img {
      height: 100%;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
  .destination-details .card-list .search-card .serp-bottom .facility-icons .modal-link {
    color: #1c94d9;
    font-weight: 700;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 1px 6px 1px 18px;
    position: relative;
    margin-left: 15px;
    cursor: pointer; }
    .destination-details .card-list .search-card .serp-bottom .facility-icons .modal-link span span {
      display: none; }
    .destination-details .card-list .search-card .serp-bottom .facility-icons .modal-link i::before {
      content: "\F415";
      font-family: Material Design Icons;
      display: inline-block;
      font-style: normal;
      position: absolute;
      left: 2px;
      font-size: 12px;
      top: 3px; }
    .destination-details .card-list .search-card .serp-bottom .facility-icons .modal-link i .MuiSvgIcon-root {
      display: none; }
  .destination-details .card-list .search-card .search-details {
    margin-top: 10px; }
    .destination-details .card-list .search-card .search-details .share-icons {
      position: absolute;
      right: 5px; }
      .destination-details .card-list .search-card .search-details .share-icons .icon {
        color: #0077ba;
        margin-right: 15px;
        vertical-align: top;
        margin-right: 10px; }
        .destination-details .card-list .search-card .search-details .share-icons .icon:last-child {
          margin-right: 0; }
      .destination-details .card-list .search-card .search-details .share-icons i {
        font-size: 22px;
        cursor: pointer; }
      .destination-details .card-list .search-card .search-details .share-icons .share-icon .popup-content .popup-arrow {
        left: 72% !important; }
    .destination-details .card-list .search-card .search-details .amend-rooms {
      background: #65c5e6;
      color: #fff;
      font-weight: 600;
      padding: 2px 4px;
      font-size: 12px;
      margin-top: 10px;
      display: inline-block; }
    .destination-details .card-list .search-card .search-details .atglance {
      margin-top: 14px;
      position: relative; }
      .destination-details .card-list .search-card .search-details .atglance ul {
        margin-bottom: 0; }
        .destination-details .card-list .search-card .search-details .atglance ul li {
          font-size: 13px;
          margin-bottom: 10px;
          position: relative;
          padding-left: 25px;
          line-height: 16px; }
          .destination-details .card-list .search-card .search-details .atglance ul li .tick {
            color: #65bd3f;
            font-size: 18px;
            vertical-align: sub;
            margin-right: 5px;
            position: absolute;
            left: 0;
            top: 1px; }
      .destination-details .card-list .search-card .search-details .atglance .facility-icons {
        display: inline-block;
        width: 100%;
        margin: 10px 0; }
        .destination-details .card-list .search-card .search-details .atglance .facility-icons .facility-link {
          border: 1px solid #e0e0e0;
          padding: 3px 9px;
          border-radius: 4px;
          font-weight: 700;
          cursor: pointer; }
        .destination-details .card-list .search-card .search-details .atglance .facility-icons ul li {
          display: inline;
          padding-left: 0; }
          .destination-details .card-list .search-card .search-details .atglance .facility-icons ul li:last-child {
            margin-right: 0; }
          .destination-details .card-list .search-card .search-details .atglance .facility-icons ul li span {
            color: #1c94d9; }
    .destination-details .card-list .search-card .search-details .price-button {
      display: inline-block;
      width: 100%;
      padding: 8px 0 5px; }
      .destination-details .card-list .search-card .search-details .price-button .room-for {
        font-size: 13px; }
      .destination-details .card-list .search-card .search-details .price-button span {
        font-size: 13px;
        display: block;
        width: 100%;
        line-height: 20px; }
        .destination-details .card-list .search-card .search-details .price-button span.price-txt {
          font-size: 24px; }
        .destination-details .card-list .search-card .search-details .price-button span.green {
          font-size: 13px;
          font-weight: 600; }
        .destination-details .card-list .search-card .search-details .price-button span.gray {
          color: #5a5a5a;
          font-size: 13px; }
      .destination-details .card-list .search-card .search-details .price-button .btn-orange {
        width: 130px;
        height: 36px;
        line-height: 33px;
        text-align: center;
        position: relative;
        top: 25px; }

.destination-details .searchresults-header {
  margin-bottom: 12px; }
  .destination-details .searchresults-header h2 {
    font-size: 18px;
    font-weight: normal; }
  .destination-details .searchresults-header .map-view {
    background: #fff;
    width: 116px;
    box-shadow: none;
    border-radius: 6px;
    padding: 5px 0;
    border: 1px solid #ececec;
    display: inline-block;
    text-align: center;
    cursor: pointer; }
    .destination-details .searchresults-header .map-view .link {
      font-size: 20px; }
    .destination-details .searchresults-header .map-view .icon-blue {
      position: relative;
      top: 0;
      font-size: 1.5em; }
    .destination-details .searchresults-header .map-view .blue {
      position: relative;
      vertical-align: top; }

.price-loader {
  width: 25%;
  bottom: 20px; }

#hdp-modal .facility {
  padding: 12px 0;
  border-bottom: 1px solid #d8d8d8; }
  #hdp-modal .facility h4 span {
    font-size: 14px; }
  #hdp-modal .facility i {
    font-size: 20px; }
  #hdp-modal .facility ul li {
    font-size: 13px; }

#hdp-modal.map-modal {
  border-radius: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
  padding: 0; }
  #hdp-modal.map-modal .modal-header {
    padding: 5px 12px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 10; }
  #hdp-modal.map-modal .modal-title {
    display: block;
    font-size: 15px;
    color: #003580; }
    #hdp-modal.map-modal .modal-title span {
      color: #202932; }
  #hdp-modal.map-modal .close {
    font-size: 20px;
    right: 25px;
    top: 25px; }
    #hdp-modal.map-modal .close span {
      font-size: 40px;
      line-height: 20px;
      color: #0077ba; }
  #hdp-modal.map-modal .modal-body {
    position: relative;
    top: 50px; }
    #hdp-modal.map-modal .modal-body .gm-fullscreen-control {
      right: 0 !important;
      top: 0 !important; }

#hdp-modal.filter-modal {
  border-radius: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  padding: 0; }
  #hdp-modal.filter-modal .modal-title {
    display: block;
    font-size: 15px;
    color: #003580; }
    #hdp-modal.filter-modal .modal-title span {
      color: #202932; }
  #hdp-modal.filter-modal .modal-header .close {
    right: auto;
    z-index: 11; }
    #hdp-modal.filter-modal .modal-header .close span {
      font-size: 0; }
      #hdp-modal.filter-modal .modal-header .close span::before {
        font-family: Material Design Icons;
        content: "\F04D";
        display: inline-block;
        font-size: 28px;
        color: #0077ba;
        left: 10px;
        position: relative; }
  #hdp-modal.filter-modal .modal-body {
    padding: 0; }
  #hdp-modal.filter-modal .modal-content {
    height: 100%;
    overflow-y: auto; }
  #hdp-modal.filter-modal .filter-box {
    height: 90%;
    overflow: auto;
    border: 0;
    box-shadow: none; }
    #hdp-modal.filter-modal .filter-box .filter-heading {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background: #fff;
      z-index: 10; }
      #hdp-modal.filter-modal .filter-box .filter-heading h4 {
        text-align: center;
        float: none;
        font-size: 15px;
        font-weight: 600; }
      #hdp-modal.filter-modal .filter-box .filter-heading .clear-all {
        position: absolute;
        right: 10px;
        top: 10px; }
    #hdp-modal.filter-modal .filter-box .accordion {
      position: relative;
      top: 40px; }
  #hdp-modal.filter-modal .sticky-filter-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: -1px -4px 4px 0 rgba(0, 0, 0, 0.06);
    padding: 10px 0;
    z-index: 90;
    right: 0;
    background-color: #ffffff;
    text-align: center; }
    #hdp-modal.filter-modal .sticky-filter-btn .btn-orange {
      width: 80%; }

.search-sort-options {
  background: #fff;
  margin-bottom: 10px !important;
  padding: 6px 15px;
  border-radius: 6px; }
  .search-sort-options.guide-sort {
    background: transparent;
    padding: 0; }
  .search-sort-options.row {
    margin: 0; }
  .search-sort-options .serp-sort {
    position: relative;
    top: 3px; }
    .search-sort-options .serp-sort ul {
      margin: 0; }
    .search-sort-options .serp-sort li {
      display: inline-block;
      font-size: 13px; }
      .search-sort-options .serp-sort li.sort-box {
        list-style: none;
        border: 1px solid #6da2e5;
        padding: 2px 16px;
        border-radius: 4px;
        color: #003580;
        cursor: pointer;
        background: #fff;
        margin-left: 5px; }
        .search-sort-options .serp-sort li.sort-box.active {
          background: #003580;
          color: #fff;
          border: 0; }

.serp-price-toggle {
  color: #003580;
  text-align: right;
  position: relative;
  top: 0;
  padding: 2px 0;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  border-top: 1px solid #eee; }
  .serp-price-toggle span {
    color: #202932;
    font-size: 13px; }
    .serp-price-toggle span.active {
      font-weight: 600;
      color: #003580; }
  .serp-price-toggle .react-switch {
    vertical-align: middle; }
    .serp-price-toggle .react-switch.active .react-switch-handle {
      transform: translateX(26px) !important; }
    .serp-price-toggle .react-switch .react-switch-bg {
      border-radius: 34px !important;
      border: 2px solid #0077ba;
      position: relative;
      height: 22px !important;
      width: 40px !important;
      background-color: #ffffff !important; }
  .serp-price-toggle .react-switch-handle {
    width: 14px !important;
    height: 14px !important;
    top: 9px !important;
    transform: translateX(10px) !important;
    background-color: #0077ba !important;
    box-shadow: none !important; }

.sellingusp-sticker {
  background: rgba(0, 137, 201, 0.4);
  padding: 5px;
  border-radius: 4px;
  font-size: 12px;
  position: absolute;
  right: 3px;
  top: 3px;
  cursor: pointer;
  z-index: 90; }
  .sellingusp-sticker i {
    position: absolute;
    right: 1px;
    top: 1px;
    color: #1c94d9;
    background: #fff;
    font-size: 11px;
    font-weight: 600;
    border-radius: 50%; }
  .sellingusp-sticker img {
    width: 50px;
    height: 50px; }
  .sellingusp-sticker .show-sticker-content {
    width: 200px;
    background: #fff;
    padding: 10px !important;
    border-radius: 6px;
    position: absolute;
    top: auto !important;
    bottom: -60px !important;
    right: -9px !important;
    left: auto !important;
    border: 1px solid #ccc !important;
    box-shadow: -1px -1px 12px 0 rgba(0, 0, 0, 0.25) !important;
    line-height: 20px; }
    .sellingusp-sticker .show-sticker-content p {
      margin: 0; }
    .sellingusp-sticker .show-sticker-content .show-sticker-arrow {
      left: 92% !important; }

.image-carousel .image-gallery.fullscreen-modal {
  z-index: 120; }

.image-carousel .gallery-review {
  position: absolute;
  bottom: 88px;
  left: 10px;
  z-index: 1; }
  .image-carousel .gallery-review .active {
    opacity: 1; }
  .image-carousel .gallery-review .inactive {
    opacity: 0; }
  .image-carousel .gallery-review .review-left {
    background-color: #003580;
    padding: 8px 15px;
    width: 150px;
    color: #fff;
    float: left;
    height: 55px;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    float: left; }
    .image-carousel .gallery-review .review-left p {
      margin: 0; }
    .image-carousel .gallery-review .review-left .rvw-rtng {
      font-size: 16px;
      font-weight: 700;
      line-height: 20px; }
  .image-carousel .gallery-review .review-right {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 5px 13px;
    font-size: 13px;
    font-size: 0.8125rem;
    width: 250px;
    color: #003580;
    float: left;
    height: 55px;
    overflow: hidden;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
    .image-carousel .gallery-review .review-right .reivew-desc {
      font-style: italic;
      width: 230px;
      position: absolute;
      top: 0;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-size: 13px;
      line-height: 20px;
      -webkit-transition: all 1s ease-in-out;
      -moz-transition: all 1s ease-in-out;
      -o-transition: all 1s ease-in-out;
      transition: all 1s ease-in-out; }

.image-carousel .image-gallery-content .image-gallery-thumbnails {
  display: none; }

.image-carousel .image-gallery-content .image-gallery-image {
  object-fit: cover;
  height: 170px;
  max-height: inherit !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.image-carousel .image-gallery-content:hover .image-gallery-icon {
  opacity: 1; }

.image-carousel .image-gallery-content .image-gallery-icon {
  position: absolute;
  top: 35%;
  z-index: 1;
  left: 10px;
  filter: none;
  cursor: pointer;
  opacity: 0;
  transition: visibility 0s 0.3s, opacity 0.3s linear; }
  .image-carousel .image-gallery-content .image-gallery-icon .image-gallery-svg {
    width: 32px;
    height: 32px;
    background-color: rgba(216, 216, 216, 0.75);
    border: 0;
    border-radius: 50%;
    display: inline-block;
    text-align: center; }
  .image-carousel .image-gallery-content .image-gallery-icon.image-gallery-right-nav {
    left: auto;
    right: 0;
    opacity: 1;
    z-index: 10;
    height: 5px; }
  .image-carousel .image-gallery-content .image-gallery-icon.image-gallery-left-nav {
    opacity: 1;
    left: 0;
    z-index: 10;
    height: 5px; }
  .image-carousel .image-gallery-content .image-gallery-icon.image-gallery-fullscreen-button {
    opacity: 1;
    position: absolute;
    background-color: transparent;
    border-radius: 2px;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100%;
    z-index: 1; }
    .image-carousel .image-gallery-content .image-gallery-icon.image-gallery-fullscreen-button::before {
      font-family: Material Design Icons;
      content: "\F349";
      font-size: 26px;
      color: #ffffff;
      display: inline-block;
      line-height: 25px;
      position: absolute;
      right: 10px;
      left: auto;
      bottom: 28px;
      padding: 0;
      top: auto;
      color: #ffffff;
      width: 32px;
      height: 26px;
      background-color: rgba(0, 0, 0, 0.93);
      border-radius: 2px; }
    .image-carousel .image-gallery-content .image-gallery-icon.image-gallery-fullscreen-button:hover::before {
      color: #0077ba; }
    .image-carousel .image-gallery-content .image-gallery-icon.image-gallery-fullscreen-button .image-gallery-svg {
      background-color: rgba(0, 0, 0, 0.93);
      border-radius: 2px;
      width: 25px;
      height: 25px;
      display: none; }
  .image-carousel .image-gallery-content .image-gallery-icon.image-gallery-play-button {
    display: none; }

.image-carousel .image-gallery-content .image-gallery-index {
  background-color: rgba(0, 0, 0, 0.93);
  border-radius: 2px;
  height: 17px;
  padding: 2px;
  font-size: 11px;
  text-align: center;
  top: auto;
  bottom: 10px;
  right: 10px; }

.image-carousel .image-gallery-content.fullscreen {
  height: 100%; }
  .image-carousel .image-gallery-content.fullscreen .image-gallery-slide-wrapper {
    height: 80%; }
  .image-carousel .image-gallery-content.fullscreen .image-gallery-thumbnails {
    display: block; }
    .image-carousel .image-gallery-content.fullscreen .image-gallery-thumbnails .image-gallery-thumbnail-image {
      height: 60px; }
  .image-carousel .image-gallery-content.fullscreen .image-gallery-image {
    width: auto;
    border-radius: 0;
    min-height: 425px; }
  .image-carousel .image-gallery-content.fullscreen .image-gallery-icon .image-gallery-svg {
    width: 42px;
    height: 42px; }
  .image-carousel .image-gallery-content.fullscreen .image-gallery-icon.image-gallery-fullscreen-button {
    bottom: auto !important;
    top: 10px !important;
    width: 125px !important;
    left: auto !important;
    right: 10px !important;
    padding: 0; }
    .image-carousel .image-gallery-content.fullscreen .image-gallery-icon.image-gallery-fullscreen-button .image-gallery-svg {
      display: none;
      color: #ffffff; }
    .image-carousel .image-gallery-content.fullscreen .image-gallery-icon.image-gallery-fullscreen-button::after {
      content: "x";
      float: left;
      font-size: 20px;
      font-family: monospace;
      position: absolute;
      bottom: auto;
      left: 12px;
      top: 12px; }
    .image-carousel .image-gallery-content.fullscreen .image-gallery-icon.image-gallery-fullscreen-button::before {
      content: "Exit full screen";
      float: right;
      position: relative;
      right: 0;
      width: auto;
      font-size: 14px;
      top: 0;
      font-family: revert; }
  .image-carousel .image-gallery-content.fullscreen .image-gallery-icon.image-gallery-left-nav {
    left: 10px; }
  .image-carousel .image-gallery-content.fullscreen .image-gallery-icon.image-gallery-right-nav {
    right: 10px; }
  .image-carousel .image-gallery-content.fullscreen .image-gallery-swipe {
    padding: 60px 0; }
  .image-carousel .image-gallery-content.fullscreen .image-gallery-index {
    right: auto;
    top: 10px;
    left: 10px; }

.async-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 50px;
  z-index: 1012;
  background: rgba(255, 255, 255, 0.44); }
  .async-layer .async-toploader {
    position: absolute;
    right: 0;
    background: #fff;
    z-index: 999;
    width: 380px;
    height: 210px;
    top: 122px;
    left: 50%;
    margin-left: -190px;
    text-align: center;
    padding-top: 50px;
    border-radius: 15px;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.09); }
    .async-layer .async-toploader img {
      margin-bottom: 20px;
      width: 15%; }
    .async-layer .async-toploader .srchfor {
      font-size: 24px;
      font-weight: 700;
      color: #003580;
      letter-spacing: -0.6px; }
    .async-layer .async-toploader p {
      margin-top: 13px;
      font-size: 16px;
      color: #606c77; }

@media (min-width: 768px) {
  .sellingusp-sticker {
    right: 10px;
    top: 10px; }
    .sellingusp-sticker i {
      right: 3px;
      top: 4px;
      font-size: 16px; }
    .sellingusp-sticker img {
      width: 90px;
      height: 90px; }
    .sellingusp-sticker .show-sticker-content {
      top: auto !important;
      bottom: -25px !important;
      right: -18px !important;
      left: auto !important; }
      .sellingusp-sticker .show-sticker-content .show-sticker-arrow {
        left: 86% !important; }
  .search-results .searchresults-header .beatenlbl {
    position: relative;
    left: 40px;
    top: 3px; }
  .serp-price-toggle {
    top: 2px;
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-top: none; }
  .destination-details.gradientBg {
    padding-top: 30px; }
  .destination-details .serp-right {
    padding: 0 15px;
    padding-right: 0; }
    .destination-details .serp-right .row {
      margin-left: 0;
      margin-right: 0; }
    .destination-details .serp-right .destination-results {
      padding: 0; }
  .destination-details .card-list {
    margin: 0;
    padding: 0; }
    .destination-details .card-list .image-carousel {
      min-height: 240px; }
    .destination-details .card-list .search-card {
      padding: 10px; }
      .destination-details .card-list .search-card h4 {
        font-size: 20px; }
      .destination-details .card-list .search-card .search-carousel {
        height: 250px; }
        .destination-details .card-list .search-card .search-carousel img {
          border-radius: 8px; }
      .destination-details .card-list .search-card .serp-bottom {
        position: absolute;
        right: 0;
        left: 15px;
        bottom: -5px; }
      .destination-details .card-list .search-card .search-details {
        margin-top: 0;
        padding: 0 0 15px 15px; }
        .destination-details .card-list .search-card .search-details .atglance {
          float: left;
          margin-top: 18px;
          width: 62%; }
          .destination-details .card-list .search-card .search-details .atglance .facility-icons {
            margin: 20px 0 0; }
        .destination-details .card-list .search-card .search-details .price-button {
          float: right;
          border: 0 !important;
          width: auto;
          text-align: center;
          position: absolute;
          bottom: 5px;
          right: 0;
          padding: 0; }
          .destination-details .card-list .search-card .search-details .price-button span.price-txt {
            font-size: 34px;
            margin: 5px 0; }
          .destination-details .card-list .search-card .search-details .price-button .price {
            float: none !important;
            display: block; }
          .destination-details .card-list .search-card .search-details .price-button .btn-orange {
            width: 150px;
            margin-top: 10px;
            top: 0; }
  .destination-details .searchresults-header h1 {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 5px;
    padding: 0; }
  .image-carousel .image-gallery-content .image-gallery-image {
    height: 250px;
    border-radius: 4px; }
  .image-carousel .image-gallery-content .image-gallery-icon {
    opacity: 0;
    top: 48%;
    transition: visibility 0s 0.3s, opacity 0.3s linear; }
    .image-carousel .image-gallery-content .image-gallery-icon.image-gallery-right-nav {
      opacity: 0;
      z-index: 10; }
    .image-carousel .image-gallery-content .image-gallery-icon.image-gallery-left-nav {
      opacity: 0;
      z-index: 10; }
  .image-carousel .image-gallery-content:hover .image-gallery-icon {
    opacity: 1; } }

@media (min-width: 768px) and (max-width: 979px) {
  .beatenlbl img {
    height: 20px; }
  .search-results .beatenlbl img {
    height: 30px; }
  .serp-price-toggle {
    margin: 4px 0;
    background-color: #ffffff;
    top: 0; }
  .search-sort-options.row {
    margin: 0; }
  .sticky-filter-btn {
    display: block !important; }
  .destination-details .serp-right {
    padding: 0; }
  .destination-details .image-carousel .image-gallery-content .image-gallery-image {
    height: 240px; }
  .destination-details .card-list .search-card .search-details .atglance .facility-icons {
    width: 92%; }
    .destination-details .card-list .search-card .search-details .atglance .facility-icons ul li:nth-of-type(n + 4) {
      display: none; } }

.destination-details .placeholder.filter-box {
  width: 100%; }

.destination-details .dest-list h2 {
  padding-left: 15px; }

.destination-details .destination-middle {
  padding: 0; }

.destination-details .favourites {
  padding: 0; }

.destination-details h1 {
  color: #003580;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 32px;
  font-size: 18px; }

.destination-details h4 {
  color: #003580;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px; }

.destination-details .destinationlist .country-name {
  padding-right: 0; }

.destination-details .destination-logos .usp-block li {
  font-size: 13px;
  margin-bottom: 10px;
  overflow: hidden; }
  .destination-details .destination-logos .usp-block li:before {
    content: "";
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1");
    width: 42px;
    height: 42px;
    display: inline-block;
    float: left;
    margin-right: 15px; }
  .destination-details .destination-logos .usp-block li.deposit::before {
    background-position: -255px 167px; }
  .destination-details .destination-logos .usp-block li.deposit-ie::before {
    background-position: -210px -445px; }
  .destination-details .destination-logos .usp-block li.deposit-uk::before {
    background-position: -255px -445px; }
  .destination-details .destination-logos .usp-block li.tta-icon {
    float: left;
    margin-left: 50px; }
    .destination-details .destination-logos .usp-block li.tta-icon::before {
      background-position: -208px 465px;
      width: 75px; }
  .destination-details .destination-logos .usp-block li.atol-icon::before {
    background-position: -64px 465px;
    width: 42px; }
  .destination-details .destination-logos .usp-block li.topp-icon {
    margin: 0 auto;
    width: 110px; }
    .destination-details .destination-logos .usp-block li.topp-icon::before {
      background-position: 0 -889px;
      width: 110px;
      height: 50px; }
  .destination-details .destination-logos .usp-block li.clearfix::before {
    display: none; }
  .destination-details .destination-logos .usp-block li.freeCancelation::before {
    background-position: -255px 352px; }
  .destination-details .destination-logos .usp-block li.moneyBack::before {
    background-position: -255px 302px; }
  .destination-details .destination-logos .usp-block li .txt-caps {
    text-transform: capitalize; }

.destination-details .fav-hotels {
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 12px;
  margin-top: 20px; }
  .destination-details .fav-hotels .destination-card {
    border: 1px solid #ececec !important;
    border-radius: 6px;
    padding: 0;
    clear: both;
    overflow: hidden;
    margin-bottom: 12px; }
    .destination-details .fav-hotels .destination-card .card-content {
      float: right;
      padding: 10px 10px 0;
      width: 60%; }
      .destination-details .fav-hotels .destination-card .card-content h4 {
        font-weight: 600;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .destination-details .fav-hotels .destination-card .card-content .ratings {
        line-height: normal; }
        .destination-details .fav-hotels .destination-card .card-content .ratings .dv-star-rating label {
          margin: 0;
          line-height: 15px; }
          .destination-details .fav-hotels .destination-card .card-content .ratings .dv-star-rating label i {
            font-size: 15px; }
      .destination-details .fav-hotels .destination-card .card-content .trip-rating {
        margin-bottom: 15px;
        border: 0;
        left: 0;
        padding-left: 0; }
      .destination-details .fav-hotels .destination-card .card-content .address {
        font-size: 12px;
        color: #202932; }
        .destination-details .fav-hotels .destination-card .card-content .address .icon {
          font-weight: normal;
          font-size: 15px;
          color: #003580;
          vertical-align: sub;
          position: relative;
          left: -3px; }
  .destination-details .fav-hotels .thumbnail {
    float: left;
    width: 40%;
    height: 100px;
    margin-right: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); }
    .destination-details .fav-hotels .thumbnail img {
      object-fit: cover;
      height: 100%;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }

.destination-details .destination-description span br {
  display: none; }

.destination-details .destination-description a {
  font-weight: 700; }

.destination-details .destination-description h3 {
  font-size: 18px;
  color: #003580;
  font-weight: 700;
  margin-bottom: 10px; }

.destination-details .destination-description h4 {
  color: #202932;
  font-size: 14px;
  margin-bottom: 5px; }

.destination-details .destination-map .map {
  height: 380px;
  position: relative; }
  .destination-details .destination-map .map .gm-style-mtc:first-child {
    width: auto !important; }
  .destination-details .destination-map .map .gm-style-mtc div {
    height: 40px !important; }

.destination-page .searchresults-header {
  margin-left: 0;
  margin-right: 0; }
  .destination-page .searchresults-header h1 {
    font-size: 20px;
    padding: 10px 0;
    margin: 0;
    font-weight: bold; }

.showmore {
  position: relative; }
  .showmore .show-more {
    position: absolute;
    bottom: -25px;
    left: 0;
    cursor: pointer;
    z-index: 1; }
    .showmore .show-more i {
      font-size: 22px;
      position: relative;
      top: 4px;
      left: -6px; }
  .showmore .collapse,
  .showmore .collapsing {
    display: block !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 50px !important;
    height: 140px !important;
    position: relative;
    margin-bottom: 25px; }
    .showmore .collapse.show,
    .showmore .collapsing.show {
      height: auto !important;
      overflow: visible;
      max-height: initial !important; }
      .showmore .collapse.show:after,
      .showmore .collapsing.show:after {
        content: "Read Less";
        display: inline-block;
        position: absolute;
        bottom: -25px;
        left: 0;
        z-index: 2;
        pointer-events: none;
        font-weight: bold;
        color: #0077ba;
        background: #ffffff;
        padding-right: 22px; }

#divDestinationOverview {
  padding-left: 15px;
  padding-right: 15px; }
  #divDestinationOverview strong {
    color: #003580; }
  #divDestinationOverview li strong {
    color: #202932; }

.trip-rating {
  position: relative;
  top: 6px;
  left: 6px;
  border-left: 1px solid #ccc;
  line-height: 11px;
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
  height: 10px;
  font-size: 12px; }
  .trip-rating .review-count {
    position: relative;
    top: -2px;
    font-size: 10px; }
  .trip-rating .trip-logo {
    width: 20px !important;
    float: left;
    position: relative;
    top: 0;
    height: auto !important; }
  .trip-rating span span {
    left: 1px !important; }
    .trip-rating span span span span {
      width: 13px !important;
      height: 13px !important;
      border-width: 3px !important; }
  .trip-rating .treviews span {
    float: left; }
  .trip-rating .treviews .nav-link {
    margin-left: 5px;
    display: inline-block; }

@media (min-width: 768px) {
  #destination-details .row {
    margin: 0 -15px; }
  #destination-details h1 {
    font-size: 38px;
    margin-bottom: 20px; }
  #destination-details .destination-middle {
    padding: 0 15px; }
  #destination-details .favourites {
    padding: 0 15px; }
  #destination-details .fav-hotels {
    margin-top: 0; }
    #destination-details .fav-hotels .destination-card {
      padding: 0 0 10px; }
      #destination-details .fav-hotels .destination-card .card-content {
        float: none;
        width: auto; }
        #destination-details .fav-hotels .destination-card .card-content .trip-rating {
          left: 6px;
          padding-left: 5px;
          border-left: 1px solid #ccc; }
      #destination-details .fav-hotels .destination-card .thumbnail {
        height: 160px;
        float: none;
        display: block;
        width: 100%; }
  .destination-page .searchresults-header h1 {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 5px;
    padding: 0; }
  .destination-page .splash-image {
    position: absolute;
    height: 200px;
    top: 65px;
    left: 0;
    right: 0;
    z-index: 1;
    overflow: hidden; }
    .destination-page .splash-image img {
      position: relative;
      top: -115%; }
  .destination-page .inner-search-form {
    height: 200px; }
    .destination-page .inner-search-form .search-wrapper {
      box-shadow: 2px 2px 7px 0 rgba(41, 66, 76, 0.16);
      background-color: rgba(255, 255, 255, 0.5);
      padding: 10px 0px 10px 10px;
      position: relative;
      top: 50px;
      border-radius: 6px; } }

@media (min-width: 979px) and (max-width: 1024px) {
  .destination-details .fav-hotels .destination-card .card-content .trip-rating {
    border-left: 0;
    left: 0; } }

#destination-list h1 {
  color: #003580;
  font-size: 18px;
  font-weight: 700; }

#destination-list h4 {
  color: #003580;
  font-size: 18px; }

#destination-list #breadcrumbtrail .breadcrumb {
  padding-left: 15px; }

.destination-details h2 {
  font-size: 24px;
  font-weight: 700;
  color: #003580;
  margin-bottom: 15px; }

.destinationlist {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; }
  .destinationlist .country-name {
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px !important; }
    .destinationlist .country-name::before {
      display: inline-block;
      content: "";
      height: 6px;
      width: 6px;
      margin-right: 12px;
      border-bottom: 1px solid currentColor;
      border-right: 1px solid currentColor;
      transform: rotate(-45deg);
      position: relative;
      left: 0;
      top: 8px;
      font-size: 12px;
      float: left; }

.destination-results-nav {
  display: none; }
  .destination-results-nav ul {
    text-align: center;
    padding: 0;
    margin: 0;
    height: 50px;
    line-height: 50px; }
    .destination-results-nav ul li.activenav-item {
      border-bottom: 3px solid #1c94d9; }
      .destination-results-nav ul li.activenav-item a {
        color: #1c94d9;
        font-weight: 700; }
    .destination-results-nav ul li {
      display: inline-block;
      padding: 0 20px;
      vertical-align: bottom; }
      .destination-results-nav ul li a {
        color: #202932;
        line-height: 40px;
        display: inline-block;
        font-weight: normal; }
      .destination-results-nav ul li.active {
        border-bottom: 3px solid #1c94d9; }
        .destination-results-nav ul li.active a {
          color: #0077ba;
          font-weight: bold; }

.sticky {
  z-index: 100;
  left: 0;
  right: 0;
  width: 100% !important; }
  .sticky .destination-results-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    z-index: 100;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.11);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.11);
    display: block; }
  .sticky .serp-price-toggle {
    margin: 0; }
  .sticky .sort-filter-heading {
    margin-bottom: 0; }

.sticky-search .sticky {
  top: 50px !important; }

.sort-review {
  height: 50px;
  border: 1px solid rgba(32, 41, 50, 0.3);
  width: 90%;
  border-radius: 4px;
  position: relative;
  margin-top: 20px;
  left: 0; }
  .sort-review .icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    pointer-events: none;
    font-size: 28px; }
  .sort-review .btn-group {
    width: 100%;
    text-align: left;
    background: transparent;
    height: 100%;
    border: 0; }
    .sort-review .btn-group.show .sort-by {
      background-color: #ffffff; }
    .sort-review .btn-group .dropdown-menu {
      padding: 0;
      border: 0;
      width: 100%; }
  .sort-review .sort-by {
    padding: 4px 12px;
    height: 100%;
    background: transparent;
    text-align: left;
    border: 0;
    width: 100%; }
    .sort-review .sort-by:active, .sort-review .sort-by:focus, .sort-review .sort-by:hover {
      background-color: #ffffff !important;
      box-shadow: none !important; }
    .sort-review .sort-by label {
      font-size: 11px;
      font-weight: 400;
      color: #8c96a0;
      position: relative;
      top: -5px; }
    .sort-review .sort-by .filter-option {
      font-weight: 700;
      position: relative;
      top: -14px;
      color: #202932;
      font-size: 13px; }
  .sort-review .sort-list {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(0, 0, 0, 0.3);
    background: #ffffff;
    z-index: 1;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    border-radius: 6px; }
    .sort-review .sort-list li {
      cursor: pointer;
      position: relative; }
      .sort-review .sort-list li a {
        padding: 8px 20px;
        display: block; }
      .sort-review .sort-list li.selected::after {
        font-family: Material Design Icons;
        content: "\F12C";
        display: inline-block;
        color: #003580;
        font-size: 20px;
        position: absolute;
        right: 20px;
        font-weight: 400;
        top: 8px; }

@media (min-width: 767px) {
  .destinationlist {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4; }
  #destination-list [class*="col-"] {
    padding: 0; }
  #destination-list h1 {
    font-size: 38px; }
  #destination-list h4 {
    font-size: 18px;
    font-weight: 700; } }

.wishlist-tooltip {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  padding: 6px 10px;
  border-radius: 6px;
  width: 148px;
  text-align: center;
  margin: 0;
  position: absolute;
  right: -16px;
  bottom: 30px;
  z-index: 10; }
  .wishlist-tooltip::after {
    content: "";
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: -7px;
    right: 22px; }

.no-wishlist {
  padding-bottom: 80px;
  padding-top: 60px; }
  .no-wishlist .nowishmsg .wishlist-icon {
    color: #003580;
    font-size: 40px;
    margin-bottom: 20px; }
  .no-wishlist .nowishmsg p {
    font-size: 16px !important;
    color: #222 !important; }
  .no-wishlist .nowishmsg h2 {
    font-size: 24px;
    font-weight: 600;
    color: #003580; }

.wish-list h3 {
  font-size: 14px;
  font-weight: 600;
  color: #003580;
  margin: 0;
  line-height: 30px; }

.wish-list span {
  font-size: 13px;
  color: #0077ba;
  font-weight: 400;
  cursor: pointer; }

.wishlistcards {
  margin-bottom: 20px;
  border: 1px solid #eee;
  background-color: #ffffff;
  border-radius: 8px; }
  .wishlistcards h4 {
    margin-bottom: 2px; }
    .wishlistcards h4 a {
      font-size: 18px;
      color: #003580;
      width: 80%;
      display: block; }
  .wishlistcards:hover {
    box-shadow: -3px 0 9px -1px rgba(0, 0, 0, 0.25); }
  .wishlistcards .card-info {
    padding: 0;
    position: relative; }
    .wishlistcards .card-info .trip-rating .review-count {
      float: left;
      left: 4px;
      top: 0px; }
  .wishlistcards .wline {
    padding: 0 3px;
    color: #606c77; }
  .wishlistcards .btn-orange {
    font-size: 13px;
    height: 30px;
    line-height: 28px;
    width: 104px; }
    .wishlistcards .btn-orange a {
      color: #ffffff; }
  .wishlistcards .wishlist-location-icon {
    color: #003580;
    font-size: 14px;
    vertical-align: text-bottom; }
  .wishlistcards .wishBtn {
    position: absolute;
    bottom: 10px; }
  .wishlistcards .remove-icon {
    position: absolute;
    right: 20px;
    top: 2px;
    color: #0077ba;
    cursor: pointer;
    font-size: 11px; }
  .wishlistcards img {
    height: 160px;
    border-radius: 6px; }
  .wishlistcards .address {
    font-size: 12px;
    margin-top: 4px; }
  .wishlistcards .serp-details {
    position: absolute;
    bottom: 45px;
    color: #003580;
    font-size: 12px;
    font-weight: 600; }
  .wishlistcards .hotel-stars .MuiSvgIcon-root {
    color: #ffd628;
    font-size: 18px; }

@media (min-width: 768px) {
  .gradientBg {
    padding-top: 30px; }
  .wishlistcards .remove-icon {
    font-size: 15px; }
  .wishlistcards .wishBtn {
    bottom: 0; }
  .wish-list h3 {
    font-size: 20px; } }

.searchtimeout-content {
  padding-top: 22px;
  padding-bottom: 40px; }
  .searchtimeout-content p {
    margin-bottom: 0;
    line-height: 23px;
    text-align: center; }
  .searchtimeout-content a {
    font-weight: 700;
    color: #357fd6; }
  .searchtimeout-content span {
    font-weight: 700;
    color: #357fd6; }
  .searchtimeout-content h1 {
    font-size: 26px !important;
    margin-top: 0 !important;
    margin-bottom: 10px;
    line-height: 30px; }

.Searchtimeoutbanner {
  padding: 35px 0 10px;
  background: 0 0;
  background-image: linear-gradient(to top, rgba(230, 246, 255, 0) 20%, #c8e9ff 100%); }
  .Searchtimeoutbanner .search-call-icon {
    color: #65bd3f;
    font-size: 19px;
    vertical-align: sub;
    margin: 0 10px 0 0; }
  .Searchtimeoutbanner .search-call-btn {
    background: #003580;
    border-radius: 35px;
    background-color: #003580;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
    font-size: 17px;
    font-weight: 700;
    text-align: left;
    color: #fff;
    vertical-align: baseline;
    pointer-events: none;
    padding: 8px 25px;
    margin: 25px 0 0; }

@media (min-width: 768px) {
  .Searchtimeoutbanner {
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/search-timeout.jpg?v=1") center center no-repeat #fff;
    background-size: cover;
    padding: 35px 0 200px; }
    .Searchtimeoutbanner .search-wrapper {
      padding: 0; }
    .Searchtimeoutbanner #search-box .flight-search .search-container .search-destination {
      width: 25%; }
    .Searchtimeoutbanner #search-box .flight-search .search-container .search-checkin-checkout {
      width: 33%; }
    .Searchtimeoutbanner #search-box .flight-search .search-container .your-party {
      width: 24%; }
  .searchtimeout-content {
    padding-top: 22px !important;
    padding-bottom: 78px !important; }
    .searchtimeout-content h1 {
      font-size: 36px !important;
      font-weight: 600;
      line-height: 1.33;
      color: #003580; }
    .searchtimeout-content p {
      font-size: 24px;
      color: #585858;
      font-weight: 400;
      line-height: 33px !important;
      text-align: center; }
    .searchtimeout-content span {
      font-weight: 700;
      color: #0077ba;
      text-decoration: none; }
    .searchtimeout-content a {
      font-weight: 700;
      color: #0077ba;
      text-decoration: none; } }

.share-popup {
  left: -20px !important;
  top: auto;
  right: auto;
  bottom: -100px !important;
  width: 200px;
  background: white;
  padding: 15px 18px 10px;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px; }
  .share-popup h4 {
    font-size: 16px;
    color: #58595b;
    margin-bottom: 10px;
    font-weight: bold; }
  .share-popup .popup-arrow {
    height: 10px;
    width: 10px;
    position: absolute;
    background: white;
    transform: rotate(225deg);
    margin: -5px;
    z-index: -1;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    top: 0%; }

span.star-divider {
  background-color: #d4dce3;
  width: 1px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px; }

.desc-seprator {
  width: 100%;
  height: 1px;
  background: #d4dce3; }

.price-details span.rooms {
  font-size: 12px;
  width: 100%;
  float: left; }

.price-details span.price {
  font-size: 27px;
  line-height: 28px;
  width: 100%;
  float: left;
  color: #003580;
  font-weight: bold; }

.tagclouditempage .breadcrumb {
  padding: 10px 0 !important; }

.tagclouditempage h1 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 0;
  color: #003580; }

.tagclouditempage .sort-bg {
  background: transparent !important;
  margin-bottom: 0px !important;
  padding-left: 0;
  position: relative;
  top: 10px; }

.tagclouditempage .results-wrap .result-wrap-clmn {
  padding: 0 14px; }
  .tagclouditempage .results-wrap .result-wrap-clmn .razor-list {
    border: 1px solid #ececec;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    border-radius: 5px;
    margin-top: 15px; }
    .tagclouditempage .results-wrap .result-wrap-clmn .razor-list:hover {
      transition: all 0.2s ease-in-out;
      box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.19); }
    .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc {
      background: #ffffff;
      border-radius: 5px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 11px; }
      .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .share-fav h4 {
        font-size: 16px;
        color: #58595b;
        font-weight: bold; }
      .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .share-fav .icon-blue {
        font-size: 18px;
        margin-right: 5px; }
      .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .share-fav .popup-content {
        border-radius: 6px;
        padding: 15px 18px 10px !important;
        border: 0 !important; }
      .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .share-fav .ratings-review .star-icon {
        color: #ffd628; }
      .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .share-fav .MuiSvgIcon-root.icon {
        color: #1c94d9;
        margin-left: 13px;
        font-size: 18px;
        cursor: pointer; }
      .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .trip-rating {
        top: -1px; }
      .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .hotel-address {
        display: inline-block;
        width: 100%; }
        .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .hotel-address .icon-map {
          float: left;
          margin-right: 2px; }
        .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .hotel-address .address {
          width: 90%; }
      .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .tag-heading {
        display: inline-block;
        width: 75%; }
        .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .tag-heading h3 a {
          display: block; }
      .tagclouditempage .results-wrap .result-wrap-clmn .razor-list .tag-desc .btn-orange {
        height: 28px;
        width: 72px;
        font-size: 14px;
        position: relative;
        top: 20px;
        line-height: 26px; }
    .tagclouditempage .results-wrap .result-wrap-clmn .razor-list h3 {
      margin-bottom: 0px; }
      .tagclouditempage .results-wrap .result-wrap-clmn .razor-list h3 a {
        font-size: 16px;
        color: #003580;
        font-weight: bold; }
      .tagclouditempage .results-wrap .result-wrap-clmn .razor-list h3:hover {
        text-decoration: none; }
  .tagclouditempage .results-wrap .result-wrap-clmn img {
    height: 180px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 10px; }

.filter-mobile {
  background: #ffffff;
  padding: 5px 0; }
  .filter-mobile .filter-icons {
    color: #0077ba;
    font-size: 22px; }
  .filter-mobile span {
    font-size: 15px;
    color: #0077ba; }
  .filter-mobile i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 2px; }
  .filter-mobile .filter-seprator {
    border-right: 1px solid #d4dce3; }
    .filter-mobile .filter-seprator .show-sort {
      width: 100%; }
    .filter-mobile .filter-seprator .icon::before {
      content: "";
      display: inline-block;
      font-size: 20px;
      color: #0077ba;
      font-weight: 400;
      position: relative;
      line-height: normal;
      background-image: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1");
      background-position: -238px 209px;
      width: 20px;
      height: 23px;
      left: 2px;
      top: 1px; }

.mobile-title h2 {
  font-size: 20px;
  background: 0 0;
  font-weight: 700;
  margin: 0;
  padding: 0 0 15px;
  color: #003580; }

.mobile-beaten-on-price {
  padding: 10px 0;
  background: #fff;
  margin: 0 0 10px; }
  .mobile-beaten-on-price img {
    width: 280px; }

@media (min-width: 768px) {
  .btn-view {
    font-size: 13px;
    padding: 2px 22px !important;
    height: 30px !important;
    font-weight: 400 !important; }
  .price-details span.price {
    font-size: 15px;
    line-height: 18px;
    width: 100%;
    float: left;
    color: #003580;
    font-weight: 700; } }

.interstitial-Bg {
  background-image: linear-gradient(to bottom, #1c94d9, rgba(194, 226, 245, 0.54) 34%, rgba(255, 255, 255, 0.37) 60%, rgba(207, 207, 207, 0.36) 77%, rgba(126, 126, 126, 0.34));
  background-color: transparent;
  position: fixed;
  padding-top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.availabiity-card {
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.33) 2px 2px 5px 0px;
  width: 100%;
  padding: 30px;
  border-radius: 5px; }
  .availabiity-card .availability-box .message h1 {
    color: #1c94d9;
    font-size: 16px;
    font-weight: 700;
    color: #003580; }
  .availabiity-card .availability-box .loader img {
    width: 80px; }
  .availabiity-card .availability-box .int-quote-box {
    padding-top: 25px; }
    .availabiity-card .availability-box .int-quote-box p {
      font-weight: 500; }
      .availabiity-card .availability-box .int-quote-box p strong {
        color: #f46708; }

.int-sprite {
  display: inline-block; }
  .int-sprite::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1") no-repeat;
    bottom: 13px; }
  .int-sprite.atol {
    border-right: 1px dashed rgba(140, 150, 160, 0.47);
    margin-right: 10px;
    padding-right: 10px; }
    .int-sprite.atol::before {
      width: 40px;
      height: 40px;
      right: 187px;
      background-position: -66px -148px; }
  .int-sprite.tta::before {
    background-position: -110px -144px;
    width: 95px;
    height: 55px; }
  .int-sprite.topp:before {
    background-position: -113px -279px;
    height: 30px;
    width: 65px; }

@media (min-width: 768px) {
  .availabiity-card {
    width: 56%;
    margin: 0 auto; }
    .availabiity-card .availability-box .int-quote-box p {
      font-size: 24px; }
    .availabiity-card .availability-box .message h1 {
      font-size: 19px; }
  .interstitial-Bg {
    padding-top: 60px !important; } }

.pkg-deposit-banner {
  background-image: url("https://cdn4.alpharooms.com/assets-ux-new/images/banners/deposit-banner-bg.jpg?v=1");
  background-position: 54%;
  height: 50px;
  line-height: 60px;
  font-size: 13px;
  margin-bottom: 10px;
  padding: 0 12px;
  display: flex;
  align-items: center; }
  .pkg-deposit-banner span {
    color: #ffffff; }
    .pkg-deposit-banner span.yellow {
      color: #ffd628; }
      .pkg-deposit-banner span.yellow.bold {
        font-size: 13px; }
  .pkg-deposit-banner .pull-left {
    width: 50%;
    text-align: left;
    line-height: 16px;
    position: relative; }
    .pkg-deposit-banner .pull-left .yellow:first-child {
      display: block; }
  .pkg-deposit-banner .pull-right {
    width: 50%;
    text-align: right;
    line-height: 16px;
    position: relative; }
    .pkg-deposit-banner .pull-right span {
      color: #003580; }
      .pkg-deposit-banner .pull-right span.bold {
        display: block; }

#package-results .placeholder.filter-box {
  width: 100%; }

#package-results .package-section {
  padding: 0; }

#package-results .package-filter .map-view {
  background: url("https://cdn4.alpharooms.com/assets-ux-new/images/map-bg.jpg?v=1");
  height: 80px;
  line-height: 80px;
  border: 1px solid #ccc;
  border-radius: 6px;
  text-align: center;
  color: #003580;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 17px;
  cursor: pointer; }
  #package-results .package-filter .map-view i {
    font-size: 24px;
    margin-right: 4px;
    position: relative;
    top: 2px;
    color: #0077ba; }

#package-results .moile-package-count {
  background: #ffffff;
  padding: 4px 0;
  margin-bottom: 2px; }

#package-results .package-date {
  text-align: center;
  display: flex;
  justify-content: center;
  border: 1px solid #dde9fb;
  background: #fff;
  margin: 7px 0;
  padding: 8px;
  border-radius: 6px; }
  #package-results .package-date .calendar-box {
    display: flex;
    justify-content: center;
    width: auto;
    max-width: fit-content; }
    #package-results .package-date .calendar-box .from-cal {
      margin-left: 20px; }
    #package-results .package-date .calendar-box i {
      font-size: 22px;
      color: #0077ba;
      cursor: pointer;
      position: relative;
      top: 2px; }
    #package-results .package-date .calendar-box .date-center {
      font-weight: 600;
      font-size: 14px;
      display: inline-block;
      vertical-align: text-bottom;
      padding: 0 5px; }
    #package-results .package-date .calendar-box p {
      margin: 0; }

#package-results .package-date-change {
  margin-bottom: 10px; }
  #package-results .package-date-change h4 {
    font-size: 18px;
    font-weight: normal; }
    #package-results .package-date-change h4 span {
      text-decoration: underline; }
    #package-results .package-date-change h4 .MuiSvgIcon-root {
      color: #003580;
      font-size: 19px;
      position: relative;
      top: -1px;
      margin-left: 3px; }
  #package-results .package-date-change .protected span {
    display: inline-block;
    line-height: 15px;
    font-size: 13px;
    vertical-align: top; }
    #package-results .package-date-change .protected span:first-child {
      background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1");
      background-position: -561px -279px;
      width: 65px;
      height: 40px;
      display: inline-block;
      position: relative;
      margin-right: 10px;
      top: 2px; }
    #package-results .package-date-change .protected span.atol {
      background-position: -66px -759px;
      width: 40px;
      height: 40px;
      top: -3px; }

#package-results .search-sort-options .row {
  margin: 0; }

#package-results .search-sort-options [class*="col"] {
  padding: 0; }

#package-results .no-package {
  padding-top: 40px; }
  #package-results .no-package h3 {
    font-size: 25px;
    font-weight: 600;
    color: #003580; }
  #package-results .no-package p {
    font-size: 24px;
    color: #606c77;
    font-weight: 400; }
    #package-results .no-package p span {
      font-weight: 700; }
  #package-results .no-package .pkgerror {
    background: #003580;
    width: 385px;
    margin: 20px auto 300px;
    border-radius: 15px;
    color: #fff;
    padding: 6px 10px 15px; }
    #package-results .no-package .pkgerror h5 {
      font-size: 18px;
      font-weight: 400;
      position: relative;
      margin: 10px 0 0; }
      #package-results .no-package .pkgerror h5::before, #package-results .no-package .pkgerror h5::after {
        content: "";
        border-top: 1px dotted #fff;
        height: 1px;
        width: 36px;
        position: absolute;
        top: 12px;
        left: 15px; }
      #package-results .no-package .pkgerror h5::after {
        right: 15px;
        left: auto; }
    #package-results .no-package .pkgerror .errspeak {
      font-size: 34px;
      font-weight: 700; }
      #package-results .no-package .pkgerror .errspeak i {
        color: #65bd3f;
        font-size: 30px; }
      #package-results .no-package .pkgerror .errspeak a {
        color: #ffffff; }
    #package-results .no-package .pkgerror .frmore {
      color: #f8e71c;
      font-size: 18px; }

.package-result {
  padding: 8px; }
  .package-result [class*="col"] {
    padding: 0; }
  .package-result .container {
    padding: 0; }
  .package-result .row {
    margin: 0; }

.package-card {
  border: 1px solid #dee0e2;
  border-radius: 6px;
  background-color: #ffffff;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .package-card:hover {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.29); }
  .package-card .pad-left-right {
    padding-right: 0; }
  .package-card .image-carousel .image-gallery-content .image-gallery-slides {
    border-radius: 0; }
    .package-card .image-carousel .image-gallery-content .image-gallery-slides .image-gallery-image {
      height: 180px;
      object-fit: cover;
      border-radius: 0; }
  .package-card .pkg-name {
    padding: 10px 15px;
    border-bottom: 1px solid #dee0e2;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    .package-card .pkg-name h1 {
      font-size: 20px;
      font-weight: 600;
      display: inline;
      line-height: 10px; }
    .package-card .pkg-name .ratings-review {
      display: inline-block;
      position: relative;
      left: 10px; }
    .package-card .pkg-name .address {
      font-size: 12px; }
    .package-card .pkg-name .btn-outline {
      margin-left: 7px;
      position: relative;
      top: 0;
      font-size: 0; }
      .package-card .pkg-name .btn-outline .link {
        font-size: 18px;
        position: relative;
        top: -2px;
        vertical-align: middle; }
  .package-card .search-card {
    padding: 0;
    padding-right: 0;
    border: 1px solid #ececec;
    border-top: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  .package-card .search-details {
    padding: 15px; }
    .package-card .search-details .trip-rating {
      margin-bottom: 25px;
      border: 0;
      top: 0;
      height: auto;
      padding: 0;
      left: 0; }
    .package-card .search-details .small-txt {
      color: #606c77;
      font-weight: normal; }
    .package-card .search-details .pkg-txt {
      color: #003580;
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 8px; }
      .package-card .search-details .pkg-txt .visible {
        padding-left: 30px;
        line-height: 14px; }
      .package-card .search-details .pkg-txt.flight-details {
        margin-bottom: 0; }
        .package-card .search-details .pkg-txt.flight-details .small-txt {
          position: relative;
          left: 4px;
          padding-right: 5px; }
    .package-card .search-details .mobile-card {
      padding-bottom: 10px; }
      .package-card .search-details .mobile-card .flight-details span {
        display: inline-block; }
      .package-card .search-details .mobile-card .card-txt {
        margin-left: 25px;
        position: relative;
        top: -3px; }
      .package-card .search-details .mobile-card .btn-outline {
        width: 152px;
        height: 23px;
        border-radius: 30px;
        padding: 2px 0;
        text-align: center;
        margin-top: 10px; }
      .package-card .search-details .mobile-card .package-total .total-price sub {
        bottom: 3px;
        font-size: 14px;
        font-weight: normal;
        position: relative;
        left: -4px; }
      .package-card .search-details .mobile-card .package-total .total-price sup {
        font-size: 11px;
        font-weight: normal;
        top: 2px;
        left: -7px; }
      .package-card .search-details .mobile-card .trip-rating {
        font-size: 12px; }
        .package-card .search-details .mobile-card .trip-rating.trip-mobile {
          border: 0;
          top: 2px;
          margin-bottom: 15px; }
      .package-card .search-details .mobile-card .included {
        font-size: 12px;
        margin: 4px 0;
        width: auto;
        background: transparent; }
        .package-card .search-details .mobile-card .included .MuiSvgIcon-root {
          color: #0077ba;
          font-size: 16px;
          position: relative;
          top: -1px; }
      .package-card .search-details .mobile-card .btn-orange {
        width: 120px;
        height: 35px;
        font-size: 14px;
        line-height: 32px; }
        .package-card .search-details .mobile-card .btn-orange a {
          display: block; }
    .package-card .search-details .MuiSvgIcon-root {
      font-size: 18px;
      margin-right: 8px; }
    .package-card .search-details .flight-details {
      font-size: 14px; }
      .package-card .search-details .flight-details .MuiSvgIcon-root {
        transform: rotate(45deg); }
      .package-card .search-details .flight-details .flight-summary {
        border: 0;
        margin-left: 8%; }
        .package-card .search-details .flight-details .flight-summary .row {
          margin-bottom: 0;
          padding: 5px 0; }
          .package-card .search-details .flight-details .flight-summary .row:first-child {
            margin-top: 20px !important; }
        .package-card .search-details .flight-details .flight-summary [class*="col-"] {
          padding: 0 5px; }
        .package-card .search-details .flight-details .flight-summary .time {
          font-weight: 700;
          font-size: 12px;
          color: #202932; }
        .package-card .search-details .flight-details .flight-summary .airport {
          font-size: 11px;
          color: #202932;
          line-height: 14px;
          display: inline-block; }
        .package-card .search-details .flight-details .flight-summary .duration {
          font-size: 11px;
          color: #606c77;
          position: relative;
          top: -10px; }
    .package-card .search-details .package-inclusion {
      background-color: #e1eefc;
      font-size: 12px;
      padding: 2px 0;
      width: 103%; }
      .package-card .search-details .package-inclusion .MuiSvgIcon-root {
        position: relative;
        top: -1px; }
      .package-card .search-details .package-inclusion .popup-content {
        left: auto !important;
        right: 0;
        width: 280px !important;
        border-radius: 4px;
        padding: 15px !important;
        text-align: left; }
        .package-card .search-details .package-inclusion .popup-content .popup-arrow {
          left: 82% !important; }
    .package-card .search-details .package-price .pkg-deposit {
      margin-bottom: 10px; }
    .package-card .search-details .package-price i {
      color: #65bd3f;
      font-size: 20px; }
    .package-card .search-details .package-price .from {
      font-size: 12px;
      color: #606c77;
      font-weight: normal;
      line-height: 10px; }
      .package-card .search-details .package-price .from span {
        font-weight: 600; }
    .package-card .search-details .package-price .deposit {
      font-size: 14px;
      font-weight: bold;
      color: #003580; }
      .package-card .search-details .package-price .deposit .pp {
        font-size: 12px;
        font-weight: normal; }
      .package-card .search-details .package-price .deposit::before, .package-card .search-details .package-price .deposit::after {
        content: "";
        height: 1px;
        width: 20px;
        background: #d6d6d6;
        display: inline-block;
        position: relative;
        top: -4px;
        left: -3px; }
      .package-card .search-details .package-price .deposit::after {
        left: auto;
        right: -3px; }
    .package-card .search-details .package-price .atol::after {
      content: "";
      width: 1px;
      height: 80%;
      background-color: #dedede;
      position: absolute;
      right: 6px;
      top: 0; }
    .package-card .search-details .package-price .atol span {
      display: block;
      line-height: 16px; }
    .package-card .search-details .package-price .atol .atol-logo,
    .package-card .search-details .package-price .atol .topp-logo {
      background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1");
      background-position: -245px -746px;
      width: 35px;
      height: 35px;
      background-size: 700%;
      display: inline-block;
      margin: 0 auto; }
    .package-card .search-details .package-price .atol .topp-logo {
      background-position: -61px -821px;
      width: 35px;
      height: 18px;
      margin-top: 14px; }
    .package-card .search-details .pkg-bottom .call-to-book {
      text-align: center; }
      .package-card .search-details .pkg-bottom .call-to-book .btn-call {
        width: 170px;
        height: 40px;
        border-radius: 28px;
        border: solid 1px #65bd3f;
        font-size: 18px;
        font-weight: bold;
        background-color: #ffffff;
        color: #65bd3f;
        text-align: left;
        padding: 0 0 0 35px;
        position: relative;
        line-height: 36px; }
        .package-card .search-details .pkg-bottom .call-to-book .btn-call i {
          width: 26px;
          height: 26px;
          border-radius: 50%;
          text-align: center;
          line-height: 26px;
          font-size: 18px;
          background-color: #65bd3f;
          color: #ffffff;
          position: absolute;
          left: 6px;
          top: 6px; }
        .package-card .search-details .pkg-bottom .call-to-book .btn-call:hover {
          color: #ffffff;
          background-color: #65bd3f; }
          .package-card .search-details .pkg-bottom .call-to-book .btn-call:hover i {
            background-color: #ffffff;
            color: #65bd3f; }
      .package-card .search-details .pkg-bottom .call-to-book span {
        font-size: 11px;
        font-weight: 500;
        font-stretch: normal;
        color: #65bd3f;
        position: relative;
        left: auto; }
    .package-card .search-details .pkg-bottom .btn-orange {
      line-height: normal;
      width: 120px;
      line-height: 36px;
      position: relative;
      top: 18px; }
    .package-card .search-details .package-total {
      overflow: hidden;
      padding-left: 0;
      text-align: center; }
      .package-card .search-details .package-total .package-price {
        float: right;
        width: 70%; }
      .package-card .search-details .package-total span {
        display: block; }
      .package-card .search-details .package-total .total-txt {
        font-size: 16px;
        font-weight: 600;
        color: #003580; }
      .package-card .search-details .package-total .total-guest {
        font-size: 12px;
        font-weight: normal;
        color: #606c77;
        line-height: 10px; }
      .package-card .search-details .package-total .total-price {
        font-weight: 700;
        font-size: 26px;
        color: #003580;
        line-height: 30px; }
        .package-card .search-details .package-total .total-price sub {
          bottom: 3px;
          font-size: 14px;
          font-weight: normal;
          position: relative;
          left: -4px; }
      .package-card .search-details .package-total .per-person {
        font-size: 11px;
        font-weight: normal;
        color: #606c77; }
        .package-card .search-details .package-total .per-person .price {
          font-size: 14px;
          display: inline-block; }
      .package-card .search-details .package-total .package-checkout {
        width: 184px;
        height: 32px;
        line-height: 30px;
        margin: 8px auto 0;
        font-size: 14px; }
    .package-card .search-details .trip-reviews {
      padding: 8px 8px 0;
      margin: 0 0 0 6px;
      border-top: dashed 1px #dedede; }
      .package-card .search-details .trip-reviews .trip-rating {
        top: 4px; }
      .package-card .search-details .trip-reviews span {
        font-size: 12px; }

.pkg-details .link {
  font-size: 13px;
  position: relative;
  left: 30px;
  top: 4px;
  cursor: pointer; }

.pkg-details .popup-content {
  width: 310px !important;
  left: -45px !important;
  border: 0 !important;
  border-radius: 6px;
  box-shadow: 0 2px 11px 4px rgba(0, 0, 0, 0.18) !important;
  z-index: 10 !important;
  padding: 0 !important; }

.pkg-details .flight-txt {
  background-color: #dde9fb;
  overflow: hidden;
  color: #fff;
  padding: 8px 14px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  text-align: center;
  line-height: 15px;
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: #003580;
  position: relative;
  top: 5px;
  width: 100%; }

.include-pkg .tooltip {
  border: 0;
  box-shadow: none;
  width: 300px;
  background-color: transparent; }

.include-pkg .tooltip-inner {
  background: #fff;
  border: 1px solid #cacaca;
  color: #202932;
  padding: 15px; }
  .include-pkg .tooltip-inner h2 {
    margin: 0;
    margin-bottom: 10px; }
  .include-pkg .tooltip-inner .bags {
    display: flex;
    font-size: 14px;
    text-align: left; }
    .include-pkg .tooltip-inner .bags div {
      padding-right: 9px; }
  .include-pkg .tooltip-inner .transfers {
    margin-bottom: 14px; }

@media (min-width: 768px) {
  .pkg-deposit-banner {
    font-size: 18px;
    padding: 0;
    height: 60px;
    margin-bottom: 20px;
    display: block !important; }
    .pkg-deposit-banner span.yellow.bold {
      font-size: 26px; }
    .pkg-deposit-banner .pull-left {
      line-height: 55px;
      top: auto;
      text-align: right;
      width: 50%; }
      .pkg-deposit-banner .pull-left .yellow:first-child {
        display: inline-block; }
    .pkg-deposit-banner .pull-right {
      width: 45%;
      line-height: 60px;
      top: auto;
      text-align: left; }
      .pkg-deposit-banner .pull-right span.bold {
        display: inline-block; }
  #package-results .package-section {
    padding-right: 0;
    padding-left: 15px; }
  #package-results .package-result {
    padding: 0; }
  #package-results .package-card .pkg-name {
    padding: 15px; }
    #package-results .package-card .pkg-name .btn-outline {
      font-size: 12px; }
  #package-results .package-card .search-card {
    padding: 0 10px 10px; }
  #package-results .package-card .image-carousel .image-gallery-content .image-gallery-slides {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    #package-results .package-card .image-carousel .image-gallery-content .image-gallery-slides .image-gallery-image {
      height: 345px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
  #package-results .no-package {
    padding-top: 90px; }
    #package-results .no-package h3 {
      font-size: 36px; }
  .pkg-details .popup-content {
    width: 320px !important;
    left: -102px !important; }
  .package-card .search-details {
    padding: 15px 15px 0; }
    .package-card .search-details .trip-rating {
      margin-bottom: 30px; }
    .package-card .search-details .pkg-bottom .call-to-book {
      width: 186px; }
      .package-card .search-details .pkg-bottom .call-to-book span {
        left: -10px;
        font-size: 14px; }
      .package-card .search-details .pkg-bottom .call-to-book .btn-call {
        width: 190px;
        padding: 0 0 0 45px; }
    .package-card .search-details .pkg-bottom .btn-orange {
      width: 110px; }
    .package-card .search-details .pkg-txt {
      margin-bottom: 5px; }
    .package-card .search-details .package-price {
      margin-top: 35px;
      margin-bottom: 30px; }
      .package-card .search-details .package-price .pkg-deposit {
        border-left: solid 1px #dedede;
        margin-bottom: 0; }
    .package-card .search-details .package-total {
      padding-left: 25px;
      text-align: left; }
      .package-card .search-details .package-total .package-price {
        font-size: 32px; }
    .package-card .search-details .package-inclusion .popup-content .popup-arrow {
      left: 72% !important; } }

@media (min-width: 768px) and (max-width: 999px) {
  .pkg-deposit-banner {
    font-size: 13px; }
  .package-card .search-details .trip-reviews span.float-left {
    display: none; }
  .package-card .search-details .trip-reviews .trip-rating {
    float: none !important;
    border: 0;
    top: 0; }
  .package-card .search-details .package-inclusion .popup-content {
    right: 5%; }
    .package-card .search-details .package-inclusion .popup-content .popup-arrow {
      left: 88% !important; }
  .package-date .visible-desktop {
    display: none !important; }
  #package-results .package-section {
    padding: 0; }
    #package-results .package-section .serp-price-toggle {
      background-color: #ffffff;
      top: 0px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* TABLET LANDSCAPE STYLES GO HERE */
  #package-results .package-section {
    padding: 0; }
  .package-card .search-details .pkg-bottom .call-to-book .btn-call {
    width: 165px;
    padding: 0 0 0 45px; } }

@media (max-width: 340px) {
  .package-card .search-details {
    padding: 15px 10px; }
    .package-card .search-details .pkg-bottom .call-to-book .btn-call {
      width: 160px;
      font-size: 16px; } }

#checkout-page .async-layer {
  top: 0;
  background-color: rgba(0, 0, 0, 0.8); }

#checkout-page .booking-summary {
  border-bottom: solid 1px rgba(32, 41, 50, 0.2);
  border-radius: 0;
  background: #fff;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none; }
  #checkout-page .booking-summary h4 {
    padding-top: 15px;
    margin: 0; }
  #checkout-page .booking-summary sub {
    bottom: 0; }
  #checkout-page .booking-summary .summary .accord {
    padding: 15px 10px 0; }
  #checkout-page .booking-summary .hotel-img {
    padding: 0 10px;
    min-height: 250px;
    position: relative;
    margin: 12px 0 0; }
    #checkout-page .booking-summary .hotel-img img {
      width: 100%;
      height: 240px;
      object-fit: cover; }
    #checkout-page .booking-summary .hotel-img .hotel-review {
      color: #ffb902;
      position: absolute;
      top: 0;
      background-color: rgba(32, 41, 50, 0.8);
      padding: 8px 15px; }
      #checkout-page .booking-summary .hotel-img .hotel-review .rating {
        margin-bottom: 0;
        font-weight: 700;
        font-size: 16px; }
      #checkout-page .booking-summary .hotel-img .hotel-review .total-reviews {
        font-size: 13px;
        font-weight: 600; }
  #checkout-page .booking-summary .summary [class*="col-"] {
    padding: 0; }
  #checkout-page .booking-summary .summary h4 {
    padding-top: 0; }
  #checkout-page .booking-summary .summary .summary-padding {
    padding: 15px; }
  #checkout-page .booking-summary .summary .row {
    margin: 0; }
  #checkout-page .booking-summary .summary h4 {
    font-size: 16px;
    font-weight: 600;
    color: #003580;
    display: inline; }
  #checkout-page .booking-summary .summary .summary-content h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0; }
  #checkout-page .booking-summary .summary .summary-content .ratings {
    position: relative;
    top: 3px; }
    #checkout-page .booking-summary .summary .summary-content .ratings label {
      margin: 0;
      line-height: 9px; }
      #checkout-page .booking-summary .summary .summary-content .ratings label i {
        font-size: 20px; }
  #checkout-page .booking-summary .summary .summary-content .hotel-details {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 5px;
    margin-bottom: 12px; }
  #checkout-page .booking-summary .summary .summary-content .room-details {
    display: grid; }
    #checkout-page .booking-summary .summary .summary-content .room-details .date {
      font-size: 14px;
      font-weight: 600; }
    #checkout-page .booking-summary .summary .summary-content .room-details .staff-info {
      margin: 5px 0 10px;
      font-size: 13px; }
    #checkout-page .booking-summary .summary .summary-content .room-details .room-option {
      margin-top: 5px; }
  #checkout-page .booking-summary .summary .accordion {
    transition: none; }
    #checkout-page .booking-summary .summary .accordion h4:after {
      display: none; }
    #checkout-page .booking-summary .summary .accordion .accord-item {
      cursor: pointer;
      transition: none; }
      #checkout-page .booking-summary .summary .accordion .accord-item .hotel-txt {
        min-width: 58%;
        max-width: 58%; }
      #checkout-page .booking-summary .summary .accordion .accord-item .hotel-price {
        min-width: 40%;
        max-width: 40%; }
        #checkout-page .booking-summary .summary .accordion .accord-item .hotel-price span {
          display: inline-block; }
      #checkout-page .booking-summary .summary .accordion .accord-item .strike {
        font-size: 13px;
        position: relative;
        top: 0;
        left: -5px;
        line-height: 18px; }
      #checkout-page .booking-summary .summary .accordion .accord-item .price {
        font-size: 16px;
        font-weight: 600;
        color: #003580; }
      #checkout-page .booking-summary .summary .accordion .accord-item .show-hide::before {
        content: "more info";
        display: inline-block;
        left: 70px;
        text-align: right;
        font-size: 12px;
        color: #1c94d9;
        font-weight: 400;
        position: absolute;
        top: 3px;
        width: 55px; }
      #checkout-page .booking-summary .summary .accordion .accord-item .show-hide::after {
        color: #1c94d9;
        font-weight: 400;
        margin-left: 0;
        font-size: 24px;
        font-size: 1.5rem;
        top: -4px;
        position: absolute;
        left: 125px;
        padding: 0;
        font-family: Material Design Icons;
        content: "\F140";
        display: inline-block; }
    #checkout-page .booking-summary .summary .accordion .accordion-item.collapsed {
      padding: 0 !important; }
    #checkout-page .booking-summary .summary .accordion .open.accord-item .show-hide::before {
      content: "less info"; }
    #checkout-page .booking-summary .summary .accordion .open.accord-item .show-hide::after {
      content: "\F143"; }
    #checkout-page .booking-summary .summary .accordion .accord-content {
      padding: 15px;
      border-bottom: 1px solid #dee2e6; }
  #checkout-page .booking-summary .summary .price-breakdown {
    background: #eff8eb;
    border-bottom: solid 2px rgba(75, 144, 46, 0.2); }
    #checkout-page .booking-summary .summary .price-breakdown p {
      margin: 0; }
  #checkout-page .booking-summary .summary .secure-booking {
    background-color: #e8f4fc;
    position: relative; }
    #checkout-page .booking-summary .summary .secure-booking .date-with-price {
      margin: 10px 0 10px 10px; }
    #checkout-page .booking-summary .summary .secure-booking .accordion .accord {
      padding: 0;
      border: 0; }
    #checkout-page .booking-summary .summary .secure-booking .accordion .accord-item {
      padding: 5px 0 0;
      position: absolute;
      bottom: 10px; }
      #checkout-page .booking-summary .summary .secure-booking .accordion .accord-item .show-hide {
        padding-left: 28px;
        font-weight: normal; }
        #checkout-page .booking-summary .summary .secure-booking .accordion .accord-item .show-hide::before {
          content: "Hide";
          left: 0;
          top: 4px;
          text-align: left; }
        #checkout-page .booking-summary .summary .secure-booking .accordion .accord-item .show-hide::after {
          left: 125px;
          top: -3px;
          content: "\F143"; }
    #checkout-page .booking-summary .summary .secure-booking .accordion .accord-content {
      border: 0;
      padding: 0; }
    #checkout-page .booking-summary .summary .secure-booking .accordion .open {
      padding: 10px 0 20px; }
      #checkout-page .booking-summary .summary .secure-booking .accordion .open.accord-item {
        padding: 5px 0;
        position: absolute;
        bottom: 6px; }
        #checkout-page .booking-summary .summary .secure-booking .accordion .open.accord-item .show-hide::before {
          content: "View"; }
        #checkout-page .booking-summary .summary .secure-booking .accordion .open.accord-item .show-hide::after {
          content: "\F140"; }
    #checkout-page .booking-summary .summary .secure-booking .accordion.collapsed {
      padding: 0; }
      #checkout-page .booking-summary .summary .secure-booking .accordion.collapsed .open {
        position: relative;
        bottom: 0; }
      #checkout-page .booking-summary .summary .secure-booking .accordion.collapsed .accordion-item {
        max-height: 0;
        position: relative;
        bottom: auto;
        display: none; }
        #checkout-page .booking-summary .summary .secure-booking .accordion.collapsed .accordion-item.collapsed {
          max-height: 9999px;
          height: auto;
          display: block; }
  #checkout-page .booking-summary .summary .price-guarantee .logo-section {
    border-right: dotted 1.5px rgba(34, 39, 44, 0.24);
    margin-right: 10px; }
    #checkout-page .booking-summary .summary .price-guarantee .logo-section:last-child {
      margin-right: 0;
      border: 0;
      max-width: 46%; }
  #checkout-page .booking-summary .summary .price-guarantee span {
    font-size: 13px;
    display: inline-block;
    line-height: 18px;
    position: relative;
    top: 4px; }
  #checkout-page .booking-summary .summary .price-guarantee .atol-payment,
  #checkout-page .booking-summary .summary .price-guarantee .low-price,
  #checkout-page .booking-summary .summary .price-guarantee .topp {
    content: "";
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1");
    background-position: -513px 465px;
    width: 42px;
    height: 42px;
    float: left;
    margin-right: 5px; }
  #checkout-page .booking-summary .summary .price-guarantee .low-price {
    background-position: -255px 302px; }
  #checkout-page .booking-summary .summary .price-guarantee .topp {
    background-position: -635px 339px; }

@media (min-width: 980px) {
  #checkout-page .booking-summary {
    display: block; }
    #checkout-page .booking-summary .hotel-img {
      padding: 0 15px; }
    #checkout-page .booking-summary .summary .accord {
      padding: 15px 15px 0; }
    #checkout-page .booking-summary .summary .secure-booking .accordion .accord-item .show-hide {
      padding-left: 14px; } }

@media (min-width: 1000px) and (max-width: 1024px) {
  .checkout-header .row {
    margin: 0; }
  #checkout-page .booking-summary .summary .summary-content .hotel-details h3 {
    font-size: 16px; }
  #checkout-page .booking-summary .text-right .strike {
    font-size: 11px !important; }
  #checkout-page .booking-summary .text-right h4 {
    font-size: 14px; } }

#checkout-page .guest-section,
#checkout-page .contact-details {
  padding: 10px 20px 0; }
  #checkout-page .guest-section .row,
  #checkout-page .contact-details .row {
    margin: 0; }
  #checkout-page .guest-section h4,
  #checkout-page .contact-details h4 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px; }
  #checkout-page .guest-section [class*="col-"],
  #checkout-page .contact-details [class*="col-"] {
    padding: 0 6px 0 0; }
  #checkout-page .guest-section .sub-head,
  #checkout-page .contact-details .sub-head {
    font-size: 13px;
    font-weight: normal; }
  #checkout-page .guest-section .adult-info b,
  #checkout-page .contact-details .adult-info b {
    font-size: 16px; }
  #checkout-page .guest-section .title,
  #checkout-page .contact-details .title {
    max-width: auto; }
  #checkout-page .guest-section .date,
  #checkout-page .contact-details .date {
    min-width: 20%; }
  #checkout-page .guest-section .address-txt,
  #checkout-page .contact-details .address-txt {
    opacity: 0.9;
    border-radius: 6px;
    background-color: #003580;
    color: #fff;
    padding: 5px 10px 5px 32px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    position: relative; }
    #checkout-page .guest-section .address-txt i,
    #checkout-page .contact-details .address-txt i {
      font-size: 18px;
      margin-right: 5px;
      vertical-align: bottom;
      font-weight: 400;
      position: absolute;
      left: 10px;
      top: 7px; }
  #checkout-page .guest-section .find-address,
  #checkout-page .contact-details .find-address {
    margin-top: 5px; }

#checkout-page .hotel-special-request {
  padding: 0 20px;
  margin-bottom: 20px;
  border-top: 1px solid rgba(111, 133, 159, 0.1);
  padding-top: 17px !important;
  margin-top: 12px; }
  #checkout-page .hotel-special-request [class*="col"] {
    padding: 0 15px; }
  #checkout-page .hotel-special-request label::after {
    left: 10px;
    top: 17px; }
  #checkout-page .hotel-special-request .heading {
    font-size: 15px; }
    #checkout-page .hotel-special-request .heading label {
      position: relative;
      left: -5px; }
    #checkout-page .hotel-special-request .heading .info {
      left: 5px; }
  #checkout-page .hotel-special-request .show-section {
    padding-left: 10px; }
    #checkout-page .hotel-special-request .show-section .request-btn {
      position: relative;
      right: 20px; }
  #checkout-page .hotel-special-request .show-section + .show-section {
    padding-top: 16px;
    border-top: 1px solid #ddd;
    margin-top: 15px; }

#checkout-page .request-txt {
  margin: 15px 15px 0px 0; }

#checkout-page .contact-details {
  border-top: dashed 1px rgba(151, 151, 151, 0.3);
  padding-top: 25px;
  margin-top: 15px; }

input,
select {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #cdc8ce;
  box-shadow: none;
  font-weight: 600;
  color: #202932; }
  input:not(:focus):valid,
  select:not(:focus):valid {
    border: 1px solid #cdc8ce; }
  input:focus,
  select:focus {
    border: 1px solid #aaa; }

select {
  appearance: none;
  line-height: inherit;
  padding-left: 10px;
  outline: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAE9JREFUOI3tzcEJgDAMQNEnrqHonG7gjFZwEdGTl0KFSsFLHuSSwA8h/K8r7HusmAv3HQvOmmczDlzZJIw1obdowvA1lke3FrHH1DIWQuYGRz4PH/+pT9EAAAAASUVORK5CYII=) no-repeat 99% 47%; }

.form-group {
  position: relative; }
  .form-group:focus label {
    transform: translateY(-40%);
    font-size: 11px;
    font-weight: 400; }
  .form-group input,
  .form-group select {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #cdc8ce;
    box-shadow: none;
    font-weight: 600;
    color: #202932; }
    .form-group input:not(:focus):valid,
    .form-group select:not(:focus):valid {
      border: 1px solid #cdc8ce; }
  .form-group label {
    text-align: left;
    display: block;
    float: none;
    margin-bottom: 6px;
    cursor: text;
    position: absolute;
    top: 14px;
    left: 10px;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    z-index: 10;
    pointer-events: none;
    font-size: 14px;
    font-weight: 600;
    color: #8c96a0;
    width: auto;
    padding: 0; }

@media (min-width: 979px) {
  #checkout-page .guest-section,
  #checkout-page .contact-details {
    padding: 20px 0 0; }
    #checkout-page .guest-section .title,
    #checkout-page .contact-details .title {
      max-width: 13%; }
  #checkout-page .hotel-special-request {
    padding: 0; }
    #checkout-page .hotel-special-request [class*="col"] {
      padding: 0; }
  #checkout-page .guest-section {
    padding-top: 0; } }

@media (max-width: 576px) {
  #checkout-page .hotel-special-request {
    margin-bottom: 92px; } }

@media (min-width: 768px) {
  #checkout-page .hotel-journey .fname {
    max-width: 43%;
    flex: 43%; } }

#checkout-page .checkout-payment [class*="col-"] {
  padding: 0; }

#checkout-page .checkout-payment .row {
  margin: 0; }

#checkout-page .checkout-payment .show-content {
  overflow: hidden;
  padding: 20px; }

#checkout-page .checkout-payment .react-tabs ul {
  border: 0; }
  #checkout-page .checkout-payment .react-tabs ul li {
    width: 100%;
    padding: 10px;
    min-height: auto;
    box-shadow: 0 4px 12px 0 rgba(158, 176, 186, 0.16), 0 15px 24px 0 rgba(158, 176, 186, 0.2);
    border: solid 1px #0077ba;
    background-image: linear-gradient(to bottom, #eaf7ff, rgba(255, 255, 255, 0.5)), linear-gradient(to bottom, #ffffff, #ffffff);
    border-radius: 6px;
    margin-bottom: 15px;
    z-index: 10;
    cursor: pointer; }
    #checkout-page .checkout-payment .react-tabs ul li.react-tabs__tab--selected.payment-option span {
      font-weight: 700; }

#checkout-page .checkout-payment .react-tabs .tab-conent {
  padding: 20px;
  position: relative; }
  #checkout-page .checkout-payment .react-tabs .tab-conent:before {
    content: "";
    display: inline-block;
    width: 1px;
    top: 0;
    bottom: -10px;
    background: #cad1d8;
    display: inline-block;
    position: absolute;
    left: -1px;
    z-index: 1; }
  #checkout-page .checkout-payment .react-tabs .tab-conent .row {
    margin: 0; }
  #checkout-page .checkout-payment .react-tabs .tab-conent [class*="col"] {
    padding: 0 5px; }

#checkout-page .checkout-payment .react-tabs .show-content {
  padding: 20px; }

#checkout-page .checkout-payment .react-tabs .payment-option .float-left {
  width: 50%; }

#checkout-page .checkout-payment .react-tabs .payment-option .btn-orange {
  width: 120px;
  height: 40px;
  margin-top: 5px; }

#checkout-page .checkout-payment .react-tabs .payment-option sub {
  bottom: 0; }

#checkout-page .checkout-payment .react-tabs .payment-option span {
  display: block;
  font-size: 16px;
  color: #003580;
  font-weight: 700; }

#checkout-page .checkout-payment .react-tabs .payment-option .icon {
  background: url("https://cdn4.alpharooms.com/assets-ux-new/images/checkout-sprite.png?v=1");
  position: relative;
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 10px; }

#checkout-page .checkout-payment .react-tabs .payment-option .pay-full {
  background-position: -179px 49px; }

#checkout-page .checkout-payment .react-tabs .payment-option .pay-full-uk {
  background-position: -205px 92px; }

#checkout-page .checkout-payment .react-tabs .payment-option .pay-deposit {
  background-position: -149px 94px; }

#checkout-page .checkout-payment .deposit-plan {
  margin-bottom: 20px;
  margin-top: 10px; }
  #checkout-page .checkout-payment .deposit-plan span {
    display: inline-block !important; }
  #checkout-page .checkout-payment .deposit-plan .link {
    display: inline-block !important;
    color: #0077ba !important;
    vertical-align: top;
    font-weight: normal !important;
    left: 2px;
    position: relative; }
  #checkout-page .checkout-payment .deposit-plan .deposit {
    border: 1px solid #74cafb;
    border-radius: 6px; }
    #checkout-page .checkout-payment .deposit-plan .deposit span {
      font-size: 12px; }
    #checkout-page .checkout-payment .deposit-plan .deposit .dep-div {
      padding: 10px 17px;
      border-bottom: solid 1px #9dc3eb; }
      #checkout-page .checkout-payment .deposit-plan .deposit .dep-div:last-child {
        border-bottom: 0; }
  #checkout-page .checkout-payment .deposit-plan .MuiSvgIcon-root {
    font-size: 18px;
    font-weight: normal;
    position: relative;
    left: 4px;
    top: -2px; }

#checkout-page .checkout-payment .credit-debit-card h4 {
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 18px; }

#checkout-page .checkout-payment .credit-debit-card .card-name {
  background: url("https://cdn4.alpharooms.com/assets-ux-new/images/checkout-sprite.png?v=1");
  display: inline-block;
  width: 44px;
  height: 27px;
  border: 0;
  position: absolute;
  right: 50px;
  top: 13px;
  font-size: 0; }
  #checkout-page .checkout-payment .credit-debit-card .card-name.master {
    background-position: -9px -195px; }
  #checkout-page .checkout-payment .credit-debit-card .card-name.visa {
    background-position: -94px -195px; }

#checkout-page .checkout-payment .checkout-terms {
  font-size: 12px;
  color: #56626e;
  position: relative;
  padding: 20px; }
  #checkout-page .checkout-payment .checkout-terms:before {
    content: "";
    display: inline-block;
    height: 1px;
    width: 100%;
    top: 10px;
    background: #cad1d8;
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0; }
  #checkout-page .checkout-payment .checkout-terms [type="checkbox"] + label::after {
    left: 10px; }

#checkout-page .checkout-payment .checkout-submit {
  padding: 20px; }
  #checkout-page .checkout-payment .checkout-submit .norton-icon:before {
    content: "";
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/checkout-sprite.png?v=1");
    width: 80px;
    height: 44px;
    background-position: -380px -236px;
    float: left; }
  #checkout-page .checkout-payment .checkout-submit .norton-section {
    margin-top: 50px; }
  #checkout-page .checkout-payment .checkout-submit .norton-txt {
    line-height: 16px;
    display: inline-block;
    color: #58595b;
    margin-top: 4px;
    margin-left: 10px; }
  #checkout-page .checkout-payment .checkout-submit .amt-payable span {
    font-size: 15px; }
  #checkout-page .checkout-payment .checkout-submit .amt-payable .total-pay {
    color: #003580;
    font-size: 28px; }
  #checkout-page .checkout-payment .checkout-submit #submit-btn {
    height: 50px;
    width: 300px;
    text-transform: none;
    margin-top: 5px;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0 10px;
    position: relative; }
    #checkout-page .checkout-payment .checkout-submit #submit-btn i:last-child {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 32px; }
    #checkout-page .checkout-payment .checkout-submit #submit-btn .icon-lock {
      position: absolute;
      left: 20px;
      top: 12px;
      font-size: 24px; }

#checkout-page .checkout-payment .staff-details {
  border-top: 1px solid #eee;
  padding: 20px; }
  #checkout-page .checkout-payment .staff-details h2 {
    font-size: 20px;
    margin-bottom: 20px; }
  #checkout-page .checkout-payment .staff-details [class*="col-"] {
    padding: 0px 5px; }

#checkout-page .checkout-payment .voucher {
  padding: 20px 20px 10px 20px;
  overflow: hidden; }
  #checkout-page .checkout-payment .voucher .icon {
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/voucher-icon.png?v=1");
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    position: relative;
    top: 3px; }
  #checkout-page .checkout-payment .voucher span {
    float: left;
    font-size: 13px;
    margin-right: 10px;
    margin-bottom: 2px; }
    #checkout-page .checkout-payment .voucher span input {
      width: 185px;
      height: 32px;
      border-radius: 4px;
      border: solid 1px #8c96a0; }
  #checkout-page .checkout-payment .voucher .voucher-btn {
    width: 70px;
    height: 32px;
    border-radius: 4px;
    border: solid 1px #cad1d8;
    color: #0077ba;
    font-size: 13px;
    font-weight: 600;
    line-height: 30px;
    cursor: pointer;
    text-align: center; }
    #checkout-page .checkout-payment .voucher .voucher-btn .loader {
      width: 50%; }
  #checkout-page .checkout-payment .voucher .voucher-msg {
    display: block;
    float: none;
    font-size: 11px;
    color: #549538;
    font-weight: 600;
    position: relative;
    top: 2px; }
    #checkout-page .checkout-payment .voucher .voucher-msg i {
      font-size: 14px; }
    #checkout-page .checkout-payment .voucher .voucher-msg.error {
      color: #d0021b; }
      #checkout-page .checkout-payment .voucher .voucher-msg.error i {
        color: #d0021b; }

#checkout-page .checkout-payment .pay-full-section {
  padding: 5px 0 0 20px; }
  #checkout-page .checkout-payment .pay-full-section p {
    font-size: 13px;
    font-weight: bold;
    color: #2d5996;
    margin: 0; }
    #checkout-page .checkout-payment .pay-full-section p .discount {
      color: #7bc65b; }
    #checkout-page .checkout-payment .pay-full-section p .payfull-text {
      padding: 2px 5px;
      border: 1px dashed #2796d7; }
    #checkout-page .checkout-payment .pay-full-section p.minimum-amount {
      font-size: 12px;
      font-weight: normal;
      color: #202932; }

#checkout-page .checkout-payment .card-image img {
  width: 40px; }

#checkout-page .mobile-paymentoption {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  bottom: 0;
  z-index: 999;
  overflow: hidden;
  padding-top: 20px;
  top: 0;
  left: 0;
  right: 0; }
  #checkout-page .mobile-paymentoption [class*="col"] {
    padding: 0 5px 0 0; }
  #checkout-page .mobile-paymentoption .pay-close {
    font-size: 21px;
    font-weight: normal;
    text-align: center;
    line-height: 39px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: 0 auto;
    background: #fff;
    display: block; }
  #checkout-page .mobile-paymentoption .card-header {
    border-bottom: 1px solid #cccccc;
    padding: 15px 10px;
    background-image: linear-gradient(to bottom, #f1faff, rgba(255, 255, 255, 0.5)), linear-gradient(to bottom, white, white);
    border-top-left-radius: 36px;
    border-top-right-radius: 36px;
    position: sticky;
    z-index: 20;
    width: 100%;
    top: 0;
    text-align: center; }
    #checkout-page .mobile-paymentoption .card-header span {
      color: #003580;
      font-size: 16px;
      vertical-align: inherit; }
    #checkout-page .mobile-paymentoption .card-header .icon {
      background: url("https://cdn4.alpharooms.com/assets-ux-new/images/checkout-sprite.png?v=1");
      position: relative;
      height: 25px;
      width: 25px;
      display: inline-block;
      margin-right: 10px;
      position: relative;
      top: 5px; }
    #checkout-page .mobile-paymentoption .card-header .pay-full {
      background-position: -499px 57px; }
    #checkout-page .mobile-paymentoption .card-header .pay-deposit {
      background-position: -499px 86px; }
  #checkout-page .mobile-paymentoption .payment-details {
    position: absolute;
    bottom: 70px;
    height: 73%;
    border-top-left-radius: 36px;
    border-top-right-radius: 36px;
    background: #fff;
    right: 0;
    left: 0; }
    #checkout-page .mobile-paymentoption .payment-details .booking-sticky {
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: #fff;
      z-index: 999;
      display: flex;
      justify-content: space-between;
      -webkit-box-shadow: 0 0 5px rgba(50, 81, 93, 0.29);
      -moz-box-shadow: 0 0 5px rgba(50, 81, 93, 0.29);
      box-shadow: 0 0 5px rgba(50, 81, 93, 0.29);
      background-color: #ffffff;
      align-items: center;
      padding: 8px 12px; }
      #checkout-page .mobile-paymentoption .payment-details .booking-sticky .amount-pay {
        text-align: left;
        margin: 0;
        float: left;
        line-height: 20px; }
        #checkout-page .mobile-paymentoption .payment-details .booking-sticky .amount-pay .pay-txt {
          font-size: 11px;
          color: #003580;
          display: block; }
        #checkout-page .mobile-paymentoption .payment-details .booking-sticky .amount-pay .total-pay {
          font-size: 20px;
          font-weight: bold;
          color: #003580; }
      #checkout-page .mobile-paymentoption .payment-details .booking-sticky .btn-orange {
        margin: 0;
        float: right;
        width: auto;
        height: 50px;
        padding: 0 10px;
        font-size: 16px;
        min-width: 45%; }
        #checkout-page .mobile-paymentoption .payment-details .booking-sticky .btn-orange i {
          font-size: 24px; }
    #checkout-page .mobile-paymentoption .payment-details .checkout-terms {
      padding: 20px 20px; }
      #checkout-page .mobile-paymentoption .payment-details .checkout-terms [type="checkbox"] + label::before {
        position: absolute;
        top: 7px; }
      #checkout-page .mobile-paymentoption .payment-details .checkout-terms label {
        padding-left: 30px; }
      #checkout-page .mobile-paymentoption .payment-details .checkout-terms [type="checkbox"] + label::after {
        top: 32%;
        left: 4px; }
    #checkout-page .mobile-paymentoption .payment-details .card-section {
      height: 85%;
      overflow: auto; }
      #checkout-page .mobile-paymentoption .payment-details .card-section .price-guarantee {
        margin-top: 15px; }
        #checkout-page .mobile-paymentoption .payment-details .card-section .price-guarantee .norton-logo,
        #checkout-page .mobile-paymentoption .payment-details .card-section .price-guarantee .atol-logo {
          background-image: url("https://cdn4.alpharooms.com/assets-ux-new/images/checkout-sprite.png?v=1");
          width: 80px;
          height: 40px;
          background-position: -380px -236px;
          display: inline-block;
          vertical-align: top;
          margin-right: 10px;
          position: relative;
          top: 3px;
          content: "";
          width: 68px;
          background-position: -8px -236px; }
        #checkout-page .mobile-paymentoption .payment-details .card-section .price-guarantee .atol-logo {
          width: 36px;
          background-position: -86px -236px;
          top: 0; }
        #checkout-page .mobile-paymentoption .payment-details .card-section .price-guarantee .norton {
          max-width: 42%;
          margin-right: 18px;
          border-right: 1px dashed #ccc; }
        #checkout-page .mobile-paymentoption .payment-details .card-section .price-guarantee span {
          display: inline-block;
          font-size: 11px;
          position: relative;
          top: 4px;
          line-height: 16px; }
    #checkout-page .mobile-paymentoption .payment-details .credit-debit-card {
      padding: 20px 20px 0; }

.deposit-tooltip .tooltip-inner {
  max-width: 272px;
  width: 272px !important;
  text-align: left;
  padding: 10px 0 !important; }
  .deposit-tooltip .tooltip-inner ul {
    list-style-type: disc;
    padding-left: 25px;
    padding-bottom: 5px; }
    .deposit-tooltip .tooltip-inner ul li {
      padding: 2px 3px; }
    .deposit-tooltip .tooltip-inner ul strong {
      display: inline-block;
      border: 0;
      font-size: 11px; }
  .deposit-tooltip .tooltip-inner .pls-note {
    color: rgba(51, 51, 51, 0.6);
    clear: both;
    line-height: 14px;
    font-size: 10px;
    padding-top: 6px;
    text-align: center;
    border-top: 1px solid #ddd;
    margin-bottom: 0; }

.deposit-popover {
  padding: 0; }
  .deposit-popover .deposit-list {
    border-radius: 4px;
    color: #56626e;
    font-size: 11px; }
    .deposit-popover .deposit-list ul {
      padding: 10px 20px 5px 25px; }
    .deposit-popover .deposit-list li {
      line-height: 16px;
      margin-bottom: 5px;
      padding: 5px 0 0;
      list-style: disc; }
  .deposit-popover .pls-note {
    color: rgba(51, 51, 51, 0.6);
    clear: both;
    line-height: 14px;
    font-size: 10px !important;
    padding-top: 6px;
    text-align: center;
    border-top: 1px solid #ddd; }

.special-request {
  font-size: 13px;
  color: #202932; }
  .special-request h4 {
    font-size: 14px; }

.deposit .popover {
  z-index: 10; }

@media (min-width: 768px) {
  #checkout-page .checkout-payment .pay-full-section {
    padding: 20px 0 0 60px;
    font-size: 16px; }
  #checkout-page .checkout-payment .voucher {
    padding: 20px 20px 10px 55px; }
    #checkout-page .checkout-payment .voucher span {
      margin-bottom: 0; }
  #checkout-page .checkout-payment .staff-details {
    padding: 20px 0 0 0;
    margin-top: 30px; }
  #checkout-page .checkout-payment .show-content {
    padding: 30px 20px 22px 50px; }
  #checkout-page .checkout-payment .react-tabs {
    padding: 0 0 0 60px;
    margin-top: 20px; }
    #checkout-page .checkout-payment .react-tabs::before {
      content: "";
      background: #cad1d8;
      height: 1px;
      width: 96%;
      display: block;
      position: relative;
      left: 2px; }
    #checkout-page .checkout-payment .react-tabs ul li {
      border: 1px solid rgba(0, 119, 186, 0.3);
      border-top: 0;
      padding: 18px 20px 18px;
      background: #fff;
      background-image: none;
      border-radius: 0;
      box-shadow: none;
      margin: 0; }
      #checkout-page .checkout-payment .react-tabs ul li.react-tabs__tab--selected {
        border-left: 7px solid #0077ba;
        border-right: 0; }
        #checkout-page .checkout-payment .react-tabs ul li.react-tabs__tab--selected.payment-option span {
          font-weight: 700; }
        #checkout-page .checkout-payment .react-tabs ul li.react-tabs__tab--selected.payment-option .price {
          font-size: 24px; }
    #checkout-page .checkout-payment .react-tabs .payment-option .float-left {
      width: 100%; }
    #checkout-page .checkout-payment .react-tabs .payment-option span {
      font-size: 18px;
      font-weight: 600; }
    #checkout-page .checkout-payment .react-tabs .payment-option .deposit-plan {
      margin-top: 0; } }

#checkout-page .checkout-steps {
  position: relative;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 12px 14px 0;
  display: inline-block;
  color: #ffffff; }
  #checkout-page .checkout-steps h2 {
    color: #003580;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0; }
    #checkout-page .checkout-steps h2 span {
      color: #0077ba;
      font-weight: normal;
      font-size: 14px; }
  #checkout-page .checkout-steps .extra-transfer-head h2 span {
    font-size: 14px;
    font-weight: normal; }

#checkout-page .box-border.checkoutSection {
  display: none; }

#checkout-page .box-border.showSection {
  display: block; }

#checkout-page .box-border .btn-disable {
  box-shadow: none;
  border: 0;
  border-radius: 50px;
  pointer-events: none; }

#checkout-page .show-content .transfer-txt {
  font-size: 16px; }

#checkout-page .show-content .info {
  position: relative;
  top: 3px;
  left: 5px; }

#checkout-page .show-content .nearest-airport label {
  padding-left: 0;
  margin: 0; }
  #checkout-page .show-content .nearest-airport label::before {
    margin-right: 10px; }
  #checkout-page .show-content .nearest-airport label::after {
    left: 4px; }

#checkout-page .show-content .transfers-table .overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #fbf9f996; }

#checkout-page .show-content .transfers-table .overlay__inner {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute; }

#checkout-page .show-content .transfers-table table {
  margin-bottom: 5rem; }

#checkout-page .show-content .transfers-table .overlay__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%); }

#checkout-page .show-content .transfers-table .spinner {
  width: 75px;
  height: 75px;
  display: inline-block;
  border-width: 2px;
  border-color: #0077ba;
  border-top-color: #fff;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

#checkout-page .show-content .transfers-table table tbody {
  border: 0; }

#checkout-page .show-content .transfers-table table tbody + tbody tr {
  border-bottom: 1px solid #dee2e6; }

#checkout-page .show-content .transfers-table table tbody + tbody td {
  padding: 18px 15px; }
  #checkout-page .show-content .transfers-table table tbody + tbody td label {
    padding-left: 20px; }
    #checkout-page .show-content .transfers-table table tbody + tbody td label::before {
      position: relative;
      left: -20px;
      top: 0; }
    #checkout-page .show-content .transfers-table table tbody + tbody td label::after {
      top: 7px; }

#checkout-page .show-content .transfers-table table tr {
  border-top: 1px solid #dee2e6; }
  #checkout-page .show-content .transfers-table table tr:last-child td label::before {
    top: 2px; }
  #checkout-page .show-content .transfers-table table tr:last-child td label::after {
    top: 6px; }
  #checkout-page .show-content .transfers-table table tr td {
    padding: 12px 15px;
    border: 0; }
    #checkout-page .show-content .transfers-table table tr td:first-child {
      width: 70%; }
    #checkout-page .show-content .transfers-table table tr td label {
      margin: 0;
      padding: 0 0 0 40px; }
      #checkout-page .show-content .transfers-table table tr td label::before {
        position: absolute;
        left: 0;
        top: 8px;
        border: 2px solid #0077ba; }
      #checkout-page .show-content .transfers-table table tr td label::after {
        left: 4px;
        top: 12px; }
  #checkout-page .show-content .transfers-table table tr .extra-price strike {
    font-size: 12px;
    display: block; }
  #checkout-page .show-content .transfers-table table tr .extra-price .total-price {
    font-size: 11px;
    display: block;
    line-height: 10px;
    color: #003580;
    font-weight: bold; }
    #checkout-page .show-content .transfers-table table tr .extra-price .total-price span {
      font-size: 16px; }
  #checkout-page .show-content .transfers-table table tr .extra-price p {
    font-size: 12px;
    position: relative;
    top: 0;
    margin: 0; }
  #checkout-page .show-content .transfers-table table tr .transfer-item-info li {
    float: left;
    padding-right: 6px;
    font-size: 12px;
    color: #606c77; }
    #checkout-page .show-content .transfers-table table tr .transfer-item-info li.passengers {
      position: relative;
      top: 5px; }
      #checkout-page .show-content .transfers-table table tr .transfer-item-info li.passengers span {
        float: left;
        line-height: 9px; }
      #checkout-page .show-content .transfers-table table tr .transfer-item-info li.passengers .no-of-passnger {
        padding-right: 6px;
        border-right: 1px solid #8a949e;
        border-left: 1px solid #8a949e;
        padding-left: 6px;
        margin-right: 3px; }

#checkout-page .show-content .transfers-table .transfer-txt {
  font-size: 13px; }

#checkout-page .show-content .transfers-table .price-loader {
  width: 8%; }

#checkout-page .show-content .chk-btn {
  font-size: 16px;
  height: 50px;
  margin: 0;
  width: 240px; }

#checkout-page .stickyBtn {
  padding: 5px 12px !important;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: none;
  z-index: 10;
  text-align: center; }
  #checkout-page .stickyBtn .btn-orange {
    float: none; }

@media (min-width: 768px) {
  #checkout-page .stickyBtn {
    position: relative;
    box-shadow: none;
    float: revert;
    text-align: right; }
  #checkout-page .pad-right-left {
    padding: 0; }
  #checkout-page .box-border {
    background-color: #ffffff;
    border: solid 1px #e5e9ed;
    border-radius: 3px;
    margin-bottom: 12px;
    position: relative; }
    #checkout-page .box-border.checkoutSection {
      display: block; }
      #checkout-page .box-border.checkoutSection .editSection h2 {
        color: #56626e;
        font-size: 16px;
        margin-right: 60px;
        font-weight: 600; }
      #checkout-page .box-border.checkoutSection .editSection .icon-check {
        position: absolute;
        top: 12px;
        left: 34%;
        display: block !important;
        float: left;
        visibility: visible; }
        #checkout-page .box-border.checkoutSection .editSection .icon-check:before {
          border: 1px solid #1c94d9;
          background-color: #1c94d9;
          color: #fff;
          font-size: 18px;
          border-radius: 50%;
          width: 24px;
          height: 24px;
          text-align: center;
          line-height: 24px; }
      #checkout-page .box-border.checkoutSection .editSection .changeTxt {
        display: block;
        visibility: visible;
        height: auto;
        padding-left: 38px; }
        #checkout-page .box-border.checkoutSection .editSection .changeTxt .sectionHighlight {
          margin-top: 8px;
          display: inline-block; }
          #checkout-page .box-border.checkoutSection .editSection .changeTxt .sectionHighlight span {
            color: #202932; }
        #checkout-page .box-border.checkoutSection .editSection .changeTxt .btn {
          position: absolute;
          top: 18px;
          right: 18px;
          width: 120px;
          height: 40px;
          border-radius: 2px;
          border: 1px solid #cad1d8; }
  #checkout-page .showSection {
    -webkit-box-shadow: 0 1px 16px rgba(77, 77, 104, 0.24);
    -moz-box-shadow: 0 1px 16px rgba(77, 77, 104, 0.24);
    box-shadow: 0 1px 16px rgba(77, 77, 104, 0.24); }
    #checkout-page .showSection .checkout-steps {
      background-color: #0077ba;
      color: #ffffff; }
      #checkout-page .showSection .checkout-steps h2 {
        color: #ffffff; }
      #checkout-page .showSection .checkout-steps .step-no {
        background: #ffffff; }
  #checkout-page .checkout-steps {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 12px;
    display: inline-block; }
    #checkout-page .checkout-steps h2 {
      line-height: 22px;
      color: #606c77;
      font-size: 20px;
      margin-bottom: 0; }
    #checkout-page .checkout-steps .step-no {
      width: 24px;
      height: 24px;
      font-size: 16px;
      font-weight: bold;
      float: left;
      margin-right: 14px;
      background: #ffffff;
      color: #0077ba;
      background-color: #f3f5f7;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      line-height: 24px; }
    #checkout-page .checkout-steps .iconafter {
      color: #ffffff !important; }
    #checkout-page .checkout-steps .extra-transfer-head h2 span {
      font-size: 14px;
      font-weight: normal;
      color: #ffffff; }
  #checkout-page .show-content {
    padding: 20px;
    padding-left: 52px; }
    #checkout-page .show-content .hotel-transfers {
      padding: 5px 0 18px 65px;
      position: relative; }
      #checkout-page .show-content .hotel-transfers .icon-taxi {
        font-size: 24px;
        position: absolute;
        left: 32px;
        top: 4px; }
    #checkout-page .show-content .transfers-table table {
      margin-bottom: 1rem; }
      #checkout-page .show-content .transfers-table table tr td {
        padding: 12px 0; }
      #checkout-page .show-content .transfers-table table tbody + tbody td {
        padding: 18px 0; }
  #checkout-page .checkout-extras .show-content {
    padding-left: 18px; } }

#checkout-page .checkout-summary .partial-highlight {
  border-radius: 50%;
  box-shadow: none;
  border: 1px solid #1c94d9;
  background: #e8f4fc;
  color: #1c94d9;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  font-size: 13px;
  font-weight: 700;
  position: relative; }

#checkout-page .checkout-summary .stepcheck {
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  vertical-align: middle;
  background: #1c94d9;
  border-radius: 50%;
  box-shadow: none;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  border: 1px solid rgba(140, 150, 160, 0.5);
  position: relative; }

#checkout-page .checkout-summary .checkout-dates {
  border: 1px solid #0077ba;
  background: #fff;
  color: #0077ba;
  line-height: 39px;
  padding: 0 15px;
  cursor: pointer;
  display: block; }
  #checkout-page .checkout-summary .checkout-dates .date-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px; }
  #checkout-page .checkout-summary .checkout-dates .check-date {
    text-align: left; }
    #checkout-page .checkout-summary .checkout-dates .check-date span {
      vertical-align: top; }
      #checkout-page .checkout-summary .checkout-dates .check-date span.date {
        font-weight: bold;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px; }
      #checkout-page .checkout-summary .checkout-dates .check-date span.no-border-top {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        /*padding: 2px;*/ }
    #checkout-page .checkout-summary .checkout-dates .check-date .checkdate {
      position: relative;
      width: 66px; }
      #checkout-page .checkout-summary .checkout-dates .check-date .checkdate span.tbl-caption {
        display: inline-block;
        width: 83px; }
    #checkout-page .checkout-summary .checkout-dates .check-date .cdate span {
      border: 1px solid #003580;
      width: 63px;
      padding: 3px;
      text-align: center; }
      #checkout-page .checkout-summary .checkout-dates .check-date .cdate span:first-child {
        padding: 2px; }
      #checkout-page .checkout-summary .checkout-dates .check-date .cdate span.no-border-top {
        border-top: 0;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px; }
      #checkout-page .checkout-summary .checkout-dates .check-date .cdate span b {
        font-size: 12px;
        font-weight: 600; }
    #checkout-page .checkout-summary .checkout-dates .check-date.tbl-caption {
      display: inline-block;
      width: 60px;
      padding: 3px;
      text-align: center; }
  #checkout-page .checkout-summary .checkout-dates .checknight {
    position: relative;
    margin-right: 5px; }
    #checkout-page .checkout-summary .checkout-dates .checknight span.tbl-caption {
      width: 46px; }
      #checkout-page .checkout-summary .checkout-dates .checknight span.tbl-caption span {
        border: 1px solid #003580;
        width: 47px;
        padding: 3px;
        text-align: center; }
        #checkout-page .checkout-summary .checkout-dates .checknight span.tbl-caption span.no-border-top {
          border-top: 0;
          /*padding-top:4px;*/ }
  #checkout-page .checkout-summary .checkout-dates .checkguest {
    text-align: center; }
    #checkout-page .checkout-summary .checkout-dates .checkguest span {
      border: 1px solid #003580;
      width: 47px;
      padding: 3px; }
      #checkout-page .checkout-summary .checkout-dates .checkguest span.no-border-top {
        border-top: 0; }
  #checkout-page .checkout-summary .checkout-dates span {
    display: inline-block;
    vertical-align: middle;
    color: #003580;
    line-height: 16px;
    font-size: 11px;
    font-weight: 600; }
    #checkout-page .checkout-summary .checkout-dates span.date {
      font-size: 16px;
      font-weight: 600; }
  #checkout-page .checkout-summary .checkout-dates h4 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    line-height: 47px; }
  #checkout-page .checkout-summary .checkout-dates .summary-total span {
    display: block;
    line-height: normal;
    color: #003580;
    line-height: 16px;
    font-size: 20px;
    font-weight: bold; }
    #checkout-page .checkout-summary .checkout-dates .summary-total span:first-child {
      font-weight: normal;
      font-size: 12px;
      margin-bottom: 2px; }

#checkout-page .checkout-summary .view-summary {
  background: #0077ba;
  padding: 3px 10px;
  border-top: solid 0.5px rgba(255, 255, 255, 0.37);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
  cursor: pointer;
  position: relative; }
  #checkout-page .checkout-summary .view-summary i {
    font-size: 30px;
    position: absolute;
    top: 3px; }

#checkout-page .checkout-summary .mobile-summary {
  transition: 2s;
  -webkit-transition: 2s;
  -ms-transition: 2s;
  -o-transition: 2s;
  top: -1500px;
  position: fixed;
  background: #fff;
  z-index: 1000;
  overflow: auto;
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0; }
  #checkout-page .checkout-summary .mobile-summary .view-less {
    display: none;
    padding-left: 15px;
    margin-top: 0;
    top: 0;
    height: 40px;
    line-height: 47px;
    font-size: 18px;
    font-weight: 600;
    left: auto;
    right: auto;
    width: 99%;
    z-index: 100; }
    #checkout-page .checkout-summary .mobile-summary .view-less i {
      position: relative;
      top: 1px; }
  #checkout-page .checkout-summary .mobile-summary.show-summary {
    display: block;
    top: 0;
    transition: 0.7s;
    -webkit-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
    margin-left: 0;
    left: 0;
    opacity: 1; }
    #checkout-page .checkout-summary .mobile-summary.show-summary .booking-summary {
      display: block;
      padding-bottom: 50px; }
    #checkout-page .checkout-summary .mobile-summary.show-summary .view-less {
      display: block;
      position: fixed;
      bottom: 0;
      background: #0077ba;
      border-bottom-left-radius: 36px;
      border-bottom-right-radius: 36px;
      color: #fff;
      margin-bottom: 0;
      text-align: center;
      top: initial !important;
      display: flex;
      align-items: center;
      justify-content: center; }

#checkout-page .checkout-summary .checkout-steps {
  border-bottom: 1px dashed rgba(151, 151, 151, 0.43);
  padding-bottom: 5px;
  background: #ffffff;
  padding-top: 10px;
  position: relative;
  padding-right: 20px;
  text-align: center; }
  #checkout-page .checkout-summary .checkout-steps.sticky {
    position: fixed;
    top: 0;
    z-index: 100; }
  #checkout-page .checkout-summary .checkout-steps .icon-arrow-left {
    position: absolute;
    top: 17px;
    font-size: 21px;
    left: 20px; }
  #checkout-page .checkout-summary .checkout-steps #extras-mob .stepno::after, #checkout-page .checkout-summary .checkout-steps #extras-mob .stepno::before {
    display: none !important; }
  #checkout-page .checkout-summary .checkout-steps .steps {
    color: #4a4a4a;
    font-size: 11px;
    display: inline-block;
    min-width: 100px;
    text-align: center; }
    #checkout-page .checkout-summary .checkout-steps .steps .stepno {
      box-shadow: none;
      border-radius: 50%;
      background: #fff;
      width: 24px;
      height: 24px;
      display: inline-block;
      text-align: center;
      border: 1px solid rgba(140, 150, 160, 0.5);
      font-size: 13px;
      font-weight: bold;
      color: rgba(140, 150, 160, 0.5);
      position: relative; }
      #checkout-page .checkout-summary .checkout-steps .steps .stepno::after, #checkout-page .checkout-summary .checkout-steps .steps .stepno::before {
        width: 78px;
        height: 3px;
        background-color: rgba(140, 150, 160, 0.2);
        display: inline-block;
        vertical-align: super;
        content: "";
        position: absolute;
        left: 22px;
        top: 10px; }
      #checkout-page .checkout-summary .checkout-steps .steps .stepno::before {
        left: auto;
        right: 22px; }
      #checkout-page .checkout-summary .checkout-steps .steps .stepno.step1::before {
        display: none; }
    #checkout-page .checkout-summary .checkout-steps .steps.showSection {
      color: #4b902e;
      background-color: transparent;
      box-shadow: none; }
      #checkout-page .checkout-summary .checkout-steps .steps.showSection .stepno {
        box-shadow: none;
        color: #ffffff; }
        #checkout-page .checkout-summary .checkout-steps .steps.showSection .stepno::before {
          background-color: #1c94d9; }
      #checkout-page .checkout-summary .checkout-steps .steps.showSection .stepname {
        color: #1c94d9; }
    #checkout-page .checkout-summary .checkout-steps .steps.checkoutSection .stepname {
      color: #1c94d9; }
      #checkout-page .checkout-summary .checkout-steps .steps.checkoutSection .stepname .edit {
        display: inline-block;
        font-weight: bold;
        color: #1c94d9; }
    #checkout-page .checkout-summary .checkout-steps .steps.checkoutSection .stepno_after:after {
      background: #1c94d9; }
    #checkout-page .checkout-summary .checkout-steps .steps.checkoutSection .stepno_after .no {
      display: none; }
    #checkout-page .checkout-summary .checkout-steps .steps.checkoutSection .stepno_after .stepcheck {
      display: inline-block;
      color: #ffffff;
      font-size: 20px;
      vertical-align: middle; }
    #checkout-page .checkout-summary .checkout-steps .steps .stepname {
      display: block;
      color: rgba(74, 74, 74, 0.5); }
      #checkout-page .checkout-summary .checkout-steps .steps .stepname .edit {
        display: none; }
    #checkout-page .checkout-summary .checkout-steps .steps:last-child .stepno:after {
      display: none; }

@media (max-width: 320px) {
  #checkout-page .checkout-summary .checkout-steps {
    padding-left: 0; }
    #checkout-page .checkout-summary .checkout-steps .steps {
      min-width: 90px; }
      #checkout-page .checkout-summary .checkout-steps .steps .stepno::before {
        width: 68px; } }

#checkout-page .checkout-logos {
  margin-bottom: 50px; }
  #checkout-page .checkout-logos h3 {
    font-size: 17px;
    margin: 30px 0; }
  #checkout-page .checkout-logos .icon {
    display: inline-block;
    position: relative;
    padding: 0 5%; }
    #checkout-page .checkout-logos .icon span {
      background: url("https://cdn4.alpharooms.com/assets-ux-new/images/checkout-sprite.png?v=1");
      width: 94px;
      height: 116px;
      display: inline-block;
      vertical-align: middle; }
      #checkout-page .checkout-logos .icon span.british-award {
        background-position: -8px -10px; }
      #checkout-page .checkout-logos .icon span.trust-pilot {
        background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1");
        background-position: -5px -64px;
        width: 223px;
        height: 75px;
        position: relative; }
      #checkout-page .checkout-logos .icon span.trusted-service {
        width: 124px;
        height: 124px;
        background-position: -202px -3px; }
    #checkout-page .checkout-logos .icon:after {
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      top: 20px;
      width: 1px;
      height: 80px;
      background-color: rgba(140, 150, 160, 0.5); }
    #checkout-page .checkout-logos .icon:last-child::after {
      display: none; }
    #checkout-page .checkout-logos .icon.trust-icon::after {
      top: 0; }

sub {
  bottom: 0; }

.card-tooltip .tooltip {
  opacity: 1; }

.card-tooltip .tooltip-inner {
  font-size: 12px;
  height: auto !important;
  top: 0 !important;
  text-align: left;
  line-height: 18px !important;
  padding: 8px 14px 0;
  width: 165px; }
  .card-tooltip .tooltip-inner h4 {
    font-size: 14px; }

.cvv-tooltip .tooltip,
.card-tooltip .tooltip {
  bottom: auto;
  right: auto;
  box-shadow: none;
  background-color: transparent;
  opacity: 1 !important;
  width: auto;
  top: 0 !important; }
  .cvv-tooltip .tooltip::after, .cvv-tooltip .tooltip::before,
  .card-tooltip .tooltip::after,
  .card-tooltip .tooltip::before {
    display: none; }
  .cvv-tooltip .tooltip .tooltip-inner,
  .card-tooltip .tooltip .tooltip-inner {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #202932;
    background: #fff;
    height: 38px;
    line-height: 30px;
    position: relative;
    top: 3px; }

.cvv-tooltip .arrow::before,
.card-tooltip .arrow::before {
  right: -6px !important;
  border-width: 0.4rem 0.4rem 0.4rem 0px;
  border: solid rgba(0, 0, 0, 0.25);
  border-width: 0 1px 1px 0 !important;
  display: inline-block;
  padding: 5px;
  transform: rotate(135deg);
  background: #fff;
  border-right-color: rgba(0, 0, 0, 0.25) !important;
  border-bottom-color: rgba(0, 0, 0, 0.25) !important; }

.checkout-header {
  padding: 8px 11px 13px;
  height: 60px;
  background-color: #ffffff; }
  .checkout-header .container {
    padding: 0 15px; }
  .checkout-header [class*="col-"] {
    padding: 0; }
  .checkout-header .call-num {
    position: relative;
    top: 10px; }
    .checkout-header .call-num .call-icon {
      font-size: 18px; }
      .checkout-header .call-num .call-icon strong {
        position: relative;
        top: 2px; }
    .checkout-header .call-num .icon-phone {
      color: #fff;
      background: #64bc3e;
      font-size: 12px;
      border-radius: 50%;
      display: inline-block;
      left: -3px;
      position: relative;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      margin-top: 2px; }
    .checkout-header .call-num .need-help {
      display: inline-block;
      margin: 0 15px; }
  .checkout-header .phone-icon i {
    border: 1px solid #65bd3f;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    position: relative;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    font-size: 20px;
    top: 6px; }

#checkout-page [class*="col"] {
  padding: 0; }

#checkout-page .checkout-alert {
  color: #b94a48;
  margin-bottom: 40px; }
  #checkout-page .checkout-alert p {
    margin-top: 8px; }
  #checkout-page .checkout-alert ul {
    margin-left: 25px; }
    #checkout-page .checkout-alert ul li {
      list-style: disc; }

#checkout-page .checkout-timer {
  display: flex;
  z-index: 1; }
  #checkout-page .checkout-timer .secure-bookng {
    float: left;
    margin: 0 0 22px;
    color: #003580;
    font-weight: 600;
    font-size: 24px;
    position: relative;
    top: -8px; }
    #checkout-page .checkout-timer .secure-bookng span {
      font-weight: 400;
      font-size: 20px;
      line-height: 36px;
      padding-left: 5px; }
  #checkout-page .checkout-timer .timer-ribbon {
    border-radius: 3px;
    background: #fcefef;
    font-size: 12px;
    color: #115d88;
    text-align: center;
    line-height: 19px;
    width: auto;
    border-radius: 0;
    padding: 2px 8px 3px;
    font-size: 12px;
    position: absolute;
    top: -56px;
    right: 0;
    z-index: 1; }
    #checkout-page .checkout-timer .timer-ribbon .icon-timer {
      font-family: Material Design Icons;
      display: block;
      font-size: 12px;
      float: none;
      margin-bottom: 3px; }
      #checkout-page .checkout-timer .timer-ribbon .icon-timer::before {
        content: "\F51B";
        font-size: 16px;
        display: inline-block;
        position: relative;
        top: 5px;
        left: 0;
        margin: 0 5px 0 0;
        color: #d0021b; }
    #checkout-page .checkout-timer .timer-ribbon .timer-txt {
      color: #606c77;
      font-size: 12px;
      line-height: 16px; }
      #checkout-page .checkout-timer .timer-ribbon .timer-txt .min-sec {
        font-size: 14px;
        font-weight: 700;
        color: #222;
        position: relative;
        top: 1px;
        left: 0;
        display: block; }
    #checkout-page .checkout-timer .timer-ribbon .sessionexp {
      display: none;
      line-height: 14px;
      color: #003580; }
    #checkout-page .checkout-timer .timer-ribbon.sticky {
      position: fixed;
      top: 0;
      z-index: 100;
      width: auto !important;
      right: 0;
      left: auto; }

#checkout-page sub {
  bottom: 0; }

#checkout-page .form-group {
  /* Firefox */ }
  #checkout-page .form-group label {
    position: absolute;
    top: 12px;
    left: 8px;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    z-index: 10;
    pointer-events: none;
    font-size: 14px;
    font-weight: 400;
    color: #8c96a0;
    width: auto;
    padding: 0; }
    #checkout-page .form-group label sup {
      top: -1px;
      font-size: 12px; }
  #checkout-page .form-group input,
  #checkout-page .form-group select {
    height: 50px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #cdc8ce;
    font-weight: 600;
    color: #202932;
    padding: 20px 8px 5px;
    appearance: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none; }
    #checkout-page .form-group input::placeholder,
    #checkout-page .form-group select::placeholder {
      color: #202932; }
  #checkout-page .form-group input::-webkit-outer-spin-button,
  #checkout-page .form-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  #checkout-page .form-group input:focus {
    border: solid 1px rgba(0, 119, 186, 0.6);
    box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(82, 168, 236, 0.6);
    outline: 0; }
  #checkout-page .form-group .country-field {
    height: 50px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #cdc8ce;
    font-weight: 600;
    color: #202932; }
    #checkout-page .form-group .country-field div[class$="-singleValue"] {
      top: 65%; }
    #checkout-page .form-group .country-field div[class$="-menu"] {
      z-index: 20; }
    #checkout-page .form-group .country-field input {
      height: 35px !important;
      caret-color: transparent;
      width: auto;
      box-shadow: none; }
    #checkout-page .form-group .country-field .css-yk16xz-control {
      border: 0;
      height: 48px; }
    #checkout-page .form-group .country-field .css-1okebmr-indicatorSeparator {
      display: none; }
    #checkout-page .form-group .country-field.select-address div[class$="-placeholder"] {
      position: relative;
      top: 17px;
      margin: 0; }
  #checkout-page .form-group .card-lock img {
    display: none; }
  #checkout-page .form-group .card-lock i {
    color: rgba(86, 98, 110, 0.4);
    font-size: 26px;
    right: 5px;
    border-left: 1px solid #eee;
    padding-left: 5px; }
  #checkout-page .form-group input[type="number"] {
    -moz-appearance: textfield; }
  #checkout-page .form-group .cvv {
    position: absolute;
    top: 13px;
    right: 8px;
    cursor: default;
    width: 32px; }
  #checkout-page .form-group input.error-field,
  #checkout-page .form-group select.error-field {
    border-color: #c60900; }
  #checkout-page .form-group .error {
    color: #c60900;
    font-size: 12px;
    margin-top: 2px;
    font-weight: 600;
    display: inline-block; }
    #checkout-page .form-group .error::before {
      content: "\F028";
      font-family: Material Design Icons;
      font-size: 17px;
      font-weight: 400;
      vertical-align: bottom;
      margin-right: 2px;
      position: relative;
      top: 3px; }
  #checkout-page .form-group .form-group.focused label,
  #checkout-page .form-group [class*="form-group-"].focused label {
    transform: translateY(-40%);
    font-size: 11px;
    font-weight: 400;
    height: max-content; }
  #checkout-page .form-group .form-group.filled input,
  #checkout-page .form-group [class*="form-group-"].filled input {
    border: 1px solid rgba(86, 98, 110, 0.4); }
  #checkout-page .form-group .form-group.filled::after,
  #checkout-page .form-group [class*="form-group-"].filled::after {
    content: "\F5E0";
    display: inline-block;
    font-family: Material Design Icons;
    position: absolute;
    right: 9px;
    top: 8px;
    color: #1c94d9;
    font-size: 22px;
    font-weight: 400;
    background-color: transparent;
    pointer-events: none; }

@media (min-width: 980px) {
  .checkout-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 20;
    padding: 8px 11px 13px;
    height: 60px;
    background-color: #ffffff; }
  #checkout-page {
    position: relative;
    top: 90px; }
    #checkout-page [class*="col"] {
      padding: 0 15px; }
    #checkout-page .checkout-timer {
      padding: 5px 8px;
      position: relative; }
      #checkout-page .checkout-timer .timer-ribbon {
        position: absolute !important;
        right: 0;
        top: -5px !important;
        width: 138px !important;
        padding: 2px 8px 8px;
        border-radius: 3px; }
        #checkout-page .checkout-timer .timer-ribbon .icon-timer {
          float: left; }
          #checkout-page .checkout-timer .timer-ribbon .icon-timer::before {
            font-size: 25px; }
        #checkout-page .checkout-timer .timer-ribbon .timer-txt {
          font-size: 14px;
          line-height: initial; }
          #checkout-page .checkout-timer .timer-ribbon .timer-txt .min-sec {
            display: inline-block;
            font-size: 20px; }
        #checkout-page .checkout-timer .timer-ribbon .sessionexp {
          display: block; }
        #checkout-page .checkout-timer .timer-ribbon.sticky {
          width: 138px !important; } }

.signup-error {
  border: 1px solid red !important; }

.signup-right-form {
  padding: 15px 15px 15px 15px; }
  .signup-right-form .css-1hwfws3 {
    margin-top: -16px;
    padding: 0px 4px; }
  .signup-right-form .css-tlfecz-indicatorContainer {
    padding: 0 4px; }
  .signup-right-form .css-1uccc91-singleValue {
    font-size: 13px !important;
    margin-top: 7px; }
  .signup-right-form .css-yk16xz-control {
    border-radius: 0px; }

.signup-modal .modal-header {
  border-bottom: 0px solid; }

.continue-btn {
  background: #1c94d9 !important;
  border: 1px solid #1c94d9 !important;
  width: 132px; }

.signup-popup .text-center {
  padding: 0; }

.signup-popup .modal-dialog {
  max-width: 53% !important; }

.home-signup {
  width: 100%;
  margin: 8px auto; }
  .home-signup .email-error::placeholder {
    color: #d91a1a; }
  .home-signup .email-error {
    border: 1px solid #d91a1a !important; }
  .home-signup .form-group {
    margin-bottom: 0;
    margin-right: 10px; }
  .home-signup .signup-btn {
    width: 28%;
    float: right; }
  .home-signup .input-box {
    width: 70.5%;
    float: left; }
    .home-signup .input-box .signup-btn .btn-orange {
      border-radius: 35px; }
  .home-signup .input-box input {
    border-radius: 25px;
    max-height: 40px;
    padding: 0 19px; }
  .home-signup .input-box input::placeholder {
    font-weight: 400; }

.signin-close-popup {
  padding: 15px 0; }
  .signin-close-popup .closepop-section {
    float: left;
    width: 100%; }
  .signin-close-popup .modal-footer {
    display: block;
    text-align: center; }

.modal-footer {
  border-top: none; }

.signin-close-popup p {
  font-size: 20px;
  font-weight: 300;
  text-align: center; }

.signin-close-popup .close-popup-conform-btns .btn {
  font-weight: 400;
  border-radius: initial;
  margin-left: 10px; }

.mailing-list-section .title-selector {
  height: 40px;
  padding: 0;
  border-radius: 0;
  -webkit-appearance: inner-spin-button; }

.mailing-list-section .signin-btn {
  width: 28%;
  line-height: 0;
  font-weight: 400;
  height: 29px;
  margin-top: 5px; }
  .mailing-list-section .signin-btn .css-2b097c-container {
    height: 12px; }

.mailing-list-section .signin-submit-btn {
  text-align: center; }

.mailing-list-section .modal-footer {
  display: block !important; }

.mailing-list-section .form-group label {
  position: static;
  font-weight: 300;
  text-align: center;
  font-size: 12px;
  margin-bottom: 0;
  color: #202932; }

.mailing-list-section .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-size: 11px;
  background-position: 80% 57%;
  padding: 8px;
  font-size: 12px; }

.signin-popup .form-control:focus {
  box-shadow: 0 0 0 red !important; }

.signin-popup input {
  border-radius: 0px;
  height: 40px;
  font-weight: normal;
  font-size: 13px !important;
  padding-left: 13px; }

.signin-popup span {
  color: #d91a1a;
  position: absolute; }

.signin-popup .form-group {
  position: static;
  margin-bottom: 15px; }

.signin-popup .signup-selector {
  width: 15%;
  float: left; }

.signin-popup .sign-in-firstname {
  width: 40.5%;
  margin: 0 1%;
  float: left; }

.signin-popup .sign-in-lastname {
  width: 42.5%;
  float: left; }

.signin-popup .sign-in-email {
  width: 48%;
  margin-right: 2%;
  float: left; }

.signin-popup .sign-in-mobile {
  width: 50%;
  float: left; }

.signin-popup .sign-in-btm-txt p {
  font-weight: 300;
  font-size: 12px; }

.signin-popup .sign-in-btm-txt a {
  text-decoration: underline;
  color: #003580; }

.popup-model-header p {
  font-weight: 300;
  font-size: 13px;
  text-align: center; }

.popup-model-header h4 {
  font-size: 22px;
  text-align: center; }

@media (min-width: 768px) {
  .signup-right-form {
    padding: 15px 15px 15px 0; }
  .signup-modal {
    max-width: 60.6% !important; }
    .signup-modal .modal-content {
      border-radius: 0; }
      .signup-modal .modal-content .close {
        padding: 10px 8px;
        line-height: 10px;
        font-size: 32px;
        font-weight: normal;
        top: -15px;
        position: relative; }
  .signin-popup {
    padding-right: 15px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .home-signup {
    margin: 19px auto; }
    .home-signup .input-box {
      width: 69%; }
  .signup-form .signup-btn .btn-orange {
    width: 98px; } }

@media (min-width: 1024px) {
  .home-signup {
    margin: 27px auto; }
    .home-signup .input-box {
      width: 44.4%;
      float: left; }
    .home-signup .signup-btn {
      float: left; } }

header {
  padding: 5px 8px;
  position: relative;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
  z-index: 110;
  background-color: #ffffff;
  /* Color/shape of burger icon bars */
  /* Color/shape of burger icon bars on hover*/
  /* Position and sizing of clickable cross button */
  /*
  Sidebar wrapper styles
  Note: Beware of modifying this element as it can break the animations - you should not need to touch it in most cases
  */
  /* General sidebar styles */
  /* Morph shape necessary with bubble or elastic */
  /* Wrapper for item list */
  /* Individual item */
  /* Styling of overlay */ }
  header a:hover {
    text-decoration: none; }
  header .logo {
    width: 165px;
    height: 40px;
    background-size: 165px 40px;
    display: inline-block;
    position: relative;
    top: 3px; }
  header .wish-icon {
    position: relative;
    right: 50px;
    top: 10px; }
    header .wish-icon:after {
      content: "";
      height: 46px;
      width: 1px;
      display: inline-block;
      position: absolute;
      right: -10px;
      background: rgba(0, 53, 128, 0.1);
      top: -13px; }
    header .wish-icon .chat {
      margin-right: 10px;
      position: relative;
      top: 0; }
      header .wish-icon .chat i {
        position: relative;
        top: 0;
        color: #65bd3f;
        border: 1px solid #65bd3f;
        border-radius: 50px;
        padding: 3px;
        font-size: 20px; }
    header .wish-icon .link {
      font-size: 26px;
      position: relative;
      top: -3px; }
  header .nav-link {
    position: relative; }
  header .show-count {
    position: absolute;
    top: -11px;
    left: 8px;
    font-size: 11px;
    background: #fc7004;
    color: #fff;
    border-radius: 20px;
    width: 18px;
    height: 18px;
    text-align: center;
    display: block;
    z-index: 1; }
  header .headericon {
    border: 1px solid #357fd6;
    border-radius: 50%;
    padding: 3px 1px;
    color: #357fd6;
    margin-right: 4px;
    font-size: 18px;
    width: 26px;
    height: 26px;
    display: inline-block !important;
    text-align: center; }
  header .bm-burger-button {
    position: absolute;
    width: 18px;
    height: 12px;
    right: 15px;
    left: auto;
    top: 20px;
    z-index: 1 !important; }
    header .bm-burger-button .bm-burger-bars {
      height: 17% !important; }
  header .bm-burger-bars {
    background: #373a47; }
  header .bm-burger-bars-hover {
    background: #a90000; }
  header .bm-cross-button {
    height: 24px;
    width: 24px;
    right: 10px !important;
    top: 10px !important;
    /* Color/shape of close button cross */ }
    header .bm-cross-button::before {
      content: "";
      height: 45px;
      width: 1px;
      display: inline-block;
      position: absolute;
      left: -15px;
      background: rgba(0, 53, 128, 0.1);
      top: -10px; }
    header .bm-cross-button .bm-cross {
      width: 2px !important;
      height: 20px !important;
      background: #0077ba; }
  header .bm-menu-wrap {
    position: fixed;
    height: 100%;
    width: 90% !important;
    top: 0; }
  header .bm-menu {
    background: #ffffff;
    padding: 0;
    font-size: 1.15em; }
  header .bm-morph-shape {
    fill: #373a47; }
  header .bm-item-list {
    color: #b8b7ad;
    padding: 0; }
  header .bm-item {
    display: inline-block; }
    header .bm-item .logo-close {
      margin-bottom: 7px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
      padding: 2px 10px;
      z-index: 9; }
      header .bm-item .logo-close .logo {
        background-size: 150px 40px;
        width: 150px; }
    header .bm-item .nav-padding {
      font-weight: 500;
      position: relative;
      padding-bottom: 7px; }
      header .bm-item .nav-padding .icon {
        position: absolute;
        top: 6px;
        font-size: 19px;
        left: 10px; }
        header .bm-item .nav-padding .icon .link {
          font-size: 20px; }
        header .bm-item .nav-padding .icon:last-child {
          left: auto;
          right: 10px;
          pointer-events: none; }
          header .bm-item .nav-padding .icon:last-child .link {
            font-size: 26px; }
      header .bm-item .nav-padding a {
        padding: 9px 15px 9px 42px;
        display: block;
        font-weight: 400;
        color: #202932;
        font-size: 16px; }
      header .bm-item .nav-padding.border-bottom {
        border-color: #dedede !important; }
      header .bm-item .nav-padding .currency {
        color: #f46708;
        left: 15px; }
      header .bm-item .nav-padding.channel-number a {
        position: relative; }
      header .bm-item .nav-padding.channel-number .phone {
        color: #65bd3f;
        font-size: 20px; }
      header .bm-item .nav-padding.channel-number .channel-phone {
        line-height: 20px; }
      header .bm-item .nav-padding.channel-number .time {
        font-size: 12px; }
  header .bm-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
    top: 0;
    left: 0;
    right: 0; }
  header .az-destinations-popup .accordion {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    background: #fff;
    z-index: 1000;
    height: 100%;
    overflow: auto; }
  header .az-destinations-popup .az-back {
    height: 50px;
    border-bottom: solid 1px #d8d8d8;
    padding: 10px;
    position: fixed;
    top: 0;
    right: 0;
    left: 10%;
    background: #fff;
    z-index: 100;
    color: #003580; }
    header .az-destinations-popup .az-back strong {
      position: relative;
      left: -8px; }
    header .az-destinations-popup .az-back .icon {
      font-size: 30px; }
    header .az-destinations-popup .az-back a {
      float: right;
      font-size: 13px;
      color: #1c94d9;
      position: relative;
      top: 5px;
      font-weight: 600; }
  header .az-destinations-popup .accordion .accord-header {
    padding: 12px 15px;
    border-bottom: solid 1px rgba(222, 222, 222, 0.51);
    font-size: 15px;
    font-weight: 600;
    color: #4a4a4a;
    position: relative; }
    header .az-destinations-popup .accordion .accord-header:before {
      content: "\F140";
      display: inline-block;
      font-size: 24px;
      color: #0077ba;
      font-family: Material Design Icons;
      font-weight: 400;
      position: absolute;
      right: 10px;
      top: 5px; }
  header .az-destinations-popup .accordion .coutnrymobview {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600; }
  header .az-destinations-popup .accordion .open .accord-header {
    background-color: #eef5f9;
    color: #003580;
    font-weight: 700; }
    header .az-destinations-popup .accordion .open .accord-header:before {
      content: "\F143"; }
  header .az-destinations-popup .accordion .accord-item {
    overflow: hidden;
    background: #fafcfd; }
  header .az-destinations-popup .accordion .dest-col {
    width: 50%;
    float: left; }
    header .az-destinations-popup .accordion .dest-col strong {
      font-weight: 600;
      color: #202932;
      font-size: 15px; }
    header .az-destinations-popup .accordion .dest-col a {
      font-weight: 400;
      color: #56626e; }
    header .az-destinations-popup .accordion .dest-col .level-3 li {
      margin: 8px 0;
      padding: 0 2px;
      font-size: 13px; }

.navbar-collapse {
  position: absolute;
  top: 48px;
  right: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  width: 100%;
  transition: all 0.3s ease;
  display: block;
  z-index: 1;
  padding: 2px 0px; }

.mobile-ul {
  position: absolute !important;
  right: 48px !important; }

.navbar-collapse.collapsing {
  height: auto !important;
  margin-right: 50%;
  transition: all 0.3s ease;
  display: block; }

.navbar-collapse.show {
  right: 0; }

.collapsing {
  -webkit-transition: none !important;
  transition: none !important;
  display: none !important; }

button.navbar-toggler {
  margin-top: 0px;
  font-size: 12px;
  padding: 6px 9px; }

.rightsidemenu-mobile a {
  display: inline-block !important; }

.mobile-navbar {
  padding: 0 !important; }
  .mobile-navbar .logo {
    margin-right: 45px; }

.mobile-header .nav-right .channel-phone {
  margin-right: 10px;
  top: -2px; }

.mobile-header .nav-right .nav-link {
  padding-left: 10px;
  height: 25px;
  border-left: 1px solid rgba(0, 53, 128, 0.1); }

@media (min-width: 768px) and (max-width: 1024px) {
  header {
    padding: 8px !important; }
    header .navbar-ul a.nav-link {
      padding: 0 5px !important; }
    header .show-count {
      top: -16px !important;
      left: 10px; }
    header .wish-icon::after {
      top: -13px; }
    header .bm-burger-button {
      top: 23px; } }

@media (min-width: 768px) {
  header {
    padding: 12px 8px;
    position: relative; }
    header .container {
      padding: 0; }
    header .logo {
      width: 180px;
      height: 40px;
      background-size: 199px 45px;
      display: inline-block; }
    header .show-count {
      top: -8px;
      left: 10px; }
    header .topmenu {
      display: block; }
      header .topmenu .navbar-ul {
        display: inline-block; }
        header .topmenu .navbar-ul .nav-link {
          padding: 16px 8px;
          position: relative;
          top: 2px; }
          header .topmenu .navbar-ul .nav-link:hover {
            color: #0077ba !important; }
    header .navbar-ul.destination-nav .nav-link {
      padding: 16px 8px; }
    header .navbar-ul.destination-nav .destination-dropdown {
      display: none; }
    header .navbar-ul.destination-nav:hover .destination-dropdown {
      display: block;
      position: absolute;
      z-index: 101;
      width: 1170px; }
    header .navbar-ul.destination-nav:hover .level-1 .level-2 {
      z-index: 10;
      background-color: #ffffff; }
    header .navbar-ul.destination-nav:hover .level-1:first-child .level-2 {
      display: block !important;
      z-index: 9; }
    header .navbar-ul .channel-switch .dropdown-menu {
      border: 0;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      right: -30px; }
      header .navbar-ul .channel-switch .dropdown-menu:before, header .navbar-ul .channel-switch .dropdown-menu:after {
        content: "";
        display: inline-block;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        top: -10px;
        right: 32px; }
      header .navbar-ul .channel-switch .dropdown-menu:after {
        border-bottom: 10px solid #fff;
        top: -9px; }
      header .navbar-ul .channel-switch .dropdown-menu a {
        padding: 0 15px; }
    header .navbar-ul .channel-switch .nav-link {
      top: 3px; }
    header .nav-right li a {
      font-size: 13px;
      color: #202932 !important;
      padding: 5px 4px; }
    header .nav-right .channel-phone {
      margin-right: 0;
      position: relative;
      top: 5px; }
      header .nav-right .channel-phone .icon-phone {
        float: left;
        font-size: 21px;
        vertical-align: middle;
        color: #65bd3f;
        border: 1px solid #65bd3f;
        border-radius: 50%;
        padding: 3px;
        margin-right: 0;
        width: 29px;
        height: 29px;
        line-height: 21px;
        position: absolute;
        top: -2px;
        left: -38px; }
      header .nav-right .channel-phone .call-txt {
        font-size: 12px;
        display: block;
        line-height: 2px; }
      header .nav-right .channel-phone .ph-num {
        font-size: 24px;
        color: #003580;
        font-weight: 600; }
    header .navbar-ul .nav-link {
      font-weight: 600;
      color: #202932 !important;
      font-size: 14px;
      position: relative;
      top: 5px; }
      header .navbar-ul .nav-link .link {
        font-size: 22px;
        position: relative;
        left: -7px;
        top: 4px; }
    header li.separator {
      margin: 0 15px;
      color: #d8d8d8;
      position: relative;
      top: 8px;
      border-left: 1px solid #d8d8d8;
      line-height: 0px;
      height: 25px; }
    header span.europe-sign {
      color: #ff6400 !important;
      font-size: 21px !important;
      font-weight: 500 !important; }
  .az-destination {
    position: initial; }
    .az-destination .btn {
      background-color: transparent !important;
      border: 0;
      font-weight: 500;
      color: #202932 !important;
      font-size: 14px;
      padding: 8px; }
      .az-destination .btn:after {
        display: none; }
      .az-destination .btn:hover, .az-destination .btn:focus {
        background: transparent;
        color: #202932;
        border: 0; }
  .az-navigation {
    position: relative;
    height: 100%; }
  .destination-dropdown {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -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);
    width: 100%;
    height: 440px;
    left: 0% !important;
    top: 105% !important;
    padding: 0;
    transform: none !important; }
  #a-z-dropdown {
    width: 17%;
    height: 100%;
    position: absolute;
    left: 20px;
    border-right: solid 1px #d8d8d8;
    padding-top: 15px;
    /*.level-1:hover > ul.level-2{
        display: block;
    }*/ }
    #a-z-dropdown .popular-destinations {
      clear: both;
      margin-top: 20px;
      border-top: solid 1px #e0e0e0;
      padding: 20px; }
      #a-z-dropdown .popular-destinations li.dest-col strong {
        cursor: default; }
      #a-z-dropdown .popular-destinations .level-3 {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap column;
        flex-flow: wrap column;
        max-height: 130px;
        height: 130px;
        margin-top: 10px; }
        #a-z-dropdown .popular-destinations .level-3 li i svg {
          width: 18px;
          height: 18px; }
      #a-z-dropdown .popular-destinations .dest-col {
        border-right: dashed 1px #dbdbdb;
        margin-right: 20px;
        width: 25%;
        display: inline-block; }
        #a-z-dropdown .popular-destinations .dest-col a {
          color: #56626e; }
          #a-z-dropdown .popular-destinations .dest-col a:hover {
            color: #1c94d9; }
        #a-z-dropdown .popular-destinations .dest-col:first-child {
          width: 32%; }
        #a-z-dropdown .popular-destinations .dest-col:last-child {
          border-right: 0; }
    #a-z-dropdown li.view-all {
      text-align: right;
      line-height: 14px;
      font-size: 20px;
      font-weight: 600;
      position: absolute;
      bottom: 20px;
      right: 15px; }
    #a-z-dropdown .level-1 .level-2 {
      display: none; }
    #a-z-dropdown .level-1:hover .level-2 {
      display: block; }
    #a-z-dropdown .level-1:hover .countryname {
      color: #0077ba; }
      #a-z-dropdown .level-1:hover .countryname:after {
        position: absolute;
        content: "";
        margin: auto;
        width: calc(46px / 3.5);
        height: calc(48px / 3.5);
        border: calc(30px / 24) solid #d8d8d8;
        border-right: none;
        border-top: none;
        top: -4px;
        bottom: 0;
        right: -23px;
        transform: rotate(45deg);
        box-sizing: content-box;
        background: #fff; }
    #a-z-dropdown li {
      margin: 0;
      padding: 0 20px; }
      #a-z-dropdown li.view-all {
        text-align: right;
        line-height: 14px;
        font-size: 20px;
        font-weight: 600;
        position: absolute;
        bottom: 20px;
        right: 15px; }
        #a-z-dropdown li.view-all a {
          font-size: 14px;
          font-weight: 600;
          color: #1c94d9;
          position: relative; }
          #a-z-dropdown li.view-all a i {
            position: absolute;
            color: #cbcbcb;
            top: 2px;
            font-size: 27px;
            right: -28px; } }
  @media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
    #a-z-dropdown {
      /* IE10+ CSS styles go here */ }
      #a-z-dropdown .popular-destinations .level-3 {
        height: 140px; } }

@media (min-width: 768px) {
    #a-z-dropdown .level-1 {
      float: none;
      display: block;
      padding: 0;
      padding-right: 15px;
      cursor: default; }
      #a-z-dropdown .level-1 a:hover {
        text-decoration: none; }
      #a-z-dropdown .level-1 span {
        width: 100%;
        display: block;
        font-size: 16px;
        font-weight: bold;
        padding: 8px 15px;
        border-bottom: solid 2px #f5f5f5;
        position: relative;
        cursor: pointer; }
      #a-z-dropdown .level-1.current-item span {
        color: #1c94d9; }
      #a-z-dropdown .level-1.balearic .country-img a {
        pointer-events: none; }
        #a-z-dropdown .level-1.balearic .country-img a span {
          display: none; }
        #a-z-dropdown .level-1.balearic .country-img a .img-name {
          padding: 10px 10px 10px 14px; }
      #a-z-dropdown .level-1.active .level-2 {
        display: block; }
      #a-z-dropdown .level-1.current-item span:after {
        position: absolute;
        content: "";
        margin: auto;
        width: calc(44px / 3.5);
        height: calc(49px / 3.5);
        background: rgba(0, 0, 0, 0);
        border: calc(30px / 24) solid #d8d8d8;
        border-right: none;
        border-top: none;
        top: -4px;
        bottom: 0px;
        right: calc(30px / 8px);
        right: -22px;
        transform: rotate(45deg);
        box-sizing: content-box;
        background: #fff; }
    #a-z-dropdown .level-2 {
      display: none;
      position: absolute;
      left: 101%;
      top: 2px;
      width: 945px;
      padding-top: 20px; }
      #a-z-dropdown .level-2.active {
        display: block; }
      #a-z-dropdown .level-2 li {
        display: inline;
        cursor: default; }
      #a-z-dropdown .level-2 .destination-list {
        width: 64%;
        height: 185px;
        overflow-y: auto;
        padding-right: 0;
        cursor: default;
        float: left; }
        #a-z-dropdown .level-2 .destination-list .dest-col:first-child:nth-last-child(3),
        #a-z-dropdown .level-2 .destination-list .dest-col:first-child:nth-last-child(3) ~ .dest-col {
          width: 33.3333%; }
        #a-z-dropdown .level-2 .destination-list .dest-col a:hover strong {
          color: #1c94d9; }
      #a-z-dropdown .level-2 .country-img {
        width: 36%;
        position: relative;
        float: left;
        margin-bottom: 20px; }
        #a-z-dropdown .level-2 .country-img img {
          width: 100%;
          height: 197px; }
        #a-z-dropdown .level-2 .country-img .img-name {
          position: absolute;
          right: 20px;
          bottom: 0;
          background-color: rgba(32, 41, 50, 0.75);
          color: #fff;
          border-top-left-radius: 15px;
          padding: 10px 0px 5px 16px;
          text-align: right; }
        #a-z-dropdown .level-2 .country-img a {
          color: #fff;
          float: left;
          text-decoration: none;
          font-size: 20px;
          font-weight: bold;
          width: 100%;
          border: 1px solid #eee; }
          #a-z-dropdown .level-2 .country-img a span {
            display: inline;
            font-size: 14px;
            font-weight: 600;
            border: 0;
            padding: 0;
            border-left: 2px solid rgba(216, 216, 216, 0.25);
            padding-left: 10px;
            margin-left: 5px;
            color: #fff; }
            #a-z-dropdown .level-2 .country-img a span:after {
              display: none; }
            #a-z-dropdown .level-2 .country-img a span i {
              font-size: 23px;
              position: relative;
              top: -5px;
              right: 5px;
              vertical-align: middle; }
      #a-z-dropdown .level-2 .dest-col {
        width: 25%;
        padding: 0;
        margin-bottom: 12px;
        float: left; }
        #a-z-dropdown .level-2 .dest-col a {
          font-size: 14px;
          font-weight: normal;
          color: #56626e;
          word-break: break-word;
          line-height: 17px;
          display: inline-block;
          vertical-align: top; }
        #a-z-dropdown .level-2 .dest-col strong {
          font-size: 16px;
          color: #4a4a4a;
          font-weight: bold; }
    #a-z-dropdown .level-3 li {
      display: block;
      float: none;
      padding: 0;
      margin: 3px 0;
      padding: 2px 0 2px 17px;
      position: relative; }
      #a-z-dropdown .level-3 li i {
        left: -2px;
        font-size: 18px;
        position: absolute;
        top: -5px; }
        #a-z-dropdown .level-3 li i svg {
          width: 18px;
          height: 18px; }
      #a-z-dropdown .level-3 li a:hover {
        color: #1c94d9; } }

footer .deposit-font span {
  font-size: 18px; }

footer .mobile-logo {
  text-align: center;
  padding: 0 15px 15px;
  border-bottom: 1px solid #e4e4eb;
  margin: 0 10px; }
  footer .mobile-logo .logo {
    background-size: 325px;
    width: 220px;
    height: 47px; }

footer .footer-logo {
  padding: 10px 0; }

footer .trust-logos {
  border-bottom: solid 1px #e4e4eb;
  padding: 35px 0 20px;
  margin-bottom: 0; }
  footer .trust-logos [class*="col-"] {
    padding: 0 15px; }
  footer .trust-logos .deposit {
    left: 0; }

footer .accordion {
  border: 0; }

footer .footer-copyright {
  padding-top: 20px;
  text-align: left; }
  footer .footer-copyright p {
    line-height: 14px; }

footer .inrsort,
footer .deposit-block {
  border-right: solid 1px rgba(151, 151, 151, 0.24);
  padding: 0 32px; }
  footer .inrsort::after,
  footer .deposit-block::after {
    display: none !important; }

footer .homecall {
  text-align: right;
  position: relative;
  right: 8px; }
  footer .homecall::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 60px;
    background: rgba(151, 151, 151, 0.24);
    position: absolute;
    top: 0;
    right: -18px; }
  footer .homecall.last {
    text-align: left; }
    footer .homecall.last span {
      text-align: left; }
    footer .homecall.last::after {
      display: none; }
  footer .homecall span {
    font-size: 12px;
    color: #202932;
    top: auto;
    text-align: right;
    left: 0; }
    footer .homecall span.sale-call span {
      float: right; }
  footer .homecall strong {
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
    color: #202932; }

footer .btn-chat {
  background-image: linear-gradient(55deg, #0078d4 -10%, #00bbf1 100%), linear-gradient(259deg, #115d88 99%, #1f8ac7 -1%) !important;
  border-color: #00bbf1 !important;
  border-radius: 35px !important;
  width: 220px;
  height: 50px;
  margin-bottom: 20px; }
  footer .btn-chat span {
    font-weight: 500;
    font-size: 18px;
    position: relative;
    top: 4px; }
  footer .btn-chat i {
    font-size: 24px;
    vertical-align: inherit; }

.ftr-accordion {
  margin: 0 17px; }
  .ftr-accordion .accordion__panel {
    padding-top: 0px;
    padding-bottom: 0; }
  .ftr-accordion ul {
    padding: 0 0 10px; }
  .ftr-accordion a {
    color: #4a4a4a !important;
    font-size: 13px;
    line-height: 26px; }
  .ftr-accordion .accord-header {
    padding: 12px 0px;
    text-transform: uppercase;
    color: #003580;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600; }
    .ftr-accordion .accord-header::before {
      display: inline-block;
      content: "";
      height: 10px;
      width: 10px;
      margin-right: 12px;
      border-bottom: 2px solid currentColor;
      border-right: 2px solid currentColor;
      transform: rotate(45deg);
      float: right;
      top: 3px;
      position: relative; }
  .ftr-accordion .open .accord-header::before {
    transform: rotate(-134deg); }
  .ftr-accordion .accord-content {
    border-bottom: 1px solid #e2eaf2; }
    .ftr-accordion .accord-content:last-child {
      border-bottom: 0; }
  .ftr-accordion .accord-item {
    padding: 0; }
    .ftr-accordion .accord-item.copyright p,
    .ftr-accordion .accord-item.copyright a {
      font-size: 12px; }
    .ftr-accordion .accord-item.copyright a {
      color: #0077ba !important; }

footer .copyright .tripadvisor {
  background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1") -3px -398px;
  display: inline-block;
  width: 200px;
  height: 30px;
  vertical-align: middle;
  margin-left: 10px; }

.footer-logo-box .logo {
  background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1") -3px -1px;
  width: 300px;
  height: 63px;
  margin-bottom: 10px;
  display: inline-block; }

.new-social-icons .facebook,
.new-social-icons .twitter,
.new-social-icons .googleplus,
.new-social-icons .youtube,
.new-social-icons .instagram,
.new-social-icons .pinterest,
.new-social-icons .blog {
  background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1");
  width: 34px;
  height: 34px;
  display: inline-block;
  margin-right: 10px; }

.new-social-icons a img {
  display: none; }

.new-social-icons .facebook {
  background-position: -5px -525px; }
  .new-social-icons .facebook:hover {
    background-position: -5px -565px; }

.new-social-icons .twitter {
  background-position: -85px -525px; }
  .new-social-icons .twitter:hover {
    background-position: -85px -565px; }

.new-social-icons .googleplus {
  background-position: -125px -525px;
  display: none; }
  .new-social-icons .googleplus:hover {
    background-position: -125px -565px; }

.new-social-icons .youtube {
  background-position: -165px -525px; }
  .new-social-icons .youtube:hover {
    background-position: -165px -565px; }

.new-social-icons .instagram {
  background-position: -205px -525px; }
  .new-social-icons .instagram:hover {
    background-position: -205px -565px; }

.new-social-icons .pinterest {
  background-position: -245px -525px; }
  .new-social-icons .pinterest:hover {
    background-position: -245px -565px; }

.new-social-icons .blog {
  background-position: -45px -525px; }
  .new-social-icons .blog:hover {
    background-position: -45px -565px; }

@media (min-width: 768px) {
  footer .homecall {
    text-align: left;
    left: 0;
    padding-left: 20px; }
    footer .homecall.last {
      padding-left: 0; }
    footer .homecall::after {
      display: none; }
    footer .homecall span {
      font-size: 13px;
      text-align: left;
      display: block; }
      footer .homecall span.sale-call span {
        float: left; }
    footer .homecall strong {
      font-size: 28px;
      color: #003580;
      line-height: 28px; }
    footer .homecall .time {
      padding-left: 35px; }
    footer .homecall .timecs {
      padding-left: 115px; }
  footer .footer-links {
    text-align: left; }
    footer .footer-links strong {
      font-size: 16px;
      color: #003580; }
    footer .footer-links ul {
      padding: 8px 0 0 0; }
      footer .footer-links ul li {
        line-height: 20px; }
        footer .footer-links ul li a {
          color: #4a4a4a;
          font-size: 14px;
          cursor: pointer; }
          footer .footer-links ul li a:hover {
            color: #999; }
  footer .footer-copyright {
    padding-bottom: 20px; }
    footer .footer-copyright strong {
      font-size: 18px;
      color: #003580;
      margin-bottom: 10px;
      display: block; }
    footer .footer-copyright p {
      font-size: 11px;
      font-size: 0.6875rem;
      color: #606c77; }
  footer .btn-chat {
    width: 261px;
    height: 58px;
    margin-bottom: 0; }
    footer .btn-chat span {
      font-size: 24px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  footer .homecall strong {
    font-size: 26px; }
  footer .homecall .timecs {
    padding-left: 0; }
  .footer-logo-box .logo {
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/alpha-rooms-logo.svg?v=1") 0px 0px;
    width: 160px;
    height: 33px;
    margin-bottom: 10px;
    display: inline-block;
    background-size: 160px; }
  .new-social-icons .social-icon {
    margin-right: 1px; } }

#search-box .nav-tabs {
  border: 0; }
  #search-box .nav-tabs .new {
    position: absolute;
    width: 35px;
    padding: 0;
    height: 14px;
    line-height: 14px;
    border-radius: 3px;
    background-color: #f9e900;
    font-weight: bold;
    color: #307dd9;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    margin: 0;
    left: 8px;
    top: -7px; }
  #search-box .nav-tabs .nav-item {
    height: 44px;
    margin-right: 2%;
    width: 48%; }
    #search-box .nav-tabs .nav-item a {
      display: block;
      height: 44px;
      line-height: 30px;
      padding: 4px 10px;
      background-color: #dde9fb;
      color: #003580;
      text-align: center;
      border-radius: 6px 6px 0 0;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 2, 0.38);
      border: 1px solid #6da2e5;
      font-size: 15px;
      font-weight: 600; }
      #search-box .nav-tabs .nav-item a.active {
        border-bottom: 3px solid #0077ba;
        color: #1c94d9;
        color: #ffffff;
        background-image: linear-gradient(to bottom, #357fd6, #357fd6), linear-gradient(to top, #87abd6, #357fd6);
        border: 0;
        position: relative;
        top: -1px;
        padding: 7px 10px; }
    #search-box .nav-tabs .nav-item:last-child {
      margin: 0;
      position: relative;
      right: -7px; }

#search-box .tab-pane {
  background-color: #357fd6;
  padding-bottom: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

#search-box .search-container {
  background-color: #357fd6;
  display: inline-block;
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  border-top-left-radius: 0;
  position: relative;
  top: -3px; }
  #search-box .search-container .closureError-Msg {
    position: relative;
    bottom: 2px;
    margin: 0;
    font-size: 12px;
    padding: 1px 5px;
    background: #cd0f00;
    color: #fff;
    border-radius: 6px;
    z-index: 222;
    width: auto; }
    #search-box .search-container .closureError-Msg::after {
      content: "";
      display: inline-block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #dc3545;
      position: absolute;
      top: -8px;
      left: 10%; }
  #search-box .search-container .validation-error label {
    color: #ffffff !important; }
  #search-box .search-container .validation-error .DateRangePickerInput {
    background-color: #d91a1a; }
  #search-box .search-container .validation-error .DateRangePickerInput_arrow {
    background-position: -289px -404px; }
  #search-box .search-container .validation-error .DateInput input {
    background-color: #d91a1a !important;
    color: #ffffff !important; }
    #search-box .search-container .validation-error .DateInput input::placeholder {
      color: #ffffff; }
  #search-box .search-container .validation-error input {
    background-color: #d91a1a !important;
    color: #ffffff !important; }
    #search-box .search-container .validation-error input::placeholder {
      color: #ffffff; }
  #search-box .search-container .form-group {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 3px; }
    #search-box .search-container .form-group label {
      font-size: 13px;
      color: #5a5a5a;
      margin: 11px 0 0;
      line-height: 8px;
      position: absolute;
      left: 16px;
      top: 0;
      z-index: 1;
      pointer-events: none;
      font-weight: normal; }
      #search-box .search-container .form-group label.checkout {
        left: auto;
        right: 15px; }
    #search-box .search-container .form-group input {
      border: 0;
      height: 50px;
      padding: 14px 16px 0;
      font-weight: normal;
      background-color: #ffffff;
      font-size: 16px;
      font-weight: 600;
      color: #202932;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      #search-box .search-container .form-group input::placeholder, #search-box .search-container .form-group input::-webkit-input-placeholder, #search-box .search-container .form-group input::-ms-input-placeholder {
        font-size: 14px;
        font-weight: normal;
        color: #aaa; }
    #search-box .search-container .form-group input::placeholder {
      font-size: 15px;
      font-weight: normal;
      color: #a5a2a2; }
    #search-box .search-container .form-group .nights {
      left: 40%;
      top: 19px;
      font-size: 12px; }
    #search-box .search-container .form-group .singlenight {
      left: 42%;
      top: 19px;
      font-size: 12px; }
  #search-box .search-container .summeryshow-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 110;
    height: 150px; }
    #search-box .search-container .summeryshow-mobile .calendar-back {
      padding: 13px 0;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
      text-align: center; }
      #search-box .search-container .summeryshow-mobile .calendar-back .back {
        position: absolute;
        left: 20px; }
        #search-box .search-container .summeryshow-mobile .calendar-back .back i {
          color: #0077ba;
          font-size: 28px; }
    #search-box .search-container .summeryshow-mobile .mobile-date {
      background: #f4f8fc;
      margin: 10px;
      color: #0077ba;
      padding: 13px 5px;
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      border-radius: 5px; }
    #search-box .search-container .summeryshow-mobile .date {
      width: 110px;
      text-align: left;
      min-height: 46px;
      position: relative; }
      #search-box .search-container .summeryshow-mobile .date label {
        font-size: 12px; }
      #search-box .search-container .summeryshow-mobile .date input {
        background-color: transparent;
        color: #0077ba;
        font-size: 14px !important; }
    #search-box .search-container .summeryshow-mobile .nights {
      display: inline;
      color: #606c77;
      font-weight: 600;
      font-size: 12px;
      padding-top: 8px; }
      #search-box .search-container .summeryshow-mobile .nights i {
        display: block;
        line-height: 16px;
        font-size: 30px;
        color: #202932;
        width: 22px;
        height: 19px;
        background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1") -263px -404px;
        margin: 0 auto;
        text-align: center;
        position: relative;
        pointer-events: none; }

#search-box .submit-btn {
  text-align: center; }
  #search-box .submit-btn .btn-orange {
    width: 200px;
    height: 40px; }

#search-box .destination-megadropdown {
  background: #fff;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  padding: 0;
  z-index: 150; }
  #search-box .destination-megadropdown h2 {
    color: #003580;
    font-weight: 700;
    font-size: 16px;
    text-align: left; }
  #search-box .destination-megadropdown h3 {
    font-size: 14px;
    font-weight: 600;
    color: #003580; }
  #search-box .destination-megadropdown ul {
    margin-bottom: 10px; }
    #search-box .destination-megadropdown ul li {
      margin-bottom: 6px; }
      #search-box .destination-megadropdown ul li a {
        color: #202932;
        padding: 4px 10px 4px 0;
        cursor: default; }
        #search-box .destination-megadropdown ul li a:hover, #search-box .destination-megadropdown ul li a:focus {
          text-decoration: none;
          background-color: rgba(53, 127, 214, 0.28); }
  #search-box .destination-megadropdown .mobile-search-destination {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px; }
    #search-box .destination-megadropdown .mobile-search-destination .icon-arrow-left {
      font-size: 26px;
      position: relative;
      top: 6px;
      left: -5px; }
    #search-box .destination-megadropdown .mobile-search-destination .select-hotel {
      position: relative;
      float: left;
      width: 90%;
      margin-left: 5px; }
      #search-box .destination-megadropdown .mobile-search-destination .select-hotel input {
        border: 1px solid rgba(151, 151, 151, 0.13);
        border-radius: 30px;
        height: 40px;
        padding: 0 60px 0 40px; }
      #search-box .destination-megadropdown .mobile-search-destination .select-hotel i {
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: 24px;
        color: #c2c2c2; }
      #search-box .destination-megadropdown .mobile-search-destination .select-hotel span {
        position: absolute;
        right: 20px;
        top: 10px;
        font-size: 13px; }
  #search-box .destination-megadropdown .destination-autocomplete {
    padding: 15px 15px 30px;
    height: 90%;
    overflow: auto; }
    #search-box .destination-megadropdown .destination-autocomplete h2 {
      font-size: 18px;
      margin-bottom: 16px; }
    #search-box .destination-megadropdown .destination-autocomplete .auto-suggest h3 {
      margin-bottom: 5px;
      font-weight: 700; }
      #search-box .destination-megadropdown .destination-autocomplete .auto-suggest h3 i {
        position: relative;
        top: 3px;
        margin-right: 5px;
        font-size: 22px; }
    #search-box .destination-megadropdown .destination-autocomplete .auto-suggest li {
      padding: 5px 5px 5px 30px; }
      #search-box .destination-megadropdown .destination-autocomplete .auto-suggest li:hover {
        background-color: rgba(53, 127, 214, 0.28); }
    #search-box .destination-megadropdown .destination-autocomplete .popular-destn {
      color: #003580; }
      #search-box .destination-megadropdown .destination-autocomplete .popular-destn strong {
        font-weight: 600; }
      #search-box .destination-megadropdown .destination-autocomplete .popular-destn:hover {
        background-color: transparent; }

#search-box .your-party .inputyour-party {
  height: 50px;
  padding: 18px 16px 0;
  font-size: 15px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  #search-box .your-party .inputyour-party .count {
    font-size: 20px; }
  #search-box .your-party .inputyour-party i {
    position: absolute;
    right: 8px;
    font-size: 22px;
    top: 14px; }

#search-box .outbond-error {
  padding: 2px 5px;
  border-radius: 3px;
  border: 1px solid #b94a48;
  display: inline-block;
  background-color: #f5dbdb;
  position: absolute;
  z-index: 4;
  width: 100%;
  top: 50px;
  font-size: 13px; }

#search-box .DateRangePicker {
  width: 100%; }
  #search-box .DateRangePicker .DayPicker__withBorder {
    box-shadow: none;
    min-height: 350px; }
  #search-box .DateRangePicker .DateRangePickerInput {
    border-radius: 4px !important; }
  #search-box .DateRangePicker .DateRangePickerInput__withBorder {
    border: 0;
    width: 100%; }
  #search-box .DateRangePicker .DateRangePickerInput_arrow {
    display: inline-block;
    line-height: 16px;
    font-size: 30px;
    color: #202932;
    width: 22px;
    height: 19px;
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/home-sprite.svg?v=1") -201px -404px;
    margin-left: 0 !important;
    margin: 0;
    text-align: center;
    position: relative;
    top: 5px;
    left: 3%;
    pointer-events: none; }
    #search-box .DateRangePicker .DateRangePickerInput_arrow svg {
      display: none; }
  #search-box .DateRangePicker .DateInput {
    width: 40%;
    background: transparent;
    padding-left: 1px;
    float: left; }
    #search-box .DateRangePicker .DateInput input {
      padding: 12px 14px 0;
      cursor: default;
      background: transparent; }
      #search-box .DateRangePicker .DateInput input::placeholder {
        color: #202932;
        font-weight: 600; }
    #search-box .DateRangePicker .DateInput:last-child input {
      text-align: right;
      padding: 12px 0px 0; }
    #search-box .DateRangePicker .DateInput .DateInput_input__focused,
    #search-box .DateRangePicker .DateInput .DateInput_input_1 DateInput_input__focused {
      border-bottom: 2px solid #0077ba;
      border-radius: 0; }
    #search-box .DateRangePicker .DateInput:last-child {
      float: right; }
      #search-box .DateRangePicker .DateInput:last-child input {
        padding-right: 15px; }
  #search-box .DateRangePicker .DateInput_fang {
    display: none; }
  #search-box .DateRangePicker .DateRangePicker_picker {
    top: 55px !important;
    left: -50% !important;
    box-shadow: 2px 7px 9px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid #ececec;
    border-radius: 4px;
    z-index: 100;
    transform: none; }
    #search-box .DateRangePicker .DateRangePicker_picker:after {
      content: "";
      display: inline-block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #fff;
      position: absolute;
      top: -9px;
      left: 53%; }
    #search-box .DateRangePicker .DateRangePicker_picker:before {
      content: "";
      display: inline-block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #ccc;
      border-bottom-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      top: -10px;
      left: 53%; }
    #search-box .DateRangePicker .DateRangePicker_picker .DayPicker_weekHeader_li {
      color: #003580;
      font-size: 15px; }
    #search-box .DateRangePicker .DateRangePicker_picker .CalendarMonth_caption strong {
      color: #202932;
      font-weight: 600;
      font-size: 16px; }
    #search-box .DateRangePicker .DateRangePicker_picker .CalendarDay__blocked_out_of_range,
    #search-box .DateRangePicker .DateRangePicker_picker .CalendarDay__blocked_out_of_range:active,
    #search-box .DateRangePicker .DateRangePicker_picker .CalendarDay__blocked_out_of_range:hover {
      background: #fff;
      border: 1px solid #e4e7e7;
      color: #cacccd !important;
      background-color: transparent !important; }
    #search-box .DateRangePicker .DateRangePicker_picker .DayPickerNavigation_button__horizontalDefault {
      border: 0; }
    #search-box .DateRangePicker .DateRangePicker_picker .DayPickerNavigation_leftButton__horizontalDefault_5 svg,
    #search-box .DateRangePicker .DateRangePicker_picker .DayPickerNavigation_rightButton__horizontalDefault_5 svg {
      border: solid #0077ba;
      border-width: 0 2px 2px 0;
      display: inline-block;
      transform: rotate(130deg);
      color: #0077ba;
      width: 10px;
      height: 10px; }
      #search-box .DateRangePicker .DateRangePicker_picker .DayPickerNavigation_leftButton__horizontalDefault_5 svg path,
      #search-box .DateRangePicker .DateRangePicker_picker .DayPickerNavigation_rightButton__horizontalDefault_5 svg path {
        display: none; }
    #search-box .DateRangePicker .DateRangePicker_picker .DayPickerNavigation_rightButton__horizontalDefault_5 {
      transform: rotate(-175deg); }
    #search-box .DateRangePicker .DateRangePicker_picker .CalendarDay__default {
      border: 0;
      color: #606c78;
      font-weight: 600; }
  #search-box .DateRangePicker .DayPickerKeyboardShortcuts_buttonReset {
    display: none; }
  #search-box .DateRangePicker .CalendarDay__selected,
  #search-box .DateRangePicker .CalendarDay__selected:active {
    background: #0077ba;
    border: 1px double #0077ba;
    color: #ffffff !important;
    border-radius: 50%; }
  #search-box .DateRangePicker .CalendarDay__hovered_span,
  #search-box .DateRangePicker .CalendarDay__selected_span,
  #search-box .DateRangePicker .CalendarDay__selected:hover {
    background: rgba(186, 215, 246, 0.43);
    border: 1px solid #e4e7e7;
    color: #484848; }
    #search-box .DateRangePicker .CalendarDay__hovered_span:active, #search-box .DateRangePicker .CalendarDay__hovered_span:hover,
    #search-box .DateRangePicker .CalendarDay__selected_span:active,
    #search-box .DateRangePicker .CalendarDay__selected_span:hover,
    #search-box .DateRangePicker .CalendarDay__selected:hover:active,
    #search-box .DateRangePicker .CalendarDay__selected:hover:hover {
      background: #0077ba;
      border: 1px solid #e4e7e7;
      color: #ffffff; }

#search-box .rooms-guest-dropdown {
  position: fixed;
  top: 0 !important;
  right: 0 !important;
  left: 0;
  /*width: 100%;*/
  min-width: 320px !important;
  z-index: 100;
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  z-index: 110; }
  #search-box .rooms-guest-dropdown .mbl-done-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px 0;
    box-shadow: -1px -4px 4px 0 rgba(0, 0, 0, 0.06); }
    #search-box .rooms-guest-dropdown .mbl-done-btn .apply-btn.inactive {
      background: #ccc;
      pointer-events: none;
      background-image: none !important;
      border: 0; }
  #search-box .rooms-guest-dropdown .pop-back-btn {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
    width: 100%;
    background-color: white;
    border: 0;
    height: 50px;
    margin: 0 !important;
    line-height: 40px;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    border-radius: 0;
    top: 0;
    z-index: 90;
    left: 0;
    font-weight: 600;
    padding: 9px 13px 5px;
    position: fixed; }
    #search-box .rooms-guest-dropdown .pop-back-btn .your-party {
      margin-left: 9px;
      line-height: 15px; }
    #search-box .rooms-guest-dropdown .pop-back-btn i {
      vertical-align: middle;
      font-size: 26px;
      font-size: 1.625rem;
      color: #0077ba;
      position: relative;
      top: -10px; }
    #search-box .rooms-guest-dropdown .pop-back-btn .modify-back span {
      vertical-align: middle; }
    #search-box .rooms-guest-dropdown .pop-back-btn .rg-count {
      line-height: 15px; }
      #search-box .rooms-guest-dropdown .pop-back-btn .rg-count .d-inblock {
        padding: 0 5px; }
      #search-box .rooms-guest-dropdown .pop-back-btn .rg-count .dash-rgt {
        border-right: 1px dashed #979797; }
  #search-box .rooms-guest-dropdown .select-wrapper label span {
    margin-left: 0; }
  #search-box .rooms-guest-dropdown .select-wrapper select.child-age {
    width: 67px !important;
    padding-left: 9px !important;
    margin-left: 3px !important; }
  #search-box .rooms-guest-dropdown .select-wrapper:after {
    right: 2px; }
  #search-box .rooms-guest-dropdown .no-childs .select-wrapper:nth-child(odd) {
    margin-right: 0px; }
  #search-box .rooms-guest-dropdown .select-wrapper {
    background: #f9f9f9; }
  #search-box .rooms-guest-dropdown .add-room {
    width: 100%; }
  #search-box .rooms-guest-dropdown .add-room-link {
    width: 100% !important; }
  #search-box .rooms-guest-dropdown .mbl-roomsmenu {
    margin-bottom: 70px;
    margin-top: 52px; }
    #search-box .rooms-guest-dropdown .mbl-roomsmenu .nbr-rooms {
      padding: 0 15px;
      position: relative;
      top: -1px;
      font-size: 24px;
      vertical-align: middle; }
    #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room-enter {
      background: rgba(215, 232, 255, 0.26);
      padding: 10px 17px;
      line-height: 34px; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room-enter .addrooms {
        position: relative;
        top: -4px; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room-enter .addrooms span {
          vertical-align: middle;
          display: inline-block; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room-enter i {
        border: 2px solid #0077ba;
        border-radius: 50%;
        font-size: 24px;
        color: #0077ba;
        display: inline-block;
        height: 28px;
        width: 28px;
        line-height: 25px; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room-enter i .icon {
          vertical-align: baseline; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room-enter i.inactive {
          color: #d4d4d4;
          border: 2px solid #d4d4d4;
          pointer-events: none; }
    #search-box .rooms-guest-dropdown .mbl-roomsmenu .group-book {
      padding: 10px 0 0; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .group-book a {
        text-decoration: underline !important; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .group-book a:hover, #search-box .rooms-guest-dropdown .mbl-roomsmenu .group-book a:focus {
          text-decoration: underline !important; }
    #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room {
      border: solid 1px rgba(0, 53, 128, 0.32);
      padding: 15px 15px 10px;
      border-radius: 6px;
      margin: 15px;
      background-image: linear-gradient(to bottom, #ecf5fa, white 40%);
      position: relative;
      overflow: visible; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .enterChildAge {
        position: absolute;
        top: 14px;
        right: 50px;
        color: #cd0001;
        font-size: 13px; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-room-head i {
        font-size: 34px;
        position: relative;
        top: -8px;
        right: -8px; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-room-head .mblhead-guests {
        font-size: 13px;
        color: #606c77;
        margin-left: 10px;
        float: right;
        position: relative;
        top: 5px; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults {
        border-bottom: solid 1px rgba(167, 203, 255, 0.45);
        padding: 10px 0;
        position: relative; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults span {
          display: inline-block;
          vertical-align: middle; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults .age-text {
          text-align: center;
          display: block;
          color: #5a5a5a;
          font-size: 12px; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults i {
          border: 2px solid #0077ba;
          border-radius: 50%;
          font-size: 24px;
          color: #0077ba;
          display: inline-block;
          cursor: pointer;
          width: 28px;
          height: 28px;
          line-height: 25px; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults i .icon {
            vertical-align: baseline; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults i.inactive {
            color: #d4d4d4;
            border: 2px solid #d4d4d4;
            pointer-events: none; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults.child-section {
          border: 0; }
    #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .childsection {
      padding: 10px 0 0;
      margin: 0; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .childsection li {
        display: inline-block;
        width: 50%;
        position: relative; }
    #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child {
      box-shadow: -2px 1px 5px 0 rgba(0, 0, 0, 0.1);
      border: 0;
      width: 92%;
      float: left;
      border-radius: 50px;
      padding: 4px 15px 8px;
      line-height: 12px;
      margin-right: 8px;
      margin-top: 4px;
      position: relative;
      text-align: left; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child::after {
        display: none; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child.invalid-field .child-arrow {
        color: #ffffff; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child.invalid-field .child-arrow i {
          color: #ffffff; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child:nth-child(2), #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child:nth-child(4) {
        margin-right: 0; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child .child-arrow {
        display: inline-block;
        position: relative;
        top: 3px;
        right: -8px;
        color: #0077ba;
        font-weight: 600; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child .child-arrow i {
          border: 0;
          color: #0077ba;
          width: auto;
          height: auto;
          vertical-align: middle;
          font-size: 24px;
          line-height: initial;
          margin-left: 5px;
          top: -1px;
          position: relative; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child .mbl-childtxt {
        position: relative;
        top: -5px; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child label {
        color: #202932;
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        position: relative;
        top: -2px; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child label span {
          font-size: 11px;
          font-weight: normal;
          color: #798491;
          margin-bottom: 4px; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child label span:last-child {
            position: relative;
            top: 2px;
            font-weight: 600;
            font-size: 14px; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child span.float-right:after {
        content: "\F140";
        font-family: Material Design Icons;
        display: inline-block;
        position: absolute;
        font-weight: normal;
        font-size: 25px;
        top: 15px;
        right: 5px;
        color: #ffffff; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child .selectage {
        float: right;
        width: auto !important;
        font-weight: 600;
        font-size: 16px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        padding: 0; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child.invalid-field label {
        color: #ffffff; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child.invalid-field label span {
          color: #ffffff; }
  #search-box .rooms-guest-dropdown .child-age {
    list-style: none;
    margin: 0;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.17);
    background-color: #ffffff;
    position: absolute;
    height: 220px;
    overflow: auto;
    width: 100px;
    min-width: auto;
    right: -5px;
    border-radius: 4px;
    text-align: center;
    top: -50px !important;
    left: auto !important;
    z-index: 1;
    transform: none !important; }
    #search-box .rooms-guest-dropdown .child-age .dropdown-item {
      font-size: 14px;
      font-weight: 600;
      color: #5a5a5a;
      padding: 7px 0; }
      #search-box .rooms-guest-dropdown .child-age .dropdown-item:hover {
        background-color: rgba(53, 127, 214, 0.28); }
  #search-box .rooms-guest-dropdown .apply-btn {
    min-width: 180px;
    height: 40px;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px; }
  #search-box .rooms-guest-dropdown .adult-child {
    display: block;
    width: 100%; }
    #search-box .rooms-guest-dropdown .adult-child .full-width-room {
      max-width: 100%;
      display: block;
      border-right: none; }
      #search-box .rooms-guest-dropdown .adult-child .full-width-room .rooms {
        padding: 30px 17px; }
    #search-box .rooms-guest-dropdown .adult-child .rooms {
      width: 100%;
      border-right: none;
      display: block;
      max-width: 100%;
      background: #f9f9f9;
      border-bottom: 1px solid #d3d3d3;
      height: auto; }
  #search-box .rooms-guest-dropdown .searchform-link {
    width: 100% !important; }

#search-box .multiairport {
  z-index: 999;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  padding: 0;
  height: 100%;
  background-color: #ffffff;
  z-index: 110; }
  #search-box .multiairport .multiheadmbl {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    color: #202932;
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 10px 15px;
    font-weight: 600;
    margin-bottom: 10px; }
    #search-box .multiairport .multiheadmbl .link {
      position: relative;
      top: 7px; }
    #search-box .multiairport .multiheadmbl i {
      top: 0 !important;
      font-size: 28px;
      left: -2px; }
  #search-box .multiairport .mbl-region,
  #search-box .multiairport .multi-air {
    margin-bottom: 12px;
    font-size: 16px; }
  #search-box .multiairport .multiselectbody {
    padding: 10px 20px 40px 20px;
    font-size: 14px;
    overflow: scroll;
    height: 91%; }
    #search-box .multiairport .multiselectbody label {
      padding: 2px;
      width: 100%; }
    #search-box .multiairport .multiselectbody .multiselect {
      padding: 0; }
  #search-box .multiairport .depdone {
    position: fixed;
    bottom: 60px;
    width: 180px;
    left: 50%;
    right: auto;
    margin: 0 auto 0 -90px;
    text-align: center;
    z-index: 99; }

.inner-search-form {
  background: #cde2f7;
  padding: 1px 0; }
  .inner-search-form .search-wrapper {
    z-index: 100; }
  .inner-search-form .mobile-edit-search {
    background: #fff;
    border-radius: 50px;
    margin: 6px;
    display: block;
    align-items: center;
    border: 1px solid rgba(28, 148, 217, 0.5);
    height: 50px; }
    .inner-search-form .mobile-edit-search .selected-htl-info {
      float: left;
      padding: 3px 0 8px 24px;
      width: 87%; }
    .inner-search-form .mobile-edit-search .search-edit {
      padding: 12px 0;
      font-size: 14px;
      font-weight: 700;
      background: #0077ba;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px;
      margin: 0 !important;
      float: right;
      color: #fff;
      height: 50px;
      position: relative;
      width: 13%;
      text-align: center; }
      .inner-search-form .mobile-edit-search .search-edit .white {
        font-size: 28px; }
    .inner-search-form .mobile-edit-search .htl-eidt-info {
      position: relative;
      top: -2px; }
      .inner-search-form .mobile-edit-search .htl-eidt-info span {
        line-height: 10px;
        display: inline-block;
        padding: 0 5px;
        font-weight: 300;
        color: #606c77;
        font-size: 12px;
        border-left: 1px solid rgba(96, 108, 118, 0.75); }
        .inner-search-form .mobile-edit-search .htl-eidt-info span:first-child {
          border: 0;
          padding-left: 0; }
        .inner-search-form .mobile-edit-search .htl-eidt-info span span {
          border: 0;
          padding: 0; }
        .inner-search-form .mobile-edit-search .htl-eidt-info span .count {
          font-size: 14px;
          color: #202932;
          font-weight: 400; }

.modal.fade {
  background: rgba(0, 0, 0, 0.8); }

.modal #search-modal {
  margin: 0;
  height: 100%; }
  .modal #search-modal .modal-content {
    background: transparent; }
  .modal #search-modal .modal-header {
    border: 0;
    padding: 0; }
  .modal #search-modal .close {
    position: absolute;
    bottom: -30px;
    left: 45%;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    opacity: 1; }
    .modal #search-modal .close span {
      font-size: 32px;
      font-weight: normal;
      color: #003580;
      display: inline-block;
      line-height: 0; }

.DateRangePicker_picker__portal {
  z-index: 1051 !important;
  top: 142px !important;
  background-color: #ffffff !important;
  padding-bottom: 50px;
  bottom: 0;
  height: inherit !important;
  overflow: auto; }
  .DateRangePicker_picker__portal .DayPicker_portal__vertical {
    box-shadow: none;
    border: 0;
    border-radius: 0; }
  .DateRangePicker_picker__portal .DayPickerNavigation__vertical {
    position: fixed; }
  .DateRangePicker_picker__portal .DayPicker {
    overflow: auto; }
  .DateRangePicker_picker__portal .CalendarDay__selected,
  .DateRangePicker_picker__portal .CalendarDay__selected:active,
  .DateRangePicker_picker__portal .CalendarDay__selected:hover {
    background: #0077ba;
    border: 1px double #0077ba;
    color: #ffffff !important; }
  .DateRangePicker_picker__portal .CalendarDay__default {
    border: 0;
    font-size: 13px;
    font-weight: 600;
    color: #606c78; }
  .DateRangePicker_picker__portal .CalendarDay__blocked_out_of_range {
    color: #cacccd !important;
    background-color: transparent !important; }
  .DateRangePicker_picker__portal .CalendarDay__selected_span {
    background: #cdecfa;
    border: 1px double #cdecfa;
    color: #202932; }
  .DateRangePicker_picker__portal .CalendarMonth {
    padding: 0 !important; }
    .DateRangePicker_picker__portal .CalendarMonth::after {
      content: "";
      width: 100%;
      height: 8px;
      box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.08);
      background-color: #e2eaf2;
      display: inline-block; }
  .DateRangePicker_picker__portal .CalendarMonthGrid_month__hidden {
    display: none; }
  .DateRangePicker_picker__portal .CalendarMonth_caption {
    padding-top: 50px;
    padding-bottom: 10px; }
    .DateRangePicker_picker__portal .CalendarMonth_caption strong {
      font-size: 14px;
      font-weight: 600; }
  .DateRangePicker_picker__portal .DayPicker_weekHeader {
    position: fixed;
    background-color: #ffffff;
    top: 142px;
    width: 100%;
    left: 0;
    padding: 0 !important;
    text-align: center;
    margin: 0 !important; }
    .DateRangePicker_picker__portal .DayPicker_weekHeader .DayPicker_weekHeader_ul {
      padding: 10px 0 5px;
      margin: 0; }
    .DateRangePicker_picker__portal .DayPicker_weekHeader li {
      width: 14% !important;
      font-weight: 400;
      font-size: 16px;
      color: #003580; }
  .DateRangePicker_picker__portal .CalendarMonthGrid {
    width: 100% !important;
    transition: transform 10ms ease-in-out 0s !important; }
  .DateRangePicker_picker__portal .CalendarMonth_table {
    width: 100%; }

@media (min-width: 768px) {
  #search-box .nav-tabs .nav-item {
    margin-right: 0;
    height: 32px;
    width: 165px; }
    #search-box .nav-tabs .nav-item a {
      height: 32px;
      line-height: 22px; }
  #search-box .tab-pane {
    background: transparent; }
  #search-box .search-container {
    float: left;
    width: 86%;
    top: -1px;
    padding: 2px; }
    #search-box .search-container .form-group {
      margin-right: 2px;
      margin-bottom: 0; }
    #search-box .search-container .closureError-Msg {
      position: absolute;
      font-size: 13px;
      padding: 3px 10px;
      bottom: -24px; }
    #search-box .search-container .search-destination {
      width: 40%;
      float: left; }
    #search-box .search-container .search-checkin-checkout {
      width: 36%;
      float: left; }
    #search-box .search-container .your-party {
      width: 24%;
      float: left; }
      #search-box .search-container .your-party .form-group {
        margin-right: 0; }
        #search-box .search-container .your-party .form-group input {
          background-color: #ffffff;
          cursor: pointer;
          color: #202932;
          font-weight: 600;
          font-size: 15px; }
          #search-box .search-container .your-party .form-group input::placeholder {
            font-size: 15px;
            font-weight: 600;
            color: #202932; }
  #search-box .flight-search .search-container .search-destination {
    width: 34%; }
  #search-box .flight-search .search-container .flight-departure {
    float: left;
    width: 18%; }
  #search-box .flight-search .search-container .search-checkin-checkout {
    width: 28%; }
  #search-box .flight-search .search-container .your-party {
    width: 20%; }
  #search-box .submit-btn {
    margin-left: 4px;
    float: left; }
    #search-box .submit-btn .btn-orange {
      width: 150px;
      height: 54px;
      font-size: 18px;
      font-weight: 600; }
  #search-box .destination-megadropdown {
    position: absolute;
    width: 71%;
    background: #fff;
    box-shadow: -1px -1px 12px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    top: 55px;
    left: 2px;
    height: auto;
    z-index: 100;
    min-height: 240px;
    padding: 20px 15px 5px 25px; }
    #search-box .destination-megadropdown:after {
      content: "";
      display: inline-block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #fff;
      position: absolute;
      top: -9px;
      left: 10%; }
    #search-box .destination-megadropdown:before {
      content: "";
      display: inline-block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #ccc;
      border-bottom-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      top: -10px;
      left: 10%; }
    #search-box .destination-megadropdown .destination-autocomplete {
      padding: 0;
      overflow: visible;
      height: auto; }
      #search-box .destination-megadropdown .destination-autocomplete li:hover {
        background-color: rgba(53, 127, 214, 0.28); }
  #search-box .multiairport {
    width: 79%;
    margin: 0 auto;
    background: #fff;
    color: #202932;
    padding: 20px;
    box-shadow: -1px -1px 12px 0 rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    position: absolute;
    top: 53px;
    left: 7.7%;
    z-index: 100;
    height: auto; }
    #search-box .multiairport:after, #search-box .multiairport:before {
      content: "";
      display: inline-block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #fff;
      position: absolute;
      top: -9px;
      left: 40%; }
    #search-box .multiairport .multiselect {
      padding: 0;
      display: inline-block; }
      #search-box .multiairport .multiselect label:before {
        vertical-align: top;
        margin-right: 8px;
        top: 1px;
        position: relative; }
      #search-box .multiairport .multiselect label::after {
        top: 11px; }
      #search-box .multiairport .multiselect .airport-name {
        display: inline-block;
        width: 82%;
        vertical-align: top;
        line-height: 17px;
        position: relative;
        top: 2px; }
    #search-box .multiairport .multihead {
      margin-bottom: 15px; }
      #search-box .multiairport .multihead .link {
        cursor: pointer; }
    #search-box .multiairport .multiselectbody {
      overflow: visible;
      padding: 0; }
      #search-box .multiairport .multiselectbody .row {
        margin: 0;
        margin-bottom: 10px; }
  #search-box .rooms-guest-dropdown {
    overflow: visible;
    position: absolute;
    min-width: 490px !important;
    background: #fff;
    box-shadow: -1px -1px 12px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    top: 55px !important;
    right: -150px !important;
    z-index: 100;
    left: auto;
    height: auto; }
    #search-box .rooms-guest-dropdown:after {
      content: "";
      display: inline-block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #fff;
      position: absolute;
      top: -9px;
      right: 295px; }
    #search-box .rooms-guest-dropdown:before {
      content: "";
      display: inline-block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #ccc;
      border-bottom-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      top: -10px;
      right: 295px; }
    #search-box .rooms-guest-dropdown .room-left {
      float: left;
      display: flex; }
    #search-box .rooms-guest-dropdown .room-right {
      float: right;
      padding-bottom: 15px;
      min-height: 250px; }
      #search-box .rooms-guest-dropdown .room-right .rooms,
      #search-box .rooms-guest-dropdown .room-right .addrooms {
        float: none !important;
        display: block;
        text-align: center;
        line-height: 20px; }
      #search-box .rooms-guest-dropdown .room-right .rooms {
        margin-bottom: 18px;
        font-weight: 600;
        font-size: 18px; }
    #search-box .rooms-guest-dropdown .select-wrapper label span {
      margin-left: 0; }
    #search-box .rooms-guest-dropdown .select-wrapper select.child-age {
      width: 67px !important;
      padding-left: 9px !important;
      margin-left: 3px !important; }
    #search-box .rooms-guest-dropdown .select-wrapper:after {
      right: 2px; }
    #search-box .rooms-guest-dropdown .no-childs .select-wrapper:nth-child(odd) {
      margin-right: 0px; }
    #search-box .rooms-guest-dropdown .select-wrapper {
      background: #f9f9f9; }
    #search-box .rooms-guest-dropdown .add-room {
      width: 100%; }
    #search-box .rooms-guest-dropdown .add-room-link {
      width: 100% !important; }
    #search-box .rooms-guest-dropdown .mbl-roomsmenu {
      display: flex;
      margin: 0; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .nbr-rooms {
        padding: 0 15px;
        position: relative;
        vertical-align: middle;
        top: -1px;
        font-size: 24px;
        font-weight: 600; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room-enter {
        background: #e8f4fc;
        width: 224px;
        padding: 45px 20px;
        text-align: center;
        margin: 12px 12px 15px;
        border-radius: 6px; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room-enter i {
          border: 2px solid #0077ba;
          border-radius: 50%;
          font-size: 24px;
          color: #0077ba;
          display: inline-block;
          cursor: pointer; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room-enter i.inactive {
            color: #d4d4d4;
            border: 2px solid #d4d4d4;
            pointer-events: none; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .group-book {
        padding: 10px 0;
        margin-bottom: 45px; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .group-book .standard-text {
          line-height: 15px;
          margin-bottom: 3px;
          color: #003580; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room {
        border: 0;
        border-right: solid 1px #d4d9df;
        padding: 15px 20px 10px;
        margin: 0;
        display: table-cell;
        max-width: 280px;
        min-width: 280px;
        background: transparent;
        height: 100%;
        border-radius: 0;
        overflow: visible; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-room-head {
          margin-bottom: 5px; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-room-head i {
            font-size: 23px;
            position: relative;
            top: 0;
            right: -5px;
            color: rgba(32, 41, 50, 0.36);
            cursor: pointer; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-room-head span {
            font-size: 16px;
            font-weight: 600; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-room-head .mblhead-guests {
            font-size: 13px;
            color: #606c77;
            margin-left: 10px; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults {
          border-bottom: solid 1px rgba(167, 203, 255, 0.45);
          padding: 15px 0 5px;
          position: relative; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults .age-text {
            text-align: center;
            display: block;
            color: #5a5a5a;
            font-size: 12px; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults i {
            border: 2px solid #0077ba;
            border-radius: 50%;
            font-size: 24px;
            color: #0077ba;
            display: inline-block;
            cursor: pointer; }
            #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults i:focus {
              outline: none !important; }
            #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults i.inactive {
              color: #d4d4d4;
              border: 2px solid #d4d4d4;
              pointer-events: none; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults.child-section {
            border-bottom: 0; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box {
        margin: 10px 0 0; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .childsection li {
          display: inline-block;
          width: 100%;
          position: relative; }
        #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child {
          box-shadow: -2px 1px 5px 0 rgba(0, 0, 0, 0.1);
          width: 100%;
          float: left;
          border-radius: 50px;
          padding: 6px 15px;
          line-height: 12px;
          margin-right: 10px;
          margin-top: 10px;
          position: relative;
          line-height: 12px; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child:nth-child(2), #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child:nth-child(4) {
            margin-right: 0; }
          #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-child-box .mbl-child .mbl-childtxt {
            position: relative;
            top: -5px; }
    #search-box .rooms-guest-dropdown .adult-child {
      display: block;
      width: 100%; }
      #search-box .rooms-guest-dropdown .adult-child .full-width-room {
        max-width: 100%;
        display: block;
        border-right: none; }
        #search-box .rooms-guest-dropdown .adult-child .full-width-room .rooms {
          padding: 30px 17px; }
      #search-box .rooms-guest-dropdown .adult-child .rooms {
        width: 100%;
        border-right: none;
        display: block;
        max-width: 100%;
        background: #f9f9f9;
        border-bottom: 1px solid #d3d3d3;
        height: auto; }
    #search-box .rooms-guest-dropdown .searchform-link {
      width: 100% !important; }
    #search-box .rooms-guest-dropdown .done-reset {
      display: block;
      text-align: center;
      background-color: #003580;
      line-height: 42px;
      border-radius: 20px;
      width: 224px;
      height: 42px;
      margin: 0 auto;
      position: absolute;
      bottom: 20px;
      right: 10px;
      cursor: pointer; }
      #search-box .rooms-guest-dropdown .done-reset.inactive {
        background: #ccc;
        pointer-events: none;
        background-image: none !important;
        border: 0; }
      #search-box .rooms-guest-dropdown .done-reset a {
        color: #fff;
        font-size: 16px;
        display: block;
        cursor: pointer;
        margin: 0 auto; }
  .inner-search-form {
    padding: 10px 0; }
    .inner-search-form .col-lg-12 {
      padding: 0; }
    .inner-search-form #search-box .nav-tabs .nav-item {
      position: relative;
      top: 5px;
      right: -3px;
      margin-right: 4px; }
      .inner-search-form #search-box .nav-tabs .nav-item a {
        line-height: 18px;
        font-size: 14px; }
    .inner-search-form #search-box .search-container {
      background-color: transparent; }
    .inner-search-form #search-box .submit-btn .btn-orange {
      height: 50px;
      margin: 0;
      font-size: 16px; } }

@media (min-width: 768px) and (max-width: 979px) {
  #search-box .rooms-guest-dropdown {
    min-width: 390px !important;
    right: 0 !important; }
    #search-box .rooms-guest-dropdown::after, #search-box .rooms-guest-dropdown::before {
      right: 85px; }
    #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room {
      min-width: 180px;
      padding: 10px; }
      #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room .mbl-adults i {
        font-size: 18px;
        width: 22px;
        height: 22px;
        line-height: 19px; }
    #search-box .rooms-guest-dropdown .mbl-roomsmenu .mbl-room-enter {
      width: 170px; }
    #search-box .rooms-guest-dropdown .mbl-roomsmenu .nbr-rooms {
      padding: 0 10px;
      font-size: 20px; }
    #search-box .rooms-guest-dropdown .done-reset {
      width: 170px; }
  #search-box .search-container .form-group input {
    padding: 14px 12px 0; }
  #search-box .search-container .form-group label {
    left: 12px; }
  #search-box .multiairport {
    width: 100%;
    left: 0; }
    #search-box .multiairport::after, #search-box .multiairport::before {
      left: 30%; }
    #search-box .multiairport .multiselect label::before {
      margin-right: 6px; }
  .inner-search #search-box .rooms-guest-dropdown {
    right: -90px !important; } }

@media (min-width: 768px) and (max-width: 1129px) {
  #search-box .destination-megadropdown {
    width: 100%; }
  #search-box .DateRangePicker .DateRangePicker_picker {
    left: -100% !important; }
  .Homepagebanner .banner-heading .atol-text {
    width: 90%; }
  .Homepagebanner .banner-heading .atol-logo {
    width: 10%; }
    .Homepagebanner .banner-heading .atol-logo img {
      width: 65px; }
  .Homepagebanner .banner-heading h1 {
    font-size: 26px;
    margin: 0; }
  .Homepagebanner .banner-heading h3 {
    font-size: 20px; }
    .Homepagebanner .banner-heading h3 .banner-txt {
      font-size: 20px;
      line-height: 22px; }
  .Homepagebanner #search-box .search-container {
    width: 100%; }
  .Homepagebanner #search-box .flight-search .search-container .search-destination {
    width: 25%; }
  .Homepagebanner #search-box .flight-search .search-container .search-checkin-checkout {
    width: 35%; }
  .Homepagebanner #search-box .flight-search .search-container .your-party {
    width: 22%; }
    .Homepagebanner #search-box .flight-search .search-container .your-party label {
      left: 10px; }
    .Homepagebanner #search-box .flight-search .search-container .your-party .inputyour-party {
      padding: 18px 2px 0 10px; }
  .Homepagebanner #search-box .submit-btn {
    text-align: center;
    width: 100%; }
    .Homepagebanner #search-box .submit-btn .btn-orange {
      width: 240px;
      height: 45px;
      margin: 20px auto; }
  .inner-search .container {
    padding: 0; }
  .inner-search-form #search-box .search-container {
    width: 86%; }
    .inner-search-form #search-box .search-container .search-destination {
      width: 40%; }
    .inner-search-form #search-box .search-container .search-checkin-checkout {
      width: 39%; }
    .inner-search-form #search-box .search-container .your-party {
      width: 21%; }
      .inner-search-form #search-box .search-container .your-party .inputyour-party {
        padding: 18px 12px 0; }
  .inner-search-form #search-box .submit-btn .btn-orange {
    width: 100px;
    font-size: 16px;
    padding: 0 10px; }
  .inner-search-form #search-box .flight-search .search-container .search-destination {
    width: 23%; }
  .inner-search-form #search-box .flight-search .search-container .search-checkin-checkout {
    width: 38%; } }

@media (min-width: 768px) and (max-width: 1199px) {
  #search-box .search-container {
    width: 100%; }
  #search-box .submit-btn {
    float: none; }
    #search-box .submit-btn .btn-orange {
      width: 240px;
      height: 45px;
      margin-top: 30px; } }

.home-carousel {
  margin-bottom: 20px; }
  .home-carousel [class*="col-"] {
    padding: 0; }
  .home-carousel a:hover {
    text-decoration: none; }
  .home-carousel h3 {
    font-size: 20px;
    font-weight: 700;
    color: #003580;
    margin: 0;
    margin-bottom: 12px !important; }
  .home-carousel img {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: 6px; }
    .home-carousel img:hover {
      -webkit-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05); }
  .home-carousel .slick-slider .slick-list {
    overflow: hidden; }
  .home-carousel .slick-slider .slick-slide {
    display: inline-block;
    padding: 0px 12px 0; }
  .home-carousel .slick-slider .slick-dots {
    display: none !important; }
  .home-carousel .slick-slider .slick-arrow {
    display: none !important;
    font-size: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 42%;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(151, 151, 151, 0.32);
    position: absolute;
    top: 40%;
    z-index: 1;
    cursor: pointer; }
    .home-carousel .slick-slider .slick-arrow:before {
      border: solid black;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 4px; }
    .home-carousel .slick-slider .slick-arrow.slick-next {
      right: 4px; }
      .home-carousel .slick-slider .slick-arrow.slick-next::before {
        content: "";
        display: inline-block;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        position: relative;
        right: 2px; }
    .home-carousel .slick-slider .slick-arrow.slick-prev {
      left: 1px; }
      .home-carousel .slick-slider .slick-arrow.slick-prev::before {
        content: "";
        display: inline-block;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        position: relative;
        left: 2px; }
    .home-carousel .slick-slider .slick-arrow.slick-disabled {
      cursor: default; }
      .home-carousel .slick-slider .slick-arrow.slick-disabled:before {
        border-color: #ccc;
        pointer-events: none; }

.promo-banner {
  margin-bottom: 25px;
  /*.col{
    padding: 0;
  }*/ }

@media (min-width: 768px) {
  .home-carousel {
    margin-bottom: 55px; }
    .home-carousel [class*="col-"] {
      padding: 0 15px; }
    .home-carousel h3 {
      font-size: 26px;
      margin-bottom: 30px !important; }
    .home-carousel .tag-line {
      position: relative;
      top: -20px;
      line-height: 16px; }
    .home-carousel .slick-slider .slick-arrow {
      display: block !important; } }

.pagination-row {
  position: relative;
  display: block !important;
  overflow: hidden;
  padding-bottom: 20px;
  margin: 0 !important; }

.pagination {
  display: block !important;
  text-align: center;
  background-color: #f1f5f7;
  height: 40px;
  line-height: 40px;
  width: 70%;
  margin: 0 auto; }
  .pagination li {
    display: inline-block;
    margin: 0 6px; }
    .pagination li a {
      padding: 0 10px;
      border: 1px solid transparent;
      color: #202932;
      background-color: #f3f5f7;
      cursor: pointer;
      display: inline-block;
      height: 40px;
      text-transform: capitalize; }
    .pagination li.active a {
      background-color: #fff;
      color: #1c94d9;
      font-weight: 700;
      border: 1px solid #cad1d9;
      pointer-events: none;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      position: relative;
      top: -1px;
      line-height: 12px;
      padding: 7px 4px;
      box-shadow: 0 4px 8px 0 rgba(0, 119, 186, 0.2); }
    .pagination li:first-child, .pagination li:last-child {
      display: none; }
    .pagination li:nth-child(2), .pagination li:nth-last-child(2) {
      position: absolute;
      font-size: 0;
      left: 0;
      padding: 0;
      width: 40px;
      text-align: center;
      background-color: #f1f5f7; }
      .pagination li:nth-child(2):before, .pagination li:nth-last-child(2):before {
        display: block;
        font-size: 27px;
        font-weight: 200;
        font-family: Material Design Icons;
        content: "\F141";
        position: relative;
        float: left;
        left: 4px;
        top: 0;
        z-index: 1;
        cursor: pointer; }
      .pagination li:nth-child(2) a, .pagination li:nth-last-child(2) a {
        padding: 0;
        display: block;
        position: relative;
        top: -2px; }
    .pagination li:nth-last-child(2) {
      right: 0;
      left: auto; }
      .pagination li:nth-last-child(2):before {
        float: right;
        content: "\F142";
        left: auto;
        right: 4px;
        cursor: pointer; }
    .pagination li.disabled:before {
      color: #8c96a0;
      pointer-events: none; }
    .pagination li.disabled a {
      color: #8c96a0;
      pointer-events: none; }

@media (min-width: 768px) {
  .pagination li a {
    padding: 0 13px; }
  .pagination li:nth-child(2), .pagination li:nth-last-child(2) {
    width: 90px;
    font-size: 14px; } }

.caronavirus-message {
  background: #003580;
  height: 28px;
  font-size: 14px;
  line-height: 18px;
  text-decoration: underline; }
  @media (min-width: 768px) {
    .caronavirus-message {
      height: 40px;
      font-size: 20px;
      line-height: 22px; } }

.footer-static-sidebar {
  border: 1px solid #ddd; }
  .footer-static-sidebar ul {
    display: inline-block;
    width: 100%; }
    .footer-static-sidebar ul li {
      border-bottom: 1px solid #ddd; }
      .footer-static-sidebar ul li:hover {
        background: #eeeeee; }
      .footer-static-sidebar ul li a {
        display: block;
        padding: 10px; }
        .footer-static-sidebar ul li a.active.nav-link {
          color: #202932;
          pointer-events: none;
          font-weight: 600; }

.contactus-section address {
  line-height: 20px;
  font-size: 12px;
  color: #777; }

.contactus-section .row-spacing {
  line-height: 25px;
  font-size: 12px; }

.contactus-section .timings {
  line-height: 19px; }

.contactus-section .mobile-spacing {
  margin-top: 10px; }

.contactus-section .contact-content-section {
  box-shadow: 0 1px 3px 0 rgba(31, 31, 40, 0.36), 0 0 2px 0 rgba(31, 31, 40, 0.28);
  border-radius: 2px;
  padding: 18px 20px;
  margin-bottom: 18px; }

.contactus-section .customer-service-left {
  width: 100%; }
  .contactus-section .customer-service-left span {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 12px; }

.contactus-section .customer-service-right {
  width: 100%; }
  .contactus-section .customer-service-right span {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 12px; }

.contactus-section h1 {
  color: #202932;
  font-size: 24.5px;
  font-weight: 700; }

.contactus-section h2 {
  font-size: 13px;
  font-weight: 700; }

.contactus-section p {
  text-align: justify;
  font-size: 12px; }

@media (min-width: 768px) {
  .contactus-section address {
    line-height: 22px;
    font-size: 14px; }
  .contactus-section .customer-service-small {
    max-height: 150px; }
  .contactus-section .row-spacing {
    font-size: 14px;
    line-height: 34px; }
  .contactus-section h2 {
    font-size: 15px; }
  .contactus-section p {
    font-size: 14px; }
  .contactus-section .customer-service-left {
    width: 48%;
    float: left; }
    .contactus-section .customer-service-left span {
      font-size: 14px; }
  .contactus-section .customer-service-right {
    width: 49.6%;
    margin-left: 11px;
    float: left; }
    .contactus-section .customer-service-right span {
      font-size: 13px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .contactus-section .customer-service-left span {
    font-size: 12px; }
  .contactus-section .customer-service-right span {
    font-size: 12px; } }

.aboutus-section {
  padding: 0 0 30px;
  overflow-x: hidden; }
  .aboutus-section .feedback-section .row {
    width: 84%;
    text-align: center;
    margin: 0 auto; }
  .aboutus-section .feedback-section .ratings {
    margin-bottom: 21px;
    padding: 10px 0;
    border-radius: 3px; }
    .aboutus-section .feedback-section .ratings p {
      margin: 0; }
    .aboutus-section .feedback-section .ratings .highlight {
      font-size: 38px;
      line-height: 40px; }
  .aboutus-section .feedback-section .green-clm {
    background: #34bc99; }
  .aboutus-section .feedback-section ul {
    width: 76%;
    margin: 0 auto; }
  .aboutus-section .feedback-section .abtus-tta {
    width: 271px;
    height: 50px;
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/about-us/awards/about-sprite.png?v=1") -78px -1081px;
    display: inline-block; }
  .aboutus-section .feedback-section .abtus-topp {
    width: 90px;
    height: 45px;
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/about-us/awards/about-sprite.png?v=1") 202px 50px;
    display: inline-block; }
  .aboutus-section .feedback-section .purple-clm {
    background: #9857bc; }
  .aboutus-section .feedback-section .orange-clm {
    background: #e34e35; }
  .aboutus-section .feedback-section h3 {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    margin: 24px 0;
    color: #202932; }
  .aboutus-section .feedback-section .feedbacks-clm {
    background: #f5f5f5;
    margin-bottom: 21px;
    padding: 13px 0;
    border-radius: 3px; }
    .aboutus-section .feedback-section .feedbacks-clm p {
      font-size: 14px;
      margin-bottom: 0; }
    .aboutus-section .feedback-section .feedbacks-clm ul {
      width: 26%;
      margin: 0 auto; }
    .aboutus-section .feedback-section .feedbacks-clm span.abtus-tta {
      width: 271px;
      height: 50px;
      background: url("https://cdn4.alpharooms.com/assets-ux-new/images/about-us/awards/about-sprite.png?v=1") -78px -1081px;
      display: inline-block; }
    .aboutus-section .feedback-section .feedbacks-clm .highlight {
      font-size: 36px;
      color: #e34e35;
      margin: 10px;
      line-height: 30px; }
    .aboutus-section .feedback-section .feedbacks-clm .col {
      text-align: center;
      background: #f5f5f5;
      margin: 12px; }
    .aboutus-section .feedback-section .feedbacks-clm .green {
      background: #34bc99; }
    .aboutus-section .feedback-section .feedbacks-clm .purple {
      background: #9857bc; }
    .aboutus-section .feedback-section .feedbacks-clm .orange {
      background: #e34e35; }
  .aboutus-section .customersay-section {
    background: #3d96e1;
    margin: 0; }
    .aboutus-section .customersay-section .customersay.row {
      width: 98%;
      margin: 0 auto; }
    .aboutus-section .customersay-section p {
      color: #ffffff;
      text-align: center; }
    .aboutus-section .customersay-section h3 {
      font-size: 20px;
      text-align: center;
      font-weight: 700;
      margin: 40px 0;
      color: #ffffff; }
  .aboutus-section .clouds {
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/about-us/clouds.png?v=1") center bottom repeat-x;
    height: 70px;
    margin-top: -70px; }
  .aboutus-section .waves {
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/about-us/waves.gif?v=1") center bottom repeat-x;
    height: 30px; }
  .aboutus-section .blue-clmns {
    padding: 0 39px; }
    .aboutus-section .blue-clmns h3 {
      font-size: 17px;
      font-weight: 700;
      margin-top: 17px;
      text-align: center;
      margin-bottom: 22px; }
    .aboutus-section .blue-clmns p {
      text-align: center; }
  .aboutus-section .description {
    background-color: #3d96e1;
    color: #ffffff;
    text-align: center;
    padding: 30px; }
  .aboutus-section .awards-section h2 {
    font-size: 24px;
    color: #3d96e1;
    font-weight: 700;
    margin: 40px 0;
    text-align: center; }
  .aboutus-section .awards-section .four-clmn-awards-block {
    width: 38%;
    margin: 3% 32%; }
    .aboutus-section .awards-section .four-clmn-awards-block h4 {
      color: #3d96e1;
      font-size: 20px;
      font-weight: 700;
      text-align: center;
      margin: 13px 0; }
    .aboutus-section .awards-section .four-clmn-awards-block p {
      text-align: center;
      font-size: 15px;
      color: #202932;
      margin: 0;
      font-weight: 600; }
  .aboutus-section .awards-section .awards-clm {
    width: 80%;
    margin: 0 auto; }
    .aboutus-section .awards-section .awards-clm .awards-block {
      width: 44%;
      margin: 6% 26%; }
      .aboutus-section .awards-section .awards-clm .awards-block h4 {
        color: #3d96e1;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        margin: 13px 0; }
      .aboutus-section .awards-section .awards-clm .awards-block p {
        text-align: center;
        font-size: 16px;
        color: #202932;
        margin: 0;
        font-weight: 600; }
  .aboutus-section .statistic-section {
    padding: 20px 0; }
    .aboutus-section .statistic-section .statistic .statistic-wrapper {
      line-height: 20px;
      padding: 14px 0;
      min-height: 89px;
      vertical-align: middle;
      width: 43%;
      display: inline-block;
      margin: 10px;
      background: #f5f5f5; }
      .aboutus-section .statistic-section .statistic .statistic-wrapper span.highlight {
        color: #e34e35;
        font-size: 18px; }
  .aboutus-section .header {
    text-shadow: 0 0 20px #000;
    background: url("https://cdn4.alpharooms.com/assets-ux-new/images/about-us/about-us-bg.jpg?v=1") center no-repeat #000;
    margin: 0;
    height: 200px;
    width: 100%; }
    .aboutus-section .header h1 {
      color: #ffffff;
      font-size: 26px;
      font-weight: 700;
      text-align: center;
      width: 86%;
      margin: 0 auto;
      padding-top: 31px; }

@media (min-width: 768px) {
  .aboutus-section {
    padding: 0 0 30px;
    overflow-x: hidden; }
    .aboutus-section .feedback-section h3 {
      font-size: 20px;
      text-align: center;
      font-weight: 700;
      margin: 40px 0 35px;
      color: #202932; }
    .aboutus-section .feedback-section ul {
      width: 26%;
      margin: 0 auto; }
    .aboutus-section .feedback-section .feedbacks-clm {
      width: 100%;
      margin: 0 auto; }
      .aboutus-section .feedback-section .feedbacks-clm .highlight {
        font-size: 36px;
        color: #f6a12d;
        margin: 10px; }
      .aboutus-section .feedback-section .feedbacks-clm .col {
        text-align: center;
        background: #f5f5f5;
        margin: 12px; }
    .aboutus-section .customersay-section {
      background: #3d96e1;
      margin: 0; }
      .aboutus-section .customersay-section .customersay.row {
        width: 58%;
        margin: 0 auto; }
      .aboutus-section .customersay-section p {
        color: #ffffff;
        text-align: center; }
      .aboutus-section .customersay-section h3 {
        font-size: 20px;
        text-align: center;
        font-weight: 700;
        margin: 40px 0;
        color: #ffffff; }
    .aboutus-section .description {
      color: #ffffff; }
    .aboutus-section .awards-section .four-clmn-awards-block {
      width: 21%;
      margin: 0 2%;
      vertical-align: middle;
      padding: 0px 42px;
      display: inline-block; }
    .aboutus-section .awards-section .awards-clm .awards-block {
      display: inline-block;
      width: 22%;
      margin: 0 5%;
      vertical-align: middle;
      padding: 0 21px; }
    .aboutus-section .statistic-section {
      padding: 60px 0; }
      .aboutus-section .statistic-section .statistic .statistic-wrapper {
        width: 14%; }
        .aboutus-section .statistic-section .statistic .statistic-wrapper span.highlight {
          color: #f6a12d;
          font-size: 18px; }
    .aboutus-section .header h1 {
      width: 50%;
      padding-top: 52px; } }

.suppliers-section ul.list-style {
  list-style: inherit;
  padding-left: 22px; }
  .suppliers-section ul.list-style li {
    font-size: 12px; }

.suppliers-section h1 {
  color: #202932;
  font-size: 24.5px;
  font-weight: 700; }

.suppliers-section h2 {
  color: #202932;
  font-size: 12px;
  font-weight: 700; }

.suppliers-section p {
  text-align: left;
  font-size: 12px; }

@media (min-width: 768px) {
  .suppliers-section ul.list-style li {
    font-size: 14px; }
  .suppliers-section h1 {
    color: #202932;
    margin-bottom: 10px;
    font-size: 24.5px;
    font-weight: 700; }
  .suppliers-section h2 {
    color: #202932;
    font-size: 14px; }
  .suppliers-section p {
    text-align: justify;
    font-size: 14px; } }

.agencyterms-section ol {
  padding-left: 0;
  margin-bottom: 20px; }

.agencyterms-section ul {
  padding-left: 30px;
  margin-bottom: 20px; }
  .agencyterms-section ul li {
    list-style-type: disc; }

.agencyterms-section ul.booking-btns li.green {
  background: #63bc3d;
  margin-bottom: 10px;
  font-size: 12px;
  padding: 6px 15px;
  font-weight: 700;
  border-radius: 3px;
  cursor: pointer;
  color: #ffffff;
  display: inline-block; }

.agencyterms-section ul.booking-btns li.orange {
  background: #fc881b;
  color: #ffffff;
  font-weight: 700;
  padding: 8px 15px;
  font-size: 12px;
  border-radius: 3px;
  margin-left: 0px;
  cursor: pointer;
  display: inline-block; }

.agencyterms-section h1 {
  color: #202932;
  font-size: 24.5px;
  font-weight: 700; }

.agencyterms-section h2 {
  color: #202932;
  font-size: 14px;
  font-weight: 700;
  margin: 11px 0; }

.agencyterms-section h3 {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 700; }

.agencyterms-section h4 {
  font-size: 12px;
  font-weight: 700;
  margin-top: 12px; }

.agencyterms-section p {
  text-align: left;
  font-size: 12px; }

.agencyterms-section ul.list-style {
  list-style-type: disc;
  padding-left: 34px; }
  .agencyterms-section ul.list-style ul {
    list-style-type: circle; }

.agencyterms-section .table-bordered {
  width: 100%; }
  .agencyterms-section .table-bordered th {
    border: 1px solid #ffffff; }
  .agencyterms-section .table-bordered td {
    vertical-align: middle;
    font-size: 14px; }

.agencyterms-section .table-bordered-two {
  border: 1px solid #dee2e6;
  width: 100%; }
  .agencyterms-section .table-bordered-two td {
    padding: 12px; }
  .agencyterms-section .table-bordered-two th.include {
    width: 13%; }
  .agencyterms-section .table-bordered-two th.all-include {
    width: 20%; }
  .agencyterms-section .table-bordered-two th.all-inclusive-lite {
    width: 16%; }
  .agencyterms-section .table-bordered-two th.all-inclusive-bronze {
    width: 13%; }
  .agencyterms-section .table-bordered-two th.all-inclusive-silver {
    width: 17%; }
  .agencyterms-section .table-bordered-two th.all-inclusive-gold {
    width: 16%; }
  .agencyterms-section .table-bordered-two th {
    font-size: 12px;
    text-align: center; }
  .agencyterms-section .table-bordered-two tr {
    border-top: 1px solid #dee2e6;
    padding: 14px; }
    .agencyterms-section .table-bordered-two tr p {
      text-align: center; }
    .agencyterms-section .table-bordered-two tr b {
      text-align: center; }

@media (min-width: 768px) {
  .agencyterms-section ul.booking-btns li.orange {
    margin-left: 12px;
    font-size: 14px; }
  .agencyterms-section ul.booking-btns li.green {
    background: #63bc3d;
    font-size: 14px;
    padding: 6px 15px; }
  .agencyterms-section ul.booking-btns li.green {
    background: #63bc3d;
    padding: 6px 15px; }
  .agencyterms-section .table-bordered-two th {
    font-size: 14px; }
  .agencyterms-section h1 {
    color: #202932;
    font-size: 24.5px;
    font-weight: 700; }
  .agencyterms-section h2 {
    color: #202932;
    font-size: 18px; }
  .agencyterms-section h4 {
    font-size: 14px; }
  .agencyterms-section p {
    font-size: 14px; } }

.gb-check-box label {
  width: 200px !important; }
  .gb-check-box label::before {
    float: right;
    margin-left: 21px; }

.gb-check-box {
  margin-top: 12px; }
  .gb-check-box [type="checkbox"] + label::after {
    top: 44%;
    left: 85%; }

.confirmation-section .contactus-form label {
  margin-bottom: 0px;
  width: 170px !important;
  margin-right: 20px !important; }

.error-statement h3 {
  color: #e34e35;
  text-align: right;
  font-size: 14px;
  margin-top: 18px; }

.bottom-btn .prev-btn {
  margin-bottom: 15px; }

.bottom-btn .terms-conditions {
  float: left;
  position: relative;
  top: 11px; }
  .bottom-btn .terms-conditions a {
    display: contents; }

.bottom-btn .group-next-btn {
  width: 100%;
  height: 45px;
  border-radius: 25px;
  line-height: 20px; }

.bottom-btn .group-previous-btn {
  width: 100%;
  height: 45px;
  border-radius: 25px;
  line-height: 20px;
  border: 0; }

.bottom-btn .group-submit-btn {
  width: 100%;
  border-radius: 25px;
  height: 45px;
  line-height: 40px;
  border-radius: 25px;
  line-height: 20px;
  float: right;
  margin: 10px 0; }

.group-section {
  margin-top: 20px; }
  .group-section .css-yk16xz-control {
    background: transparent;
    border-radius: 5px; }
  .group-section .dest-dropdown {
    border: 1px solid #eee;
    box-shadow: 1px 1px 1px #eee;
    border-radius: 6px;
    padding: 0;
    left: 0;
    position: absolute;
    z-index: 20;
    background: #fff;
    top: 65px;
    width: 100%; }
    .group-section .dest-dropdown li {
      padding: 6px 10px;
      font-size: 13px;
      cursor: pointer; }
      .group-section .dest-dropdown li:hover {
        background-color: #d0eaf9; }
  .group-section .dep-date {
    position: relative; }
    .group-section .dep-date i {
      position: absolute;
      z-index: 1;
      right: 5px;
      font-size: 20px;
      top: 5px;
      pointer-events: none; }
    .group-section .dep-date .DateInput {
      width: 260px; }
    .group-section .dep-date .SingleDatePicker_picker__directionLeft {
      z-index: 20; }
    .group-section .dep-date .DateInput_input__small {
      border: 0;
      width: 100%;
      max-width: 100% !important; }
      .group-section .dep-date .DateInput_input__small::placeholder {
        color: #606c77;
        font-size: 12px; }
  .group-section .room-req-error h3 {
    font-size: 14px;
    color: #e34e35; }
  .group-section .is-danger {
    background: #e34e35; }
  .group-section span.selector-span {
    color: #d91a1a;
    top: 81px;
    position: absolute; }
  .group-section .css-1wa3eu0-placeholder {
    color: #202932 !important; }
  .group-section .contact-selector {
    width: 100%;
    border-radius: 5px; }
    .group-section .contact-selector div[class*="-menu"] {
      z-index: 20; }
  .group-section span.selector-span {
    color: #d91a1a;
    top: 81px; }
  .group-section h1 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 16px; }
  .group-section p {
    font-size: 12px; }
  .group-section h3 {
    font-size: 24.5px;
    font-weight: 700;
    margin-top: 18px; }
  .group-section .bread-crumbs span {
    font-size: 12px; }
  .group-section .pencil-icon {
    color: #bfbfbf;
    font-size: 27px; }
  .group-section .contactus-container {
    padding: 20px 15px 30px;
    background: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(31, 31, 40, 0.1), 0 0 2px 0 rgba(31, 31, 40, 0.2);
    border-radius: 2px; }
    .group-section .contactus-container .contactus-form .error {
      color: #d91a1a;
      position: relative;
      left: 0;
      top: 2px; }
    .group-section .contactus-container .contactus-form label {
      width: 242px;
      text-align: left;
      margin-right: 10px;
      display: inline-block;
      position: relative;
      color: #202932;
      font-weight: 400;
      top: auto;
      left: auto; }
    .group-section .contactus-container .contactus-form input:not(:focus):valid {
      border: 1px solid #ccc; }
    .group-section .contactus-container .contactus-form input:not(:focus):invalid {
      border: 1px solid #ccc;
      background: #d91a1a; }
    .group-section .contactus-container .contactus-form input {
      max-height: 38px;
      max-width: 100%; }
    .group-section .contactus-container .contactus-form .form-group {
      width: 100%;
      margin: 10px auto; }
    .group-section .contactus-container .contactus-form select.selectpicker {
      background-image: none;
      border: 1px solid #ccc;
      width: 73%;
      padding: 8px 6px;
      border-radius: 2px; }

.terms-condition-popup {
  max-width: 41% !important; }
  .terms-condition-popup .modal-terms-body {
    height: 420px;
    overflow: scroll; }
  .terms-condition-popup .terms-condition-header {
    background: #edf3fa; }
    .terms-condition-popup .terms-condition-header h5 {
      font-size: 17.5px;
      font-weight: 700; }
  .terms-condition-popup .btn-rounded-pill {
    border-radius: 25px;
    background: #edf3fa;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    color: #333;
    width: 63px;
    font-size: 13px; }
  .terms-condition-popup .terms-popup-ftr {
    background: #edf3fa; }
  .terms-condition-popup th {
    width: 240px; }
  .terms-condition-popup h2 {
    font-size: 17.5px; }
  .terms-condition-popup h3 {
    font-size: 14px;
    font-weight: 700; }

@media (min-width: 768px) {
  .confirmation-section .contactus-form .form-group label {
    margin-bottom: 0px; }
  .bottom-btn button:focus {
    border-color: #fc881b !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; }
  .bottom-btn .group-next-btn {
    width: 14%; }
  .bottom-btn .group-previous-btn {
    width: 29%; }
  .bottom-btn .group-submit-btn {
    width: 13%;
    line-height: 20px;
    border: 1px solid #fc881b;
    outline-style: none; }
  .group-section .dest-dropdown {
    left: 138px;
    top: 30px;
    width: 49%; }
  .group-section .contact-selector {
    width: 56%; }
  .group-section h1 {
    font-size: 31.5px; }
  .group-section p {
    font-size: 14px; }
  .group-section h3 {
    font-size: 24.5px; }
  .group-section .bread-crumbs span {
    font-size: 12px; }
  .group-section .contactus-container .gb-check-box label {
    width: 200px !important; }
  .group-section .contactus-container label#checkbox1 {
    width: 170px;
    text-align: center; }
  .group-section .contactus-container .contactus-form .error {
    left: 140px; }
    .group-section .contactus-container .contactus-form .error.email-error {
      width: 60%; }
  .group-section .contactus-container .contactus-form label {
    width: 128px;
    text-align: right;
    margin-right: 10px; }
  .group-section .contactus-container .contactus-form input {
    max-height: 28px;
    min-width: 49%;
    font-size: 13px;
    font-weight: normal; }
  .group-section .contactus-container .contactus-form .form-group {
    width: 100%;
    margin: 0 0 20px; }
  .group-section .contactus-container .contactus-form select.selectpicker {
    width: 49%; }
  .group-section .contactus-container .contactus-form input {
    max-width: 48%; }
  .group-section span.selector-span {
    top: 50px; } }

.price-promise-section ul.list-style {
  list-style: inherit;
  padding-left: 22px; }
  .price-promise-section ul.list-style ul {
    list-style-type: circle; }
  .price-promise-section ul.list-style li {
    font-size: 12px; }

.price-promise-section h1 {
  color: #202932;
  font-size: 24.5px;
  font-weight: 700; }

.price-promise-section h2 {
  color: #202932;
  font-size: 12px;
  font-weight: 700; }

.price-promise-section p {
  text-align: left;
  font-size: 12px; }

@media (min-width: 768px) {
  .price-promise-section ul.list-style li {
    font-size: 14px; }
  .price-promise-section h1 {
    color: #202932;
    margin-bottom: 10px;
    font-size: 24.5px;
    font-weight: 700; }
  .price-promise-section h2 {
    color: #202932;
    font-size: 14px; }
  .price-promise-section p {
    text-align: left;
    font-size: 14px; } }

.security-section h1 {
  color: #202932;
  font-size: 24.5px;
  font-weight: 700; }

.security-section h2 {
  color: #202932;
  font-size: 12px;
  font-weight: bold; }

.security-section p {
  text-align: left;
  font-size: 12px; }

@media (min-width: 768px) {
  .security-section h1 {
    color: #202932;
    font-size: 24.5px;
    font-weight: 700; }
  .security-section h2 {
    color: #202932;
    font-size: 14px; }
  .security-section p {
    text-align: left;
    font-size: 14px; } }

.jobs-section ul.list-style {
  list-style: inherit;
  padding-left: 22px; }

.jobs-section h1 {
  color: #202932;
  font-size: 24.5px;
  font-weight: 700; }

.jobs-section h2 {
  color: #202932;
  font-size: 12px;
  font-weight: 700; }

.jobs-section p {
  text-align: left;
  font-size: 12px; }

@media (min-width: 768px) {
  .jobs-section h2 {
    color: #202932;
    font-size: standardText; }
  .jobs-section p {
    text-align: justify;
    font-size: standardText; } }

.terms-of-use-section ul.list-style {
  list-style: inherit;
  padding-left: 22px; }
  .terms-of-use-section ul.list-style li {
    text-transform: capitalize; }

.terms-of-use-section h1 {
  color: #202932;
  font-size: 24.5px;
  font-weight: 700; }

.terms-of-use-section h2 {
  color: #202932;
  font-size: 12px;
  font-weight: 700; }

.terms-of-use-section p {
  text-align: left;
  font-size: 14px; }

.terms-of-use-section h4 {
  font-size: 14px;
  font-weight: 700; }

@media (min-width: 768px) {
  .terms-of-use-section h2 {
    color: #202932;
    font-size: standardText; }
  .terms-of-use-section p {
    text-align: justify;
    font-size: standardText; } }

.privacy-section h1 {
  color: #202932;
  font-size: 24.5px;
  font-weight: 700; }

.privacy-section h2 {
  color: #202932;
  font-size: 12px;
  font-weight: 700; }

.privacy-section h4 {
  font-size: 12px;
  font-weight: 700; }

.privacy-section h5 {
  font-size: 12px;
  font-weight: 700; }

.privacy-section p {
  text-align: left;
  font-size: 12px; }
  .privacy-section p .alphatext {
    font-size: 32px;
    font-weight: 600;
    color: #999; }

.privacy-section ul.list-style {
  list-style-type: disc;
  padding-left: 34px; }
  .privacy-section ul.list-style li {
    margin-bottom: 10px;
    text-align: left;
    font-size: 12px; }

.privacy-section .table-bordered {
  width: 80%;
  border: 1px solid #202932; }
  .privacy-section .table-bordered td {
    border: none;
    vertical-align: middle;
    font-size: 12px;
    border: 1px solid #202932; }
  .privacy-section .table-bordered th {
    border: 1px solid #202932;
    vertical-align: middle; }
  .privacy-section .table-bordered th.purose {
    color: #202932;
    width: 18%; }
  .privacy-section .table-bordered th.typeofdata {
    color: #202932;
    width: 13%; }
  .privacy-section .table-bordered th.lawful {
    color: #202932;
    width: 19%; }

@media (min-width: 768px) {
  .privacy-section h1 {
    color: #202932;
    font-size: 24.5px;
    font-weight: 700; }
  .privacy-section h2 {
    color: #202932;
    font-size: 14px; }
  .privacy-section h4 {
    font-size: 14px; }
  .privacy-section p {
    font-size: 14px; }
  .privacy-section ul.list-style li {
    font-size: 14px; } }

.cookies-section ul.list-style {
  list-style: inherit;
  padding-left: 22px; }

.cookies-section h1 {
  color: #202932;
  font-size: 24.5px;
  font-weight: 700; }

.cookies-section h2 {
  color: #202932;
  font-size: 12px;
  font-weight: 700; }

.cookies-section p {
  text-align: left;
  font-size: 12px; }

.cookies-section .table-bordered tr {
  border-bottom: 1px solid #ddd; }

.cookies-section .table-bordered td {
  border: none;
  vertical-align: middle;
  font-size: 12px; }

.cookies-section .table-bordered th {
  border: none;
  padding-bottom: 2px;
  vertical-align: middle; }

.cookies-section .table-bordered th.cookiename {
  color: #202932;
  width: 18%; }

.cookies-section .table-bordered th.cookietype {
  color: #202932;
  width: 13%; }

.cookies-section .table-bordered th.cookiepuropse {
  color: #202932;
  width: 69%; }

@media (min-width: 768px) {
  .cookies-section h2 {
    color: #202932;
    font-size: 14px; }
  .cookies-section p {
    text-align: left;
    font-size: 14px; }
  .cookies-section .table-bordered td {
    font-size: 14px; } }

.insurance-section h1 {
  color: #202932;
  font-size: 24.5px;
  font-weight: 700; }

.insurance-section p {
  text-align: left;
  font-size: 12px; }

@media (min-width: 768px) {
  .insurance-section p {
    font-size: 14px; } }

@media (max-width: 576px) {
  .page-padding {
    padding: 10px; } }

.confirmation-section sub {
  bottom: 0; }

.confirmation-section img.confirm-icons {
  width: 4%;
  margin-right: 13px;
  vertical-align: bottom; }

.confirmation-section img.plane-icons {
  width: 4%;
  margin-right: 13px;
  vertical-align: middle; }

.confirmation-section img.calender-icons {
  width: 9%;
  margin-right: 13px;
  vertical-align: middle; }

.confirmation-section .bc-breadcrumbs a {
  font-size: 12px; }

.confirmation-section h3 {
  font-size: 20px;
  font-weight: 700; }
  .confirmation-section h3 i {
    margin-right: 10px;
    font-size: 24px; }
    .confirmation-section h3 i.icon-arrow-up::before {
      transform: rotate(45deg); }
  .confirmation-section h3 .confirmation-materialicons {
    vertical-align: middle;
    font-size: 30px;
    margin-right: 12px; }

.confirmation-section h2 {
  color: #202932;
  font-size: 24.5px;
  font-weight: 700; }

.confirmation-section .thankyou-notification {
  background: #e0f0d7;
  padding: 10px 9px; }
  .confirmation-section .thankyou-notification p {
    color: #4e8844;
    line-height: 13px;
    font-size: 12px; }
    .confirmation-section .thankyou-notification p a {
      text-decoration: underline;
      color: #4e8844; }
  .confirmation-section .thankyou-notification sub {
    bottom: 0; }
  .confirmation-section .thankyou-notification h4 {
    color: #4e8844;
    font-weight: bold; }

.confirmation-section .flightdetails .col {
  padding: 0; }

.confirmation-section .partial-booking {
  background-color: #f2dede;
  padding: 10px; }
  .confirmation-section .partial-booking h4 {
    color: #b94a48;
    font-weight: bold; }
  .confirmation-section .partial-booking p {
    font-size: 13px;
    display: contents; }
  .confirmation-section .partial-booking a,
  .confirmation-section .partial-booking b {
    color: #202932;
    text-decoration: underline; }

.confirmation-section .itinerary-number-bar {
  padding: 20px 0;
  border: 1px solid #9ea4ab; }
  .confirmation-section .itinerary-number-bar h3 {
    font-size: 20px;
    font-weight: 700; }
    .confirmation-section .itinerary-number-bar h3 .orange-number-series {
      color: #f48700; }

.confirmation-section .booked-by-section .booked-by-bar {
  padding: 10px 10px;
  border: 1px solid #9ea4ab; }

.confirmation-section .booked-by-section span.input-field {
  font-weight: 700; }

.confirmation-section .booked-by-section span.input-label {
  margin-left: 40px;
  font-size: 12px; }

.confirmation-section .flight-details {
  border: 1px solid #9ea4ab;
  padding: 5px 10px; }
  .confirmation-section .flight-details .input-field {
    font-weight: 700;
    font-size: 12px; }
  .confirmation-section .flight-details .flight-outbound {
    border-bottom: 1px solid #e5e9ed; }
    .confirmation-section .flight-details .flight-outbound .flight-outbound-details p {
      font-size: 12px; }
    .confirmation-section .flight-details .flight-outbound .flight-outbound-details .outbound-arrow p:after {
      content: ">";
      margin: 0 auto;
      position: absolute;
      right: 80px;
      font-size: 13px;
      top: 6px; }
  .confirmation-section .flight-details .flight-inbound {
    padding-top: 6px; }
  .confirmation-section .flight-details span.input-label {
    margin-left: 40px;
    font-size: 12px; }

.confirmation-section .flight-conformation-message {
  background: #e0f0d7;
  padding: 10px 9px; }
  .confirmation-section .flight-conformation-message p {
    color: #4e8844;
    line-height: 16px;
    font-size: 12px; }
    .confirmation-section .flight-conformation-message p a {
      text-decoration: underline;
      color: #4e8844;
      font-weight: 700; }

.confirmation-section .accommodation-summary-section .accommodation-summary-details {
  border: 1px solid #9ea4ab;
  padding: 10px 0 0; }
  .confirmation-section .accommodation-summary-section .accommodation-summary-details.transfer-summary {
    padding: 0; }
    .confirmation-section .accommodation-summary-section .accommodation-summary-details.transfer-summary .row {
      margin: 0;
      padding: 10px 0;
      border-bottom: 1px solid #ccc; }
      .confirmation-section .accommodation-summary-section .accommodation-summary-details.transfer-summary .row:last-child {
        border: 0; }

.confirmation-section .accommodation-summary-section .accommodation-summary-details-left h4 {
  font-weight: 700;
  margin: 0;
  margin-top: 10px; }

.confirmation-section .accommodation-summary-section .accommodation-summary-details-right span.input-label {
  font-size: 12px; }

.confirmation-section .accommodation-summary-section span.input-field-check-in {
  font-weight: 700;
  margin-right: 16px;
  font-size: 12px; }

.confirmation-section .accommodation-summary-section span.input-field-check-out {
  font-weight: 700;
  margin-right: 9px;
  font-size: 12px; }

.confirmation-section .accommodation-summary-section .room-count {
  border-top: 1px solid #e5e9ed;
  margin: 0 auto;
  margin-top: 12px;
  padding: 10px 0; }
  .confirmation-section .accommodation-summary-section .room-count p {
    margin: 7px 0;
    font-size: 13px; }

.confirmation-section .price-summary-section h3 span.euro-symbol {
  font-size: 28px;
  margin-right: 11px; }

.confirmation-section .price-summary-section .price-summary-details {
  border: 1px solid #9ea4ab;
  padding: 7px 0; }
  .confirmation-section .price-summary-section .price-summary-details sub {
    bottom: 0; }
  .confirmation-section .price-summary-section .price-summary-details .flights-accordion .accordion__item {
    padding: 0;
    border-bottom: 0px solid; }
  .confirmation-section .price-summary-section .price-summary-details p {
    margin: 0px; }
  .confirmation-section .price-summary-section .price-summary-details .ps-total {
    font-size: 21px;
    font-weight: 700;
    color: #f48700; }
  .confirmation-section .price-summary-section .price-summary-details .price-summary-border {
    border-bottom: 1px solid #e5e9ed;
    padding: 4px 14px; }
    .confirmation-section .price-summary-section .price-summary-details .price-summary-border span {
      font-size: 12px; }

.confirmation-section .price-summary-section .flight-heading:after {
  display: inline-block;
  content: "";
  height: 7px;
  width: 7px;
  margin-left: 8px;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  vertical-align: baseline; }

.confirmation-section .total-paid-to-date {
  border: 1px solid #9ea4ab; }
  .confirmation-section .total-paid-to-date [class*="col-"] {
    padding: 8px 10px; }
  .confirmation-section .total-paid-to-date span {
    font-size: 12px; }
  .confirmation-section .total-paid-to-date .total {
    border-bottom: 1px solid #e5e9ed; }

#homepage .home-pods .row {
  margin: 0 -15px; }

.home-pods {
  margin-bottom: 40px;
  padding: 0 15px !important; }
  .home-pods a img {
    border-radius: 0.25rem; }
  .home-pods .card {
    border: 1px solid #34caf2;
    margin-top: 15px;
    cursor: pointer; }
    .home-pods .card h3 {
      line-height: 20px;
      padding: 10px 0 15px; }
    .home-pods .card .card-header {
      background: url("https://cdn4.alpharooms.com/assets-ux-new/images/home/marketing-placeholders/d-top-ph3-bg.jpg?v=1") no-repeat left top;
      background-size: cover;
      text-shadow: 1px 1px 3px #000;
      border: none;
      font-size: 20px !important; }
    .home-pods .card .dealoftheday-loader {
      background: rgba(255, 255, 255, 0.9);
      height: 96%;
      width: 100%; }
      .home-pods .card .dealoftheday-loader img {
        width: auto; }
    .home-pods .card .card-image {
      width: 135px;
      border-radius: 6px;
      overflow: hidden; }
      .home-pods .card .card-image img {
        height: 100%;
        max-height: 165px;
        object-fit: cover;
        width: auto; }
    .home-pods .card .card-content {
      width: calc(100% - 145px);
      flex-wrap: wrap;
      flex-direction: column; }
    .home-pods .card h5 {
      color: #003580;
      font-size: 15px;
      font-weight: 700;
      margin: 0 0 5px;
      min-height: 36px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 18px; }
    .home-pods .card h6 {
      font-size: 14px;
      color: #202932;
      margin: 0; }
    .home-pods .card .trip-rating {
      top: 0;
      height: auto; }
    .home-pods .card .offer-section {
      width: 38%;
      color: #d0021b;
      font-size: 16px;
      line-height: 16px;
      position: relative; }
      .home-pods .card .offer-section:after {
        border-right: 1px dashed #ccc;
        content: "";
        position: absolute;
        right: 0;
        top: -12px;
        height: 60px; }
      .home-pods .card .offer-section span {
        font-weight: bold;
        font-size: 18px;
        display: block; }
    .home-pods .card .view-deal {
      background: #fff !important;
      color: #fc881b !important;
      height: 30px;
      font-size: 14px;
      padding: 0 5px;
      border: 1px solid #fc881b;
      border-radius: 30px;
      font-weight: 600; }
      .home-pods .card .view-deal i {
        font-size: 24px; }
    .home-pods .card .price {
      color: #003580;
      font-size: 12px;
      width: 62%;
      padding-left: 10px; }
      .home-pods .card .price .starting-from {
        color: #a3aab0; }
      .home-pods .card .price .blue {
        font-size: 34px;
        line-height: 28px; }
  @media (max-width: 1024px) {
    .home-pods .card {
      margin: 15px 0 0; }
      .home-pods .card .card-image {
        width: 90px; }
      .home-pods .card h5 {
        font-size: 16px; }
      .home-pods .card .card-content {
        width: calc(100% - 100px); }
      .home-pods .card .price {
        width: 70%; }
      .home-pods .card .offer-section {
        width: 30%; } }
  @media (max-width: 991px) {
    .home-pods .card .card-content {
      width: calc(100% - 145px); }
    .home-pods .card .card-image {
      width: 135px; } }
  @media (max-width: 360px) {
    .home-pods .card h5 {
      font-size: 14px; }
    .home-pods .card .rating-section {
      display: block !important; }
    .home-pods .card .trip-rating {
      padding: 0;
      border: none;
      left: 0; }
    .home-pods .card .offer-section {
      min-width: 45px; } }
  @media (min-width: 1024px) {
    .home-pods .card {
      margin: 0;
      display: flex;
      height: 100%; } }
  @media (min-width: 1440px) {
    .home-pods .card .card-image {
      width: 170px; }
      .home-pods .card .card-image img {
        max-height: 220px; }
    .home-pods .card .card-content {
      width: calc(100% - 180px); }
    .home-pods .card .trip-price {
      padding: 20px 0; }
    .home-pods .card .view-deal {
      height: 38px;
      font-size: 16px; }
    .home-pods .card h3.card-header {
      line-height: 26px;
      font-size: 24px !important; }
    .home-pods .card h5 {
      min-height: 42px;
      font-size: 18px;
      line-height: 20px; } }

#faq .row {
  margin: 0; }

.static-page {
  min-height: 400px; }
  .static-page .loader {
    position: relative;
    top: 150px; }
    .static-page .loader img {
      width: 6%; }

.general-section .breadcrumb {
  background-color: #ffffff;
  margin: 10px 0;
  padding: 0 0 8px; }
  .general-section .breadcrumb a {
    font-size: 12px; }

.general-section .tab-content {
  width: 48%;
  min-height: 450px;
  margin-bottom: 20px; }

.general-section .answer-clm {
  position: absolute;
  top: 90px;
  right: 15px;
  width: 47%;
  border: 1px solid #bfe1f8;
  background: #edf3fa;
  padding: 20px 20px;
  height: 400px;
  overflow: auto; }

.general-section h4 {
  font-weight: 400;
  margin: 13px 0;
  font-size: 18px; }

.general-section .page-title {
  border: 1px solid #d3d3d3;
  background: #f5f5f5;
  padding: 16px 20px;
  margin-bottom: 20px; }

.general-section h1 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 21px; }

.general-section h2 {
  color: #202932;
  font-weight: 400;
  font-size: 24px; }

.general-section li.nav-item h3 {
  color: #000;
  font-size: 16px; }

.general-section .nav-tabs .nav-item .nav-link {
  padding: 10px 0px 0px 20px;
  display: block; }
  .general-section .nav-tabs .nav-item .nav-link h3 {
    font-size: 14px;
    font-weight: 400;
    color: #1c94d9;
    text-align: left; }
    .general-section .nav-tabs .nav-item .nav-link h3.questionactive, .general-section .nav-tabs .nav-item .nav-link h3.active {
      color: #202932;
      font-weight: 600; }

.general-section .nav-tabs .nav-item .nav-link.active {
  color: #171717;
  border-bottom: 0px solid #171717;
  font-weight: 700; }
  .general-section .nav-tabs .nav-item .nav-link.active h3 {
    color: #202932; }

.faq-sidebar .nav-item {
  border-bottom: 1px solid #dedada; }

.faq-sidebar .nav-tabs {
  border: 1px solid #decfcf; }

.general-section .question-block h3 {
  line-height: 24px;
  margin-top: 0;
  font-size: 17.5px;
  margin-bottom: 11px;
  font-weight: 400; }

.general-section select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-position: 97% 50%;
  padding: 0 15px; }

.general-section .ftr-accordion .accordion .open {
  background: #edf3fa;
  margin-bottom: 22px; }

.general-section .ftr-accordion .accord-header:before {
  top: 3px; }

.general-section .ftr-accordion .accord-content {
  border-bottom: 1px solid #e2eaf2;
  border: 1px solid #bfe1f8;
  background: #edf3fa;
  color: #555;
  padding: 0 0;
  margin-bottom: 20px; }

@media (min-width: 768px) {
  #faq .row {
    margin-right: -15px;
    margin-left: -15px; }
  .general-section h1 {
    font-size: 30px; } }