@charset "utf-8";
@import "https://p.typekit.net/p.css?s=1&k=puv2tvs&ht=tk&f=44428&a=60473542&app=typekit&e=css";
@import 'https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap';
@import 'https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap';
@font-face {
  font-family:var(--secondary-font);
  src:url(https://use.typekit.net/af/6fab65/00000000000000007735c8b9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),
  url(https://use.typekit.net/af/6fab65/00000000000000007735c8b9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),
  url(https://use.typekit.net/af/6fab65/00000000000000007735c8b9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");
  font-display:auto;
  font-style:normal;
  font-weight:600;
  font-stretch:normal
}
@font-face {
  font-family:neutradisplay titling;
  src:url(../../fonts/NeutraDisp-Titling.eot);
  src:url(../../fonts/NeutraDisp-Titling.eot?#iefix) format('embedded-opentype'),
  url(../../fonts/NeutraDisp-Titling.woff2) format('woff2'),
  url(../../fonts/NeutraDisp-Titling.woff) format('woff'),
  url(../../fonts/NeutraDisp-Titling.ttf) format('truetype'),
  url(../../fonts/NeutraDisp-Titling.svg#glyphicons_halflingsregular) format('svg')
}
:root {
  --main-color: #333;
  --button-color: #c49d47;
  --secondary-color: #ffffff;
  --text-color: #333;
  --secondary-text-color: #333;
  --button-hover-color: #f6f6f6;
  --button-text-color: #ffffff;
  --button-text-hover-color:
        rgb(202, 202, 202);
  --white-text-color:
        rgb(214, 214, 214);
  --hover-color: #60656b;
  --topmenu-color: #222;
  --submenu-color: #f6f6f6;
  --light-background: #d1d1d1;
  --minimum-stay: #c6a86c;
  --right-panel-bg: #efefef;
  --right-panel-text: #333;
  --white: #fff;
  --black: #333;
  --grey:
        rgb(202, 202, 202);
  --main-font:
        'Inter', sans-serif;
  --secondary-font:
        'Oswald'

}
.key-icon {
  width:14px;
  height:14px;
  background-image:url(../../images/key-icon.png);
  background-repeat:no-repeat;
  float:left;
  margin-right:10px
}
.three-icon {
  width:18px;
  height:12px;
  background-image:url(../../images/three-icon.png);
  background-repeat:no-repeat;
  float:left;
  margin:2px -10px 0 20px
}
.modify-icon {
  width:20px;
  height:20px;
  background-image:url(../../images/modify-icon.png);
  background-repeat:no-repeat;
  float:left;
  margin-left:18px;
  margin-top:-2px
}
.neutra {
  font-family:var(--secondary-font)
}
ol,
ul {
  margin-left:20px
}
body {
  color:var(--text-color);
  font-weight:lighter;
  font-family:var(--main-font);
  transition:opacity .8s;
  transition-property:opacity;
  transition-duration:.8s;
  transition-timing-function:ease;
  transition-delay:0s;
  font-weight:600!important
}
body:lang(el) {
  font-family:var(--secondary-font)
}
* {
  margin:0;
  padding:0
}
.h1-title {
  text-decoration:none;
  color:var(--secondary-color)
}
.offer-lightbox-modal .bottom-texts-wrap ol {
  padding:0 25px
}
.offer-lightbox-modal .bottom-texts-wrap ol li {
  padding-left:0;
  font-family:var(--main-font);
  font-weight:lighter
}
.offer-lightbox-modal .bottom-texts-wrap ul li {
  padding-left:0;
  font-family:var(--main-font);
  font-weight:300
}
.offer-lightbox-modal .bottom-texts-wrap ul {
  padding:0 25px
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline:none
}
::-webkit-input-placeholder {
  color:var(--secondary-text-color)
}
:-moz-placeholder {
  color:var(--secondary-text-color)
}
::-moz-placeholder {
  color:var(--secondary-text-color)
}
:-ms-input-placeholder {
  color:var(--secondary-text-color)
}
.left {
  float:left
}
.right {
  float:right
}
.wrapper {
  min-width:768px
}
.main-wrapper {
  padding-left:20px!important;
  padding-right:20px!important;
  float:none!important;
  margin:0 auto;
  max-width:1280px!important
}
.clear {
  clear:both
}
.menu {
  list-style-type:none
}
.menu li {
  float:left
}
.menu li a {
  text-decoration:none;
  color:var(--button-text-color)
}
.not-active span {
  color:var(--light-background)!important
}
.not-active .radiused-number {
  background-color:var(--light-background)!important
}
.header-wrapper {
  max-width:1240px;
  margin:0 auto;
  float:none!important;
  padding-right:0!important;
  padding-left:18px!important
}
.header-first {
  padding:0!important
}
.header-first .menu {
  float:right;
  margin-bottom:0!important
}
.header-first .menu li a {
  display:block;
  font-weight:lighter;
  font-size:1em;
  padding:15px 18px 8px
}
.header-first .menu li .first-item {
  border-bottom:1px solid var(--white);
  background:var(--main-color);
  color:var(--button-text-color)
}
.header-first .menu li .second-item {
  padding-right:10px;
  min-width:200px;
  text-align:center;
  color:var(--topmenu-color)
}
.header-first .menu li .last-item {
  padding-left:10px;
  min-width:130px;
  text-align:center;
  color:var(--topmenu-color)
}
.header-first .menu .main-menu:hover>.second-item {
  background:var(--main-color)!important;
  border-bottom:1px solid var(--white);
  color:var(--secondary-color)
}
.currency-header {
  border-bottom:1px solid var(--white)
}
.header-first .menu li .first-item:hover {
  background:var(--white);
  border-bottom:1px solid var(--white)
}
.header-first .menu li:hover>ul {
  display:block
}
.header-first .menu .submenu {
  min-width:100%;
  list-style-type:none;
  position:absolute;
  z-index:999;
  background:var(--main-color);
  display:none;
  overflow:auto;
  max-height:500px;
  margin-left:0
}
.header-first .menu .submenu li a:hover {
  color:#a7a7a7
}
.header-first .menu .submenu .menu-space {
  height:15px
}
.header-first .menu .main-menu {
  position:relative
}
.header-first .menu .main-menu:hover>.first-item {
  background:var(--secondary-text-color)!important;
  border-bottom:1px solid var(--white)
}
.header-first .menu .submenu li {
  display:block;
  float:none
}
.header-first .menu .submenu li a {
  display:block;
  padding:5px 10px 0 15px
}
.header-second {
  padding:0!important
}
.header-second .logo-wrapper {
  padding:0!important;
  max-width:250px;
  float:left
}
.h1-title {
  text-decoration:none;
  color:var(--secondary-color)
}
.header-second .menu-wrapper {
  padding:0!important;
  padding-top:30px!important;
  float:right
}
.header-second .menu-wrapper .menu {
  float:right;
  margin-bottom:5px
}
.header-second .menu-wrapper .menu li a {
  font-weight:lighter;
  display:block;
  padding:8px 18px;
  font-size:14px;
  line-height:1;
  color:var(--topmenu-color);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}
.menu-upper .glyphicon {
  font-size:x-large
}
.header-second .menu-wrapper .menu li .active {
  background:var(--secondary-color)
}
.header-second .menu-wrapper .menu li a:hover {
  background-color:var(--main-color);
  -webkit-transition:background .3s,color .3s,border-color .3s;
  transition:background .3s,color .3s,border-color .3s;
  color:var(--secondary-color);
  border-radius:5px
}
.header-second .menu-wrapper .menu li .last-item {
}
.header-first .menu .main-menu:hover>.last-item {
  background:var(--main-color)!important;
  border-bottom:1px solid var(--white);
  color:var(--secondary-color)
}
.section-one {
  padding:0!important;
  margin:0 auto;
  float:none!important;
  max-width:1400px
}
.tabs-wrapper {
  background:var(--main-color)
}
.tabs-wrapper .menu {
  display:table;
  margin:0 auto;
  height:60px
}
.tabs-wrapper .menu li a {
  display:block;
  padding:19px 38px 19px 0;
  position:relative;
  -webkit-transition:background .3s,color .3s,border-color .3s;
  transition:background .3s,color .3s,border-color .3s;
  color:var(--submenu-color)
}
.tabs-wrapper .menu li a:hover>span {
  color:var(--submenu-color);
  text-decoration:underline
}
.tabs-wrapper .menu li a:hover>.radiused-number {
}
.tabs-wrapper .menu .active span {
  color:var(--submenu-color);
  font-weight:600;
  line-height:1.6
}
.tabs-wrapper .menu .active .radiused-number {
  background-color:var(--submenu-color);
  font-weight:700
}
.tabs-wrapper .menu li a .triangle {
  display:none
}
.tabs-wrapper .menu .active .triangle {
  display:block;
  position:absolute;
  color:var(--main-color);
  top:59px;
  z-index:999;
  left:6px;
  font-size:20px
}
.tabs-wrapper .menu li a .radiused-number {
  font-family:var(--main-font);
  color:var(--main-color);
  width:30px;
  height:30px;
  border-radius:50px;
  background-color:var(--submenu-color);
  padding-top:5px;
  text-align:center;
  font-size:16px;
  float:left;
  margin-top:-4px
}
.tabs-wrapper .menu li a span {
  text-transform:uppercase;
  color:var(--submenu-color);
  font-weight:300;
  margin-left:15px;
  font-size:16px;
  letter-spacing:.05rem;
  line-height:1.6
}
.menu-upper {
  text-transform:uppercase
}
.section-one .content-wrapper {
  padding:0;
  height:327px
}
.section-one .content-wrapper .content-left {
  padding:22px 30px 22px 40px;
  height:auto;
  min-height:100%;
  background-color:#fff
}
.section-one .content-wrapper .content-left .space-block {
  float:left;
  width:40px;
  height:275px
}
.section-one .content-wrapper .content-left .title {
  font-weight:500;
  font-size:18px;
  color:var(--text-color);
  font-family:var(--secondary-font);
  text-align:left
}
.content-1 .title {
  text-align:center!important
}
.section-one .content-wrapper .content-left .content-1 {
  width:250px;
  float:left
}
.section-one .content-wrapper .content-left .summary-content {
  width:70%;
  float:left
}
.textContainer {
  display:table!important;
  height:25px;
  background-color:var(--main-color);
  width:100%;
  margin:16px 0 12px
}
.textContainer-txt {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  line-height:11px;
  padding:5px 0 2px;
  font-size:15px;
  font-family:var(--main-font)
}
.step2-roompersons-center {
  color:var(--secondary-text-color);
  font-size:10px;
  padding-bottom:8px;
  text-align:center
}
.step3-rate-right {
  font-size:10px;
  font-weight:700;
  font-family:var(--main-font);
  text-align:right
}
.step3-total-right {
  font-size:10px;
  font-weight:700;
  font-family:var(--main-font);
  color:#282828;
  text-align:right
}
.border-2 {
  border-bottom:1px;
  border:#1f1f1f solid 1px;
  margin:10px 0
}
.step3-rate {
  font-size:10px;
  font-weight:700;
  font-family:var(--main-font);
  color:#282828
}
.step2-price-break {
  font-style:italic;
  font-weight:lighter;
  font-size:.8em
}
.step3-total {
  font-size:10px;
  font-weight:700;
  font-family:var(--main-font);
  color:var(--secondary-color);
  line-height:24px
}
.section-one .content-wrapper .content-left .content-2 {
  width:347px;
  float:left
}
.section-one .content-wrapper .content-left .content-2 .first-dropdown {
  margin:0 auto
}
.three-dropdowns-wrapper {
  width:100%
}
.three-dropdowns-wrapper .three-dropdowns-title {
  color:var(--secondary-color);
  font-size:16px;
  line-height:.8;
  margin:20px 0 12px;
  text-align:left
}
.three-dropdowns-wrapper .white-dropdown {
  width:170px;
  float:left
}
.three-dropdowns-wrapper .white-dropdown .dropdown-menu {
  min-width:112px
}
.three-dropdowns-wrapper .white-dropdown.one {
  margin-right:5px
}
.three-dropdowns-wrapper .white-dropdown.three {
  margin-left:2.5px
}
.three-dropdowns-title span {
  color:var(--text-color);
  font-weight:500;
  font-size:18px;
  font-family:var(--secondary-font)
}
.section-one .content-wrapper .content-left .content-3 {
  width:150px;
  float:left
}
.section-one .content-wrapper .content-left .content-1 .date-box-wrap {
  width:100%
}
.section-one .content-wrapper .content-left .content-1 .date-box-wrap .date-box {
  width:123px;
  padding:17px 10px;
  cursor:pointer;
  margin-bottom:5px
}
.section-one .content-wrapper .content-left .content-1 .date-box-wrap .date-box:hover {
  background-color:var(--hover-color);
  -webkit-transition:background .3s,color .3s,border-color .3s;
  transition:background .3s,color .3s,border-color .3s
}
.section-one .content-wrapper .content-right {
  background-color:var(--right-panel-bg);
  padding:22px 36px 22px 24px;
  height:auto;
  min-height:100%
}
.section-one .content-wrapper .content-right .search {
  background-color:var(--button-color);
  color:var(--button-text-color);
  text-align:center;
  cursor:pointer;
  height:60px;
  width:250px;
  padding-top:20px;
  border:1px solid var(--button-color);
  font-weight:400;
  text-transform:uppercase;
  -webkit-transition:background .3s,color .3s,border-color .3s;
  transition:background .3s,color .3s,border-color .3s;
  padding:19px 0;
  letter-spacing:-1px
}
.section-one .content-wrapper .content-right .search p {
  font-size:16px
}
.section-one .content-wrapper .content-right .search p span {
  margin-right:8px
}
.section-one .content-wrapper .content-right .availability-calendar {
  cursor:pointer;
  text-align:center;
  font-size:18px;
  line-height:.8;
  margin-top:25px;
  color:var(--right-panel-text);
  font-weight:lighter;
  -webkit-transition:background .3s,color .3s,border-color .3s;
  transition:background .3s,color .3s,border-color .3s;
  -webkit-transition:transform .3s
}
.section-one .content-wrapper .content-right .availability-calendar:hover {
  transform:translateY(-3px);
  transition:transform .3s
}
.section-one .content-wrapper .content-right .availability-calendar:hover {
  text-decoration:underline
}
.section-one .content-wrapper .content-right .search:hover {
  background:var(--button-hover-color);
  color:var(--button-color);
  transition:background .3s ease-out;
  border:1px solid var(--button-color);
  font-weight:600
}
.best-price:hover {
  cursor:pointer
}
.section-one .content-wrapper .content-right .title-wrap {
  padding-bottom:5px
}
.title-wrap>p {
  color:#f5f5f5
}
.section-one .content-wrapper .content-right .title-wrap .text-left {
  float:left;
  font-weight:lighter;
  font-size:18px;
  color:var(--right-panel-text);
  margin-bottom:0;
  width:100%;
  text-align:right
}
.section-one .content-wrapper .content-right .title-wrap .text-right {
  font-size:20px;
  color:var(--right-panel-text);
  margin-bottom:0;
  text-align:right
}
.section-one .content-wrapper .content-right .title-wrap .text-currency {
  font-weight:lighter;
  font-size:14px;
  color:var(--secondary-text-color)
}
.date-box {
  color:var(--secondary-color);
  background-color:var(--button-color)
}
.date-box-title {
  font-weight:lighter;
  font-size:18px;
  line-height:.8
}
.date-box .horizontal-line {
  width:100%;
  border-top:1px solid var(--button-color)
}
.date-box:hover .horizontal-line {
  border-top:1px solid var(--hover-color);
  transition:border-top .3s
}
.date-box .week {
  padding-top:10px;
  font-weight:lighter;
  line-height:.8
}
.date-box .day {
  font-size:45px;
  line-height:.8
}
.date-box .month-year {
  margin-bottom:0;
  line-height:.8;
  font-weight:lighter
}
.white-dropdown {
  width:250px;
  height:50px
}
.white-dropdown .title-wrapper {
  float:left
}
.white-dropdown .count-wrapper {
  float:right
}
.white-dropdown .count-wrapper .count {
  font-size:16px;
  margin-right:5px
}
.count input {
  background:#f5f5f5
}
.white-dropdown .dropdown-menu {
  border:none;
  width:100%;
  border-radius:0;
  top:48px;
  padding:0
}
.white-dropdown .dropdown-menu>li>a {
  text-align:left;
  font-size:17px;
  font-family:var(--main-font);
  font-weight:lighterer
}
.white-dropdown .dropdown-menu>li>a:hover {
  background-color:var(--light-background)
}
.white-dropdown .dropdown-toggle {
  cursor:pointer;
  background-color:#f5f5f5;
  height:100%;
  width:100%;
  padding:15px 14px 20px 20px;
  font-weight:lighter
}
.white-dropdown .dropdown-toggle .glyphicon-chevron-up {
  display:none
}
.white-dropdown.open .dropdown-toggle .glyphicon-chevron-down {
  display:none
}
.white-dropdown.open .dropdown-toggle .glyphicon-chevron-up {
  display:inline
}
.white-input {
  height:50px;
  border:none;
  padding-left:20px;
  padding-right:20px;
  font-weight:lighter;
  max-width:-webkit-fill-available;
  max-width:185px;
  background-color:#f5f5f5
}
#promo_code {
  width:150px
}
.promo-div {
  text-align:center
}
.section-two {
  background-color:#fff;
  margin:0 auto;
  float:none!important;
  padding-top:5px;
  padding-bottom:5px
}
.section-two .title {
  color:var(--text-color);
  font-size:16px;
  margin-bottom:15px;
  text-transform:uppercase;
  font-weight:700
}
.date-selectors-wrap {
  max-width:900px;
  float:none!important;
  margin:0 auto;
  height:90px;
  padding:17px 12px!important;
  border-top:1px dotted var(--main-color);
  border-bottom:1px dotted var(--main-color)
}
.date-selectors-wrap .selector-wrap {
  padding:0!important
}
.date-selectors-wrap .left-right-button {
  cursor:pointer;
  float:left;
  width:55px;
  height:55px;
  color:var(--secondary-color);
  text-align:center;
  padding-top:16px;
  font-size:18px;
  background-color:var(--main-color)
}
.date-selectors-wrap .left-right-button:hover {
  background-color:var(--hover-color);
  border-color:var(--secondary-text-color);
  -webkit-transition:background .3s,color .3s,border-color .3s;
  transition:background .3s,color .3s,border-color .3s
}
.date-selectors-wrap .left-right-button .glyphicon {
  font-weight:700!important;
  color:var(--button-text-color)
}
.date-selectors-wrap .space-block {
  width:55px;
  height:55px;
  float:left
}
.silver-dropdown {
  float:left;
  width:210px;
  height:55px
}
.silver-dropdown .dropdown-menu {
  border:none;
  padding:0;
  border-radius:0;
  width:100%;
  top:53px
}
.silver-dropdown .dropdown-menu>li>a {
  background:var(--secondary-color);
  font-size:18px;
  font-weight:lighter
}
.silver-dropdown .dropdown-menu>li>a:hover {
  background:var(--text-color);
  color:var(--secondary-color)
}
.date-selectors-wrap .right {
  float:right
}
.silver-dropdown .title-wrapper {
  float:left;
  font-weight:lighter
}
.silver-dropdown .count-wrapper {
  float:right
}
.silver-dropdown .dropdown-toggle {
  cursor:pointer;
  background-color:var(--main-color);
  color:var(--secondary-color);
  height:100%;
  width:100%;
  padding:16px 20px 18px;
  font-size:18px
}
.silver-dropdown .dropdown-toggle .glyphicon-chevron-up {
  display:none
}
.silver-dropdown.open .dropdown-toggle .glyphicon-chevron-down {
  display:none
}
.silver-dropdown.open .dropdown-toggle .glyphicon-chevron-up {
  display:block
}
.calendars-wrapper {
  max-width:900px;
  float:none!important;
  margin:0 auto;
  padding:20px 12px!important
}
.calendars-wrapper .calendar {
  width:429px
}
.calendar .week-name {
  width:58px;
  margin-right:3px;
  text-align:center;
  float:left;
  line-height:.8;
  padding:10px 0
}
.calendar .week-name.first,
.calendar .week-name.last {
  color:var(--light-background)
}
.calendar .calendar-item {
  width:58px;
  height:58px;
  border:1px solid;
  float:left;
  margin:0 3px 3px 0;
  padding:9px 5px 0;
  cursor:pointer;
  position:relative
}
.calendar.right .calendar-item {
  margin:0 0 3px 3px
}
.calendar .calendar-item:hover {
  background-color:var(--hover-color);
  border-color:var(--hover-color);
  color:var(--secondary-color)
}
.calendar-item .not-available {
  display:none;
  color:var(--white)
}
.calendar-item .old-price {
  display:none
}
.calendar-item .day {
  margin:0!important;
  line-height:.8;
  text-align:right;
  font-family:NeutraDisplay Titling;
  font-weight:100;
  color:var(--button-text-color)
}
.calendar-item .price {
  position:absolute;
  font-size:11px;
  bottom:2px;
  font-weight:800;
  line-height:90%;
  color:var(--button-text-color)
}
.calendar-item.other-month {
  background-color:var(--grey);
  border-color:var(--light-background);
  color:var(--light-background)
}
.calendar-item.selected-dates {
  background-color:var(--light-background);
  border-color:var(--light-background);
  color:var(--secondary-color)
}
.calendar-item.available-rooms {
  background-color:var(--main-color);
  border-color:var(--light-background);
  -webkit-transition:background .3s,color .3s,border-color .3s;
  transition:background .3s,color .3s,border-color .3s
}
.calendar-item.minimum-stay {
  background-color:var(--minimum-stay);
  color:var(--light-background);
  transition:background .3s,color .3s,border-color .3s;
  -webkit-transition:background .3s,color .3s,border-color .3s
}
.calendar-item.no-availability {
  background-color:#ccc;
  border-color:#ccc;
  color:var(--secondary-text-color)
}
.calendar-item.no-availability .not-available {
  display:block;
  font-size:10px;
  font-weight:100;
  line-height:1;
  position:absolute;
  bottom:2px
}
.calendar-item.no-availability .price {
  display:none
}
.calendar-item.available-rooms.have-old-price .old-price {
  display:block;
  position:absolute;
  bottom:20px;
  font-weight:700;
  color:var(--button-text-color)
}
.calendar-item.available-rooms.have-old-price .old-price strike {
  font-weight:600;
  font-size:8px;
  color:var(--button-text-color)
}
.calendar-item .arrive-depart {
  display:none
}
.calendar-item .arrive-depart .arrive,
.calendar-item .arrive-depart .depart {
  display:none
}
.calendar-item.selected-dates.start .arrive-depart,
.calendar-item.selected-dates.end .arrive-depart {
  display:block;
  position:absolute;
  bottom:12px
}
.calendar-item.selected-dates.start .arrive-depart .arrive {
  display:block;
  font-size:12px
}
.calendar-item.selected-dates.end .arrive-depart .depart {
  display:block;
  font-size:12px
}
.color-coding-wrap {
  padding-top:50px;
  padding-bottom:55px
}
.color-coding-wrap .menu {
  margin:0 auto;
  display:table
}
.color-coding-wrap .menu li a {
  padding-right:30px
}
.color-coding-wrap .menu li a.last {
  padding-right:0
}
.color-coding-wrap .menu li a .radiused-color {
  width:20px;
  height:20px;
  border-radius:50px;
  float:left;
  background-color:red
}
.color-coding-wrap .menu li a span {
  margin-left:8px;
  font-size:12px;
  color:var(--text-color)
}
.color-coding-wrap .menu li a.selected-dates .radiused-color {
  background-color:var(--light-background)
}
.color-coding-wrap .menu li a.available-rooms .radiused-color {
  background-color:var(--main-color)
}
.color-coding-wrap .menu li a.minimum-stay .radiused-color {
  background-color:var(--minimum-stay)
}
.color-coding-wrap .menu li a.no-availability .radiused-color {
  background-color:var(--grey)
}
.footer {
  height:180px;
  padding-top:40px;
  padding-left:0!important;
  padding-right:18px!important
}
.footer-left {
  padding:0!important
}
.footer-right {
  padding:0!important
}
.modify-button {
  cursor:pointer;
  width:220px;
  height:50px;
  border:2px solid var(--button-text-color);
  padding-top:13px;
  padding-left:13px;
  background:var(--main-color);
  font-weight:lighter;
  color:var(--button-text-color);
  -webkit-transition:background .3s,color .3s,border-color .3s;
  transition:background .3s,color .3s,border-color .3s
}
.modify-button:hover {
  border:2px solid var(--main-color);
  color:var(--secondary-text-color);
  background-color:var(--button-hover-color)
}
.modify-button p {
  float:left
}
.some-text {
  margin-top:25px;
  font-size:12px
}
.footer-right .first-image {
  margin-right:0
}
.textContainer {
  display:table!important;
  height:25px;
  background-color:var(--white);
  width:100%;
  margin:16px 0 12px
}
.textContainer-txt {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  line-height:11px;
  padding:5px 0 2px;
  font-size:18px;
  font-family:var(--main-font);
  color:var(--text-color);
  line-height:1.3
}
.step2-roompersons-center {
  color:var(--text-color);
  font-size:15px;
  padding:6px;
  text-align:center;
  background:var(--white);
  text-decoration:underline;
  font-weight:400
}
.step3-rate-right {
  font-size:16px;
  font-weight:700;
  font-family:var(--main-font);
  text-align:right;
  color:var(--text-color)
}
.step3-total-right {
  font-size:16px;
  font-weight:700;
  font-family:var(--main-font);
  text-align:right;
  color:var(--text-color)
}
.border-2 {
  border:var(--text-color) dotted 1px;
  border-bottom:1px;
  margin:10px 0
}
.step3-rate {
  font-size:15px;
  font-weight:700;
  font-family:var(--main-font);
  color:var(--text-color)
}
.step2-price-break {
  font-style:italic;
  font-weight:lighter;
  font-size:.8em
}
.step3-total {
  font-size:15px;
  font-weight:700;
  font-family:var(--main-font);
  line-height:24px;
  color:var(--text-color)
}
@media(max-width:1024px) {
  .main-wrapper {
    padding-left:7px!important;
    padding-right:7px!important;
    max-width:722px!important
  }
  .header-wrapper {
    max-width:710px;
    padding-left:9px!important
  }
  .header-first .menu li a {
    font-size:.8em;
    padding:8px 10px 4px
  }
  .header-second .menu-wrapper .menu li a {
    padding:5px 8px;
    font-size:12px
  }
  .header-second .logo-wrapper {
    max-width:100px
  }
  .h1-title {
    text-decoration:none;
    color:var(--secondary-color);
    font-size:18px;
    padding-top:10px
  }
  .header-second .logo-wrapper img {
    width:100%
  }
  .section-one .content-wrapper {
    height:200px
  }
  .section-one .content-wrapper .content-right {
    padding:15px 20px;
    float:right;
    max-width:190px
  }
  .section-one .content-wrapper .content-right .title-wrap .text-left {
    font-size:12px;
    margin-bottom:0
  }
  .section-one .content-wrapper .content-right .title-wrap .text-right {
    font-size:20px;
    margin-bottom:0
  }
  .section-one .content-wrapper .content-right .title-wrap .text-currency {
    font-weight:lighter;
    font-size:10px;
    color:var(--secondary-text-color)
  }
  .section-one .content-wrapper .content-right .search {
    height:45px;
    width:140px;
    padding-top:8px
  }
  .section-one .content-wrapper .content-right .availability-calendar {
    font-size:12px;
    margin-top:18px;
    width:140px
  }
  .three-icon {
    width:12px;
    height:7px;
    background-size:100%;
    margin:1px -10px 0 8px
  }
  .section-one .content-wrapper .content-right .search p {
    font-size:12px
  }
  .section-one .content-wrapper .content-right .search p span {
    margin-right:4px
  }
  .tabs-wrapper .menu {
    height:40px
  }
  .tabs-wrapper .menu li a {
    padding:10px 24px 10px 0
  }
  .tabs-wrapper .menu li a .radiused-number {
    width:24px;
    height:24px;
    padding-top:4px;
    font-size:12px;
    margin-top:-4px
  }
  .tabs-wrapper .menu li a span {
    font-size:12px
  }
  .tabs-wrapper .menu .active .triangle {
    top:37px;
    left:4px;
    font-size:16px
  }
  .section-one .content-wrapper .content-left {
    padding:15px 24px 15px 20px;
    max-width:540px;
    float:left;
    min-width:528px
  }
  .section-one .content-wrapper .content-left .content-1 {
    width:150px
  }
  .section-one .content-wrapper .content-left .title {
    font-size:11px;
    margin-bottom:4px
  }
  .section-one .content-wrapper .content-left .content-1 .date-box-wrap .date-box {
    width:73px;
    padding:10px 6px
  }
  .date-box-title {
    font-weight:lighter;
    font-size:12px;
    margin-bottom:4px
  }
  .date-box .horizontal-line {
    border-top:1px solid var(--light-background)
  }
  .date-box .week {
    padding-top:5px;
    margin-bottom:4px;
    font-size:10px
  }
  .date-box .day {
    font-size:30px;
    margin-bottom:4px
  }
  .date-box .month-year {
    font-size:10px
  }
  .white-dropdown {
    width:150px;
    height:35px
  }
  .white-dropdown .dropdown-toggle {
    padding:10px 3px
  }
  .white-dropdown .title-wrapper {
    font-size:10px
  }
  .white-dropdown .count-wrapper {
    font-size:10px
  }
  .white-dropdown .count-wrapper .count {
    font-size:12px
  }
  .white-dropdown .dropdown-menu {
    top:32px;
    min-width:150px
  }
  .white-dropdown .dropdown-menu>li>a {
    font-size:12px;
    padding:2px 20px
  }
  .section-one .content-wrapper .content-left .space-block {
    width:17px;
    height:174px
  }
  .section-one .content-wrapper .content-left .content-2 {
    width:200px;
    float:left
  }
  .section-one .content-wrapper .content-left .summary-content {
    width:65%;
    float:left
  }
  .textContainer {
    display:table!important;
    height:25px;
    width:100%;
    margin:16px 0 12px
  }
  .textContainer-txt {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    line-height:13px;
    padding:5px 0 2px;
    font-size:11px;
    font-family:var(--main-font)
  }
  .step2-roompersons-center {
    color:var(--secondary-text-color);
    font-size:10px;
    padding-bottom:8px;
    text-align:center
  }
  .step3-rate-right {
    font-size:10px;
    font-weight:700;
    font-family:var(--main-font);
    text-align:right
  }
  .step3-total-right {
    font-size:10px;
    font-weight:700;
    font-family:var(--main-font);
    color:var(--secondary-text-color);
    text-align:right
  }
  .border-2 {
    border-bottom:1px;
    border:#1f1f1f solid 1px;
    margin:10px 0
  }
  .step3-rate {
    font-size:10px;
    font-weight:700;
    font-family:var(--main-font);
    color:var(--secondary-text-color)
  }
  .step2-price-break {
    font-style:italic;
    font-weight:lighter;
    font-size:.8em
  }
  .step3-total {
    font-size:10px;
    font-weight:700;
    font-family:var(--main-font);
    line-height:15px
  }
  .three-dropdowns-wrapper .three-dropdowns-title {
    font-size:10px;
    line-height:.8;
    margin:10px 0 6px
  }
  .three-dropdowns-wrapper .white-dropdown {
    width:160px
  }
  .three-dropdowns-wrapper .white-dropdown .dropdown-menu {
    min-width:90px
  }
  .three-dropdowns-wrapper .white-dropdown.one {
    margin-right:2px
  }
  .three-dropdowns-wrapper .white-dropdown.two {
    margin-right:1px
  }
  .three-dropdowns-wrapper .white-dropdown.three {
    margin-left:1px
  }
  .section-one .content-wrapper .content-left .content-3 {
    width:100px
  }
  .white-input {
    height:35px;
    border:none;
    padding-left:7px;
    padding-right:7px;
    font-size:10px
  }
  .section-two {
    max-width:710px;
    padding-top:24px
  }
  .section-two .title {
    font-size:12px;
    margin-bottom:8px
  }
  .date-selectors-wrap {
    max-width:680px;
    height:60px;
    padding:6px 8px!important
  }
  .date-selectors-wrap .left-right-button {
    width:45px;
    height:45px;
    padding-top:14px;
    font-size:12px
  }
  .silver-dropdown {
    width:140px;
    height:45px
  }
  .silver-dropdown .dropdown-toggle {
    padding:14px 7px 18px;
    font-size:12px
  }
  .silver-dropdown .dropdown-menu {
    top:42px;
    min-width:140px
  }
  .silver-dropdown .dropdown-menu>li>a {
    font-size:12px;
    padding:0 7px
  }
  .calendars-wrapper {
    max-width:680px;
    padding:10px 8px!important
  }
  .calendars-wrapper .calendar {
    width:329px
  }
  .calendar .week-name {
    width:45px;
    margin-right:2px;
    padding:5px 0;
    text-transform:uppercase
  }
  .calendar .calendar-item {
    width:45px;
    height:45px;
    margin:0 2px 2px 0;
    padding:5px 3px 0
  }
  .calendar.right .calendar-item {
    margin:0 0 2px 2px
  }
  .calendar-item .day {
    font-size:10px
  }
  .calendar-item .price {
    font-size:8px;
    bottom:1px
  }
  .calendar-item.available-rooms.have-old-price .old-price strike {
    font-size:10px
  }
  .calendar-item.no-availability .not-available {
    font-size:10px;
    bottom:1px
  }
  .calendar-item.selected-dates.start .arrive-depart .arrive {
    font-size:10px
  }
  .calendar-item.selected-dates.end .arrive-depart .depart {
    font-size:10px
  }
  .color-coding-wrap {
    padding-top:25px
  }
  .color-coding-wrap .menu li a {
    padding-right:20px
  }
  .color-coding-wrap .menu li a .radiused-color {
    width:15px;
    height:15px;
    margin-top:4px
  }
  .color-coding-wrap .menu li a span {
    margin-left:4px;
    font-size:9px
  }
  .footer {
    height:120px;
    padding-top:25px;
    padding-right:18px!important
  }
  .footer-left {
    max-width:50%;
    float:left
  }
  .modify-button {
    width:115px;
    height:35px;
    padding-top:9px;
    padding-left:6px
  }
  .modify-button p {
    font-size:10px
  }
  .modify-icon {
    width:10px;
    height:10px;
    background-size:100%;
    margin-top:1px
  }
  .some-text {
    margin-top:15px;
    font-size:9px
  }
  .footer-right {
    max-width:50%;
    float:right
  }
  .footer-right img {
    max-width:70px
  }
  .footer-right .first-image {
    margin-right:14px
  }
  ;
}
@media(min-width:1164px) and (max-width:1315px) {
  .section-one .content-wrapper .content-left .space-block {
    width:45px
  }
  .white-dropdown .dropdown-menu>li>a {
    padding:4px 28px
  }
}
@media(min-width:1024px) and (max-width:1164px) {
  .section-one .content-wrapper .content-left .space-block {
    width:20px
  }
  .white-dropdown .dropdown-menu>li>a {
    padding:4px 28px
  }
  .room-list-wrapper .room-item-wrap .footer-section .price-wrap {
    width:100%
  }
  .vertical .thumbs .room-list-wrapper .room-item-wrap .footer-section .price-wrap {
    width:auto
  }
  .room-list-wrapper .room-item-wrap .footer-section .book-now-button {
    float:left!important;
    margin-top:10px
  }
}
@media(min-width:992px) and (max-width:1024px) {
  .room-list-wrapper .room-item-wrap .footer-section .price-wrap {
    width:100%
  }
  .vertical .thumbs .room-list-wrapper .room-item-wrap .footer-section .price-wrap {
    width:auto
  }
  .room-list-wrapper .room-item-wrap .footer-section .book-now-button {
    float:left!important;
    margin-top:10px
  }
}
@media(min-width:1024px) and (max-width:1315px) {
  .section-one .content-wrapper {
    padding:0;
    height:317px
  }
  .section-one .content-wrapper .content-left .content-1 {
    width:200px
  }
  .section-one .content-wrapper .content-left .content-1 .date-box-wrap .date-box {
    width:99px;
    padding:15px 8px
  }
  .date-box-title {
    font-size:18px;
    margin-bottom:6px
  }
  .date-box .week {
    padding-top:8px;
    font-size:12px;
    margin-bottom:6px
  }
  .date-box .day {
    font-size:38px;
    margin-bottom:8px
  }
  .date-box .month-year {
    font-size:12px
  }
  .horizontal-line {
  }
  .white-dropdown {
    width:200px
  }
  .white-dropdown .dropdown-toggle {
    padding:15px 7px 10px
  }
  .section-one .content-wrapper .content-left {
    padding:22px 30px 22px 20px
  }
  .section-one .content-wrapper .content-right {
    padding:22px 20px 22px 24px
  }
  .section-one .content-wrapper .content-left .title {
    font-size:18px;
    color:var(--text-color)
  }
  .section-one .content-wrapper .content-left .content-2 {
    width:300px;
    float:left
  }
  .section-one .content-wrapper .content-left .summary-content {
    width:70%;
    float:left
  }
  .three-dropdowns-wrapper .white-dropdown {
    width:145px;
    float:left
  }
  .three-dropdowns-wrapper .white-dropdown .dropdown-menu {
    min-width:90px
  }
  .three-dropdowns-wrapper .white-dropdown.one {
    margin-right:3px
  }
  .three-dropdowns-wrapper .white-dropdown.two {
    margin-right:1.5px
  }
  .three-dropdowns-wrapper .white-dropdown.three {
    margin-left:1.5px
  }
  .three-dropdowns-wrapper .three-dropdowns-title {
    font-size:18px
  }
  .section-one .content-wrapper .content-left .content-3 {
    width:130px
  }
  #promo_code {
    width:130px
  }
  .section-one .content-wrapper .content-right .title-wrap .text-left {
    font-size:16px;
    margin-bottom:0
  }
  .section-one .content-wrapper .content-right .title-wrap .text-right {
  }
  .section-one .content-wrapper .content-right .title-wrap .text-currency {
    font-weight:lighter;
    font-size:12px;
    color:#a94442
  }
  .section-one .content-wrapper .content-right .search {
    width:100%
  }
  .section-one.portal .content-wrapper .content-right .search {
    width:200px
  }
  .section-one .content-wrapper .content-right .availability-calendar {
    font-size:16px
  }
  .glyphicon-calendar {
    color:#000
  }
  .three-icon {
    margin:0 -5px 0 0
  }
  ;
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
  .main-wrapper {
    padding-left:7px!important;
    padding-right:7px!important;
    max-width:722px!important
  }
  .header-wrapper {
    max-width:710px;
    padding-left:9px!important
  }
  .header-first .menu li a {
    font-size:8px;
    padding:8px 10px 4px
  }
  .header-second .menu-wrapper .menu li a {
    padding:5px 8px;
    font-size:12px
  }
  .header-second .logo-wrapper {
    max-width:100px
  }
  .header-second .logo-wrapper img {
    width:100%
  }
  .section-one .content-wrapper {
    height:200px
  }
  .section-one .content-wrapper .content-right {
    padding:15px 20px;
    float:right;
    max-width:190px
  }
  .section-one .content-wrapper .content-right .title-wrap .text-left {
    font-size:11px;
    margin-bottom:0
  }
  .section-one .content-wrapper .content-right .title-wrap .text-right {
    font-size:12px;
    margin-bottom:0
  }
  .section-one .content-wrapper .content-right .title-wrap .text-currency {
    font-weight:lighter;
    font-size:10px;
    color:var(--secondary-text-color)
  }
  .section-one .content-wrapper .content-right .search {
    height:45px;
    width:140px;
    padding-top:14px
  }
  .section-one .content-wrapper .content-right .availability-calendar {
    font-size:12px;
    margin-top:18px
  }
  .three-icon {
    width:12px;
    height:7px;
    background-size:100%;
    margin:1px -10px 0 8px
  }
  .section-one .content-wrapper .content-right .search p {
    font-size:12px
  }
  .section-one .content-wrapper .content-right .search p span {
    margin-right:4px
  }
  .tabs-wrapper .menu {
    height:40px
  }
  .tabs-wrapper .menu li a {
    padding:10px 24px 10px 0
  }
  .tabs-wrapper .menu li a .radiused-number {
    width:24px;
    height:24px;
    padding-top:4px;
    font-size:12px;
    margin-top:-4px
  }
  .tabs-wrapper .menu li a span {
    font-size:12px
  }
  .tabs-wrapper .menu .active .triangle {
    top:35px;
    left:4px;
    font-size:16px
  }
  .section-one .content-wrapper .content-left {
    padding:15px 24px 15px 20px;
    max-width:540px;
    float:left;
    min-width:528px
  }
  .three-dropdowns-wrapper .three-dropdowns-title {
    font-size:10px;
    line-height:.8;
    margin:10px 0 6px
  }
  .three-dropdowns-wrapper .white-dropdown {
    width:90px
  }
  .three-dropdowns-wrapper .white-dropdown .dropdown-menu {
    min-width:90px
  }
  .three-dropdowns-wrapper .white-dropdown.one {
    margin-right:2px
  }
  .three-dropdowns-wrapper .white-dropdown.two {
    margin-right:1px
  }
  .three-dropdowns-wrapper .white-dropdown.three {
    margin-left:1px
  }
  .section-one .content-wrapper .content-left .content-1 {
    width:150px
  }
  .section-one .content-wrapper .content-left .title {
    font-size:11px;
    margin-bottom:4px
  }
  .section-one .content-wrapper .content-left .content-1 .date-box-wrap .date-box {
    width:73px;
    padding:10px 6px
  }
  .date-box-title {
    font-weight:lighter;
    font-size:12px;
    margin-bottom:4px
  }
  .date-box .horizontal-line {
    border-top:1px solid var(--light-background)
  }
  .date-box .week {
    padding-top:5px;
    margin-bottom:4px;
    font-size:10px
  }
  .date-box .day {
    font-size:30px;
    margin-bottom:4px
  }
  .date-box .month-year {
    font-size:10px
  }
  .white-dropdown {
    width:150px;
    height:35px
  }
  .white-dropdown .dropdown-toggle {
    padding:10px 3px
  }
  .white-dropdown .title-wrapper {
    font-size:10px
  }
  .white-dropdown .count-wrapper {
    font-size:10px
  }
  .white-dropdown .count-wrapper .count {
    font-size:12px
  }
  .white-dropdown .dropdown-menu {
    top:32px;
    min-width:150px
  }
  .white-dropdown .dropdown-menu>li>a {
    font-size:12px;
    padding:2px 20px
  }
  .section-one .content-wrapper .content-left .space-block {
    width:17px;
    height:174px
  }
  .section-one .content-wrapper .content-left .content-2 {
    width:200px;
    float:left
  }
  .section-one .content-wrapper .content-left g {
    width:65%;
    float:left
  }
  .section-one .content-wrapper .content-left .content-3 {
    width:100px
  }
  #promo_code {
    width:100px
  }
  .white-input {
    height:35px;
    border:none;
    padding-left:7px;
    padding-right:7px;
    font-size:10px
  }
  .section-two {
    max-width:710px;
    padding-top:24px
  }
  .section-two .title {
    font-size:12px;
    margin-bottom:8px
  }
  .date-selectors-wrap {
    max-width:680px;
    height:60px;
    padding:6px 8px!important
  }
  .date-selectors-wrap .left-right-button {
    width:45px;
    height:45px;
    padding-top:14px;
    font-size:12px
  }
  .silver-dropdown {
    width:140px;
    height:45px
  }
  .silver-dropdown .dropdown-toggle {
    padding:14px 7px 18px;
    font-size:12px
  }
  .silver-dropdown .dropdown-menu {
    top:42px;
    min-width:140px
  }
  .silver-dropdown .dropdown-menu>li>a {
    font-size:12px;
    padding:0 7px
  }
  .calendars-wrapper {
    max-width:680px;
    padding:10px 8px!important
  }
  .calendars-wrapper .calendar {
    width:329px
  }
  .calendar .week-name {
    width:45px;
    margin-right:2px;
    padding:5px 0
  }
  .calendar .calendar-item {
    width:45px;
    height:45px;
    margin:0 2px 2px 0;
    padding:5px 3px 0
  }
  .calendar.right .calendar-item {
    margin:0 0 2px 2px
  }
  .calendar-item .day {
    font-size:10px
  }
  .calendar-item .price {
    font-size:8px;
    bottom:1px
  }
  .calendar-item.available-rooms.have-old-price .old-price strike {
    font-size:10px
  }
  .calendar-item.no-availability .not-available {
    font-size:10px;
    bottom:1px
  }
  .calendar-item.selected-dates.start .arrive-depart .arrive {
    font-size:10px
  }
  .calendar-item.selected-dates.end .arrive-depart .depart {
    font-size:10px
  }
  .color-coding-wrap {
    padding-top:25px
  }
  .color-coding-wrap .menu li a {
    padding-right:20px
  }
  .color-coding-wrap .menu li a .radiused-color {
    width:15px;
    height:15px;
    margin-top:4px
  }
  .color-coding-wrap .menu li a span {
    margin-left:4px;
    font-size:9px
  }
  .footer {
    height:120px;
    padding-top:25px;
    padding-right:18px!important
  }
  .footer-left {
    max-width:50%;
    float:left
  }
  .modify-button {
    width:115px;
    height:35px;
    padding-top:9px;
    padding-left:6px
  }
  .modify-button p {
    font-size:10px
  }
  .modify-icon {
    width:10px;
    height:10px;
    background-size:100%;
    margin-top:1px
  }
  .some-text {
    margin-top:15px;
    font-size:9px
  }
  .footer-right {
    max-width:50%;
    float:right
  }
  .footer-right img {
    max-width:70px
  }
  .footer-right .first-image {
    margin-right:14px
  }
  ;
}
.vertical .section-one .content-wrapper {
  position: absolute;
  z-index: 1;
  width: 290px;
  height: 800px;
  top: 90px;
  left: 20px;
}
.vertical .section-one .content-wrapper .content-left {
  padding: 0 20px 15px 20px;
  width: 290px;
}
.vertical .section-one .content-wrapper .content-left .content-1 .date-box-wrap {
  margin-top: -42px;
}
.vertical .section-one .content-wrapper .content-left .title.first-title {
  margin-bottom: 0;
  margin-left: -20px;
  width: 290px;
  color: var(--secondary-color);
  background: var(--secondary-text-color);
  padding: 20px 0 52px 0;
}
.vertical .section-one .content-wrapper .content-left .space-block {
  width: 0;
  height: 25px;
  float: none;
  clear: both;
}
.vertical .section-one .content-wrapper .content-left .content-2 {
  width: 250px;
  float: left;
}
.three-dropdowns-wrapper .three-dropdowns-title {
  line-height: 1;
}
.vertical .three-dropdowns-wrapper .white-dropdown.one {
  margin-right: 0;
  width: 100%;
  margin-bottom: 4px;
}
.vertical .three-dropdowns-wrapper .white-dropdown.two {
  margin-right: 0;
  width: 49%;
}
.vertical .three-dropdowns-wrapper .white-dropdown.three {
  margin-left: 0;
  width: 49%;
  float: right;
}
.vertical .white-input {
  padding-left: 20px;
  padding-right: 20px;
}
.vertical .section-one .content-wrapper .content-left .content-3 {
  width: 250px;
}
.vertical #promo_code {
  width: 250px;
}
.vertical .section-one .content-wrapper .content-right {
  padding: 15px 20px 15px 20px;
  float: none;
  max-width: 290px;
  clear: both;
  height: 145px;
  width: 100%;
}
.vertical .section-one .content-wrapper .content-right .title-wrap {
  width: 100%;
}
.vertical .section-one .content-wrapper .content-right .search {
  width: 250px;
  position: absolute;
  top: 110px;
}
.vertical .section-two {
  min-height: 1020px !important;
  padding-left: 325px !important;
}
@media(min-width:1024px) and (max-width:1315px) {
  .vertical .section-one .content-wrapper {
    width:240px;
    height:740px
  }
  .vertical .section-one .content-wrapper .content-left {
    width:240px
  }
  .vertical .section-one .content-wrapper .content-left .title.first-title {
    width:240px;
    padding:15px 0 47px
  }
  .vertical .section-one .content-wrapper .content-left .content-1 .date-box-wrap {
    margin-top:-35px
  }
  .vertical .section-one .content-wrapper .content-left .space-block {
    height:20px
  }
  .vertical .section-one .content-wrapper .content-left .content-2 {
    width:200px
  }
  .vertical .section-one .content-wrapper .content-left .content-3 {
    width:200px
  }
  .vertical #promo_code {
    width:200px
  }
  .vertical .section-one .content-wrapper .content-right .search {
    width:200px
  }
  .vertical .section-two {
    min-height:965px!important;
    padding-left:280px!important
  }
  ;
}
@media only screen and (max-width:1024px) {
  .vertical .main-wrapper {
    max-width:900px!important
  }
  .vertical .header-wrapper {
    max-width:890px
  }
  .vertical .section-one .content-wrapper {
    position:absolute;
    z-index:1;
    width:170px;
    height:490px;
    top:55px;
    left:15px
  }
  .vertical .section-one .content-wrapper .content-left {
    padding:0 10px 8px;
    width:170px
  }
  .vertical .section-one .content-wrapper .content-left .content-1 .date-box-wrap {
    margin-top:-24px
  }
  .vertical .section-one .content-wrapper .content-left .title.first-title {
    margin-bottom:0;
    margin-left:-10px;
    width:170px;
    color:var(--secondary-color);
    background:var(--secondary-text-color);
    padding:10px 0 32px
  }
  .vertical .section-one .content-wrapper .content-left .space-block {
    width:0;
    height:10px;
    float:none;
    clear:both
  }
  .vertical .section-one .content-wrapper .content-left .content-2 {
    width:150px
  }
  .vertical .three-dropdowns-wrapper .white-dropdown.one {
    margin-right:0;
    width:100%;
    margin-bottom:2px
  }
  .vertical .three-dropdowns-wrapper .white-dropdown.two {
    margin-right:0;
    width:49%
  }
  .vertical .three-dropdowns-wrapper .white-dropdown.three {
    margin-left:0;
    width:49%;
    float:right
  }
  .vertical .white-input {
    padding-left:3px;
    padding-right:3px
  }
  .vertical .section-one .content-wrapper .content-left .content-3 {
    width:150px
  }
  .vertical #promo_code {
    width:150px
  }
  .vertical .section-one .content-wrapper .content-right {
    padding:8px 10px;
    float:none;
    max-width:170px;
    clear:both;
    height:100px;
    width:100%
  }
  .vertical .section-one .content-wrapper .content-right .search {
    width:150px;
    position:absolute;
    top:75px
  }
  .vertical .section-two {
    max-width:900px;
    min-height:635px!important;
    padding-left:190px!important
  }
  ;
}
@media only screen and (max-width:950px) {
  .vertical .main-wrapper {
    max-width:722px!important;
    padding-left:0!important;
    padding-right:0!important
  }
  .vertical .section-two {
    padding-left:185px!important;
    padding-right:10px!important
  }
  .vertical .section-one .content-wrapper {
    top:50px;
    left:10px
  }
  .vertical .calendars-wrapper {
    width:526px;
    padding:5px 4px!important
  }
  .vertical .calendars-wrapper .calendar {
    width:259px
  }
  .vertical .calendar .week-name {
    width:36px;
    margin-right:1px;
    padding:3px 0;
    font-size:12px
  }
  .vertical .calendar .calendar-item {
    width:35px;
    height:35px;
    margin:0 1px 1px 0;
    padding:2px 1px 0
  }
  .vertical .calendar-item .price {
    font-size:7px
  }
  .vertical .calendar-item.available-rooms.have-old-price .old-price strike {
    font-size:8px
  }
  .vertical .calendar-item.no-availability .not-available {
    font-size:9px
  }
  .vertical .calendar-item.selected-dates.start .arrive-depart,
  .calendar-item.selected-dates.end .arrive-depart {
    bottom:10px
  }
  .vertical .calendar-item.selected-dates.start .arrive-depart .arrive {
    font-size:9px
  }
  .vertical .calendar-item.selected-dates.end .arrive-depart .depart {
    font-size:9px
  }
}
@media only screen and (min-width:1024px) and (max-width:1264px) {
  .vertical .main-wrapper {
    max-width:980px!important
  }
  .vertical .calendars-wrapper {
    width:645px;
    padding:10px 0!important
  }
  .vertical .calendars-wrapper .calendar {
    width:320px
  }
  .vertical .calendar .week-name {
    width:43px;
    margin-right:2px;
    padding:6px 0;
    font-size:14px
  }
  .vertical .calendar .calendar-item {
    width:43px;
    height:43px;
    margin:0 2px 2px 0;
    padding:3px 2px 0
  }
  .vertical .calendar-item .price {
    font-size:8px
  }
  .vertical .calendar-item.available-rooms.have-old-price .old-price strike {
    font-size:9px
  }
  .vertical .calendar-item.no-availability .not-available {
    font-size:10px
  }
  .vertical .calendar-item.selected-dates.start .arrive-depart,
  .calendar-item.selected-dates.end .arrive-depart {
    bottom:11px
  }
  .vertical .calendar-item.selected-dates.start .arrive-depart .arrive {
    font-size:10px
  }
  .vertical .calendar-item.selected-dates.end .arrive-depart .depart {
    font-size:10px
  }
  .vertical .date-selectors-wrap .left-right-button {
    width:45px;
    height:45px;
    padding-top:11px
  }
  .vertical .date-selectors-wrap .space-block {
    width:45px;
    height:45px
  }
  .vertical .silver-dropdown {
    width:200px;
    height:45px
  }
  .vertical .silver-dropdown .dropdown-toggle {
    padding:13px 20px 15px;
    font-size:16px
  }
  .vertical .date-selectors-wrap {
    height:81px
  }
}
@media only screen and (max-device-width:1024px) {
  .vertical .main-wrapper {
    max-width:900px!important
  }
  .vertical .header-wrapper {
    max-width:890px
  }
  .vertical .section-one .content-wrapper {
    position:absolute;
    z-index:1;
    width:170px;
    height:490px;
    top:55px;
    left:15px
  }
  .vertical .section-one .content-wrapper .content-left {
    padding:0 10px 8px;
    width:170px
  }
  .vertical .section-one .content-wrapper .content-left .content-1 .date-box-wrap {
    margin-top:-24px
  }
  .vertical .section-one .content-wrapper .content-left .title.first-title {
    margin-bottom:0;
    margin-left:-10px;
    width:170px;
    color:var(--secondary-color);
    background:var(--secondary-text-color);
    padding:10px 0 32px
  }
  .vertical .section-one .content-wrapper .content-left .space-block {
    width:0;
    height:10px;
    float:none;
    clear:both
  }
  .vertical .section-one .content-wrapper .content-left .content-2 {
    width:150px
  }
  .vertical .three-dropdowns-wrapper .white-dropdown.one {
    margin-right:0;
    width:100%;
    margin-bottom:2px
  }
  .vertical .three-dropdowns-wrapper .white-dropdown.two {
    margin-right:0;
    width:49%
  }
  .vertical .three-dropdowns-wrapper .white-dropdown.three {
    margin-left:0;
    width:49%;
    float:right
  }
  .vertical .white-input {
    padding-left:3px;
    padding-right:3px
  }
  .vertical .section-one .content-wrapper .content-left .content-3 {
    width:150px
  }
  .vertical #promo_code {
    width:150px
  }
  .vertical .section-one .content-wrapper .content-right {
    padding:8px 10px;
    float:none;
    max-width:170px;
    clear:both;
    height:100px;
    width:100%
  }
  .vertical .section-one .content-wrapper .content-right .search {
    width:150px;
    position:absolute;
    top:75px
  }
  .vertical .section-two {
    max-width:900px;
    min-height:635px;
    padding-left:190px!important
  }
  ;
}
.section-two .title.text-left {
  margin-left: 23px;
  margin-bottom: 21px;
}
.room-repeater-wrapper {
  width: 100%;
  width: 1200px;
  border-bottom: 3px solid #666666;
  margin: 30px 5px 0 5px;
}
p.price-wrap {
  margin: 0 0 -2px 0 !important;
}
.room-repeater-wrapper.first {
  margin-top: 0;
}
.room-repeater-wrapper .box-1 {
  width: 290px;
  float: left;
  padding: 15px;
}
.room-repeater-wrapper .box-2 {
  width: 410px;
  float: left;
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 20px;
}
.room-repeater-wrapper .box-3 {
  width: 305px;
  float: left;
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 20px;
}
.room-repeater-wrapper .box-4 {
  width: 195px;
  float: left;
  padding-left: 10px;
  padding-right: 40px;
  padding-top: 20px;
}
.room-repeater-wrapper .room-head {
  background: #d4d4d4;
  width: 100%;
  height: 50px;
}
.room-repeater-wrapper .room-head .box-1 {
  padding-left: 20px;
  height: 100%;
  cursor: pointer;
}
.horizontal .room-repeater-wrapper .room-head .box-1 {
  width: 700px;
}
.room-repeater-wrapper .room-head .box-2 {
  height: 100%;
}
.horizontal .room-repeater-wrapper .room-head .box-2 {
  display: none;
}
.room-repeater-wrapper .room-head .box-3 {
  height: 100%;
}
.room-repeater-wrapper .room-head .box-4 {
  height: 100%;
}
.room-repeater-wrapper .room-head .box-1 p {
  line-height: 0.8;
  color: var(--secondary-color);
}
.room-repeater-wrapper .room-head p {
  font-size: 18px;
  font-weight: lighter;
}
.room-repeater-wrapper .room-head .box-2 p {
  line-height: 0.8;
  display: none;
}
.room-repeater-wrapper .room-head.best-price-head .box-2 p {
  display: block;
}
.room-repeater-wrapper .room-head.best-price-head .box-3 p {
  display: block;
}
.room-repeater-wrapper .room-head .box-2 p img {
  margin-left: 8px;
}
.room-repeater-wrapper .room-head .box-3 p img {
  margin-left: 8px;
}
.room-repeater-wrapper .room-head .box-4 img {
  float: left;
  width: 30px;
}
.room-repeater-wrapper .room-head .box-4 p {
  position: relative;
}
.room-repeater-wrapper .room-head .box-4 .text {
  font-weight: lighter;
  font-size: 12px;
  margin-left: -3px;
}
.room-repeater-wrapper .room-head .box-4 small {
  font-weight: lighter;
  font-size: 8px;
  position: absolute;
  top: 2px;
}
.room-repeater-wrapper .room-head.best-price-head {
  background: var(--main-color);
  color: var(--secondary-color);
}
.room-repeater-wrapper .room-body {
  margin-top: 1px;
  border-top: 1px solid var(--main-color);
  width: 100%;
}
.room-repeater-wrapper .room-body .box-wrapper {
  float: left;
}
.room-repeater-wrapper .room-body .box-wrapper .dotted-line {
  clear: both;
  width: 97%;
  border-top: 1px solid var(--white);
  margin-left: 28px;
}
.room-repeater-wrapper .room-body .box-1 {
  padding-bottom: 20px;
  cursor: pointer;
}
.room-repeater-wrapper .room-body .box-1 img {
  width: 100%;
  padding-bottom: 10px;
}
.room-repeater-wrapper .room-body .box-2 {
  min-height: 183px;
  height: auto;
  padding-bottom: 20px;
}
.room-repeater-wrapper .room-body .box-2 .text-content {
  font-weight: lighter;
  line-height: 1.2;
  word-spacing: 2px;
  margin-bottom: 0;
  margin-top: 10px;
}
.room-repeater-wrapper .silver-button {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding: 5px 10px;
  background: #b4b3b1;
  float: left;
  margin-right: 10px;
  border-radius: 15px;
  margin-bottom: 5px;
}
.room-repeater-wrapper .orange-button {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding: 5px 10px;
  background: #ff851b;
  float: left;
  border-radius: 1.3px;
  margin-right: 10px;
  border-radius: 15px;
}
.room-repeater-wrapper .green-button {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding: 5px 10px;
  background: #638c1c;
  float: left;
  margin-right: 10px;
  border-radius: 15px;
  margin-bottom: 5px;
}
.room-repeater-wrapper .red-button {
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  padding: 5px 10px;
  background: #d41f86;
  float: left;
  border-radius: 1.3px;
  margin-right: 10px;
  border-radius: 15px;
  margin-bottom: 5px;
}
.room-repeater-wrapper .silver-button p {
  color: var(--secondary-color);
  margin: 0 !important;
}
.room-repeater-wrapper .orange-button p {
  color: var(--secondary-color);
  margin: 0 !important;
}
.room-repeater-wrapper .red-button p {
  margin: 0 !important;
  color: var(--secondary-color);
}
.room-repeater-wrapper .green-button p {
  color: var(--secondary-color);
  margin: 0 !important;
}
.room-repeater-wrapper .room-body .box-2 .box-title {
  margin-bottom: 12px;
  font-size: 18px;
  cursor: pointer;
  font-weight: lighter;
  color: var(--text-color);
  text-transform: uppercase;
}
.room-repeater-wrapper .room-body .box-3 {
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  min-height: 183px;
  padding-bottom: 20px;
}
.room-repeater-wrapper .room-body .box-3 .price-wrap strike {
  color: var(--text-color);
  font-size: 16px;
  margin-right: 10px;
}
.room-repeater-wrapper .room-body .box-3 .price-wrap .price {
  font-size: 22px;
  color: var(--text-color);
}
.room-repeater-wrapper .room-body .box-3 .save-price {
  color: var(--main-color);
  font-weight: lighter;
}
.room-repeater-wrapper .room-body .box-3 .not-available {
  line-height: 1.1;
}
.room-repeater-wrapper .room-body .box-3 .price-breakdown {
  font-weight: 400;
  font-style: italic;
  padding-bottom: 5px;
  cursor: pointer;
  color: var(--main-color);
}
.room-repeater-wrapper .room-body .box-3 .price-breakdown:hover {
  text-decoration: underline;
}
.room-repeater-wrapper .room-body .box-3 .notAvailable {
  color: #808080;
  font-weight: lighter;
  font-style: italic;
}
;
.room-repeater-wrapper .room-body .box-3 .availability-calendar {
  cursor: pointer;
  margin-top: 30px;
}
.room-repeater-wrapper .room-body .box-3 .availability-calendar .three-icon {
  margin: 0 10px 0 0;
}
.room-repeater-wrapper .room-body .box-3 .availability-calendar p {
  font-weight: lighter;
  color: var(--text-color);
}
.availability-calendar {
  cursor: pointer;
}
.room-repeater-wrapper .room-body .box-3 .white-dropdown {
  width: 150px;
  height: 30px;
}
.room-repeater-wrapper .room-body .box-3 .white-dropdown .count-wrapper {
  float: left;
}
.room-repeater-wrapper .room-body .box-3 .white-dropdown .title-wrapper {
  float: right;
}
.room-repeater-wrapper .room-body .box-3 .white-dropdown .dropdown-toggle {
  padding: 6px 14px 6px 3px;
}
.room-repeater-wrapper .room-body .box-3 .white-dropdown .dropdown-menu {
  top: 28px;
  padding: 0 !important;
}
.room-repeater-wrapper .room-body .box-3 .white-dropdown .dropdown-menu>li>a {
  text-align: left;
  padding: 4px 22px 4px 28px;
  font-size: 14px;
}
.room-repeater-wrapper .room-body .box-4 {
  height: 183px;
  padding-bottom: 20px;
}
.room-repeater-wrapper .room-body .box-4 .book-now-button {
  border: 1px solid var(--button-color);
  line-height: 1;
  font-size: 16px;
  margin-top: 25px;
  font-weight: normal;
  text-transform: uppercase;
  background-color: var(--button-color);
  -webkit-transition: background .3s,color .3s,border-color .3s;
  transition: background .3s,color .3s,border-color .3s;
  border-radius: 1px;
  color: var(--button-text-color);
  min-width: 180px;
  height: 45px;
}
.room-repeater-wrapper .room-body .box-4 .book-now-button.disable {
  border: none;
  color: var(--secondary-color);
  background: var(--light-background);
  margin-top: 34px;
}
.room-repeater-wrapper .room-body .box-4 .book-now-button.disable:hover {
  cursor: default;
  background: #cccccc;
}
.room-repeater-wrapper .room-body .box-4 .book-now-button:hover {
  background: var(--button-hover-color);
  color: var(--button-color);
  transition: background 0.3s ease-out;
  border: 1px solid var(--button-color);
  font-weight: 600;
}
.room-repeater-wrapper .room-body .box-4 .book-now-button span {
  margin-left: 6px;
}
.room-repeater-wrapper .room-body .box-4 .red-text {
  font-weight: lighter;
  margin-top: 10px;
  line-height: 1;
  color: var(--main-color);
  margin: 10px 0 0 4px;
  font-size: 13px;
}
.filters-wrapper {
  background-color: #d4d4d4;
  padding-left: 38px !important;
  padding-right: 38px !important;
  padding-bottom: 28px;
}
.filters-wrapper .filters {
  width: 100%;
  height: 90px;
}
.filters-wrapper .filters .filters-title {
  line-height: 0.8;
  color: var(--secondary-text-color);
  font-size: 18px;
  margin-bottom: 10px;
}
.switch-wrapper {
  width: 116px;
  color: var(--secondary-text-color);
}
.switch-wrapper label {
  display: block !important;
  margin: 0 !important;
}
.switch-wrapper .text-left {
  float: left;
}
.switch-wrapper .text-right {
  float: right;
}
.switch-wrapper .button {
  float: left;
  width: 30px;
  height: 12px;
  margin: 4px 0 0 7px;
  background: var(--secondary-color);
  border-radius: 10px;
  border-top: 1px solid #615f5f;
  cursor: pointer;
}
.switch-wrapper .button input {
  display: none;
}
.switch-wrapper .button .radiused-toggle {
  width: 15px;
  height: 15px;
  border-radius: 50px;
  background: var(--secondary-text-color);
  margin-top: -2px;
  float: left;
}
.filters-wrapper .filters .left-wrap {
  width: 150px;
  height: 100%;
  padding-top: 24px;
  border-right: 1px solid var(--white);
  float: left;
}
.filters-wrapper .filters .right-wrap {
  width: 100%;
  max-width: 1003px;
  height: 100%;
  padding-top: 24px;
  padding-left: 50px;
  float: left;
}
.filters-wrapper .silver-dropdown {
  width: 150px;
  height: 30px;
  margin-right: 40px;
}
.filters-wrapper .silver-dropdown.first {
  margin-left: -5px;
}
.filters-wrapper .silver-dropdown .dropdown-toggle {
  background-color: #d4d4d4;
  padding: 5px 5px 0px 5px;
  font-size: 14px;
}
.filters-wrapper .silver-dropdown.open .dropdown-toggle {
  background: var(--secondary-color);
}
.filters-wrapper .silver-dropdown.open .dropdown-menu>li>a {
  background: var(--secondary-color);
}
.filters-wrapper .silver-dropdown .dropdown-menu {
  top: 28px;
  min-width: 150px;
}
.filters-wrapper .silver-dropdown .dropdown-menu>li>a:hover {
  background: #d4d4d4;
  color: var(--secondary-text-color);
}
.filters-wrapper .silver-dropdown .dropdown-menu>li>a {
  background: #d4d4d4;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: lighter;
}
.range-wrap {
  width: 195px;
  float: left;
  padding-top: 5px;
}
.range-wrap .range-title {
  float: left;
}
.range-wrap .prices {
  font-weight: lighter;
  color: var(--secondary-text-color);
  margin-top: 10px;
  margin-bottom: 0;
}
.range-button-wrap {
  float: right;
  padding-top: 2px;
}
.range-button-wrap .range-button {
  width: 96px;
  height: 4px;
  border-radius: 5px;
  background: var(--secondary-color);
  margin-top: 4px;
  float: right;
}
.range-button-wrap .range-button .radiused-toggle {
  width: 15px;
  height: 15px;
  border-radius: 50px;
  background: var(--secondary-text-color);
  margin-top: -5px;
  margin-left: 50%;
  cursor: pointer;
}
.black-button {
  float: right;
  border: 1px solid var(--button-color);
  background: var(--button-color);
  color: var(--button-text-color);
  font-size: 16px;
  -webkit-transition: background .3s,color .3s,border-color .3s;
  transition: background .3s,color .3s,border-color .3s;
  border-radius: 1px;
  padding: 7px 11px;
  line-height: 2;
  min-width: 160px;
}
.black-button.center {
  border: none;
  background: var(--main-color);
  color: var(--secondary-color);
  width: 145px;
  height: 45px;
  font-size: 16px;
  float: none;
}
.black-button span {
  font-weight: 400;
}
.black-button:hover {
  background: #fff;
  color: var(--button-color);
  transition: background 0.3s ease-out;
  border: 1px solid var(--button-color);
}
.black-button:hover span {
  font-weight: 600;
}
.filters-wrapper .bottom-wrap {
  width: 100%;
  border-bottom: 1px solid var(--white);
}
.filters-wrapper .bottom-wrap .left-wrap {
  border-right: 1px solid var(--white);
  width: 150px;
  height: 20px;
}
.filters-wrapper .close-button {
  width: 120px;
  height: 15px;
  margin: -10px auto;
  background: #d4d4d4;
  cursor: pointer;
  position: relative;
}
.filters-wrapper .close-button:hover {
  color: var(--main-color);
}
.filters-wrapper .close-button .text {
  float: left;
  width: 100%;
  padding: 0 10px;
  position: absolute;
  z-index: 1;
}
.filters-wrapper .close-button span {
  float: right;
  margin-top: 1px;
  position: absolute;
  right: 10px;
}
@media(max-width:1024px) {
  .filters-wrapper .filters .left-wrap {
    width:100px;
    padding-top:14px
  }
  .filters-wrapper {
    padding-left:20px!important;
    padding-right:20px!important;
    padding-bottom:18px
  }
  .filters-wrapper .filters {
    height:50px
  }
  .filters-wrapper .filters .filters-title {
    font-size:11px;
    margin-bottom:5px
  }
  .filters-wrapper .filters .right-wrap {
    width:568px;
    padding-top:14px;
    padding-left:20px
  }
  .filters-wrapper .silver-dropdown {
    width:77px;
    height:20px;
    margin-right:20px
  }
  .filters-wrapper .silver-dropdown .dropdown-toggle {
    padding:2px 0 0;
    font-size:9px
  }
  .filters-wrapper .silver-dropdown .dropdown-menu {
    top:16px;
    min-width:77px
  }
  .filters-wrapper .silver-dropdown .dropdown-menu>li>a {
    font-size:9px
  }
  .switch-wrapper {
    width:80px;
    font-size:9px
  }
  .switch-wrapper .button {
    float:left;
    width:20px;
    height:6px;
    margin:2px 0 0 4px
  }
  .switch-wrapper .button .radiused-toggle {
    width:10px;
    height:10px;
    margin-top:-3px
  }
  .range-wrap {
    width:145px;
    padding-top:2px;
    font-size:9px
  }
  .range-button-wrap .range-button {
    width:75px;
    height:2px;
    margin-top:2px
  }
  .range-button-wrap .range-button .radiused-toggle {
    width:10px;
    height:10px;
    margin-top:-3px
  }
  .range-wrap .prices {
    margin-top:5px
  }
  .black-button {
    font-size:12px
  }
  .filters-wrapper .bottom-wrap .left-wrap {
    width:100px;
    height:15px
  }
  .filters-wrapper .close-button {
    width:80px;
    height:15px;
    font-size:10px;
    margin-top:-8px
  }
  .filters-wrapper .close-button .text {
    padding:0 5px
  }
  .filters-wrapper .close-button span {
    right:3px
  }
  .section-two .title.text-left {
    margin-left:5px;
    margin-bottom:11px
  }
  .room-repeater-wrapper {
    width:100%;
    border-bottom:2px solid #666;
    margin:20px 0 0
  }
  .room-repeater-wrapper .room-head {
    height:30px
  }
  .room-repeater-wrapper .box-1 {
    width:160px;
    padding-top:8px;
    padding-left:0
  }
  .room-repeater-wrapper .box-2 {
    width:205px;
    float:left;
    padding-left:18px;
    padding-right:18px;
    padding-top:6px
  }
  .room-repeater-wrapper .box-3 {
    width:152px;
    padding-left:7px;
    padding-right:7px;
    padding-top:10px
  }
  .room-repeater-wrapper .box-4 {
    width:160px;
    padding-left:5px;
    padding-right:20px;
    padding-top:9px
  }
  .room-repeater-wrapper .room-body .box-1 {
    padding-bottom:10px
  }
  .room-repeater-wrapper .room-body .box-2 {
    height:110px;
    height:auto;
    padding-bottom:10px
  }
  .room-repeater-wrapper .room-body .box-2 .box-title {
    margin-bottom:6px;
    font-size:11px
  }
  .room-repeater-wrapper .silver-button {
    font-size:9px;
    padding:2px 5px;
    margin-right:5px
  }
  .room-repeater-wrapper .orange-button {
    font-size:11px;
    padding:5px 10px
  }
  .room-repeater-wrapper .room-body .box-2 .text-content {
    line-height:1;
    word-spacing:2px;
    margin-top:5px;
    font-size:9px
  }
  .room-repeater-wrapper .room-body .box-3 {
    height:110px;
    padding-bottom:10px
  }
  .room-repeater-wrapper p {
    margin-bottom:5px
  }
  .room-repeater-wrapper .room-body .box-3 .price-wrap strike {
    font-size:12px;
    margin-right:5px
  }
  .room-repeater-wrapper .room-body .box-3 .price-wrap .price {
    font-size:14px
  }
  .room-repeater-wrapper .room-body .box-3 .save-price {
    font-size:10px
  }
  .room-repeater-wrapper .room-body .box-3 .price-breakdown {
    font-size:10px
  }
  .room-repeater-wrapper .room-body .box-3 .price-breakdown2 {
    font-size:10px
  }
  .room-repeater-wrapper .room-body .box-3 .availability-calendar {
    margin-top:20px;
    cursor:pointer
  }
  .room-repeater-wrapper .room-body .box-3 .availability-calendar .three-icon {
    margin:0 5px 0 0
  }
  .room-repeater-wrapper .room-body .box-3 .availability-calendar p {
    font-size:10px
  }
  .room-repeater-wrapper .room-body .box-3 .white-dropdown {
    width:107px;
    height:20px
  }
  .room-repeater-wrapper .room-body .box-3 .white-dropdown .dropdown-toggle {
    padding:3px 13px 3px 2px
  }
  .room-repeater-wrapper .room-body .box-3 .white-dropdown .dropdown-menu {
    top:17px;
    min-width:110px
  }
  .room-repeater-wrapper .room-body .box-3 .white-dropdown .dropdown-menu>li>a {
    padding:2px 14px 4px 18px;
    font-size:10px
  }
  .room-repeater-wrapper .room-body .box-4 {
    height:110px;
    padding-bottom:10px
  }
  .room-repeater-wrapper .room-body .box-4 .book-now-button {
    font-size:12px;
    margin-top:25px
  }
  .room-repeater-wrapper .room-body .box-wrapper .dotted-line {
    margin-left:15px
  }
  .horizontal .room-repeater-wrapper .room-head .box-1 {
    width:366px
  }
  ;
}
@media(max-device-width:1025px) {
  .filters-wrapper .filters .left-wrap {
    width:100px;
    padding-top:14px
  }
  .filters-wrapper {
    padding-left:20px!important;
    padding-right:20px!important;
    padding-bottom:18px
  }
  .filters-wrapper .filters {
    height:50px
  }
  .filters-wrapper .filters .filters-title {
    font-size:11px;
    margin-bottom:5px
  }
  .filters-wrapper .filters .right-wrap {
    width:568px;
    padding-top:14px;
    padding-left:20px
  }
  .filters-wrapper .silver-dropdown {
    width:77px;
    height:20px;
    margin-right:20px
  }
  .filters-wrapper .silver-dropdown .dropdown-toggle {
    padding:2px 0 0;
    font-size:9px
  }
  .filters-wrapper .silver-dropdown .dropdown-menu {
    top:16px;
    min-width:77px
  }
  .filters-wrapper .silver-dropdown .dropdown-menu>li>a {
    font-size:9px
  }
  .switch-wrapper {
    width:80px;
    font-size:9px
  }
  .switch-wrapper .button {
    float:left;
    width:20px;
    height:6px;
    margin:2px 0 0 4px
  }
  .switch-wrapper .button .radiused-toggle {
    width:10px;
    height:10px;
    margin-top:-3px
  }
  .range-wrap {
    width:145px;
    padding-top:2px;
    font-size:9px
  }
  .range-button-wrap .range-button {
    width:75px;
    height:2px;
    margin-top:2px
  }
  .range-button-wrap .range-button .radiused-toggle {
    width:10px;
    height:10px;
    margin-top:-3px
  }
  .range-wrap .prices {
    margin-top:5px
  }
  .black-button {
    width:90px;
    height:30px;
    font-size:12px
  }
  .filters-wrapper .bottom-wrap .left-wrap {
    width:100px;
    height:15px
  }
  .filters-wrapper .close-button {
    width:80px;
    height:15px;
    font-size:10px;
    margin-top:-8px
  }
  .filters-wrapper .close-button .text {
    padding:0 5px
  }
  .filters-wrapper .close-button span {
    right:3px
  }
  .section-two .title.text-left {
    margin-left:5px;
    margin-bottom:11px
  }
  .room-repeater-wrapper {
    width:100%;
    border-bottom:2px solid #666;
    margin:20px 0 0
  }
  .room-repeater-wrapper .room-head {
    height:30px
  }
  .room-repeater-wrapper .box-1 {
    width:160px;
    padding-top:8px;
    padding-left:0
  }
  .room-repeater-wrapper .box-2 {
    width:205px;
    float:left;
    padding-left:18px;
    padding-right:18px;
    padding-top:6px
  }
  .room-repeater-wrapper .box-3 {
    width:152px;
    padding-left:7px;
    padding-right:7px;
    padding-top:10px
  }
  .room-repeater-wrapper .box-4 {
    width:160px;
    padding-left:5px;
    padding-right:20px;
    padding-top:9px
  }
  .room-repeater-wrapper .room-body .box-1 {
    padding-bottom:10px
  }
  .room-repeater-wrapper .room-body .box-2 {
    height:110px;
    height:auto;
    padding-bottom:10px
  }
  .room-repeater-wrapper .room-body .box-2 .box-title {
    margin-bottom:6px;
    font-size:11px
  }
  .room-repeater-wrapper .silver-button {
    font-size:9px;
    padding:2px 5px;
    margin-right:5px
  }
  .room-repeater-wrapper .orange-button {
    font-size:9px;
    padding:2px 5px
  }
  .room-repeater-wrapper .red-button {
    font-size:9px;
    text-align:center;
    padding:2px 10px
  }
  .room-repeater-wrapper .green-button {
    font-size:9px;
    text-align:center;
    padding:2px 10px
  }
  .room-repeater-wrapper .room-body .box-2 .text-content {
    line-height:1;
    word-spacing:2px;
    margin-top:5px;
    font-size:9px
  }
  .room-repeater-wrapper .room-body .box-3 {
    height:110px;
    padding-bottom:10px
  }
  .room-repeater-wrapper p {
    margin-bottom:5px
  }
  .room-repeater-wrapper .room-body .box-3 .price-wrap strike {
    font-size:12px;
    margin-right:5px
  }
  .room-repeater-wrapper .room-body .box-3 .price-wrap .price {
    font-size:13px
  }
  .room-repeater-wrapper .room-body .box-3 .save-price {
    font-size:10px
  }
  .room-repeater-wrapper .room-body .box-3 .price-breakdown {
    font-size:10px
  }
  .room-repeater-wrapper .room-body .box-3 .price-breakdown2 {
    font-size:10px
  }
  .room-repeater-wrapper .room-body .box-3 .availability-calendar {
    margin-top:20px;
    cursor:pointer
  }
  .room-repeater-wrapper .room-body .box-3 .availability-calendar .three-icon {
    margin:0 5px 0 0
  }
  .room-repeater-wrapper .room-body .box-3 .availability-calendar p {
    font-size:10px
  }
  .room-repeater-wrapper .room-body .box-3 .white-dropdown {
    width:107px;
    height:20px
  }
  .room-repeater-wrapper .room-body .box-3 .white-dropdown .dropdown-toggle {
    padding:3px 13px 3px 2px
  }
  .room-repeater-wrapper .room-body .box-3 .white-dropdown .dropdown-menu {
    top:17px;
    min-width:110px
  }
  .room-repeater-wrapper .room-body .box-3 .white-dropdown .dropdown-menu>li>a {
    padding:2px 14px 4px 18px;
    font-size:10px
  }
  .room-repeater-wrapper .room-body .box-4 {
    height:110px;
    padding-bottom:10px
  }
  .room-repeater-wrapper .room-body .box-4 .book-now-button {
    width:90px;
    height:30px;
    font-size:12px;
    margin-top:25px
  }
  .room-repeater-wrapper .room-body .box-wrapper .dotted-line {
    margin-left:15px
  }
  .horizontal .room-repeater-wrapper .room-head .box-1 {
    width:366px
  }
  ;
}
@media(min-width:1025px) and (max-width:1315px) {
  .filters-wrapper {
    padding-left:20px!important;
    padding-right:20px!important
  }
  .filters-wrapper .filters .left-wrap {
    width:140px
  }
  .filters-wrapper .filters .right-wrap {
    padding-left:35px
  }
  .filters-wrapper .filters .right-wrap {
    min-width:755px;
    width:84%
  }
  .filters-wrapper .filters .filters-title {
    line-height:.8;
    color:var(--secondary-text-color);
    font-size:16px
  }
  .filters-wrapper .silver-dropdown {
    width:120px;
    margin-right:20px
  }
  .filters-wrapper .silver-dropdown .dropdown-menu {
    min-width:120px
  }
  .black-button {
  }
  .filters-wrapper .bottom-wrap .left-wrap {
    width:140px
  }
  .filters-wrapper .silver-dropdown .dropdown-toggle {
    padding:5px 5px 0;
    font-size:13px
  }
  .room-repeater-wrapper {
    width:99%
  }
  .room-repeater-wrapper .box-1 {
    width:230px
  }
  .room-repeater-wrapper .box-2 {
    width:40%
  }
  .room-repeater-wrapper .box-3 {
    width:35%
  }
  .room-repeater-wrapper .box-4 {
    width:25%;
    padding-right:30px
  }
  .room-repeater-wrapper .room-body .box-4 .book-now-button {
  }
  .room-repeater-wrapper .room-body .box-3 .price-wrap strike {
    font-size:15px
  }
  .room-repeater-wrapper .room-body .box-3 .price-wrap .price {
    font-size:20px
  }
  .room-repeater-wrapper .room-body .box-3 .availability-calendar {
    font-size:12px;
    cursor:pointer
  }
  .room-repeater-wrapper .room-body .box-3 .availability-calendar .three-icon {
    margin:-2px 10px 0 0
  }
  .room-repeater-wrapper .room-body .box-3 .white-dropdown .dropdown-menu {
    min-width:150px
  }
  .room-repeater-wrapper .room-body .box-wrapper {
    width:74%
  }
  .room-repeater-wrapper .room-head .box-2 {
    width:30%
  }
  .room-repeater-wrapper .room-head .box-3 {
    width:20%
  }
  .room-repeater-wrapper .room-head .box-4 {
    width:25%
  }
  .room-repeater-wrapper .room-body .box-2 .text-content {
    font-size:13px
  }
  ;
}
@media(min-width:1025px) and (max-width:1075px) {
  .horizontal .room-repeater-wrapper .room-head .box-1 {
    width:55%
  }
}
@media(min-width:1075px) and (max-width:1125px) {
  .horizontal .room-repeater-wrapper .room-head .box-1 {
    width:53%
  }
}
@media(min-width:1125px) and (max-width:1175px) {
  .horizontal .room-repeater-wrapper .room-head .box-1 {
    width:52%
  }
}
@media(min-width:1175px) and (max-width:1225px) {
  .horizontal .room-repeater-wrapper .room-head .box-1 {
    width:51%
  }
}
@media(min-width:1225px) and (max-width:1275px) {
  .horizontal .room-repeater-wrapper .room-head .box-1 {
    width:50%
  }
}
@media(min-width:1275px) and (max-width:1315px) {
  .horizontal .room-repeater-wrapper .room-head .box-1 {
    width:49%
  }
}
.calendar-extra-wrapper {
  max-width:900px!important;
  height:130px;
  padding-left:2.8%;
  margin-bottom:2%;
  display:none
}
.calendar-extra-wrapper .first-wrap {
  width:100%;
  height:67%;
  padding:0 2%;
  background:var(--text-color)
}
.calendar-extra-wrapper .first-wrap .button {
  width:3.5%;
  height:100%;
  font-size:29px;
  padding-top:2.6%;
  cursor:pointer;
  color:#fff
}
.calendar-extra-wrapper .first-wrap .button:hover {
  color:var(--button-color)
}
.calendar-extra-wrapper .first-wrap .left.button {
  float:left
}
.calendar-extra-wrapper .first-wrap .right.button {
  float:right
}
.calendar-extra-wrapper .first-wrap .center-wrapper {
  float:left;
  width:93%;
  height:100%;
  overflow:hidden
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap {
  margin:0 auto;
  width:100%;
  height:100%
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item {
  width:11.1%;
  border-right:1px solid var(--secondary-color);
  height:100%;
  background:var(--main-color);
  cursor:pointer;
  float:left;
  text-align:center;
  padding-top:3.5%;
  font-weight:lighter;
  color:var(--button-text-color)
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item p {
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item:hover {
  background:var(--hover-color)
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item:hover>p {
  color:var(--secondary-color)
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item.selected {
  background:var(--light-background);
  color:var(--text-color)
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item.last {
  border:none
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item .week_day {
  font-size:13px;
  margin:0 0 3px
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item .old-price {
  display:none
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item.selected .old-price {
  display:block;
  font-size:11px;
  margin-bottom:5px
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item .price {
  font-size:11px
}
.calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item .price.notavailable {
  font-size:11px
}
.calendar-extra-wrapper .second-wrap {
  width:100%;
  height:33%;
  text-align:center;
  padding-top:10px;
  background:var(--text-color);
  color:var(--white)
}
.calendar-extra-wrapper .second-wrap p {
  font-weight:lighter;
  margin-bottom:0
}
.extra-packages-wrapper {
  width:97%;
  margin-left:3%;
  height:330px;
  background:#d4d4d4;
  margin-bottom:2%;
  padding-top:4.5%;
  padding-left:8.5%;
  padding-bottom:3.5%
}
.extra-packages-wrapper .left-wrap {
  width:40%;
  height:100%;
  float:left;
  padding-right:4%
}
.extra-packages-wrapper .right-wrap {
  width:60%;
  height:100%;
  float:left
}
.extra-packages-wrapper .title {
  color:var(--main-color)
}
.package-radio {
  width:100%;
  padding-bottom:1%;
  text-align:center;
  font-weight:lighter
}
.package-radio p {
  font-weight:lighter;
  margin-bottom:0;
  line-height:1.5
}
.package-radio input {
  background-color:fff
}
.package-radio .left {
  float:left;
  height:100%;
  width:15%
}
.package-radio .left .radiused-button {
  width:30px;
  height:30px;
  border-radius:50px;
  border:1px solid var(--secondary-text-color);
  background-color:var(--secondary-color);
  color:var(--secondary-color);
  text-align:center;
  padding-top:5px;
  cursor:pointer
}
.package-radio .left .radiused-button.checked {
  background:var(--secondary-text-color)
}
.package-radio .left .radiused-button.checked span {
  display:block
}
.package-radio label {
  margin:0!important
}
.package-radio .right {
  float:left;
  height:100%;
  width:85%;
  padding-top:5px
}
.package-checkbox {
  width:100%;
  padding-bottom:1%
}
.package-checkbox p {
  font-weight:lighter;
  margin-bottom:0;
  line-height:1.5;
  color:var(--text-color);
  font-family:var(--main-font);
  font-weight:lighter
}
.package-checkbox input {
  display:none
}
.package-checkbox .left {
  float:left;
  height:100%;
  width:9%
}
.package-checkbox .left .checkbox-button {
  width:30px;
  height:30px;
  border:2px solid var(--hover-color);
  background-color:var(--white);
  color:transparent;
  text-align:center;
  padding-top:5px;
  cursor:pointer;
  border-radius:20px
}
.package-checkbox .left .checkbox-button.checked {
  background:var(--main-color);
  color:#eaedec
}
.package-checkbox .left .checkbox-button.checked span {
  display:block
}
.package-checkbox label {
  margin:0!important
}
.package-checkbox .right {
  float:left;
  height:100%;
  width:91%;
  padding-top:5px
}
.package-number {
  width:100%;
  padding-bottom:1%
}
.package-number p {
  font-weight:lighter;
  margin-bottom:0;
  line-height:1.5
}
.package-number .left {
  float:left;
  height:100%;
  width:17%
}
.package-number .left .number-field {
  width:100%;
  height:50px;
  position:relative;
  max-width:70px
}
.package-number .left .number-field span {
  position:absolute;
  cursor:pointer;
  right:10%;
  font-size:16px
}
.package-number .left .number-field .glyphicon-chevron-up {
  top:10%
}
.package-number .left .number-field .glyphicon-chevron-down {
  top:60%
}
.package-number .left .number-field input {
  width:100%;
  height:100%;
  border:1px solid silver;
  background-color:var(--secondary-color);
  color:var(--secondary-text-color);
  font-size:18px;
  text-align:center;
  padding-right:35%
}
.package-number .right {
  float:left;
  height:100%;
  width:83%;
  padding-top:5px
}
@media(max-width:1025px) {
  .calendar-extra-wrapper {
    height:90px;
    max-width:518px
  }
  .calendar-extra-wrapper .second-wrap p {
    font-size:8px
  }
  .calendar-extra-wrapper .first-wrap .button {
    font-size:15px;
    padding-top:4%
  }
  .calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item .week_day {
    font-size:10px
  }
  .calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item .price {
    font-size:8px
  }
  .calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item.selected .old-price {
    font-size:8px
  }
  .calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item {
    padding-top:4.2%
  }
  .calendar-extra-wrapper .second-wrap {
    padding-top:2.5%
  }
  .extra-packages-wrapper {
    max-width:518px;
    height:200px
  }
  .package-radio .left .radiused-button {
    width:20px;
    height:20px;
    padding-top:3px;
    font-size:10px
  }
  .package-radio .right {
    font-size:9px
  }
  .package-checkbox .left .checkbox-button {
    width:20px;
    height:20px;
    padding-top:3px;
    font-size:10px
  }
  .package-checkbox .right {
    font-size:9px
  }
  .package-number .left .number-field {
    height:30px;
    max-width:40px
  }
  .package-number .left .number-field input {
    font-size:14px
  }
  .package-number .left .number-field span {
    font-size:9px
  }
  .package-number .right {
    font-size:9px;
    padding-top:8px
  }
  ;
}
@media(max-device-width:1024px) {
  .calendar-extra-wrapper {
    height:90px;
    max-width:518px
  }
  .calendar-extra-wrapper .second-wrap p {
    font-size:8px
  }
  .calendar-extra-wrapper .first-wrap .button {
    font-size:15px;
    padding-top:4%
  }
  .calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item .week_day {
    font-size:10px
  }
  .calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item .price {
    font-size:8px
  }
  .calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item.selected .old-price {
    font-size:8px
  }
  .calendar-extra-wrapper .first-wrap .center-wrapper .center-wrap .item {
    padding-top:4.2%
  }
  .calendar-extra-wrapper .second-wrap {
    padding-top:2.5%
  }
  .extra-packages-wrapper {
    max-width:518px;
    height:200px
  }
  .package-radio .left .radiused-button {
    width:20px;
    height:20px;
    padding-top:3px;
    font-size:10px
  }
  .package-radio .right {
    font-size:9px
  }
  .package-checkbox .left .checkbox-button {
    width:20px;
    height:20px;
    padding-top:3px;
    font-size:10px
  }
  .package-checkbox .right {
    font-size:9px
  }
  .package-number .left .number-field {
    height:30px;
    max-width:40px
  }
  .package-number .left .number-field input {
    font-size:14px
  }
  .package-number .left .number-field span {
    font-size:9px
  }
  .package-number .right {
    font-size:9px;
    padding-top:8px
  }
  ;
}
@media only screen and (min-width:1025px) and (max-width:1264px) {
  .calendar-extra-wrapper .second-wrap p {
    font-size:12px
  }
  .extra-packages-wrapper p {
    font-size:12px
  }
  ;
}
.vertical .calendar-extra-wrapper {
  padding-left: 0;
  max-width: 100%;
}
.vertical .extra-packages-wrapper {
  width: 100%;
  margin-left: 0;
  max-width: 100%;
}
.vertical .filters-wrapper {
  padding-left: 325px !important;
}
.vertical .filters-wrapper .filters .left-wrap {
  width: 250px;
  padding-left: 100px;
}
.vertical .filters-wrapper .filters .filters-title {
  margin-bottom: 20px;
}
.vertical .filters-wrapper .filters .right-wrap {
  max-width: 465px;
  border-bottom: 1px solid var(--white);
}
.vertical .filters-wrapper .silver-dropdown.three {
  margin-left: -5px;
  margin-top: 3px;
  margin-right: 45px;
}
.vertical .range-wrap {
  margin-top: 3px;
}
.vertical .filters-wrapper .filters .left-wrap {
  height: 128px;
  margin-top: 5px;
}
.vertical .black-button {
  margin: -23px -160px 0 0;
}
.vertical .filters-wrapper .bottom-wrap .left-wrap {
  border: none;
}
.vertical .filters-wrapper .close-button {
  float: left;
  margin: -10px 0 -10px 90px;
  position: relative;
}
.vertical .filters-wrapper .bottom-wrap .left-wrap {
  height: 30px;
}
.vertical .room-repeater-wrapper {
  max-width: 890px;
  width: 99%;
}
.vertical .room-repeater-wrapper .room-head .box-3 {
  display: none;
}
.vertical .room-repeater-wrapper .room-body .box-3 {
  position: absolute;
  border: none;
  width: 100%;
  height: 243px;
  padding-left: 28px;
}
.vertical .room-repeater-wrapper .room-body .box-4 {
  border-left: 1px solid var(--white);
}
.vertical .room-repeater-wrapper .box-4 {
  width: 190px;
  padding-right: 35px;
}
.vertical .room-repeater-wrapper .room-body .box-4 .book-now-button {
  margin-top: 66px;
  position: absolute;
}
.vertical .room-repeater-wrapper .room-body .box-4 .red-text {
  margin-top: 120px;
}
.vertical .room-repeater-wrapper .room-body .box-wrapper {
  position: relative;
}
.vertical .box-3 .price-wrap {
  float: right;
}
.vertical .room-repeater-wrapper .room-body .box-3 .price-wrap strike {
  float: left;
  margin-top: 25px;
  margin-right: -70px;
}
.vertical .room-repeater-wrapper .room-body .box-3 .price-wrap .price {
  margin-right: 80px;
}
.vertical .room-repeater-wrapper .room-body .box-3 .price-breakdown {
  float: right;
  margin-top: 45px;
  margin-right: -76px;
}
.vertical .room-repeater-wrapper .room-body .box-2 {
  height: 243px;
}
.vertical .room-repeater-wrapper .room-body .box-4 {
  height: 243px;
  height: 180px;
  border-left: 1px solid silver;
}
.vertical .room-repeater-wrapper .room-body .box-3 .save-price {
  display: none;
}
.vertical .room-repeater-wrapper .room-body .box-3 .availability-calendar {
  margin-top: 152px;
}
.vertical .room-repeater-wrapper .room-body .box-wrapper .dotted-line {
  width: 100%;
  margin-left: 0;
}
.vertical .room-repeater-wrapper .box-1 {
  width: 280px;
}
@media(min-width:1024px) and (max-width:1315px) {
  .vertical .filters-wrapper {
    padding-left:280px!important
  }
  .vertical .filters-wrapper .filters .left-wrap {
    width:25%;
    padding-left:25px
  }
  .vertical .filters-wrapper .filters .right-wrap {
    min-width:60%;
    width:60%
  }
  .vertical .filters-wrapper .filters {
    height:70px
  }
  .vertical .filters-wrapper .filters .left-wrap {
    height:100px
  }
  .vertical .filters-wrapper .filters .filters-title {
    margin-bottom:4px;
    font-size:14px
  }
  .vertical .switch-wrapper .text-left {
    font-size:13px
  }
  .vertical .switch-wrapper .text-right {
    font-size:13px
  }
  .vertical .filters-wrapper .silver-dropdown.three {
    margin-right:25px
  }
  .vertical .range-wrap .range-title {
    font-size:13px
  }
  .vertical .range-wrap .prices {
    margin-top:5px
  }
  .vertical .black-button {
    margin:-23px -100px 0 0
  }
  .vertical .filters-wrapper .close-button {
    float:left;
    margin:-10px 0 -10px 15px
  }
  .vertical .room-repeater-wrapper .box-1 {
    width:35%
  }
  .vertical .room-repeater-wrapper .room-head .box-2 {
    width:40%
  }
  .vertical .room-repeater-wrapper .box-4 {
    width:25%
  }
  .vertical .room-repeater-wrapper .box-2 {
    width:70%
  }
  .vertical .room-repeater-wrapper .room-body .box-wrapper {
    width:65%
  }
  .vertical .room-repeater-wrapper .room-body .box-4 {
    width:30%
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .price-wrap .price {
    margin-right:30%
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .price-breakdown {
    float:right;
    margin-top:44px;
    margin-right:-76px
  }
  .vertical .room-repeater-wrapper .box-2 {
    padding-left:20px;
    padding-right:20px
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .availability-calendar {
    margin-top:165px;
    max-width:170px
  }
  .vertical .section-one.portal .content-wrapper {
    height:340px!important
  }
  ;
}
@media(min-width:1264px) and (max-width:1315px) {
  .vertical .filters-wrapper .silver-dropdown {
    width:150px;
    margin-right:30px
  }
  .vertical .black-button {
    width:110px;
    margin:-23px -135px 0 0
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .price-wrap .price {
    margin-right:80px
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .price-breakdown {
    float:right;
    margin-top:44px;
    margin-right:-76px
  }
  ;
}
@media only screen and (min-width:950px) and (max-width:1025px) {
  .vertical .filters-wrapper {
    padding-left:190px!important
  }
  .vertical .filters-wrapper .silver-dropdown {
    width:110px!important
  }
  .vertical .filters-wrapper .filters .right-wrap {
    width:66%!important
  }
  .vertical .filters-wrapper .silver-dropdown {
    margin-right:40px!important
  }
  .vertical .filters-wrapper .close-button {
    margin:-10px 0 -10px 15px!important
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .price-wrap .price {
    margin-right:55px!important
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .price-breakdown {
    float:right;
    margin-top:40px;
    margin-right:-46px
  }
}
@media(max-width:1025px) {
  .vertical .filters-wrapper {
    padding-left:185px!important
  }
  .vertical .filters-wrapper .filters {
    height:53px
  }
  .vertical .filters-wrapper .filters .left-wrap {
    height:64px;
    margin-top:2.5px
  }
  .vertical .filters-wrapper .filters .filters-title {
    margin-bottom:10px
  }
  .vertical .filters-wrapper .filters .left-wrap {
    width:120px;
    padding-left:20px
  }
  .vertical .filters-wrapper .filters .right-wrap {
    width:55%
  }
  .vertical .filters-wrapper .silver-dropdown {
    width:100px
  }
  .vertical .filters-wrapper .silver-dropdown.three {
    margin-right:20px
  }
  .vertical .filters-wrapper .bottom-wrap .left-wrap {
    height:20px
  }
  .vertical .black-button {
    margin:-15px -112px 0 0
  }
  .vertical .filters-wrapper .close-button {
    margin:-10px 0 -10px 15px!important
  }
  .vertical .filters-wrapper .close-button .text {
    padding:0 5px
  }
  .vertical .filters-wrapper .close-button span {
    right:3px
  }
  .vertical .room-repeater-wrapper .box-1 {
    width:35%
  }
  .vertical .room-repeater-wrapper .room-head .box-2 {
    width:40%
  }
  .vertical .room-repeater-wrapper .box-4 {
    width:25%
  }
  .vertical .room-repeater-wrapper .box-2 {
    width:70%
  }
  .vertical .room-repeater-wrapper .room-body .box-wrapper {
    width:65%
  }
  .vertical .room-repeater-wrapper .room-body .box-4 {
    width:30%
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .price-wrap .price {
    margin-right:30%
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .3down {
    float:right;
    margin-top:26px;
    margin-right:-55px
  }
  .vertical .room-repeater-wrapper .box-2 {
    padding-left:20px;
    padding-right:20px
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .availability-calendar {
    margin-top:165px;
    max-width:170px
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .availability-calendar {
    margin-top:90px
  }
  .vertical .room-repeater-wrapper .room-body .box-4 {
    height:110px
  }
  .vertical .room-repeater-wrapper .room-body .box-2 {
    height:150px
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .price-wrap strike {
    margin-top:15px
  }
  .vertical .room-repeater-wrapper .room-body .box-4 .book-now-button {
    margin-top:40px
  }
  .vertical .room-repeater-wrapper .room-body .box-4 .red-text {
    margin-top:80px;
    font-size:10px
  }
  ;
}
@media(max-device-width:1025px) {
  .vertical .filters-wrapper {
    padding-left:185px!important
  }
  .vertical .filters-wrapper .filters {
    height:53px
  }
  .vertical .filters-wrapper .filters .left-wrap {
    height:64px;
    margin-top:2.5px
  }
  .vertical .filters-wrapper .filters .filters-title {
    margin-bottom:6px
  }
  .vertical .filters-wrapper .filters .left-wrap {
    width:120px;
    padding-left:20px
  }
  .vertical .filters-wrapper .filters .right-wrap {
    width:55%
  }
  .vertical .filters-wrapper .silver-dropdown {
    width:100px
  }
  .vertical .filters-wrapper .silver-dropdown.three {
    margin-right:20px
  }
  .vertical .filters-wrapper .bottom-wrap .left-wrap {
    height:20px
  }
  .vertical .black-button {
    margin:-15px -112px 0 0
  }
  .vertical .filters-wrapper .close-button {
    margin:-10px 0 -10px 15px!important
  }
  .vertical .switch-wrapper .text-left {
    font-size:10px
  }
  .vertical .switch-wrapper .text-right {
    font-size:10px
  }
  .vertical .range-wrap .range-title {
    font-size:9px
  }
  .vertical .filters-wrapper .close-button .text {
    padding:0 5px
  }
  .vertical .filters-wrapper .close-button span {
    right:3px
  }
  .vertical .room-repeater-wrapper .box-1 {
    width:35%
  }
  .vertical .room-repeater-wrapper .room-head .box-2 {
    width:40%
  }
  .vertical .room-repeater-wrapper .box-4 {
    width:25%
  }
  .vertical .room-repeater-wrapper .box-2 {
    width:70%
  }
  .vertical .room-repeater-wrapper .room-body .box-wrapper {
    width:65%
  }
  .vertical .room-repeater-wrapper .room-body .box-4 {
    width:30%
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .price-wrap .price {
    margin-right:30%
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .price-breakdown {
    float:right;
    margin-top:26px;
    margin-right:-53px
  }
  .vertical .room-repeater-wrapper .box-2 {
    padding-left:20px;
    padding-right:20px
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .availability-calendar {
    margin-top:165px;
    max-width:170px
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .availability-calendar {
    margin-top:90px
  }
  .vertical .room-repeater-wrapper .room-body .box-4 {
    height:110px
  }
  .vertical .room-repeater-wrapper .room-body .box-2 {
    height:150px
  }
  .vertical .room-repeater-wrapper .room-body .box-3 .price-wrap strike {
    margin-top:15px
  }
  .vertical .room-repeater-wrapper .room-body .box-4 .book-now-button {
    margin-top:40px
  }
  .vertical .room-repeater-wrapper .room-body .box-4 .red-text {
    margin-top:80px;
    font-size:10px
  }
  ;
}
.section-two .sub-header {
  width: 83%;
  margin: 0 auto;
  height: 80px;
}
.section-two .sub-header .first-sub-head {
  width: 55%;
  float: left;
  border-right: 2px solid silver;
}
.section-two .sub-header .second-sub-head {
  width: 45%;
  height: 100%;
  float: right;
  text-align: center;
}
.section-two .sub-header .second-sub-head .total-price {
  max-width: 145px;
  margin-top: 23px !important;
  margin-left: 15%;
}
.section-two .sub-footer {
  width: 83%;
  margin: 0 auto;
  margin-bottom: 80px;
}
.section-two .sub-footer .left {
  float: left;
  width: 81%;
  height: 100%;
}
.section-two .sub-footer .right {
  float: right;
  width: 19%;
  padding-left: 1%;
  height: 100%;
  padding-right: 3.5%;
}
.section-two .sub-footer .right .black-button {
  width: 100%;
}
.sub-header .title.text-left {
  margin-left: 5%;
  margin-bottom: 16px;
}
.section-two .sub-header .left {
  float: left;
  width: 81%;
  height: 100%;
}
.section-two .sub-header .right {
  float: right;
  width: 19%;
  height: 100%;
  padding-right: 3.5%;
  padding-left: 1%;
  padding-top: 35px;
}
.section-two .sub-header .right .black-button {
  width: 100%;
}
.section-two .sub-header .right .black-button:hover {
  background: var(--main-color);
}
.section-two .sub-footer .black-button:hover {
  background: var(--main-color);
}
.section-two .sub-header .sub-title {
  font-weight: lighter;
  margin-left: 5%;
  margin-bottom: 0;
}
.packages-wrapper {
  width: 83%;
  margin: 0 auto;
  margin-top: 2.5%;
}
.package {
  width: 100%;
  border-bottom: 3px solid #666666;
  margin-bottom: 30px;
  padding: 0 1rem;
}
.package .package-head {
  padding-top: 15px;
  width: 100%;
  height: 50px;
  background: var(--main-color);
  color: var(--secondary-text-color);
}
.package .package-head .package-title {
  margin-left: 2%;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: lighter;
  color: #fff;
}
.package .package-body {
  width: 100%;
  margin-top: 1px;
  border-top: 1px solid var(--white);
  padding-bottom: 30px;
  background-color: var(--white);
  -webkit-box-shadow: 0 0 20px 0 rgb(52 52 52 / 5%);
  box-shadow: 0 0 20px 0 rgb(52 52 52 / 5%);
  border-radius: .25em;
  -webkit-transition: -webkit-box-shadow .5s,-webkit-transform .5s;
  transition: box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
  padding: 2rem;
  margin: 0.5rem 0;
}
.package .package-body .left {
  width: 81%;
  padding-top: 20px;
}
.package .package-body .left .img-wrap {
  float: left;
  width: 36%;
}
.package-img-wrap {
  float: left;
  width: 25%;
}
.package .package-body .left .img-wrap img {
  width: 100%;
}
.package .package-body .left .text-wrap {
  float: right;
  width: 44%;
  padding: 0 3.7%;
}
.package .package-body .left .text-wrap .text-wrap-title {
  font-size: 20px;
  line-height: 0.8;
  margin-bottom: 20px;
  font-weight: 500;
}
.package .package-body .left .text-wrap .text-content {
  font-weight: lighter;
  font-size: 13px;
  font-family: 'Hind';
  font-weight: lighter;
}
.package .package-body .left .price-wrap {
  float: right;
  width: 20%;
  padding: 0 3.7%;
  font-weight: lighter;
}
.package .package-body .left .price-wrap .price-wrap-title {
  font-size: 15px;
  line-height: 0.8;
  margin-bottom: 2px;
  font-weight: 700;
}
.package .package-body .left .price-wrap .price-content {
  font-weight: lighter;
  font-size: 15px;
  font-weight: lighter;
}
.package .package-body .right {
  width: 19%;
  padding-top: 23px;
  padding-right: 3.5%;
  padding-left: 1%;
}
.package .package-body .right .package-radio .left {
  width: 30%;
  padding-top: 0;
}
.package .package-body .right .package-radio .right {
  width: 70%;
  padding-top: 5px;
  padding-right: 0;
  border: none;
  padding-left: 0;
}
.package .package-body .right .package-checkbox .left {
  width: 30%;
  padding-top: 0;
}
.package .package-body .right .package-checkbox .right {
  width: 70%;
  padding-top: 5px;
  padding-right: 0;
  border: none;
  padding-left: 0;
}
.package .package-body .right .per-person-price {
  font-family: 'NeutraDisplay Titling';
  color: var(--secondary-text-color);
  line-height: 0.8;
  font-size: 16px;
}
.package .package-body .right .per-person-price small {
  font-weight: lighter;
  float: right;
}
.package .package-body .right .old-price {
  font-family: 'NeutraDisplay Titling';
  color: var(--main-color);
  line-height: 0.8;
  font-size: 16px;
  padding-bottom: 18px;
  display: block;
}
.white-dropdown.silver-bordered {
  width: 84px;
  height: 54px;
  border: 1px solid silver;
}
.white-dropdown.silver-bordered .dropdown-menu {
  min-width: 100% !important;
}
.white-dropdown.silver-bordered .dropdown-menu>li>a {
  text-align: left;
  font-size: 14px;
  padding: 4px 20px 4px 20px;
}
.package .package-body .right .total-price,
.section-two .sub-header .second-sub-head .total-price {
  margin-top: 16px;
  color: var(--secondary-text-color);
}
.package .package-body .right .total-price small,
.section-two .sub-header .second-sub-head .total-price small {
  float: left;
  color: #F4F8FD;
  margin-top: 7px;
}
.package .package-body .right .total-price .price,
.section-two .sub-header .second-sub-head .price {
  font-family: 'NeutraDisplay Titling';
  float: right;
  font-size: 20px;
}
.package .package-body .right .book-now-button {
  border: none;
  color: var(--secondary-color);
  background: var(--light-background);
  width: 100%;
  height: 45px;
  font-size: 16px;
  margin-top: 6px;
}
.package .package-body .right .book-now-button:hover {
  background: var(--main-color);
}
@media(max-width:1025px) {
  .section-two .sub-footer {
    margin-bottom:40px
  }
  .sub-header .first-sub-head .title.text-left {
    margin-bottom:8px
  }
  .section-two .sub-header .sub-title {
    font-size:8px
  }
  .section-two .sub-header {
    height:47px
  }
  .package .package-body .right .total-price,
  .section-two .sub-header .second-sub-head .total-price {
    margin-top:8px
  }
  .package .package-body .right .total-price small,
  .section-two .sub-header .second-sub-head .total-price small {
    margin-top:8px;
    font-size:7px
  }
  .package .package-body .right .total-price .price,
  .section-two .sub-header .second-sub-head .price {
    font-size:14px
  }
  .section-two .sub-header .second-sub-head .total-price {
    max-width:85px;
    margin-top:12px!important
  }
  .section-two .sub-header .right {
    padding-top:17px
  }
  .package {
    margin-bottom:15px
  }
  .package .package-head {
    padding-top:10px;
    height:35px
  }
  .package .package-head .package-title {
    font-size:14px
  }
  .package .package-body {
    padding-bottom:15px
  }
  .package .package-body .left {
    padding-top:10px
  }
  .package .package-body .left .text-wrap .text-wrap-title {
    font-size:13px;
    margin-bottom:10px
  }
  .package .package-body .left .text-wrap .text-content {
    font-size:9px
  }
  .package .package-body .right {
    padding-top:12px
  }
  .package .package-body .right .per-person-price {
    font-size:9px;
    margin-bottom:5px
  }
  .package .package-body .right .old-price {
    font-size:11px;
    padding-bottom:9px
  }
  .package .package-body .right .book-now-button {
    height:30px;
    font-size:12px
  }
  .white-dropdown.silver-bordered {
    width:42px;
    height:37px
  }
  .white-dropdown.silver-bordered .dropdown-menu>li>a {
    font-size:10px;
    padding:2px 10px 2px 4px
  }
}
@media(max-device-width:1025px) {
  .section-two .sub-footer {
    margin-bottom:40px
  }
  .sub-header .first-sub-head .title.text-left {
    margin-bottom:8px
  }
  .section-two .sub-header .sub-title {
    font-size:8px
  }
  .section-two .sub-header {
    height:47px
  }
  .package .package-body .right .total-price,
  .section-two .sub-header .second-sub-head .total-price {
    margin-top:8px
  }
  .package .package-body .right .total-price small,
  .section-two .sub-header .second-sub-head .total-price small {
    margin-top:8px;
    font-size:7px
  }
  .package .package-body .right .total-price .price,
  .section-two .sub-header .second-sub-head .price {
    font-size:14px
  }
  .section-two .sub-header .second-sub-head .total-price {
    max-width:85px;
    margin-top:12px!important
  }
  .section-two .sub-header .right {
    padding-top:17px
  }
  .package {
    margin-bottom:15px
  }
  .package .package-head {
    padding-top:10px;
    height:35px
  }
  .package .package-head .package-title {
    font-size:14px
  }
  .package .package-body {
    padding-bottom:15px
  }
  .package .package-body .left {
    padding-top:10px
  }
  .package .package-body .left .text-wrap .text-wrap-title {
    font-size:13px;
    margin-bottom:10px
  }
  .package .package-body .left .text-wrap .text-content {
    font-size:9px
  }
  .package .package-body .right {
    padding-top:12px
  }
  .package .package-body .right .per-person-price {
    font-size:9px;
    margin-bottom:5px
  }
  .package .package-body .right .old-price {
    font-size:11px;
    padding-bottom:9px
  }
  .package .package-body .right .book-now-button {
    height:30px;
    font-size:12px
  }
  .white-dropdown.silver-bordered {
    width:42px;
    height:37px
  }
  .white-dropdown.silver-bordered .dropdown-menu>li>a {
    font-size:10px;
    padding:2px 10px 2px 4px
  }
}
@media only screen and (min-width:1025px) and (max-width:1264px) {
  .section-two .sub-header .sub-title {
    font-size:12px
  }
  .package .package-body .right .total-price .price,
  .section-two .sub-header .second-sub-head .price {
    font-size:15px
  }
  .package .package-body .right .total-price small,
  .section-two .sub-header .second-sub-head .total-price small {
    margin-top:3px
  }
  .section-two .sub-header .second-sub-head .total-price {
    max-width:110px
  }
  .package .package-body .right .per-person-price {
    font-size:12px
  }
  .package .package-body .right .old-price {
    font-size:13px
  }
}
.vertical .section-two .sub-header {
  width:100%
}
.vertical .section-two .sub-header .right .black-button {
  margin:0
}
.vertical .section-two .sub-footer .right .black-button {
  margin:0
}
.vertical .packages-wrapper {
  width:100%
}
.vertical .section-two .sub-footer {
  width:100%
}
.vertical .section-two .sub-header .left {
  width:79%
}
.vertical .section-two .sub-header .right {
  width:21%
}
.package .package-body .left {
  width:79%;
  color:var(--text-color)
}
.package .package-body .right {
  width:21%;
  color:var(--text-color)
}
.section-two .sub-footer .left {
  width:79%
}
.section-two .sub-footer .right {
  width:21%
}
.info-wrapper {
  width:81.4%;
  margin:0 auto;
  font-size:1.1em
}
.info-wrapper .left-info-wrap {
  width:54.9%;
  float:left;
  padding-left:2.3%;
  padding-right:1.5%
}
.info-wrapper .right-info-wrap {
  width:43.8%;
  float:right;
  padding-right:2.3%;
  padding-left:2.3%
}
.info-wrapper .text-box {
  margin-bottom:20px
}
.info-wrapper .text-box .text-box-title {
  color:var(--secondary-text-color);
  font-size:15px
}
.info-wrapper .text-box .text-box-content {
  font-weight:lighter;
  margin-bottom:0;
  line-height:1.2;
  word-spacing:2px
}
.read-more-btn {
  margin-top:14px;
  background:0 0;
  border:none;
  color:var(--button-color)
}
.section-two .form-wrapper {
  width:80.4%;
  margin:0 auto;
  margin-top:40px;
  background-color:#f7f7f7
}
.section-two .form-wrapper .title {
  margin-bottom:28px;
  margin-left:1.5%
}
.section-two .form-wrapper .form-section {
  width:100%;
  margin-bottom:10px
}
.form-section-one .form-section-left {
  float:left;
  width:54.9%
}
.form-section-one .form-section-right {
  float:right;
  width:43.8%
}
.form-section-one .form-section-center {
  margin:0 auto;
  width:43.8%;
  padding-bottom:10px
}
.section-two .form-wrapper .form-section .form-section-head {
  width:100%;
  padding-left:20px;
  height:50px;
  background:var(--main-color);
  display:flex;
  justify-content:start;
  align-items:center
}
.section-two .form-wrapper .form-section .form-section-head .neutra {
  float:left;
  color:var(--secondary-color);
  font-size:18px;
  line-height:.8
}
.section-two .form-wrapper .form-section .form-section-head .form-section-title {
  float:left;
  margin-bottom:0;
  line-height:.8;
  font-size:18px;
  margin-left:3%;
  font-weight:lighter;
  font-family:var(--secondary-font)
}
.section-two .form-wrapper .form-section .form-section-head .form-section-title p {
  margin-bottom:0;
  color:var(--button-text-color);
  font-size:18px
}
.section-two .form-wrapper .form-section .form-section-body {
  width:100%;
  padding-right:2.3%;
  padding-left:2.3%
}
.form-section-body .two-fields-section {
  border-bottom:1px solid silver;
  width:100%;
  height:70px
}
.two-fields-section .left-field-wrap {
  width:50%;
  float:left;
  height:100%;
  border-right:1px solid var(--white);
  padding-left:4%;
  padding-right:4%;
  min-height:60px
}
.two-fields-section .right-field-wrap {
  width:50%;
  float:right;
  height:100%;
  padding-left:4%;
  padding-right:4%
}
.two-fields-section label {
  color:var(--text-color);
  width:100%;
  margin:0;
  font-size:15px;
  margin-top:5px;
  font-family:var(--main-font)
}
.two-fields-section label .required-icon {
  color:red
}
.not-active {
  pointer-events:none;
  cursor:default
}
.two-fields-section .field {
  color:var(--text-color);
  font-weight:lighter;
  width:100%;
  font-size:15px;
  border:1px dotted var(--light-background);
  height:25px;
  padding:.2em;
  font-weight:lighter;
  border-radius:3px
}
.two-fields-section .field:hover,
.two-fields-section .field:focus {
  border-color:#999 #999 #999 #999;
  outline:medium
}
.form-section-body .dropdown-field {
  width:100%;
  height:21px
}
#salutationDiv .dropdown-toggle {
  background-color:#fff;
  height:25px;
  padding:0 10px;
  border:1px dotted var(--light-background)
}
#countryDiv .dropdown-toggle {
  background-color:#fff;
  height:25px;
  padding:0 10px;
  border:1px dotted var(--light-background)
}
#approx-arrival-time .dropdown-toggle {
  background-color:#fff;
  height:25px;
  padding:0 10px;
  border:1px dotted var(--light-background)
}
#card-type .dropdown-toggle {
  background-color:#fff;
  height:25px;
  padding:0 10px;
  border:1px dotted var(--light-background)
}
#expiry-date-month .dropdown-toggle {
  background-color:#fff;
  height:25px;
  padding:0 10px;
  border:1px dotted var(--light-background)
}
#expiry-date-year .dropdown-toggle {
  background-color:#fff;
  height:25px;
  padding:0 10px;
  border:1px dotted var(--light-background)
}
.dropdown-field .dropdown-toggle {
  padding:0
}
.dropdown-field .title-wrapper {
  font-weight:400;
  font-size:15px
}
.dropdown-field .dropdown-menu {
  top:18px;
  min-width:100%;
  max-height:300px;
  overflow-y:scroll;
  overflow-x:hidden
}
.dropdown-field .dropdown-menu>li>a {
  padding:5px 5%;
  font-size:15px;
  font-weight:lighter;
  text-align:left
}
.one-field-section .first-dropdown-wrap {
  float:left;
  width:15%
}
.one-field-section .second-dropdown-wrap {
  float:left;
  width:20%;
  margin-left:5%
}
.form-section-body .one-field-section {
  border-bottom:1px solid silver;
  width:100%;
  height:70px
}
.form-section-body .info-btn {
  text-decoration:none;
  width:20px;
  height:20px;
  border-radius:50px;
  background:var(--light-background);
  color:var(--secondary-color);
  text-align:center;
  display:inline-block;
  margin-left:10px
}
.form-section-body .info-btn:hover {
  background:var(--secondary-text-color)
}
.one-field-section .field-wrap {
  width:100%;
  height:100%;
  padding-left:4%;
  padding-right:4%
}
.one-field-section label {
  width:100%;
  margin:0;
  font-size:15px;
  margin-top:5px;
  color:var(--text-color)
}
.one-field-section label .required-icon {
  color:#f4f8fd
}
.one-field-section .field {
  color:var(--text-color);
  font-weight:lighter;
  width:100%;
  font-size:15px;
  border:1px dotted var(--light-background);
  height:25px;
  padding:.2em
}
.one-field-section .field:hover,
.one-field-section .field:focus {
  border-color:#999 #999 #999 #999;
  outline:medium
}
.one-field-section .field-wrap .icons-wrapper {
  width:100%;
  height:100%;
  padding-top:5px
}
.one-field-section .field-wrap .icons-wrapper img {
  float:left;
  display:block;
  max-width:70%
}
.one-field-section .field-wrap .icons-wrapper img.second {
  margin-left:10px
}
.one-field-section .field-wrap .icons-wrapper img.right {
  float:right
}
.form-section-two {
  padding-bottom:20px;
  border-bottom:3px solid #292a29!important;
  margin-bottom:20px!important
}
.form-section-two .form-section {
  width:100%
}
.form-section-two .form-section .form-section-head {
  padding-left:1.3%!important;
  padding-right:1.3%!important
}
.form-section-two .form-section .form-section-body {
  padding-left:4%!important;
  padding-right:4%!important
}
.form-section-two .form-section .form-section-head .form-section-title {
  margin-left:1.6%!important
}
.form-section-two .form-section .content-wrap {
  width:100%;
  padding-top:15px
}
.package-checkbox.special-requirements {
  float:left;
  padding:0;
  width:270px;
  padding-bottom:10px
}
.package-checkbox.special-requirements .left {
  width:15%
}
.package-checkbox.special-requirements .right {
  width:85%
}
.form-section-three {
  width:100%;
  margin-bottom:55px
}
.form-section-three.top {
  width:100%;
  margin-bottom:0
}
.form-section-three .field-wrap {
  width:100%;
  padding-left:4.1%;
  padding-right:4.1%
}
.form-section-three .field-wrap .terms-conditions-checkbox {
  width:100%
}
.terms-conditions-checkbox .left {
  width:5%!important
}
.terms-conditions-checkbox .right {
  width:95%!important;
  cursor:pointer
}
.terms-conditions-checkbox .right a {
  text-decoration:none;
  color:var(--secondary-text-color)
}
.form-section-three .buttons-wrap {
  width:81%;
  margin:0 auto;
  margin-top:40px
}
.form-section-three .buttons-wrap.center {
  width:57%;
  margin:0 auto;
  margin-top:40px;
  text-align:center
}
.form-section-three .buttons-wrap .left-btn {
  height:65px;
  width:49%;
  float:left;
  border:none;
  color:var(--secondary-color);
  font-size:20px;
  background:var(--secondary-text-color)
}
.form-section-three .buttons-wrap .left-btn:hover {
  background:var(--light-background)
}
.form-section-three .buttons-wrap .right-btn {
  height:65px;
  width:49%;
  float:right;
  border:none;
  color:var(--secondary-color);
  font-size:20px;
  background:var(--light-background)
}
.form-section-three .buttons-wrap .right-btn:hover {
  background:var(--secondary-text-color)
}
@media(max-width:1025px) {
  .info-wrapper .text-box .text-box-title {
    font-size:12px;
    margin-bottom:5px
  }
  .info-wrapper .text-box .text-box-content {
    font-size:10px
  }
  .read-more-btn {
    margin-top:7px;
    font-size:12px
  }
  .info-wrapper {
    padding-bottom:10px
  }
  .info-wrapper .text-box {
    margin-bottom:10px
  }
  .section-two .form-wrapper {
    margin-top:20px
  }
  .section-two .form-wrapper .title {
    margin-bottom:14px
  }
  .section-two .form-wrapper .form-section {
    margin-bottom:25px
  }
  .section-two .form-wrapper .form-section .form-section-head {
    padding:10px 2.3%;
    height:25px
  }
  .section-two .form-wrapper .form-section .form-section-head .neutra {
    font-size:12px
  }
  .section-two .form-wrapper .form-section .form-section-head .form-section-title {
    font-size:11px
  }
  .form-section-body .two-fields-section {
    height:50px
  }
  .two-fields-section label {
    font-size:11px;
    margin-top:5px
  }
  .two-fields-section .field {
    font-size:11px
  }
  .dropdown-field .title-wrapper {
    font-size:11px
  }
  .dropdown-field .dropdown-menu>li>a {
    padding:2px 5%;
    font-size:11px
  }
  .form-section-body .one-field-section {
    height:50px
  }
  .one-field-section label {
    font-size:11px;
    margin-top:5px
  }
  .one-field-section .field {
    font-size:11px
  }
  .form-section-body .info-btn {
    width:15px;
    height:15px
  }
  .one-field-section .field-wrap .icons-wrapper {
    padding-top:10px
  }
  .one-field-section .field-wrap .icons-wrapper img {
    max-width:55px
  }
  .form-section-two .form-section .content-wrap {
    padding-top:10px
  }
  .package-checkbox.special-requirements {
    width:170px
  }
  .form-section-two {
    padding-bottom:10px;
    margin-bottom:15px!important
  }
  .form-section-three .buttons-wrap {
    margin-top:20px
  }
  .form-section-three .buttons-wrap .left-btn {
    height:33px;
    font-size:15px
  }
  .form-section-three .buttons-wrap .right-btn {
    height:33px;
    font-size:15px
  }
  .form-section-three {
    margin-bottom:28px
  }
}
@media(max-device-width:1025px) {
  .info-wrapper .text-box .text-box-title {
    font-size:12px;
    margin-bottom:5px
  }
  .info-wrapper .text-box .text-box-content {
    font-size:10px
  }
  .read-more-btn {
    margin-top:7px;
    font-size:12px
  }
  .info-wrapper {
    padding-bottom:10px
  }
  .info-wrapper .text-box {
    margin-bottom:10px
  }
  .section-two .form-wrapper {
    margin-top:20px
  }
  .section-two .form-wrapper .title {
    margin-bottom:14px
  }
  .section-two .form-wrapper .form-section {
    margin-bottom:25px
  }
  .section-two .form-wrapper .form-section .form-section-head {
    padding:10px 2.3%;
    height:25px
  }
  .section-two .form-wrapper .form-section .form-section-head .neutra {
    font-size:12px
  }
  .section-two .form-wrapper .form-section .form-section-head .form-section-title {
    font-size:11px
  }
  .form-section-body .two-fields-section {
    height:50px
  }
  .two-fields-section label {
    font-size:11px;
    margin-top:5px
  }
  .two-fields-section .field {
    font-size:11px
  }
  .dropdown-field .title-wrapper {
    font-size:11px
  }
  .dropdown-field .dropdown-menu>li>a {
    padding:2px 5%;
    font-size:11px
  }
  .form-section-body .one-field-section {
    height:50px
  }
  .one-field-section label {
    font-size:11px;
    margin-top:5px
  }
  .one-field-section .field {
    font-size:11px
  }
  .form-section-body .info-btn {
    width:15px;
    height:15px
  }
  .one-field-section .field-wrap .icons-wrapper {
    padding-top:10px
  }
  .one-field-section .field-wrap .icons-wrapper img {
    max-width:55px
  }
  .form-section-two .form-section .content-wrap {
    padding-top:10px
  }
  .package-checkbox.special-requirements {
    width:170px
  }
  .form-section-two {
    padding-bottom:10px;
    margin-bottom:15px!important
  }
  .form-section-three .buttons-wrap {
    margin-top:20px
  }
  .form-section-three .buttons-wrap .left-btn {
    height:33px;
    font-size:15px
  }
  .form-section-three .buttons-wrap .right-btn {
    height:33px;
    font-size:15px
  }
  .form-section-three {
    margin-bottom:28px
  }
}
.vertical .info-wrapper {
  width:100%
}
.vertical .section-two .form-wrapper {
  width:100%
}
.global-wrapper {
  width:77.4%;
  margin:0 auto;
  padding-top:20px
}
.global-wrapper .title-wrapper {
  width:100%;
  margin-bottom:35px
}
.global-wrapper .title-wrapper .title {
  font-size:18px;
  margin-bottom:4px
}
.global-wrapper .title-wrapper .title.second {
  color:var(--main-color);
  font-weight:600;
  font-size:24px
}
.global-wrapper .title-wrapper span {
  font-size:40px;
  font-weight:lighter;
  color:var(--main-color)
}
.global-wrapper .summary-wrap {
  width:100%;
  margin-bottom:30px;
  font-weight:lighter
}
.global-wrapper .summary-wrap .summary {
  width:100%;
  padding:20px 35px;
  background:var(--secondary-color);
  color:var(--text-color)
}
.global-wrapper .summary-wrap .summary.top {
  height:auto;
  padding-top:15px;
  border-bottom:1px dotted var(--text-color)
}
.global-wrapper .summary-wrap .summary.top p {
  font-size:16px
}
.global-wrapper .summary-wrap .summary.bottom {
  border-top:1px dotted var(--secondary-color);
  height:auto;
  padding-top:15px;
  display:inline-flex;
  flex-direction:column;
  flex-wrap:nowrap
}
.global-wrapper .summary-wrap .summary.bottom .head {
  font-size:15px;
  margin-bottom:0
}
.global-wrapper .summary-wrap .summary.bottom .value {
  margin-bottom:0
}
.global-wrapper .summary-wrap .summary .sum-left {
  float:left;
  width:20%;
  height:100%;
  display:flex;
  align-content:center;
  flex-direction:row
}
.reservation-logo {
  width:135px;
  display:flex;
  align-content:center
}
.global-wrapper .summary-wrap .summary .sum-right {
  float:right;
  width:80%;
  height:100%
}
.global-wrapper .summary-wrap .summary .sum-right .box {
  float:left;
  margin-right:5%
}
.info-section {
  width:100%
}
.info-section .info-head {
  width:100%;
  height:50px;
  background:#d4d4d4;
  padding-left:2%;
  padding-right:2%;
  padding-top:15px
}
.info-section .info-head .neutra {
  float:left;
  font-size:17px;
  color:var(--secondary-text-color)
}
.info-section .info-head .info-title p {
  float:left;
  font-size:16px;
  color:var(--secondary-text-color);
  margin-left:1.5%
}
.info-section .info-body {
  width:100%;
  padding-left:2%;
  padding-right:2%;
  margin-bottom:40px
}
.info-section .info-body .box {
  width:100%;
  margin-top:16px
}
.info-section .info-body .box .head {
  font-size:15px;
  margin-bottom:0
}
.info-section .info-body .box .head .number {
  color:var(--main-color);
  font-size:16px
}
.info-section .info-body .box .left-val {
  float:left
}
.info-section .info-body .box .right-val {
  float:left;
  margin-left:3%
}
.info-section .info-body .box .right-val.contact-details {
  margin-left:5%
}
.info-section .info-body .box .value {
  font-weight:lighter;
  margin-bottom:0
}
.print-button-wrap {
  margin:0 auto;
  width:28%;
  height:66px;
  margin-bottom:55px
}
.print-btn {
  background:var(--secondary-text-color);
  color:var(--secondary-color);
  border:none;
  width:100%;
  height:100%;
  font-size:18px
}
.print-btn:hover {
  background:var(--button-color)
}
.section-one .content-wrapper .content-left .content-3.portal.content-right {
  background:0 0;
  width:auto;
  padding:0
}
.section-one.portal .content-wrapper .content-left .center-wrap {
  padding-left:45px
}
.section-one.portal .content-wrapper .content-left .content-1 .date-box-wrap .date-box {
  background:var(--main-color)
}
.section-one.portal .content-wrapper .content-left .content-1 .date-box-wrap .date-box:hover {
  background-color:var(--secondary-color)
}
.horizontal .section-one.portal .content-wrapper .content-left {
  padding:40px 0;
  width:100%;
  max-width:100%
}
.horizontal .section-one.portal .content-wrapper .content-left .space-block {
  height:150px
}
.section-one.portal .content-wrapper {
  height:auto
}
.room-list-wrapper {
  padding:0!important
}
.room-list-wrapper .room-item-wrap {
  background-color:var(--secondary-color);
  -webkit-box-shadow:0 0 20px 0 rgb(52 52 52/5%);
  box-shadow:0 0 20px 0 rgb(52 52 52/5%);
  border-radius:.25em;
  -webkit-transition:-webkit-box-shadow .5s,-webkit-transform .5s;
  transition:box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
  padding:1rem .75rem;
  margin:1.25rem .75rem;
  max-width:32%
}
.room-list-wrapper .room-repeater-logo-wrap {
  padding-bottom:10px
}
.room-list-wrapper .room-repeater-logo-wrap img {
  width:35%
}
.room-list-wrapper .image-wrap {
  width:100%;
  padding:0
}
.room-list-wrapper .image-wrap img {
  object-fit:cover;
  width:100%;
  height:auto
}
.room-list-wrapper .room-item-wrap .head-section {
  padding-top:20px
}
.room-list-wrapper .room-item-wrap .head-section p {
  margin-bottom:0;
  color:var(--text-color)
}
.room-list-wrapper .room-item-wrap .head-section .subtitle {
  font-size:10px
}
.room-list-wrapper .room-item-wrap .dotted-line {
  clear:both;
  width:100%;
  border-top:1px solid var(--white);
  margin:15px 0
}
.room-list-wrapper .room-item-wrap .body-section .title {
  font-size:16px;
  color:var(--text-color)
}
.room-list-wrapper .room-item-wrap .body-section .text,
.room-list-wrapper .room-item-wrap small {
  font-weight:lighter;
  line-height:1.2;
  word-spacing:2px;
  margin-bottom:0;
  margin-top:10px;
  font-size:1.2em;
  color:var(--text-color)
}
.room-list-wrapper .room-item-wrap .body-section .read-more-btn {
  background:0 0;
  border:none;
  color:var(--secondary-text-color);
  font-size:12px
}
.room-list-wrapper .room-item-wrap .body-section .read-more-btn span {
  margin-right:5px
}
.room-list-wrapper .room-item-wrap .body-section .read-more-btn:hover {
  color:var(--main-color)
}
.room-list-wrapper .room-item-wrap .footer-section {
  padding-top:30px
}
.room-list-wrapper .room-item-wrap .footer-section .price-wrap {
  float:left
}
.room-list-wrapper .room-item-wrap .footer-section .price-wrap p {
  margin-bottom:0
}
.room-list-wrapper .room-item-wrap .footer-section .price-wrap .price {
  font-size:20px;
  margin-left:5px;
  color:#a94442
}
.room-list-wrapper .room-item-wrap .footer-section .price-wrap strike {
  color:var(--main-color);
  font-size:16px;
  margin-right:5px
}
.room-list-wrapper .room-item-wrap .footer-section .book-now-button {
  float:right;
  border:none;
  color:var(--button-text-color);
  background:var(--button-color);
  width:145px;
  height:45px;
  font-size:16px;
  font-weight:lighter;
  transition:background .3s,color .3s,border-color .3s
}
.room-list-wrapper .room-item-wrap .footer-section .book-now-button:hover {
  background:var(--button-hover-color);
  color:var(--button-color);
  transition:background .3s ease-out;
  border:1px solid var(--button-color);
  font-weight:600
}
.pagination-links {
  width:246px;
  margin:0 auto 100px
}
.pagination-links .button-wrap {
}
.pagination-links .button-wrap button {
  background:0 0;
  border:none;
  color:var(--secondary-text-color);
  font-size:22px
}
.pagination-links .button-wrap button:hover {
  color:var(--main-color)
}
.pagination-links .button-wrap.left {
  float:left
}
.pagination-links .button-wrap.right {
  float:left
}
.pagination-links .links-wrap {
  float:left;
  width:200px
}
.pagination-links .links-wrap ul {
  list-style-type:none;
  display:table;
  margin:0 auto
}
.pagination-links .links-wrap ul li {
  float:left;
  padding:0 10px
}
.pagination-links .links-wrap ul li a {
  text-decoration:none;
  color:var(--secondary-text-color);
  font-family:NeutraDisplay Titling;
  font-size:18px;
  line-height:1.7
}
.pagination-links .links-wrap ul li a.active {
  color:var(--main-color);
  font-size:22px;
  line-height:1.4
}
.pagination-links .links-wrap ul li a:hover {
  color:var(--main-color)
}
@media(min-width:992px) and (max-width:1024px) {
  .section-one.portal .content-wrapper .content-left .center-wrap {
    padding-left:30px!important
  }
}
.vertical .section-one.portal .content-wrapper {
  top:20px
}
.vertical .section-one.portal .content-wrapper {
  height:390px
}
.vertical .section-one.portal .content-wrapper .content-right .search {
  position:static
}
.vertical .section-one.portal .content-wrapper .content-left .content-1 .date-box-wrap .date-box {
  background-color:var(--secondary-color)
}
.vertical .section-one.portal .content-wrapper .content-left .content-1 .date-box-wrap .date-box:hover {
  background:var(--light-background)
}
.vertical .room-list-wrapper .room-item-wrap .head-section {
  padding:0 0 62px!important
}
.vertical .room-list-wrapper .room-item-wrap .head-section.second {
  padding-bottom:40px!important
}
.vertical .room-list-wrapper .room-item-wrap .body-section {
  padding:0
}
.vertical .room-list-wrapper .images-secion {
  padding:0
}
.vertical .room-list-wrapper .room-repeater-logo-wrap img {
  width:50%
}
.vertical .room-list-wrapper .room-item-wrap .dotted-line.bottom {
  margin:0 0 15px!important
}
.vertical .room-list-wrapper .room-item-wrap .footer-section {
  padding:0!important
}
.vertical .room-list-wrapper .room-item-wrap .texts-section {
  border-right:1px solid silver
}
.vertical .room-list-wrapper .room-item-wrap .footer-section .book-now-button {
  float:left!important;
  margin-top:125px
}
.vertical .room-list-wrapper .room-item-wrap {
  margin-bottom:50px
}
.vertical .portal.controls-section {
  border-bottom:1px solid var(--white);
  margin-bottom:50px;
  padding-bottom:15px;
  padding-right:0
}
.vertical .portal.controls-section button {
  float:right;
  background:0 0;
  border:none;
  color:silver
}
.vertical .portal.controls-section button.active {
  color:var(--secondary-text-color)
}
.vertical .portal.controls-section button:hover {
  color:var(--main-color)
}
.vertical .portal.controls-section .list-btn {
}
.vertical .portal.controls-section .thumbnails-btn {
  margin-right:20px
}
.vertical .room-list-wrapper .room-repeater-logo-wrap {
  height:90px;
  overflow:hidden
}
.center-wrap-calendar {
  width:95%;
  height:100%;
  float:left;
  position:relative
}
.vertical .section-one.portal.thumbs .content-wrapper {
  top:20px
}
.vertical .section-one.portal.thumbs .content-wrapper {
  height:390px
}
.vertical .section-one.portal.thumbs .content-wrapper .content-right .search {
  position:static
}
.vertical .section-one.portal.thumbs .content-wrapper .content-left .content-1 .date-box-wrap .date-box {
  background-color:var(--secondary-color)
}
.vertical .section-one.portal.thumbs .content-wrapper .content-left .content-1 .date-box-wrap .date-box:hover {
  background:var(--light-background)
}
.vertical .thumbs .room-list-wrapper .room-item-wrap .head-section {
  padding-top:20px!important;
  padding-bottom:0!important
}
.vertical .thumbs .room-list-wrapper .room-item-wrap .head-section.second {
  padding-bottom:40px!important
}
.vertical .thumbs .room-list-wrapper .room-item-wrap .body-section {
  padding:0
}
.vertical .thumbs .room-list-wrapper .images-secion {
  padding:0
}
.vertical .thumbs .room-list-wrapper .room-repeater-logo-wrap img {
  width:35%
}
.vertical .thumbs .room-list-wrapper .room-item-wrap .dotted-line.bottom {
  margin:0 0 15px!important
}
.vertical .thumbs .room-list-wrapper .room-item-wrap .footer-section {
  padding-top:30px!important
}
.vertical .thumbs .room-list-wrapper .room-item-wrap .texts-section {
  border-right:1px solid silver
}
.vertical .thumbs .room-list-wrapper .room-item-wrap .footer-section .book-now-button {
  float:right!important;
  margin-top:0
}
.vertical .thumbs .room-list-wrapper .room-item-wrap {
  margin-bottom:50px
}
.vertical .thumbs .room-list-wrapper .room-repeater-logo-wrap {
  height:90px;
  overflow:hidden
}
.offer.title {
  font-size:20px;
  font-weight:lighter;
  line-height:3;
  margin-bottom:-15px
}
.offer-list-wrapper {
  padding:0!important
}
.offer-list-wrapper .offer-item-wrap {
  margin-bottom:100px;
  -webkit-box-shadow:0 0 20px 0 rgb(52 52 52/5%);
  box-shadow:0 0 20px 0 rgb(52 52 52/5%);
  border-radius:.25em;
  -webkit-transition:-webkit-box-shadow .5s,-webkit-transform .5s;
  transition:box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
  padding:1rem .75rem;
  margin:1.25rem .75rem;
  text-align:center;
  max-width:32%;
  background:var(--white);
  min-height:570px
}
.offer-list-wrapper .image-wrap {
  width:100%;
  padding:0;
  cursor:pointer
}
.offer-list-wrapper .image-wrap img {
  width:100%;
  border-radius:.25em;
  height:250px
}
.offer-list-wrapper .offer-item-wrap .head-section {
  padding-top:20px;
  font-weight:lighter
}
.offer-list-wrapper .offer-item-wrap .head-section p {
  margin-bottom:0
}
.offer-list-wrapper .offer-item-wrap .head-section .subtitle {
  font-size:13px
}
.offer-list-wrapper .offer-item-wrap .dotted-line {
  clear:both;
  width:100%;
  border-top:1px solid var(--white);
  margin:15px 0
}
.offer-list-wrapper .offer-item-wrap .body-section .title {
  font-size:15px;
  color:var(--main-color)
}
.offer-list-wrapper .offer-item-wrap .body-section .text,
.offer-list-wrapper .offer-item-wrap small {
  font-weight:inherit;
  line-height:1.2;
  word-spacing:2px;
  margin-bottom:0;
  margin-top:10px;
  font-family:var(--main-font);
  color:var(--text-color);
  text-align:justify
}
.offer-list-wrapper .offer-item-wrap .body-section .read-more-btn {
  background:0 0;
  border:none;
  color:var(--secondary-text-color);
  font-size:12px
}
.offer-list-wrapper .offer-item-wrap .body-section .read-more-btn span {
  margin-right:5px
}
.offer-list-wrapper .offer-item-wrap .body-section .read-more-btn:hover {
  color:var(--main-color)
}
.offer-list-wrapper .offer-item-wrap .colored-buttons {
  margin-top:15px;
  padding:0!important
}
.offer-list-wrapper .offer-item-wrap .colored-buttons button {
  color:var(--secondary-color);
  padding:5px 10px
}
.offer-list-wrapper .offer-item-wrap .colored-buttons .romance {
  background:var(--white);
  border:1px solid var(--white)
}
.offer-list-wrapper .offer-item-wrap .colored-buttons .romance:hover {
  color:var(--white);
  background:var(--secondary-color)
}
.offer-list-wrapper .offer-item-wrap .colored-buttons .adventure {
  background:var(--main-color);
  border:1px solid var(--main-color)
}
.offer-list-wrapper .offer-item-wrap .colored-buttons .adventure:hover {
  color:var(--main-color);
  background:var(--secondary-color)
}
.offer-list-wrapper .offer-item-wrap .footer-section {
  padding-top:10px;
  display:flex;
  align-items:center;
  justify-content:center
}
.offer-list-wrapper .offer-item-wrap .footer-section .price-wrap {
  float:left
}
.offer-list-wrapper .offer-item-wrap .footer-section .price-wrap p {
  margin-bottom:0
}
.offer-list-wrapper .offer-item-wrap .footer-section .price-wrap .price {
  font-size:20px;
  margin-left:5px
}
.offer-list-wrapper .offer-item-wrap .footer-section .price-wrap strike {
  color:var(--main-color);
  font-size:16px;
  margin-right:5px
}
.offer-list-wrapper .offer-item-wrap .footer-section .book-now-button {
  border:none;
  color:var(--secondary-color);
  width:145px;
  height:45px;
  font-size:16px;
  font-weight:lighter;
  background-color:var(--button-color);
  color:var(--button-text-color);
  -webkit-transition:background .3s,color .3s,border-color .3s;
  transition:background .3s,color .3s,border-color .3s;
  border-radius:2px
}
.offer-list-wrapper .offer-item-wrap .footer-section .book-now-button:hover {
  background:var(--button-hover-color);
  color:var(--button-color);
  transition:background .3s ease-out;
  border:1px solid var(--button-color);
  font-weight:600
}
.offer-lightbox-modal {
  background-color:rgba(45,45,45,.6)
}
.modal-content-div {
  border-bottom:1px solid var(--secondary-text-color)
}
.offer-lightbox-modal .modal-dialog {
  max-width:100%
}
.offer-lightbox-modal .modal-content {
  border-radius:.25em
}
.offer-lightbox-modal .modal-content .title {
  color:var(--main-color);
  font-size:1.3em;
  text-align:center;
  font-weight:lighter
}
.offer-lightbox-modal .modal-content .image-wrap {
  width:100%
}
.offer-lightbox-modal .modal-content .image-wrap img {
  width:100%
}
.offer-lightbox-modal .close-btn {
  width:1.875em;
  height:1.875em;
  border-radius:.25em;
  background-color:var(--main-color);
  -webkit-transition:background .3s;
  transition:background .3s;
  right:.75em;
  z-index:20;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  color:var(--button-text-color)
}
.offer-lightbox-modal .close-btn:hover {
  background-color:var(--main-color)
}
.offer-lightbox-modal .large-section-top-space {
  clear:both;
  height:50px
}
.offer-lightbox-modal .small-section-top-space {
  clear:both;
  height:50px
}
span.best-price {
  color:var(--secondary-color)
}
.offer-lightbox-modal .dotted-line {
  border-bottom:1px solid var(--white);
  margin:30px 0
}
.offer-lightbox-modal .large-section {
  border-right:1px solid var(--white);
  padding-top:10px
}
.info-section-one .green-text {
  color:var(--main-color)
}
.info-section-one .green-text.second {
  margin-bottom:0
}
.info-section-one small {
  display:block;
  font-weight:lighter;
  line-height:1.2;
  word-spacing:2px;
  margin-bottom:0;
  margin-top:5px
}
.info-section-two .price-wrap {
  width:100%
}
.info-section-two .price-wrap p {
  margin-bottom:0
}
.info-section-two .price-wrap .price {
  font-size:20px
}
.info-section-two .price-wrap strike {
  color:var(--main-color);
  font-size:16px;
  margin-right:5px
}
.info-section-two .price-wrap small {
  font-weight:lighter;
  line-height:1.2;
  word-spacing:2px;
  margin-bottom:0;
  margin-top:10px
}
.info-section-two .book-now-button {
  margin-top:5px;
  float:left;
  border:none;
  color:var(--button-text-color);
  background:var(--main-color);
  width:145px;
  height:45px;
  font-size:16px;
  transition:.3s;
  border-radius:1px
}
.info-section-two .book-now-button:hover {
  background:var(--hover-color)
}
.offer-lightbox-modal .bottom-texts-wrap {
  padding-top:10px;
  padding-bottom:10px;
  border:0
}
.offer-lightbox-modal .bottom-texts-wrap .green-text {
  color:var(--main-color)
}
.offer-lightbox-modal .bottom-texts-wrap .text {
  font-weight:lighter;
  line-height:1.5;
  word-spacing:2px;
  margin-bottom:0;
  margin-top:5px;
  border:0
}
.offer-lightbox-modal .bottom-texts-wrap .text.first {
  margin-top:30px
}
@media(max-width:1300px) {
  .offer-list-wrapper .offer-item-wrap .footer-section .price-wrap {
    width:100%
  }
  .offer-list-wrapper .offer-item-wrap .footer-section .book-now-button {
    float:left!important
  }
}
@media(max-width:1025px) {
  .offer-list-wrapper .offer-item-wrap .colored-buttons {
    font-size:12px
  }
}
.section-one.modify {
  background:var(--light-background)
}
.section-one.modify .title {
  font-size:18px;
  margin-top:40px
}
.section-one.modify .subtitle {
  font-weight:lighter;
  margin-bottom:0
}
.section-one.modify .confirmation-number-input {
  border:none;
  border-bottom:2px solid var(--text-color);
  background:0 0;
  display:block;
  margin:0 auto;
  width:250px;
  padding:15px 10px;
  font-size:16px;
  font-weight:lighter;
  color:var(--text-color)
}
.section-one.modify .confirmation-number-input.last {
  border:none;
  border-bottom:2px solid var(--text-color);
  background:0 0;
  display:block;
  margin:0 auto 60px;
  width:250px;
  padding:15px 10px;
  font-size:16px
}
.section-one.modify .search {
  background-color:var(--main-color);
  color:var(--button-text-color);
  text-align:center;
  cursor:pointer;
  height:65px;
  width:250px;
  padding-top:20px;
  position:absolute;
  z-index:1;
  left:0%;
  bottom:-15%;
  font-weight:lighter;
  transition:.3s
}
.section-one.modify .search:hover {
  background-color:var(--hover-color);
  color:var(--button-text-color)
}
.section-one.modify .search p {
  font-size:18px
}
.section-two.modify {
  padding-top:10px;
  background-color:var(--secondary-color)
}
.section-two.modify .global-wrapper .summary-wrap .summary {
  background:#d4d4d4
}
.modify-buttons {
  margin-bottom:100px
}
.modify-buttons button {
  width:100%;
  border:2px solid silver;
  color:var(--secondary-color);
  background:var(--main-color);
  font-size:16px;
  font-weight:lighter;
  padding:12px
}
.modify-buttons button:hover {
  color:var(--main-color);
  border-color:var(--main-color);
  background:var(--secondary-color)
}
.modify-buttons button[disabled] {
  width:100%;
  border:2px solid var(--main-color);
  color:var(--main-color);
  background:var(--secondary-color);
  font-size:16px;
  padding:12px
}
.modify-buttons button.modify-btn {
  background:var(--light-background);
  color:var(--button-text-color);
  border-color:var(--light-background)
}
.modify-buttons button.modify-btn:hover {
  color:var(--button-text-hover-color);
  border-color:var(--secondary-text-color);
  background:var(--secondary-text-color)
}
@media(min-width:992px) and (max-width:1024px) {
  .section-one.modify .search {
    height:60px;
    padding-top:18px;
    bottom:-10%
  }
}
@media(min-width:1024px) and (max-width:1200px) {
  .section-one.modify .search {
    height:60px;
    padding-top:18px;
    bottom:-10%
  }
}
.about .title.green {
  color:var(--main-color);
  font-size:20px;
  margin-bottom:25px
}
.about .left-lg-section {
  padding:0!important
}
.about .left-lg-section .map-wrapper {
  height:180px;
  padding:0!important
}
.about #map {
  width:100%;
  height:100%
}
.about .right-sm-section {
}
.about .contact-info-wrap {
  margin:30px 0 55px
}
.about .contact-info-wrap .location-wrap {
  padding:0!important
}
.about .contact-info-wrap .location-wrap p {
  font-weight:lighter;
  line-height:1.2;
  margin-bottom:0;
  margin:8px 0
}
.about .contact-info-wrap .contact-titles-wrap {
}
.about .contact-info-wrap .contact-titles-wrap p {
  margin:5px 0;
  color:var(--secondary-text-color)
}
.about .contact-info-wrap .contacts-wrap {
  padding:0!important
}
.about .contact-info-wrap .contacts-wrap p {
  font-weight:lighter;
  line-height:1.2;
  margin-bottom:0;
  margin:8px 0
}
.about .contact-info-wrap .contacts-wrap .green-text a {
  color:var(--main-color);
  text-decoration:none
}
.about .contact-info-wrap .contacts-wrap .green-text a:hover {
  color:var(--secondary-text-color)
}
.about .gallery-wrap {
  padding:0!important
}
.about .gallery-wrap img {
  width:100%
}
.about .gallery-wrap .arrow {
  position:absolute;
  top:50%;
  margin-top:-40px;
  background:0 0;
  border:none;
  width:60px;
  height:60px;
  font-size:30px;
  color:var(--secondary-color);
  border-radius:50px
}
.about .gallery-wrap .arrow:hover {
  background:#cbb548
}
.about .gallery-wrap .arrow.left {
  left:30px
}
.about .gallery-wrap .arrow.right {
  right:30px
}
.about .gallery-wrap .open-gallery-btn {
  width:125px;
  height:35px;
  font-size:16px;
  position:absolute;
  bottom:20px;
  left:50%;
  margin-left:-63px;
  color:var(--secondary-color);
  border:none;
  background:0 0
}
.about .gallery-wrap .open-gallery-btn:hover {
  background:var(--secondary-text-color)
}
.about .text-section {
  margin-top:5px
}
.about .text-section-title {
  color:var(--main-color);
  font-size:16px;
  margin-bottom:5px;
  font-family:var(--main-font);
  font-weight:500
}
.about .text-section-content {
  font-weight:lighter;
  line-height:1.2;
  margin-bottom:0;
  margin-top:10px
}
.about .dotted-line {
  clear:both;
  border-bottom:1px solid var(--white);
  margin-top:30px;
  margin-bottom:-15px
}
.about.section-two {
  padding-bottom:95px
}
.about-final .title.green {
  color:var(--main-color);
  font-size:20px;
  margin-bottom:25px
}
.about-final .left-lg-section {
  padding:0!important
}
.about-final .left-lg-section .map-wrapper {
  height:180px;
  padding:0!important
}
.about-final #map {
  width:100%;
  height:100%
}
.about-final .right-sm-section {
}
.about-final .contact-info-wrap {
  margin:30px 0 55px
}
.about-final .contact-info-wrap .location-wrap {
  padding:0!important
}
.about-final .contact-info-wrap .location-wrap p {
  font-weight:lighter;
  line-height:1.2;
  margin-bottom:0;
  margin:8px 0
}
.about-final .contact-info-wrap .contact-titles-wrap {
}
.about-final .contact-info-wrap .contact-titles-wrap p {
  margin:5px 0;
  color:var(--secondary-text-color)
}
.about-final .contact-info-wrap .contacts-wrap {
  padding:0!important
}
.about-final .contact-info-wrap .contacts-wrap p {
  font-weight:lighter;
  line-height:1.2;
  margin-bottom:0;
  margin:8px 0
}
.about-final .contact-info-wrap .contacts-wrap .green-text a {
  color:var(--main-color);
  text-decoration:none
}
.about-final .contact-info-wrap .contacts-wrap .green-text a:hover {
  color:var(--secondary-text-color)
}
.about-final .gallery-wrap {
  padding:0!important
}
.about-final .gallery-wrap img {
  width:100%
}
.about-final .gallery-wrap .arrow {
  position:absolute;
  top:50%;
  margin-top:-40px;
  background:0 0;
  border:none;
  width:60px;
  height:60px;
  font-size:30px;
  color:var(--secondary-color);
  border-radius:50px
}
.about-final .gallery-wrap .arrow:hover {
  background:#cbb548
}
.about-final .gallery-wrap .arrow.left {
  left:30px
}
.about-final .gallery-wrap .arrow.right {
  right:30px
}
.about-final .gallery-wrap .open-gallery-btn {
  width:125px;
  height:35px;
  font-size:16px;
  position:absolute;
  bottom:20px;
  left:50%;
  margin-left:-63px;
  color:var(--secondary-color);
  border:none;
  background:0 0
}
.about-final .gallery-wrap .open-gallery-btn:hover {
  background:var(--secondary-text-color)
}
.about-final .text-section {
  margin-top:5px
}
.about-final .text-section-title {
  font-size:16px;
  margin-bottom:5px;
  font-weight:600
}
.about-final .text-section-content {
  font-weight:lighter;
  line-height:1.2;
  margin-bottom:0;
  margin-top:10px;
  font-family:var(--main-font);
  font-weight:400
}
.about-final .dotted-line {
  clear:both;
  border-bottom:1px solid var(--white);
  margin-top:30px;
  margin-bottom:-15px
}
.about-final.section-two {
  padding-bottom:95px
}
.check-boxes {
}
.check-boxes .check-box {
  background:#222426;
  width:49%;
  height:160px;
  padding:15px 10px
}
.check-boxes .check-box .title {
  font-size:18px;
  padding-bottom:5px;
  border-bottom:2px solid var(--main-color)
}
.check-boxes .check-box .from-until {
  margin:5px 0
}
.check-boxes .check-box .time {
  font-size:25px;
  margin-bottom:0
}
.attractions-list-wrap {
}
.attractions-list-wrap .green-title {
  color:var(--main-color);
  font-size:16px;
  margin:55px 0 25px
}
.attractions-list-wrap ul {
  list-style-type:none
}
.attractions-list-wrap ul li p span {
  margin-right:10px
}
@media(min-width:992px) and (max-width:1200px) {
  .about-main-wrap.col-md-offset-1 {
    margin-left:3.333333%!important
  }
  .about-main-wrap.col-md-10 {
    width:99.333333%!important
  }
}
.gallery-lightbox-modal {
  background:rgba(121,121,121,.9)
}
.gallery-lightbox-modal .modal-dialog {
  width:750px;
  margin:20px auto
}
.gallery-lightbox-modal .modal-content {
  background:0 0;
  border:none;
  box-shadow:none;
  border-radius:0
}
.gallery-lightbox-modal .modal-content .title {
  color:var(--secondary-color);
  font-size:16px
}
.gallery-lightbox-modal .modal-content .image-wrap {
  width:100%
}
.gallery-lightbox-modal .modal-content .image-wrap img {
  width:100%
}
.gallery-lightbox-modal .close-btn {
  color:var(--secondary-color);
  cursor:pointer;
  font-size:20px;
  float:right;
  margin:0 15px
}
.gallery-lightbox-modal .close-btn:hover {
  color:var(--main-color)
}
.gallery-lightbox-modal .small-section-top-space {
  clear:both;
  height:35px
}
.gallery-lightbox-modal .gallery-wrap .arrow.left {
  left:-70px
}
.gallery-lightbox-modal .gallery-wrap .arrow.right {
  right:-70px
}
.gallery-lightbox-modal .bottom-section {
  padding-top:15px
}
@media(max-width:1024px) {
  .global-wrapper {
    padding-top:10px
  }
  .global-wrapper .title-wrapper .title {
    font-size:14px;
    margin-bottom:2px
  }
  .global-wrapper .title-wrapper span {
    font-size:25px
  }
  .global-wrapper .title-wrapper {
    margin-bottom:20px
  }
  .global-wrapper .summary-wrap {
    margin-bottom:15px
  }
  .global-wrapper .summary-wrap .summary.top {
    height:35px;
    padding-top:10px
  }
  .global-wrapper .summary-wrap .summary.top p {
    font-size:12px
  }
  .global-wrapper .summary-wrap .summary.bottom {
    padding-top:10px
  }
  .global-wrapper .summary-wrap .summary.bottom .head {
    font-size:11px
  }
  .global-wrapper .summary-wrap .summary.bottom .value {
    font-size:10px
  }
  .info-section .info-head {
    height:35px;
    padding-top:10px
  }
  .info-section .info-head .neutra {
    font-size:13px
  }
  .info-section .info-head .info-title p {
    font-size:12px
  }
  .info-section .info-body {
    margin-bottom:25px
  }
  .info-section .info-body .box {
    margin-top:11px
  }
  .info-section .info-body .box .head {
    font-size:11px
  }
  .info-section .info-body .box .value {
    font-size:10px
  }
  .info-section .info-body .box .head .number {
    font-size:12px
  }
  .print-button-wrap {
    height:46px;
    margin-bottom:40px
  }
  .print-btn {
    font-size:14px
  }
  .section-one.portal .content-wrapper .content-left .center-wrap {
    padding-left:90px
  }
  .horizontal .section-one.portal .content-wrapper .content-left .space-block {
    height:88px
  }
  .room-list-wrapper .room-item-wrap .footer-section .book-now-button {
    width:130px
  }
  .vertical .section-one.portal .content-wrapper {
    height:240px
  }
  .vertical .section-one.portal.thumbs .content-wrapper {
    height:240px
  }
  .vertical .room-list-wrapper .room-repeater-logo-wrap {
    height:60px
  }
  .vertical .thumbs .room-list-wrapper .room-repeater-logo-wrap {
    height:60px
  }
  .vertical .room-list-wrapper .room-item-wrap .head-section {
    padding:0 0 38px!important
  }
  .vertical .room-list-wrapper .room-item-wrap .body-section .title {
    font-size:11px
  }
  .vertical .room-list-wrapper .room-item-wrap .body-section .text,
  .room-list-wrapper .room-item-wrap small {
    font-size:10px
  }
  .vertical .room-list-wrapper .room-item-wrap .body-section .read-more-btn {
    font-size:10px
  }
  .vertical .room-list-wrapper .room-item-wrap .dotted-line {
    margin:7px 0
  }
  .vertical .room-list-wrapper .room-item-wrap .head-section .subtitle {
    font-size:10px
  }
  .vertical .room-list-wrapper .room-item-wrap .head-section.second {
    padding-bottom:20px!important
  }
  .vertical .room-list-wrapper .room-item-wrap .footer-section .price-wrap .price {
    font-size:16px
  }
  .vertical .room-list-wrapper .room-item-wrap .footer-section .price-wrap strike {
    font-size:12px;
    margin-right:1px
  }
  .vertical .room-list-wrapper .room-item-wrap .footer-section .book-now-button {
    font-size:14px;
    width:100px;
    height:35px
  }
  .vertical .portal.controls-section {
    margin-bottom:25px;
    padding-bottom:7px
  }
  .vertical .portal.controls-section button {
    font-size:10px
  }
  .vertical .room-list-wrapper .room-item-wrap {
    margin-bottom:25px
  }
  .pagination-links {
    margin:0 auto 50px
  }
  .modify-buttons button {
    font-size:12px;
    height:35px
  }
  .section-one.modify .search {
    height:60px;
    padding-top:18px;
    left:24%;
    bottom:-10%
  }
  .header-first .menu .submenu li a {
    padding:5px 10px 0 25px
  }
  .check-boxes .check-box .title {
    font-size:13px
  }
  .check-boxes .check-box .time {
    font-size:16px
  }
  .check-boxes .check-box {
    height:135px
  }
  .attractions-list-wrap .green-title {
    font-size:14px;
    margin:35px 0 15px
  }
  .about .title.green {
    font-size:16px;
    margin-bottom:15px
  }
  .about .text-section-title {
    font-size:14px;
    margin-bottom:5px
  }
  .about .text-section {
    margin-top:5px
  }
  .about .dotted-line {
    margin-top:15px
  }
  .about .left-lg-section .map-wrapper {
    height:150px
  }
  .about .contact-info-wrap {
    margin:15px 0 30px
  }
  .attractions-list-wrap ul li p {
    font-size:11px
  }
  .gallery-lightbox-modal .modal-dialog {
    width:60%;
    margin:20px auto
  }
}
@media(max-device-width:1024px) {
  .global-wrapper {
    padding-top:10px
  }
  .global-wrapper .title-wrapper .title {
    font-size:14px;
    margin-bottom:2px
  }
  .global-wrapper .title-wrapper span {
    font-size:25px
  }
  .global-wrapper .title-wrapper {
    margin-bottom:20px
  }
  .global-wrapper .summary-wrap {
    margin-bottom:15px
  }
  .global-wrapper .summary-wrap .summary.top {
    height:35px;
    padding-top:10px
  }
  .global-wrapper .summary-wrap .summary.top p {
    font-size:12px
  }
  .global-wrapper .summary-wrap .summary.bottom {
    padding-top:10px
  }
  .global-wrapper .summary-wrap .summary.bottom .head {
    font-size:11px
  }
  .global-wrapper .summary-wrap .summary.bottom .value {
    font-size:10px
  }
  .info-section .info-head {
    height:35px;
    padding-top:10px
  }
  .info-section .info-head .neutra {
    font-size:13px
  }
  .info-section .info-head .info-title p {
    font-size:12px
  }
  .info-section .info-body {
    margin-bottom:25px
  }
  .info-section .info-body .box {
    margin-top:11px
  }
  .info-section .info-body .box .head {
    font-size:11px
  }
  .info-section .info-body .box .value {
    font-size:10px
  }
  .info-section .info-body .box .head .number {
    font-size:12px
  }
  .print-button-wrap {
    height:46px;
    margin-bottom:40px
  }
  .print-btn {
    font-size:14px
  }
  .section-one.portal .content-wrapper .content-left .center-wrap {
    padding-left:90px
  }
  .horizontal .section-one.portal .content-wrapper .content-left .space-block {
    height:88px
  }
  .room-list-wrapper .room-item-wrap .footer-section .book-now-button {
    width:130px
  }
  .vertical .section-one.portal .content-wrapper {
    height:240px
  }
  .vertical .section-one.portal.thumbs .content-wrapper {
    height:240px
  }
  .vertical .room-list-wrapper .room-repeater-logo-wrap {
    height:60px
  }
  .vertical .room-list-wrapper .room-item-wrap .head-section {
    padding:0 0 38px!important
  }
  .vertical .room-list-wrapper .room-item-wrap .body-section .title {
    font-size:11px
  }
  .vertical .room-list-wrapper .room-item-wrap .body-section .text,
  .room-list-wrapper .room-item-wrap small {
    font-size:10px
  }
  .vertical .room-list-wrapper .room-item-wrap .body-section .read-more-btn {
    font-size:10px
  }
  .vertical .room-list-wrapper .room-item-wrap .dotted-line {
    margin:7px 0
  }
  .vertical .room-list-wrapper .room-item-wrap .head-section .subtitle {
    font-size:10px
  }
  .vertical .room-list-wrapper .room-item-wrap .head-section.second {
    padding-bottom:20px!important
  }
  .vertical .room-list-wrapper .room-item-wrap .footer-section .price-wrap .price {
    font-size:16px
  }
  .vertical .room-list-wrapper .room-item-wrap .footer-section .price-wrap strike {
    font-size:12px;
    margin-right:1px
  }
  .vertical .room-list-wrapper .room-item-wrap .footer-section .book-now-button {
    font-size:14px;
    width:100px;
    height:35px
  }
  .vertical .portal.controls-section {
    margin-bottom:25px;
    padding-bottom:7px
  }
  .vertical .portal.controls-section button {
    font-size:10px
  }
  .vertical .room-list-wrapper .room-item-wrap {
    margin-bottom:25px
  }
  .pagination-links {
    margin:0 auto 50px
  }
  .modify-buttons button {
    font-size:12px;
    height:35px
  }
  .section-one.modify .search {
    height:60px;
    padding-top:18px;
    left:24%;
    bottom:-10%
  }
  .header-first .menu .submenu li a {
    padding:5px 10px 0 25px
  }
  .check-boxes .check-box .title {
    font-size:13px
  }
  .check-boxes .check-box .time {
    font-size:16px
  }
  .check-boxes .check-box {
    height:135px
  }
  .attractions-list-wrap .green-title {
    font-size:14px;
    margin:35px 0 15px
  }
  .about .title.green {
    font-size:16px;
    margin-bottom:15px
  }
  .about .text-section-title {
    font-size:14px;
    margin-bottom:5px
  }
  .about .text-section {
    margin-top:5px
  }
  .about .dotted-line {
    margin-top:15px
  }
  .about .left-lg-section .map-wrapper {
    height:150px
  }
  .about .contact-info-wrap {
    margin:15px 0 30px
  }
  .attractions-list-wrap ul li p {
    font-size:11px
  }
  .gallery-lightbox-modal .modal-dialog {
    width:60%;
    margin:20px auto
  }
}
.language-text {
  float:left;
  padding-left:3px
}
.language-image {
  float:left;
  border:0;
  height:18px;
  width:18px
}
.people {
  background-image:url(../../images/people_white3.png);
  background-repeat:repeat;
  height:21px;
  float:right
}
.blackcross {
  background-image:url(../../images/cross_white.png);
  height:30px;
  float:right;
  width:12px;
  background-repeat:no-repeat
}
.imageThump {
  padding:10px 10px 0 0;
  float:left
}
.booknow-dropdown-fields {
  position:relative;
  width:100%;
  margin:0 auto;
  padding:8px 15px;
  z-index:999;
  height:40px;
  cursor:pointer;
  outline:none;
  transition:all .3s ease-out;
  border-bottom:2px solid var(--secondary-color);
  color:var(--secondary-color);
  font-size:15px;
  margin-bottom:5px
}
.booknow-dropdown-fields:after {
  content:"";
  position:absolute;
  right:15px;
  width:28px;
  border:0;
  height:20px;
  background:url(../../images/white-arrow.png) no-repeat right;
  -webkit-appearance:none
}
.booknow-dropdown-fields .dropdown {
  position:absolute;
  top:100%;
  left:0;
  right:0;
  background:var(--secondary-color);
  border-radius:0 0 5px 5px;
  border:0;
  border-top:none;
  border-bottom:none;
  list-style:none;
  transition:all .3s ease-out;
  max-height:0;
  overflow:hidden
}
.booknow-dropdown-fields .dropdown li {
}
.booknow-dropdown-fields .dropdown li a {
  display:block;
  text-decoration:none;
  color:var(--secondary-text-color);
  padding:10px 0;
  transition:all .3s ease-out;
  border-bottom:1px solid #e6e8ea
}
.booknow-dropdown-fields .dropdown li:last-of-type a {
  border:none
}
.booknow-dropdown-fields .dropdown li i {
  margin-right:0;
  color:inherit;
  vertical-align:middle
}
.booknow-dropdown-fields .dropdown li:hover a {
  color:#57a9d9
}
.booknow-dropdown-fields.active {
  background:var(--secondary-color);
  box-shadow:none;
  border-bottom:none;
  color:var(--main-color)
}
.booknow-dropdown-fields.active:after {
  border-color:#dcac00 transparent
}
.booknow-dropdown-fields.active .dropdown {
  border-bottom:1px solid rgba(0,0,0,.2);
  max-height:400px
}
.img-question {
  margin-top:12px;
  float:right
}
.img-security {
  margin-top:12px;
  display:block;
  margin:12px auto
}
.step3-checkbox {
  width:32px;
  height:32px;
  display:inline-block;
  position:relative;
  z-index:1;
  top:3px;
  background-color:transparent;
  border:2px solid var(--secondary-text-color);
  background:0 0;
  margin:0 10px 10px 0;
  vertical-align:middle;
  color:var(--secondary-color)
}
.validationDiv {
  height:15px
}
.validationDiv-terms {
  height:15px;
  margin-bottom:8px
}
.step2-checkbox {
  width:32px;
  height:32px;
  display:inline-block;
  position:relative;
  z-index:1;
  top:3px;
  background-color:transparent;
  border:2px solid var(--main-color);
  background:0 0;
  margin:0 10px 10px 0;
  vertical-align:middle;
  color:var(--secondary-color)
}
.step2-checkbox.option {
  width:32px;
  height:32px;
  display:inline-block;
  position:relative;
  z-index:1;
  top:3px;
  background-color:transparent;
  border:2px solid var(--secondary-text-color);
  background:0 0;
  margin:0 10px 10px 0;
  vertical-align:middle;
  color:var(--secondary-color);
  border-radius:50px
}
.spinDiv {
  text-align:center
}
.spin1 {
  width:40px;
  height:40px;
  display:inline-block;
  position:relative;
  z-index:1;
  top:0;
  background-color:transparent;
  border:2px solid var(--secondary-text-color);
  background:0 0;
  vertical-align:middle;
  color:var(--secondary-text-color) text-align:center
}
.step2-checkbox.selected {
  background:url(../../images/checked-box.png) no-repeat
}
.step2-checkbox input[type=checkbox] {
  margin:0;
  position:absolute;
  z-index:2;
  cursor:pointer;
  outline:none;
  opacity:0;
  _nofocusline:expression(this.hideFocus=true);
  -ms-filter:"alpha(opacity=0)";
  filter:alpha(opacity=0);
  -khtml-opacity:0;
  -moz-opacity:0
}
.step3-checkbox input[type=checkbox] {
  margin:0;
  position:absolute;
  z-index:2;
  cursor:pointer;
  outline:none;
  opacity:0;
  _nofocusline:expression(this.hideFocus=true);
  -ms-filter:"alpha(opacity=0)";
  filter:alpha(opacity=0);
  -khtml-opacity:0;
  -moz-opacity:0
}
.step3-checkbox.selected {
  background:url(../../images/checked-box.png) no-repeat
}
.step3-label {
  color:var(--secondary-text-color);
  font-family:var(--main-font);
  font-weight:300!important;
  font-size:15px
}
.step3-label strong {
  font-weight:500!important
}
.step3-terms-link {
  text-decoration:underline;
  color:var(--secondary-text-color);
  font-weight:500!important;
  font-size:15px
}
.step3-btn-back {
  display:block;
  width:100%;
  margin-top:10px;
  background-color:var(--secondary-text-color);
  color:var(--secondary-color);
  height:45px;
  font-weight:300;
  font-size:15px;
  padding:0
}
.step3-btn-back:hover {
  color:#dcac00
}
.step4-btn-print {
  display:block;
  width:100%;
  margin:30px 0;
  background-color:var(--secondary-text-color);
  color:var(--secondary-color);
  height:45px;
  font-weight:300;
  font-size:15px;
  padding:0
}
.step4-btn-print:hover {
  color:#dcac00
}
.step4-title {
  color:var(--secondary-text-color);
  font-weight:lighter;
  font-size:16px;
  text-align:center
}
.step4-resno {
  color:var(--secondary-color);
  font-weight:lighter;
  font-size:18px;
  padding-bottom:20px;
  text-align:center
}
.step4-title-2 {
  color:var(--secondary-text-color);
  font-weight:400;
  font-size:15px;
  text-align:center
}
.step4-title-3 {
  color:var(--secondary-text-color);
  font-weight:700;
  font-size:15px;
  text-align:left;
  padding-bottom:10px
}
.step4-title-4 {
  color:var(--secondary-text-color);
  font-weight:700;
  font-size:15px;
  text-align:left
}
.step4-total {
  color:var(--secondary-color);
  font-weight:400;
  font-size:15px;
  text-align:center
}
.step4-total strong {
  font-size:16px;
  font-weight:700
}
.step4-finaldates {
  color:var(--secondary-text-color);
  font-weight:400;
  font-size:15px;
  text-align:left;
  word-spacing:5px
}
.step4-finaldates strong {
  font-size:18px;
  font-weight:700;
  word-spacing:4px
}
.step4-rooms-adults {
  font-size:15px;
  font-weight:700;
  color:var(--secondary-text-color);
  padding-top:10px
}
.step4-rooms-adults strong {
  font-size:18px;
  font-weight:700;
  word-spacing:4px
}
.step4-paddingbottom {
  padding-bottom:10px
}
.finaldetails-l {
  color:var(--secondary-color);
  font-size:15px;
  padding:0 0 10px 15px;
  height:40px
}
.finaldetails-r {
  color:var(--secondary-text-color);
  font-size:15px;
  text-align:left;
  padding-bottom:10px;
  height:40px
}
.modify-title1 {
  font-family:var(--main-font);
  font-size:15px;
  padding:5px 0 7px
}
.modify-resno {
  color:var(--secondary-color);
  font-weight:lighter;
  font-size:18px;
  text-align:center
}
.modify-panel {
  padding:15px 15px 10px
}
.modify-summary-txt {
  text-align:left;
  color:var(--secondary-text-color);
  font-weight:lighter;
  font-size:15px;
  padding-bottom:2px;
  line-height:23px
}
.modify-summary-price {
  text-align:right;
  color:var(--secondary-text-color);
  font-weight:lighter;
  font-size:16px;
  padding-bottom:5px
}
.modify-deposit-txt {
  text-align:left;
  color:var(--secondary-color);
  font-weight:lighter;
  font-size:16px;
  padding-bottom:5px
}
.modify-deposit-price {
  text-align:right;
  color:var(--secondary-color);
  font-weight:lighter;
  font-size:16px;
  padding-bottom:5px
}
.modify-ar-dep-txt {
  text-align:right;
  color:var(--secondary-text-color);
  font-weight:400;
  font-size:15px;
  padding-bottom:5px
}
.modify-ar-dep-txt-b {
  text-align:right;
  color:var(--secondary-text-color);
  font-weight:700;
  font-size:19px;
  padding-bottom:14px;
  line-height:20px
}
.modify-btn {
  display:block;
  width:100%;
  margin-top:10px;
  background-color:var(--secondary-text-color);
  color:var(--secondary-color);
  height:45px;
  font-weight:300;
  font-size:15px;
  padding:0;
  border:2px solid var(--secondary-text-color)
}
.modify-btn:hover {
  background-color:var(--secondary-text-color)!important;
  color:var(--button-text-hover-color);
  border:2px solid var(--secondary-text-color)
}
.modify-btn:active {
  background-color:var(--secondary-text-color)!important;
  color:var(--secondary-color);
  border:2px solid var(--secondary-text-color)
}
.logo-bottom {
  display:block;
  margin-top:30px;
  margin-left:auto;
  margin-right:auto
}
.portal-desc {
  text-align:center;
  color:var(--secondary-text-color);
  font-size:15px;
  word-spacing:7px
}
.portal-desc strong {
  font-size:25px;
  font-weight:700!important;
  font-family:arial #000,hind
}
.portal-desc-big {
  text-align:center;
  color:var(--secondary-text-color);
  font-size:15px;
  line-height:13px
}
.numberCircle {
  border-radius:50%;
  behavior:url(PIE.htc);
  width:36px;
  height:36px;
  padding:8px;
  background:var(--secondary-color);
  border:2px solid #000;
  color:#000;
  text-align:center;
  font:32px Arial,sans-serif;
  display:inline-block
}
.image-offers {
  position:relative;
  width:100%
}
.image-offers h2 {
  position:absolute;
  top:185px;
  left:0;
  border-radius:50%;
  behavior:url(PIE.htc);
  width:43px;
  height:43px;
  padding:7px 4px;
  background:#dbac00;
  color:var(--secondary-color);
  text-align:center;
  display:inline-block;
  margin:0 42%;
  font-size:25px;
  font-family:var(--main-font)
}
.offers-txt {
  text-align:center;
  font-size:13px;
  font-family:arial,sans-serif;
  color:var(--secondary-text-color)
}
.offers-txt h1 {
  font-size:15px;
  font-weight:700;
  font-family:var(--main-font)
}
.offers-empty {
  margin:10px 0;
  background:var(--main-color)
}
.facilities-txt {
  text-align:center;
  font-size:13px;
  font-family:arial,sans-serif;
  color:var(--secondary-text-color)
}
.facilities-txt h1 {
  font-size:17px;
  font-weight:700;
  font-family:var(--main-font);
  margin:15px 0 20px
}
.facilities-list-l ul {
  padding:0 10px;
  list-style:none!important;
  border:none!important;
  font-family:Arial,sans-serif;
  font-size:12px
}
.facilities-list-l li {
  text-align:left;
  border:none;
  line-height:20px
}
.facilities-list-l li:before {
  font-family:Arial,sans-serif;
  content:'>';
  margin:0 5px 0 -15px
}
.facilities-list-r ul {
  padding:0 10px 0 15px;
  list-style:none!important;
  border:none!important;
  font-family:Arial,sans-serif;
  font-size:12px
}
.facilities-list-r li {
  text-align:left;
  border:none;
  line-height:20px
}
.facilities-list-r li:before {
  font-family:Arial,sans-serif;
  content:'>';
  margin:0 5px 0 -15px
}
.text-unfold {
  position:relative;
  width:100%;
  margin:0 auto;
  padding:1px 15px;
  z-index:999999;
  height:40px;
  cursor:pointer;
  outline:none;
  transition:all .3s ease-out;
  border-bottom:2px solid var(--secondary-color);
  color:var(--secondary-text-color);
  font-size:17px;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:16px
}
.text-unfold:after {
  content:"";
  position:absolute;
  right:15px;
  width:28px;
  border:0;
  height:20px;
  background:url(../../images/black-arrow.png) no-repeat right;
  -webkit-appearance:none
}
.contact-txt {
  text-align:center;
  font-size:13px;
  font-family:arial,sans-serif;
  color:var(--main-color)
}
.contact-txt h1 {
  font-size:15px;
  font-weight:700;
  font-family:var(--main-font)
}
.contact-txt p {
  line-height:19px;
  margin:0 0 4px
}
.map-padding {
  padding:0!important
}
.google-map {
  z-index:1
}
.navbar-lang-curr {
  position:relative;
  float:left;
  margin-left:15px;
  padding:6px 10px;
  margin-top:8px;
  margin-bottom:8px;
  background-color:transparent;
  background-image:none;
  border:1px solid transparent;
  border-radius:4px;
  border-color:var(--main-color)
}
.formErrorContent {
  background:none repeat scroll 0 0 #a92f41;
  box-shadow:0 0 6px #000;
  color:var(--text-color);
  font-size:12px;
  padding:4px 2px;
  position:relative;
  width:150px
}
.drop-title {
  font-size:15px;
  font-weight:lighter
}
.desc {
  color:var(--main-color)
}
.desc a {
  color:#0092dd
}
.dropdown dd,
.dropdown dt,
.dropdown ul {
  margin:0;
  padding:0
}
.dropdown dd {
  position:relative
}
.dropdown a,
.dropdown a:visited {
  color:var(--main-color);
  text-decoration:none;
  outline:none
}
.dropdown a:hover {
  color:var(--main-color)
}
.dropdown dt a:hover {
  color:var(--main-color);
  border:1px solid var(--main-color)
}
.dropdown dt a {
  background:var(--main-color) url(arrow.png) no-repeat scroll right center;
  display:block;
  padding-right:20px;
  border:1px solid var(--main-color);
  width:150px
}
.dropdown dt a span {
  cursor:pointer;
  display:block;
  padding:5px
}
.dropdown dd ul {
  background:var(--main-color) none repeat scroll 0 0;
  border:1px solid var(--main-color);
  color:var(--main-color);
  display:none;
  left:0;
  padding:5px 0;
  position:absolute;
  top:2px;
  width:auto;
  min-width:170px;
  list-style:none
}
.dropdown span.value {
  display:none
}
.dropdown dd ul li a {
  padding:5px;
  display:block
}
.dropdown dd ul li a:hover {
  background-color:var(--hover-color)
}
.dropdown img.flag {
  border:none;
  vertical-align:middle;
  margin-left:10px
}
.flagvisibility {
  display:none
}
.ui-datepicker.ui-widget-content {
  padding:10px;
  background:var(--secondary-color);
  border:0;
  border-radius:5px;
  color:var(--secondary-text-color);
  width:80%;
  z-index:1000!important
}
.hiddenItem {
  background-color:transparent
}
.discountwhite {
  font-weight:lighter;
  font-size:24px;
  color:var(--secondary-color);
  text-decoration:none;
  text-align:center;
  font-style:normal
}
.input-text {
  border:0;
  line-height:0;
  height:auto;
  width:1.3em;
  overflow:hidden;
  text-align:right;
  background:inherit
}
.input-text-long {
  border:0;
  line-height:0;
  height:auto;
  width:100px;
  overflow:hidden;
  text-align:right;
  background:0 0
}
a {
}
a:hover {
  cursor:pointer;
  color:var(--hover-color)
}
#perDayLink-1599025477 {
  color:var(--button-color)
}
.step2-price-break {
  font-style:italic;
  font-weight:lighter;
  font-size:.8em;
  color:#d5d5d6
}
.step3-rate .step2-price-break {
  color:#d7a64e
}
hr {
  margin-top:10px;
  margin-bottom:10px;
  border-right-style:initial;
  border-bottom-style:initial;
  border-left-style:initial;
  border-right-color:initial;
  border-bottom-color:initial;
  border-left-color:initial;
  border-width:1px 0 0;
  border-image:initial;
  border-top:1px dotted var(--text-color)
}
.pp_social {
  display:none!important
}
.pp_play {
  display:none!important
}
.main-menu .glyphicon.glyphicon-user {
  margin-right:10px
}
.main-menu .glyphicon.glyphicon-log-in {
  margin-right:10px
}
.row .border-left {
  text-align:center
}
.social-connect-buttons-wrapper {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  width:100%;
  padding-left:10px
}
.social-connect-button {
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  width:100%;
  padding:31px 13px 8px;
  line-height:1.2em;
  background:var(--secondary-color) none no-repeat scroll 0px center/255px auto
}
.social-connect-button--facebook {
  background-image:url(/assets/images/facebook2.png)
}
.social-connect-button--google {
  background-image:url(/assets/images/gmail.png)
}
.social-connect-button--register {
  background-image:url(/assets/images/register2.png)
}
.search-facebookLogin {
  background-color:#5f456e;
  color:var(--secondary-color);
  text-align:center;
  cursor:pointer;
  height:26px;
  width:254px;
  padding-top:2px;
  text-transform:uppercase;
  left:0%;
  font-color:var(--secondary-color)
}
.section-two .register {
}
.register-head-banner {
  display:none
}
.header-second .logo-wrapper img {
  padding-bottom:10px
}
.portal-text {
  max-height:300px;
  min-height:300px;
  color:var(--secondary-text-color);
  font-family:var(--main-font);
  font-weight:400;
  font-size:13px
}
#transparent {
  z-index:2;
  position:relative;
  opacity:.95;
  -moz-opacity:.95;
  filter:alpha(opacity=95)
}
.bgstretcher {
  background:#000;
  overflow:hidden;
  width:100%;
  position:fixed!important;
  z-index:1
}
.bgstretcher,
.bgstretcher ul,
.bgstretcher ul li {
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0
}
.bgstretcher ul,
.bgstretcher ul li {
  margin:0;
  padding:0;
  list-style:none
}
.centered-div {
  text-align:center;
  color:var(--text-color)
}
.loader {
  border:16px solid var(--secondary-text-color);
  border-radius:50%;
  border-top:16px solid #999;
  width:120px;
  height:120px;
  -webkit-animation:spin 2s linear infinite;
  animation:spin 2s linear infinite;
  margin:0 auto
}
.panel-body {
  padding-top:25px;
  padding-bottom:5px;
  background:var(--white)
}
.step2-price-break-details {
  padding-left:15px
}
.text-special {
  color:#3ea913!important;
  font-weight:500;
  font-size:12px;
  line-height:.9;
  padding:3px 0
}
.qty {
  text-align:center;
  border:none;
  font-size:19px;
  width:20px;
  height:20px
}
.step2-summary-txt {
  font-size:14px;
  font-weight:600;
  text-transform:uppercase
}
.step2-summary-price {
  font-weight:600;
  font-size:18px
}
.summary.top .step2-summary-txt {
  font-size:28px;
  font-weight:600;
  text-transform:uppercase
}
.summary.top .step2-summary-price {
  font-weight:600;
  font-size:28px
}
.about-final {
  color:var(--text-color)
}
.info-wrapper #ctl13_paymentNoteLabel {
  text-align:center
}
#termDetailsDiv-1 a {
  color:#d7a64e;
  font-size:22px
}
.step2-price-break-details-final {
  padding-left:15px;
  color:var(--text-color)
}
.hiddenItem {
  display:none;
  background-color:transparent
}
.room-repeater-wrapper .room-body .box-2 .text-content {
  color:var(--text-color)
}
.facilities {
  fill:var(--hover-color);
  padding-right:5px
}
.facilities:hover {
  fill:var(--hover-color)
}
.heart {
  fill:#e81611;
  padding-top:10px
}
.heart:hover {
  fill:#b7888a
}
.tooltip-inner {
  max-width:220px;
  padding:8px 11px;
  color:var(--text-color);
  background-color:var(--white);
  border-radius:8px;
  text-align:left;
  box-shadow:0 0 3px rgba(56,54,54,.86)
}
.blink {
  -webkit-animation:2s linear infinite condemned_blink_effect
}
.price-photo {
  margin-left:1.075em!important;
  background:var(--main-color)!important;
  position:absolute!important;
  top:28.55%!important;
  padding:.75em!important;
  color:var(--secondary-color);
  font-weight:400;
  letter-spacing:.05rem
}
.dates-photo {
  margin-top:-10%;
  float:right;
  margin-right:2em;
  z-index:999999999;
  position:relative;
  font-size:16px;
  color:var(--secondary-color)
}
.margin-zero {
  margin:0!important;
  font-color:var(--secondary-color)
}
.deal-text {
  overflow-y:auto;
  max-height:80px;
  min-height:80px;
  font-weight:400;
  font-size:13px
}
.deals-img {
  display:inline-block;
  position:relative
}
.deals-img:after {
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:rgba(0,0,0,.237);
  border-top-left-radius:.25em;
  border-top-right-radius:.25em
}
.first-dropdown {
  width:100%;
  float:left
}
.centered {
  position:absolute;
  top:50%;
  left:10%;
  transform:translate(-6%,-50%);
  color:var(--secondary-color);
  font-size:15;
  text-align:center;
  z-index:999999
}
.image-wrap {
  height:auto!important
}
.packages-img {
  width:100%;
  height:auto!important
}
.date-title {
  font-size:16px;
  padding-left:70px
}
.package-title {
  color:var(--)
}
.packages-img {
  width:100%;
  height:auto!important;
  object-fit:cover;
  border-top-left-radius:.25em;
  border-top-right-radius:.25em
}
.deal-text::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  border-radius:50px;
  background-color:var(--secondary-color)
}
.deal-text::-webkit-scrollbar {
  width:4px;
  background-color:var(--secondary-color)
}
.col-md-12.body-section {
  overflow-y:auto;
  max-height:165px;
  min-height:165px;
  font-weight:400;
  font-size:13px;
  font-family:var(--main-font)
}
.deal-text::-webkit-scrollbar-thumb {
  border-radius:10px;
  -webkit-box-shadow:inset 0 0 6px rgb(0 0 0/15%);
  background-color:var(--main-color)
}
.submenu::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  border-radius:50px;
  background-color:var(--secondary-color)
}
.submenu::-webkit-scrollbar {
  width:4px;
  background-color:var(--secondary-color)
}
.submenu::-webkit-scrollbar-thumb {
  border-radius:10px;
  -webkit-box-shadow:inset 0 0 6px rgb(0 0 0/15%);
  background-color:var(--main-color)
}
.col-md-12 .body-section::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
  border-radius:50px;
  background-color:var(--secondary-color)
}
.col-md-12 .body-section::-webkit-scrollbar {
  width:4px;
  background-color:var(--secondary-color)
}
.col-md-12 .body-section::-webkit-scrollbar-thumb {
  border-radius:10px;
  -webkit-box-shadow:inset 0 0 6px rgb(0 0 0/15%);
  background-color:var(--main-color)
}
a.terms-link {
  color:var(--text-color);
  font-weight:500
}
input#ctl11_DatePicker_datediffSelected2 {
  background:0 0!important
}
.modal-backdrop.fade.in {
  z-index:1
}
#perDayLink-11819226228 {
  var(--button-color)
}
#ctl11_ctl00_roomsInformationDiv a:hover {
  color:var(--text-color)
}
#perDayLink-11819626228 {
  color:var(--button-color);
  text-decoration:underline
}
.availability-calendar .glyphicon-calendar {
  color:var(--right-panel-text)
}
.box-3 .availability-calendar .glyphicon-calendar {
  color:var(--main-color)
}
#availabilityCalendar-2622818196 .glyphicon-calendar,
.room-repeater-wrapper .room-body .box-3 .availability-calendar p {
  color:var(--main-color)
}
#ctl13_portalAreas .first-dropdown {
  margin-top:5px
}
.step2-price-break-details .col-xs-12:nth-child(1) {
  margin-bottom:20px
}
.step2-price-break-details .col-xs-2 {
  margin-right:20px;
  width:100px
}