body {
color: #666;
line-height: 1.7em;
font-family: "Open Sans";
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5 {
line-height: 1.2em;
}
img {
max-width: 100%;
height: auto;
}
[data-parallax="scroll"] {
background-size: cover;
background-position: center;
position: relative;
}
.featherlight-content iframe {
height: 400px;
max-width: 80vw;
width: 700px;
}
.featherlight-content {
overflow: hidden !important;
}
@media (max-width: 500px) {
.col-xs-6 {
width: 100%;
}
}
a {
color: #666;
transition: .2s color;
}
a:hover,
a:focus {
color: rgba(102, 102, 102, 0.7);
text-decoration: none;
}
.section {
padding: 40px 0;
}
@media (min-width: 768px) {
.section {
padding: 60px 0;
}
}
@media (min-width: 992px) {
.section {
padding: 100px 0;
}
}
.section+.section {
padding-top: 0;
}
.form .btn {
width: 100%;
}
.input+.input {
margin-top: 15px;
}
.input__field,
.widget_hb_widget_search .hb_input_field input[type="text"],
.widget_hb_widget_search .hb-form-field-input select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #ccc;
border-radius: 1px;
font-weight: 300;
padding: 12px 14px;
transition: .2s border-color;
width: 100%;
}
.input__field:focus,
.widget_hb_widget_search .hb_input_field input[type="text"]:focus,
.widget_hb_widget_search .hb-form-field-input select:focus {
border-color: #aaa;
outline: none;
}
.input--date,
.input--select,
.input--website,
.input--email,
.input--phone,
.input--user,
.input--money,
.input--rate,
.input--dollar,
.input--destination,
.hb_input_field {
position: relative;
}
.input--date::after,
.input--website:after,
.input--select::after,
.input--email::after,
.input--phone::after,
.input--user::after,
.input--money::after,
.input--rate::after,
.input--dollar::after,
.input--destination::after {
color: #b5b5b5;
font-family: FontAwesome;
position: absolute;
pointer-events: none;
right: 12px;
transform: translateY(-50%);
top: 50%;
}
.input--date::after {
content: "\f133";
}
.input--website::after {
content: "\f0ac";
}
.input--rate::after {
content: "\f295";
}
.input--money::after {
content: "\f0d6";
}
.input--destination::after {
content: "\f041";
}
.input--dollar::after {
content: "\f155";
}
.input--email::after {
content: "\f003";
}
.input--phone::after {
content: "\f095";
}
.input--user::after {
content: "\f2c0";
}
.input--select::after {
content: "\f107";
padding-right: 3px;
}
.input--textarea textarea {
min-height: 100px;
}
.input--checkbox {
padding-left: 23px;
position: relative;
}
.input--checkbox input {
display: none;
}
.input--checkbox input:checked+label::after {
color: #c7b39a;
content: "\f00c";
font-family: FontAwesome;
}
.input--checkbox label {
cursor: pointer;
font-weight: normal;
font-size: 13px;
}
.input--checkbox label::before,
.input--checkbox label::after {
left: 0;
height: 14px;
line-height: 14px;
font-size: 13px;
position: absolute;
top: 4px;
width: 14px;
}
.input--checkbox label::before {
border: 1px solid #ccc;
content: "";
display: inline-block;
}
.nav-bar {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: #fff;
border: 1px solid #eaeaea;
border-style: solid none;
position: relative;
transform: translate3d(0, 0, 0);
z-index: 999;
}
.sticky-menu-active .nav-bar {
left: 0;
position: fixed;
top: 0;
width: 100%;
}
.nav-bar>.container {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
height: 72px;
position: relative;
}
.hb-header__style2 .nav-bar>.container {
height: 60px;
}
@media (min-width: 992px) {
.nav-bar__item--menu {
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 60px;
}
body.admin-bar.sticky-menu-active .nav-bar {
top: 32px;
}
}
@media (min-width: 992px) {
.hb-header__style4 .nav-bar__item.nav-bar__item--logo .site-logo {
background: #111;
min-width: 153px;
min-height: 101px;
position: relative;
top: 13px;
text-align: center;
padding: 0 20px;
line-height: 101px;
}
}
@media (min-width: 992px) {
.nav-bar__item--mobile {
display: none;
}
}
@media (max-width: 991px) {
.nav-bar__item--logo {
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 20px;
}
}
.nav-bar__item--login,
.nav-bar__item--btn {
margin-left: 20px;
}
.nav-bar__item--login img,
.nav-bar__item--btn img {
margin-right: 10px;
}
@media (max-width: 700px) {
.nav-bar__item--login,
.nav-bar__item--btn {
display: none;
}
}
.nav-bar--center {
text-align: center;
}
.nav-bar--center .btn--mobile-toggle {
margin: 0;
}
@media (min-width: 992px) {
.nav-bar--center .nav-bar__item--menu {
padding: 0;
}
}
.nav-bar--center .nav-bar__item--mobile {
width: 100%;
}
.site-menu {
list-style: none;
margin: 0;
padding: 0;
}
.site-menu .current-menu-item>a {
color: #111;
cursor: default;
}
@media (max-width: 991px) {
.site-menu {
background-color: #fff;
display: none;
left: 0;
margin-top: 1px;
position: absolute;
top: 100%;
width: 100%;
}
.mobile-menu-active .site-menu {
display: block;
overflow: auto;
max-height: calc(100vh - 74px);
}
.site-menu>.menu-item {
border-bottom: 1px solid #e1e1e1;
}
.site-menu>.menu-item>a {
padding: 9px 20px;
}
.site-menu>.menu-item>.sub-menu {
border-top: 1px solid #e1e1e1;
}
.site-menu .menu-item {
position: relative;
}
.site-menu .menu-item a {
display: block;
}
.site-menu .sub-menu {
display: none;
font-size: 13px;
list-style: none;
margin: 0;
padding: 19px 0;
}
.site-menu .sub-menu a {
padding: 6px 20px;
}
.site-menu .sub-menu .sub-menu {
font-size: 12px;
padding: 0 20px;
}
.site-menu .sub-menu .sub-menu-toggle {
padding: 6px 20px;
}
.site-menu .sub-menu-active>.sub-menu {
display: block;
}
.site-menu .sub-menu-active>.sub-menu-toggle {
transform: rotate(180deg);
}
.site-menu .sub-menu-toggle {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
outline: none;
padding: 9px 20px;
position: absolute;
right: 0;
top: 0;
transition: .2s transform;
}
}
@media (min-width: 992px) {
.site-menu>.menu-item {
display: inline-block;
margin: 0 7px;
}
.site-menu .sub-menu-toggle {
display: none;
} .site-menu .menu-item-has-children {
position: relative;
}
.site-menu .menu-item-has-children:hover>.sub-menu {
display: block;
opacity: 1;
visibility: visible;
}
.site-menu>.menu-item-has-mega-menu {
position: static;
}
.site-menu .sub-menu {
background-color: #fff;
border: 1px solid #eaeaea;
box-shadow: 0 1px 4px 0 rgba(225, 225, 225, 0.6); opacity: 0;
left: 0;
list-style: none;
margin: 4px 0 0 0;
text-align: left;
padding: 9px 0;
visibility: hidden;
position: absolute;
top: 100%;
width: 198px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.site-menu .sub-menu a {
display: block;
padding: 6px 18px;
transition: .2s background-color, .2s color;
width: 100%;
}
.site-menu .sub-menu a:hover,
.site-menu .sub-menu a:focus {
background-color: #c7b39a;
color: #fff;
}
.site-menu .sub-menu .sub-menu {
left: 100%;
margin-top: 0;
top: -8px;
}
.site-menu .sub-menu::before {
content: "";
height: 18px;
position: absolute;
top: -18px;
width: 100%;
}
.site-menu a {
color: inherit;
display: inline-block;
padding: 5px 0;
text-decoration: none;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.site-menu a:hover,
.site-menu a:focus {
color: #000;
}
}
@media (min-width: 1200px) {
.site-menu a {
padding: 15px 8px;
}
}
.above-menu {
border-top: 1px solid #e1e1e1;
}
@media (max-width: 991px) {
.above-menu>.container {
padding: 9px 0;
}
}
@media (min-width: 992px) {
.above-menu>.container {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
height: 60px;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.above-menu--center {
text-align: center;
}
.above-menu__item--widgets {
-ms-flex-positive: 1;
flex-grow: 1;
text-align: right;
}
@media (max-width: 991px) {
.above-menu__item {
padding: 8px;
text-align: center;
}
}
.above-menu .widget {
display: inline-block;
}
.above-menu .widget+.widget {
margin-left: 30px;
}
.top-bar {
background-color: #555;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
overflow: hidden; }
.top-bar a {
color: inherit;
transition: .2s opacity;
}
.top-bar a:hover,
.top-bar a:focus {
opacity: .8;
text-decoration: none;
}
@media (max-width: 549px) {
.top-bar>.container {
padding: 12px 0;
}
}
@media (min-width: 550px) {
.top-bar>.container {
line-height: 29px;
height: 29px;
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
}
}
.top-bar__left,
.top-bar__right {
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
}
@media (min-width: 550px) {
.top-bar__left {
text-align: left;
}
}
@media (max-width: 549px) {
.top-bar__right {
margin-top: 10px;
}
}
@media (min-width: 550px) {
.top-bar__right {
text-align: right;
}
}
.top-bar .social {
color: #fff;
}
.top-bar,
.above-menu { }
.top-bar .social,
.top-bar .contact-info,
.above-menu .social,
.above-menu .contact-info {
list-style: none;
margin: 0;
padding: 0;
}
.top-bar .social-item,
.top-bar .contact-info-item,
.above-menu .social-item,
.above-menu .contact-info-item {
display: inline-block;
}
.top-bar .social,
.above-menu .social {
font-size: 14px;
}
.top-bar .social-link,
.above-menu .social-link {
display: inline-block;
padding: 0 6px;
}
.top-bar .social-link:hover,
.top-bar .social-link:focus,
.above-menu .social-link:hover,
.above-menu .social-link:focus {
opacity: .8;
}
.top-bar .contact-info-item+.contact-info-item,
.above-menu .contact-info-item+.contact-info-item {
margin-left: 27px;
}
.top-bar .contact-info i,
.above-menu .contact-info i {
margin-right: 4px;
}
.site-footer {
background-color: #111;   }
.site-footer__main {
color: rgba(255, 255, 255, 0.6);
font-size: 13px;
padding: 15px 0;
font-weight: 300;
}
@media (min-width: 500px) {
.site-footer__main {
padding: 20px 0;
}
}
@media (min-width: 768px) {
.site-footer__main {
padding: 45px 0;
}
}
.site-footer__main a {
transition: .2s opacity;
}
.site-footer__main a:hover,
.site-footer__main a:focus {
opacity: .7;
text-decoration: none;
}
.site-footer__copyright {
background-color: #000;
color: rgba(255, 255, 255, 0.2);
font-size: 12px;
text-align: center;
padding: 17px 15px;
}
.site-footer .widget:not(.widget_space) {
display: inline-block;
margin: 15px 0;
width: 100%;
}
.site-footer .widget-title {
color: rgba(255, 255, 255, 0.9);
font-size: 12px;
margin: 0;
margin-bottom: 25px;
text-transform: uppercase;
}
.site-footer .contact-info {
list-style: none;
margin: 0;
padding: 0;
}
.site-footer .contact-info-item+.contact-info-item {
margin-top: 12px;
}
.site-footer .contact-info a {
color: inherit;
}
.site-footer .contact-info i {
color: rgba(255, 255, 255, 0.2);
margin-right: 9px;
}
.site-footer .menu {
list-style: none;
margin: 0;
padding: 0;
}
.site-footer .menu-item+.menu-item {
margin-top: 12px;
}
.site-footer .menu a {
color: inherit;
}
.site-footer .tnp label {
display: none;
}
.site-footer .tnp-field-email {
position: relative;
}
.site-footer .tnp-field-email::after {
color: #b5b5b5;
content: "\f003";
font-family: FontAwesome;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.site-footer .tnp-email {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
color: #666;
padding: 13px 50px 13px 15px;
width: 100%;
}
.site-footer .tnp-submit {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #c7b39a;
border-radius: 2px;
border: none;
color: #fff;
font-size: 12px;
margin-top: 20px;
padding: 15px 20px;
text-transform: uppercase;
width: 100%;
}
.sidebar {
margin-bottom: 30px;
}
@media (max-width: 991px) {
.col-md-8+.sidebar {
margin-top: 30px;
}
}
.sidebar .widget {
border: 1px solid #eaeaea;
border-radius: 3px;
box-shadow: 0 2px 2px -2px #eaeaea;
padding: 0 20px 30px 20px;
}
.sidebar .widget+.widget {
margin-top: 28px;
}
.sidebar .widget-title,
.widget_hb_widget_cart h3 {
border-bottom: 1px solid;
border-color: inherit;
color: #000;
font-size: 16px;
margin: 0 -20px 20px;
padding: 17px 20px;
}
.hotel_booking_mini_cart {
border-color: inherit;
}
.amenities {
list-style: none;
margin: 9px 0 -17px 0;
padding: 0;
}
.amenities::after {
clear: both;
content: "";
display: table;
}
.amenities>* {
width: 100%;
}
@media (min-width: 400px) {
.amenities>* {
width: 50%;
}
}
@media (min-width: 600px) {
.amenities>* {
width: 33.3333%;
}
}
@media (min-width: 992px) {
.amenities--col-4>* {
width: 25%;
}
}
.amenity {
float: left;
margin-bottom: 25px;
padding: 0 15px;
text-align: center;
}
.amenity__icon {
display: block;
font-size: 32px;
}
.btn,
.hb_single_room #reviews #review_form_wrapper form .form-submit input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #c7b39a;
border: none;
border-radius: 3px;
color: #fff;
display: inline-block;
text-transform: uppercase;
transition: .2s opacity;
}
.btn:hover,
.btn:focus,
.hb_single_room #reviews #review_form_wrapper form .form-submit input[type="submit"]:hover,
.hb_single_room #reviews #review_form_wrapper form .form-submit input[type="submit"]:focus {
box-shadow: none;
color: #fff;
opacity: .9;
}
.btn--style-2 {
background-color: #555;
}
.btn--md {
font-size: 12px;
min-width: 160px;
padding: 11px 20px;
}
.btn--site {
font-size: 12px;
padding: 6px 15px;
}
@media (min-width: 767px) {
.btn--site {
min-width: 122px;
}
}
.btn--site-2 {
background: none;
border: 1px solid;
color: #c7b39a;
font-size: 14px;
text-transform: none;
}
.btn--site-2:hover,
.btn--site-2:focus {
color: #c7b39a;
opacity: .7;
}
@media (min-width: 767px) {
.btn--site-2 {
min-width: 132px;
}
}
.btn--site-2 img {
margin-right: 10px;
}
.btn--mobile-toggle {
margin-right: 7px;
padding: 5px 9px;
}
.btn--form,
.btn--widget,
.widget_hb_widget_search .hb-submit button[type="submit"] {
font-size: 12px;
font-weight: 600;
margin-top: 15px;
padding: 14px 20px;
width: 100%;
}
.btn--booking-2,
.btn--booking {
font-size: 10px;
padding: 8px 19px;
width: auto;
}
@media (max-width: 329px) {
.btn--booking-2,
.btn--booking {
margin-top: 15px;
}
}
@media (min-width: 700px) {
.btn--booking-2,
.btn--booking {
margin-top: 28px;
}
}
@media (min-width: 992px) {
.col-md-12 .btn--booking-2,
.col-md-12 .btn--booking {
font-size: 12px;
padding: 11px 19px;
width: 100%;
}
}
.btn--booking-2 {
background-color: #51af33;
}
.btn--booking-card,
.btn--booking-card-blue {
background-color: #51af33;
font-size: 10px;
min-width: 110px;
padding: 8px 15px;
}
.btn--booking-card-blue {
background-color: #3385af;
}
.btn--slider {
background-color: #111;
font-size: 12px;
width: 160px;
max-width: 100%;
margin-top: 20px;
padding: 14px 15px;
}
@media (min-width: 768px) {
.btn--slider {
width: 180px;
}
}
.row-details,
.more__details {
margin-bottom: -12px;
}
.details {
margin-bottom: 20px;
}
.more__details ul {
padding: 0;
margin: 0;
overflow: hidden;
}
.details strong,
.more__details strong {
color: #111;
}
.detail,
.more__details li {
margin-bottom: 9px;
list-style: none;
}
.more__details li {
width: 50%;
float: left;
}
.subtitle,
.title {
display: block;
text-align: center;
margin: 0;
}
.subtitle--left,
.title--left {
text-align: left;
}
.subtitle--right,
.title--right {
text-align: right;
}
.subtitle {
font-size: 12px;
font-weight: 300;
margin-bottom: 10px;
text-transform: uppercase;
}
.subtitle--lg {
font-size: 16px;
text-transform: none;
}
.subtitle--slider,
.subtitle--slider-2,
.subtitle--slider-3 {
font-size: 16px;
text-transform: none;
}
@media (min-width: 992px) {
.subtitle--slider,
.subtitle--slider-2,
.subtitle--slider-3 {
font-size: 18px;
}
}
.subtitle--slider-2 {
font-weight: 400;
margin-top: 7px;
opacity: .8;
text-shadow: 0 2px 4px rgba(7, 7, 7, 0.1);
}
.subtitle--slider-3 {
font-weight: 300;
margin-top: 12px;
opacity: .8;
text-shadow: 0 2px 4px rgba(7, 7, 7, 0.1);
}
@media (min-width: 992px) {
.subtitle--slider-3 {
font-size: 20px;
}
}
.title {
font-family: "Old Standard TT";
font-size: 32px;
}
.title--lg {
line-height: 1.2em;
font-size: 48px;
}
.title--slider {
line-height: 1.2em;
font-size: 40px;
}
@media (min-width: 768px) {
.title--slider {
font-size: 50px;
}
}
@media (min-width: 992px) {
.title--slider {
font-size: 60px;
}
}
.title--slider-2 {
text-shadow: 0 2px 4px rgba(7, 7, 7, 0.1);
line-height: 1.2em;
font-size: 32px;
}
@media (min-width: 768px) {
.title--slider-2 {
font-size: 36px;
}
}
@media (min-width: 992px) {
.title--slider-2 {
font-size: 60px;
}
}
.featured-rooms {
margin: 0 -15px;
text-align: center;
}
.featured-rooms::after {
content: "";
clear: both;
display: table;
}
.featured-rooms__link {
border-bottom: 2px solid;
color: #c7b39a;
display: inline-block;
font-size: 12px;
font-weight: 500;
padding: 9px 17px;
text-transform: uppercase;
transition: .2s color;
}
.featured-rooms__link:not(.btn-text__link):hover,
.featured-rooms__link:not(.btn-text__link):focus {
color: #000;
text-decoration: none;
}
.featured-room {
background-size: cover;
border-radius: 5px;
display: block;
font-size: 0;
float: left;
margin: 0 15px;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
}
.featured-room::before {
background-color: #111;
content: "";
left: 0;
height: 100%;
opacity: .4;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.featured-room__content {
bottom: 15px;
color: #fff;
font-size: 14px;
left: 15px;
right: 15px;
position: absolute;
z-index: 2;
}
@media (min-width: 768px) {
.featured-room__content {
bottom: 30px;
left: 30px;
right: 30px;
}
}
.featured-room__image {
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0);
transition: .2s transform;
z-index: -1;
}
.featured-room__title {
font-family: "Old Standard TT";
font-size: 18px;
line-height: 1em;
}
@media (min-width: 500px) {
.featured-room__title {
font-size: 21px;
line-height: 1.7em;
}
}
.featured-room__more {
font-size: 10px;
font-weight: 600;
opacity: .7;
text-transform: uppercase;
}
.featured-room__more::after {
content: "\f105";
font-family: FontAwesome;
font-size: 12px;
margin-left: 4px;
}
.featured-room:hover .featured-room__image,
.featured-room:focus .featured-room__image {
transform: translate3d(-50%, -50%, 0) scale(1.1);
}
.featured-room--lg,
.featured-room--md,
.featured-room--sm {
margin-bottom: 30px;
padding-bottom: 46%;
width: calc(100% - 30px);
}
@media (min-width: 400px) {
.featured-room--lg,
.featured-room--md,
.featured-room--sm {
margin-bottom: 30px;
padding-bottom: 36%;
width: calc(100% - 30px);
}
}
@media (min-width: 550px) {
.featured-room--lg,
.featured-room--md {
margin-bottom: 30px;
padding-bottom: 26%;
width: calc(50% - 30px);
}
.featured-room--sm {
padding-bottom: 26%;
width: calc(50% - 30px);
}
}
@media (min-width: 768px) {
.featured-room--lg {
margin-bottom: 30px;
padding-bottom: 36%;
width: calc(100% - 30px);
}
.featured-room--sm,
.featured-room--md {
padding-bottom: 26%;
width: calc(33.333% - 30px);
}
}
@media (min-width: 992px) {
.featured-room--lg {
padding-bottom: 36%;
width: calc(50% - 30px);
}
.featured-room--md,
.featured-room--sm {
padding-bottom: calc(18% - 15px);
}
.featured-room--md {
margin-bottom: 30px;
width: calc(50% - 30px);
}
.featured-room--sm {
width: calc(25% - 30px);
}
}
.icon {
border: 2px solid #eaeaea;
border-radius: 5px;
color: inherit;
display: block;
overflow: hidden;
margin: 15px 0;
position: relative;
text-align: center;
}
@media (max-width: 767px) {
.icon {
margin-bottom: 15px;
}
}
.icon__wrap {
padding: 25px 15px;
position: relative;
z-index: 1;
}
@media (min-width: 500px) {
.icon__wrap {
padding: 25px 30px;
}
}
@media (min-width: 1200px) {
.icon__wrap {
padding: 45px 30px;
}
}
.icon__media {
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #c7b39a;
display: -ms-flexbox;
display: flex;
font-size: 60px;
height: 60px;
margin: 0 auto;
}
.icon__media img {
max-height: 100%;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
@media (min-width: 768px) {
.icon__media {
font-size: 80px;
height: 80px;
}
}
.icon--style-1::before {
background-color: #111;
content: "";
left: 0;
height: 100%;
opacity: 0;
position: absolute;
top: 0;
transition: .2s opacity;
width: 100%;
z-index: 1;
}
.icon--style-1 .icon__title {
color: #111;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
transition: .2s color;
}
.icon--style-1 .icon__text {
font-weight: 300;
transition: .2s color;
line-height: 1.7em;
font-family: 'Open Sans', sans-serif;
}
.icon--style-1 .icon__background {
left: 50%;
min-height: 100%;
min-width: 100%;
opacity: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: .2s opacity;
}
.icon--style-1:hover,
.icon--style-1:focus {
text-decoration: none;
}
.icon--style-1:hover::before,
.icon--style-1:focus::before {
opacity: .7;
}
.icon--style-1:hover .icon__background,
.icon--style-1:focus .icon__background {
opacity: 1;
}
.icon--style-1:hover .icon__title,
.icon--style-1:focus .icon__title {
color: #fff;
}
.icon--style-1:hover .icon__text,
.icon--style-1:focus .icon__text {
color: rgba(255, 255, 255, 0.7);
}
.icon--style-2 {
transition: .2s background-color;
}
.icon--style-2 .icon__media,
.icon--style-2 .icon__title,
.icon--style-2 .icon__text {
transition: .2s color;
}
.icon--style-2 .icon__title {
font-family: "Old Standard TT";
font-size: 48px;
color: #111;
margin: 0;
margin-top: 12px;
}
.icon--style-2 .icon__text {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.icon--style-2:hover,
.icon--style-2:focus {
background-color: #c7b39a;
text-decoration: none;
}
.icon--style-2:hover .icon__title,
.icon--style-2:hover .icon__media,
.icon--style-2:focus .icon__title,
.icon--style-2:focus .icon__media {
color: #fff;
}
.icon--style-2:hover .icon__text,
.icon--style-2:focus .icon__text {
color: rgba(255, 255, 255, 0.7);
}
.testimonial {
border: 2px solid #eaeaea;
border-radius: 5px;
color: inherit;
display: inline-block;
margin: 15px 0;
overflow: hidden;
padding: 15px;
position: relative;
text-align: center;
}
@media (min-width: 768px) {
.testimonial {
padding: 25px;
}
}
@media (min-width: 1200px) {
.testimonial {
padding: 30px;
}
}
.testimonial__avatar {
border-radius: 50%;
}
.testimonial__name {
color: #111;
font-family: "Old Standard TT";
font-size: 21px;
margin: 10px 0 5px;
}
.testimonial__logo {
margin-top: 25px;
}
.testimonial__text {
font-weight: 300;
}
.rooms-slider {
position: relative;
}
.rooms-slider__item {
color: inherit;
display: block;
padding: 0 15px 15px 15px;
transition: .3s transform;
}
.rooms-slider__item:hover,
.rooms-slider__item:focus {
color: inherit;
text-decoration: none;
transform: translateY(-8px);
}
.rooms-slider__item:hover .rooms-slider__image img,
.rooms-slider__item:focus .rooms-slider__image img {
transform: scale(1.1);
}
.rooms-slider__item-wrap {
box-shadow: 0 2px 1px 0 #eaeaea;
border: 1px solid #eaeaea;
border-radius: 5px;
overflow: hidden;
padding-bottom: 37px;
}
.rooms-slider__image {
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
.rooms-slider__image img {
transition: .3s transform;
width: 100%;
}
.rooms-slider__title {
color: #111;
font-family: "Old Standard TT";
font-size: 18px;
margin: 0;
padding: 0 21px;
}
.rooms-slider__price {
font-weight: 300;
padding: 0 21px;
margin-top: 5px;
}
.jumbotron {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
color: #fff;
padding: 120px 15px;
min-height: 541px;
text-align: center;
}
.jumbotron a:not([class]),
.jumbotron [data-featherlight] {
color: inherit;
transition: .2s opacity;
}
.jumbotron a:not([class]):hover,
.jumbotron a:not([class]):focus,
.jumbotron [data-featherlight]:hover,
.jumbotron [data-featherlight]:focus {
opacity: .7;
}
.jumbotron--lg {
padding: 180px 15px;
min-height: 596px;
}
.jumbotron.has-overlay,
.hero-slider__item.has-overlay {
position: relative;
}
.jumbotron.has-overlay:after,
.hero-slider__item.has-overlay:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
left: 0;
top: 0;
}
.jumbotron-text__content {
position: relative;
z-index: 1;
}
.icon-single {
font-size: 60px;
}
.counter__item {
display: inline-block;
margin: 10px;
padding: 0 9px;
position: relative;
width: calc(50% - 20px);
}
@media (min-width: 400px) {
.counter__item {
margin: 0;
width: calc(25% - 10px);
}
.counter__item+.counter__item {
margin-left: 10px;
}
}
@media (min-width: 600px) {
.counter__item {
width: auto;
}
.counter__item+.counter__item {
margin-left: 20px;
}
}
.counter__item::before,
.counter__item::after {
background-color: rgba(0, 0, 0, 0.7);
content: "";
left: 0;
height: calc(50% - 1px);
position: absolute;
width: 100%;
}
.counter__item::before {
top: 0;
}
.counter__item::after {
bottom: 0;
}
.counter__time {
font-family: "Old Standard TT";
font-size: 26px;
display: inline-block;
line-height: 1em;
padding-bottom: 20px;
padding-top: 12px;
position: relative;
z-index: 1;
}
@media (min-width: 300px) {
.counter__time {
font-size: 32px;
}
}
@media (min-width: 470px) {
.counter__time {
font-size: 42px;
padding-bottom: 23px;
padding-top: 16px;
}
}
@media (min-width: 600px) {
.counter__time {
font-size: 62px;
}
}
@media (min-width: 700px) {
.counter__time {
font-size: 72px;
}
}
.counter__label {
color: rgba(255, 255, 255, 0.7);
bottom: 10%;
left: 0;
line-height: 1em;
font-weight: 300;
font-size: 10px;
position: absolute;
text-align: center;
text-transform: uppercase;
z-index: 1;
width: 100%;
}
@media (min-width: 375px) {
.counter__label {
font-size: 12px;
}
}
.featured-rooms-slider { }
.featured-rooms-slider__item {
overflow: hidden;
background-size: cover;
position: relative;
}
.featured-rooms-slider__content {
background-color: rgba(0, 0, 0, 0.7);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
min-height: 350px;
padding: 25px 0;
padding-right: 33px;
position: relative;
width: calc(100% + 15px);
}
@media (min-width: 550px) {
.featured-rooms-slider__content {
min-height: 420px;
padding: 40px 0;
padding-right: 63px;
width: 80%;
}
}
@media (min-width: 768px) {
.featured-rooms-slider__content {
min-height: 500px;
width: 70%;
}
}
@media (min-width: 992px) {
.featured-rooms-slider__content {
width: 50%;
}
}
@media (min-width: 1200px) {
.featured-rooms-slider__content {
min-height: 600px;
}
}
.featured-rooms-slider__content::before {
background-color: inherit;
content: "";
height: 100%;
position: absolute;
right: 100%;
top: 0;
width: 50vw;
}
.featured-rooms-slider__content>* {
-ms-flex-item-align: start;
align-self: flex-start;
}
.featured-rooms-slider__title {
color: #fff;
line-height: 1.2em;
font-family: "Old Standard TT";
font-size: 36px;
margin: 0;
}
@media (min-width: 768px) {
.featured-rooms-slider__title {
font-size: 48px;
}
}
.featured-rooms-slider__text {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
font-weight: 300;
margin-top: 9px;
line-height: 1.7em;
}
@media (min-width: 768px) {
.featured-rooms-slider__text {
font-size: 16px;
}
}
.featured-rooms-slider .facilities {
color: rgba(255, 255, 255, 0.9);
margin-top: 16px;
}
@media (min-width: 768px) {
.featured-rooms-slider .facilities {
margin-top: 21px;
}
}
.featured-rooms-slider .btn {
margin-top: 18px;
}
@media (min-width: 768px) {
.featured-rooms-slider .btn {
margin-top: 28px;
}
}
.featured-rooms-slider .slick-nav {
margin-top: 20px;
}
@media (min-width: 768px) {
.featured-rooms-slider .slick-nav {
margin-top: 40px;
}
}
.featured-rooms-slider .slick-nav__prev,
.featured-rooms-slider .slick-nav__next {
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8);
}
.facilities {
list-style: none;
margin: 0;
padding: 0;
}
.facilities__item {
display: inline-block;
font-size: 16px;
margin-right: 10px;
}
.slick-nav {
font-size: 0;
margin-top: 15px;
text-align: center;
}
.slick-nav__prev,
.slick-nav__next {
background: none;
border: 2px solid #eaeaea;
line-height: 32px;
font-size: 21px;
transition: .2s opacity;
width: 32px;
}
.slick-nav__prev:hover,
.slick-nav__prev:focus,
.slick-nav__next:hover,
.slick-nav__next:focus {
outline: none;
opacity: .7;
}
.slick-nav__prev {
border-right-width: 1px;
border-radius: 5px 0 0 5px;
}
.slick-nav__next {
border-left-width: 1px;
border-radius: 0 5px 5px 0;
}
.slick-dots {
list-style: none;
margin: 0;
margin-top: 21px;
padding: 0;
text-align: center;
}
.slick-dots li {
display: inline-block;
}
.slick-dots li+li {
margin-left: 6px;
}
@media (max-width: 500px) {
.slick-dots li+li {
margin-left: 12px;
}
}
.slick-dots .slick-active button {
background-color: #fff;
border-color: #ccc;
}
.slick-dots button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ccc;
border: 2px solid #fff;
overflow: hidden;
border-radius: 100%;
display: inline-block;
height: 12px;
outline: none;
padding: 0;
text-indent: -999px;
transition: .2s all;
width: 12px;
}
@media (max-width: 500px) {
.slick-dots button {
height: 15px;
width: 15px;
}
}
.hero-slider {
position: relative;
}
.hero-slider__item:not(:first-child) {
visibility: hidden;
}
.hero-slider:hover .slick-arrow {
opacity: 1;
}
.hero-slider .slick-arrow {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: rgba(0, 0, 0, 0.6);
border: none;
border-radius: 5px;
color: #fff;
font-size: 21px;
height: 37px;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: .2s background-color, .2s opacity;
width: 37px;
z-index: 1;
}
.hero-slider .slick-arrow:hover,
.hero-slider .slick-arrow:focus {
background-color: rgba(0, 0, 0, 0.8);
outline: none;
}
.hero-slider .slick-arrow i {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.hero-slider .slick-prev {
left: 17px;
}
.hero-slider .slick-next {
right: 17px;
}
.hero-slider--booking {
overflow: hidden;
}
.hero-slider--booking .hero-slider__wrap {
height: 250px;
}
@media (min-width: 992px) {
.hero-slider--booking .hero-slider__wrap {
height: 270px;
}
.hero-slider--booking.style1 .hero-slider__wrap,
.hero-slider--booking.style4 .hero-slider__wrap {
height: 342px;
}
.hero-slider--booking.style5 .hero-slider__wrap {
height: 362px;
}
.hero-slider--booking.style6 .hero-slider__wrap,
.hero-slider--booking.style7 .hero-slider__wrap {
height: 292px;
}
.hero-slider--booking.hero-slider__big.style1 .hero-slider__wrap {
height: 552px;
}
.hero-slider--booking.hero-slider__big.style4 .hero-slider__wrap {
height: 595px;
}
.hero-slider--booking.hero-slider__big.style5 .hero-slider__wrap {
height: 615px;
}
.hero-slider--booking.hero-slider__big.style6 .hero-slider__wrap,
.hero-slider--booking.hero-slider__big.style7 .hero-slider__wrap {
height: 495px;
}
.hero-slider__big.hero-slider--boxed .hero-slider__wrap {
height: 726px;
}
.hero-slider__big.hero-slider--booking-right .hero-slider__wrap {
height: 800px;
}
}
@media (min-width: 992px) {
.hero-slider--booking .hero-slider__item {
padding-bottom: 227px;
padding-top: 50px;
}
.hero-slider--booking.style1 .hero-slider__item {
padding-bottom: 198px;
padding-top: 50px;
}
.hero-slider--booking.style4 .hero-slider__item {
padding-bottom: 155px;
padding-top: 50px;
}
.hero-slider--booking.style5 .hero-slider__item {
padding-bottom: 135px;
padding-top: 50px;
}
.hero-slider--booking.style6 .hero-slider__item,
.hero-slider--booking.style7 .hero-slider__item {
padding-bottom: 255px;
}
}
.hero-slider--booking-right {
overflow: hidden;
}
.hero-slider--booking-right .hero-slider__wrap {
height: 250px;
}
.hero-slider__btn__wrapper {
display: inline-block;
}
.hero-slider__btn {
padding: 13px 60px;
border: 1px solid #fff;
font-size: 12px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
display: block;
margin-top: 30px;
}
.hero-slider__btn:hover {
color: inherit;
}
@media (min-width: 992px) {
.hero-slider--booking-right .hero-slider__wrap {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
height: 540px;
}
}
@media (min-width: 992px) {
.hero-slider--booking-right .title,
.hero-slider--booking-right .subtitle {
text-align: left;
width: 400px;
}
}
@media (min-width: 1200px) {
.hero-slider--booking-right .title,
.hero-slider--booking-right .subtitle {
width: 450px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hero-slider--booking-right .title {
font-size: 46px;
}
}
@media (min-width: 768px) {
.hero-slider--boxed {
margin-bottom: 117px;
}
}
@media (min-width: 992px) {
.hero-slider--boxed {
margin-bottom: 68px;
}
}
.hero-slider--boxed .hero-slider__wrap {
height: 350px;
}
@media (min-width: 992px) {
.hero-slider--boxed .hero-slider__wrap {
height: 450px;
}
}
@media (min-width: 650px) {
.hero-slider--boxed .hero-slider__item {
padding-bottom: 222px;
}
}
@media (min-width: 992px) {
.hero-slider--boxed .hero-slider__item {
padding-bottom: 74px;
}
}
.hero-slider--below .hero-slider__wrap {
height: 350px;
}
@media (min-width: 768px) {
.hero-slider--below .hero-slider__wrap {
height: 420px;
}
}
@media (min-width: 992px) {
.hero-slider--below .hero-slider__wrap {
height: 520px;
}
}
@media (min-width: 1200px) {
.hero-slider--below .hero-slider__wrap {
height: 620px;
}
}
.hero-slider--search .hero-slider__wrap {
height: 350px;
padding: 0 30px;
}
@media (min-width: 768px) {
.hero-slider--search .hero-slider__wrap {
height: 420px;
}
}
@media (min-width: 992px) {
.hero-slider--search .hero-slider__wrap {
height: 480px;
}
}
@media (min-width: 1200px) {
.hero-slider--search .hero-slider__wrap {
height: 546px;
}
}
.hero-slider__wrap {
-ms-flex-align: center;
align-items: center;
color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.hero-slider__item {
background-position: center;
background-size: cover;
}
.slick-initialized .hero-slider__item {
visibility: visible;
}
.hero-additional {
background-color: #555;
bottom: 0;
left: 0;
width: 100%;
}
.hero-additional .container {
padding-bottom: 20px;
padding-top: 20px;
}
.hero-slider--below .hero-additional {
background-color: #111;
position: static;
}
@media (min-width: 650px) {
.hero-additional {
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
}
.hero-additional.form-style2 {
position: relative;
background: transparent;
}
.hero-slider--boxed .hero-additional {
background: none;
text-align: center;
transform: translateY(50%);
}
.hero-slider--boxed .hero-additional .container {
background-color: #111;
position: relative;
}
.hero-slider--boxed .hero-additional .container::before,
.hero-slider--boxed .hero-additional .container::after {
background-color: inherit;
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
width: 15px;
}
.hero-slider--boxed .hero-additional .container::before {
left: -15px;
}
.hero-slider--boxed .hero-additional .container::after {
right: -15px;
}
}
.hero-additional form {
margin: 0 -10px;
text-align: left;
}
.hero-additional form::after {
clear: both;
content: "";
display: table;
}
.hero-additional__col,
.hb-form-field {
float: left;
padding: 10px 10px;
width: 100%;
}
.hero-additional .hb-form-field {
margin-bottom: 0;
}
.hero-additional.form-style2 .hb-form-field {
padding: 0 10px;
margin: 15px 0 0 0;
}
.hero-additional.form-style2 .hb-submit {
width: 100%;
padding-bottom: 15px;
}
.hero-additional.form-style2 {
background: transparent;
padding-top: 15px;
}
.hero-additional.form-style2 .hb-submit .btn {
margin-top: 10px;
}
@media (min-width: 400px) {
.hero-additional__col,
.hb-form-field {
width: 50%;
}
}
@media (min-width: 650px) {
.hero-additional__col,
.hb-form-field {
width: 33.333%;
}
}
@media (min-width: 992px) {
.hero-additional__col,
.hb-form-field {
width: 20%;
}
.hero-additional.form-style2 .hb-form-field {
width: 50%;
}
}
@media (max-width: 649px) {
.hero-additional__col--btn {
width: 100%;
}
}
.hero-additional label {
color: rgba(255, 255, 255, 0.8);
font-weight: 300;
margin-bottom: 11px;
}
@media (min-width: 650px) {
.hero-additional .btn {
margin-top: 33px;
}
}
.hero-additional input,
.hero-additional select,
.hero-additional .btn,
.wp-hotel-booking-page .hotel-booking-form input,
.wp-hotel-booking-page .hotel-booking-form select,
.wp-hotel-booking-page .hotel-booking-form .btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
display: inline-block;
height: auto;
padding: 0 20px;
line-height: 45px;
height: 45px;
width: 100%;
outline: none;
}
.wp-hotel-booking-page .hotel-booking-form .btn {
margin-top: 27px;
}
.hero-additional input,
.hero-additional select {
background-color: #fff;
}
.wp-hotel-booking-page .hotel-booking-form input,
.wp-hotel-booking-page .hotel-booking-form select {
background-color: #fff;
border: 1px solid #ccc;
}
.page-header {
background-size: cover;
background-position: center;
color: #fff;
position: relative;
}
@media (min-width: 500px) {
.page-header {
height: 300px;
}
}
@media (min-width: 768px) {
.page-header {
height: 400px;
}
}
@media (min-width: 992px) {
.page-header {
height: 450px;
}
}
@media (min-width: 1200px) {
.page-header {
height: 500px;
}
}
.page-header::after {
background-image: linear-gradient(0, rgba(0, 0, 0, 0.95), transparent);
bottom: -2px;
content: "";
height: 100%;
position: absolute;
width: 100%;
}
@media (min-width: 500px) {
.page-header::after {
height: 50%;
}
}
.page-header__wrap {
z-index: 2;
}
@media (max-width: 499px) {
.page-header__wrap {
padding: 30px 0 20px 0;
position: relative;
}
}
@media (min-width: 500px) {
.page-header__wrap {
-ms-flex-align: center;
align-items: center;
bottom: 47px;
display: -ms-flexbox;
display: flex;
left: 15px;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
right: 15px;
}
}
.page-header__col--title {
-ms-flex-positive: 1;
flex-grow: 1;
}
.page-header .container {
height: 100%;
position: relative;
}
.page-title {
font-family: "Old Standard TT";
font-size: 36px;
margin: 0;
}
.page-description {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
margin-top: 5px;
font-weight: 300;
}
@media (max-width: 499px) {
.page-price {
margin-top: 15px;
}
}
.page-price__label {
color: rgba(255, 255, 255, 0.7);
line-height: 1em;
font-size: 16px;
line-height: 1em;
font-weight: 300;
}
.page-price__val {
font-family: "Old Standard TT";
font-size: 32px;
line-height: 1em;
margin-top: 10px;
}
@media (min-width: 500px) {
.page-price__val {
font-size: 48px;
}
}
.block {
border: 1px solid #eaeaea;
border-radius: 3px;
box-shadow: 0 2px 2px -2px #eaeaea;
margin-bottom: 30px;
}
.block__title,
.comment-reply-title {
border-bottom: 1px solid;
border-color: #eaeaea;
color: #111;
font-size: 16px;
margin: 0;
padding: 17px 20px;
}
.block__content {
font-weight: 300;
padding: 15px 20px 30px;
position: relative;
overflow: hidden;
}
.tab {
margin-bottom: 30px;
}
.tab__content {
border: 1px solid #eaeaea;
border-radius: 0 0 3px 3px;
box-shadow: 0 2px 2px -2px #eaeaea;
padding: 15px 20px 30px;
}
.tab__pane {
display: none;
}
.tab__pane.active {
display: block;
}
.tab-nav {
list-style: none;
font-size: 0;
margin: 0;
padding: 0;
}
.tab-nav__item {
display: block;
}
@media (min-width: 500px) {
.tab-nav__item {
display: inline-block;
}
}
.tab-nav__link {
color: #111;
display: inline-block;
font-size: 14px;
padding: 14px 20px;
width: 100%;
}
@media (min-width: 500px) {
.tab-nav__link {
padding: 14px 40px;
}
}
.tab--style-1 .tab__content {
margin-top: -1px;
}
@media (min-width: 500px) {
.tab--style-1 .tab-nav__item {
margin-right: 9px;
}
}
.tab--style-1 .tab-nav__item:first-child .tab-nav__link {
border-radius: 3px 3px 0 0;
}
.tab--style-1 .tab-nav__item.active .tab-nav__link {
color: #666;
cursor: default;
}
@media (min-width: 500px) {
.tab--style-1 .tab-nav__item.active .tab-nav__link {
border-bottom-color: #fff;
}
}
.tab--style-1 .tab-nav__link {
border: 1px solid #eaeaea;
}
@media (max-width: 499px) {
.tab--style-1 .tab-nav__link {
border-bottom: none;
}
}
@media (min-width: 500px) {
.tab--style-1 .tab-nav__link {
border-radius: 3px 3px 0 0;
}
}
.tab--style-2 .tab__content {
margin-top: -1px;
}
.tab--style-2 .tab-nav {
border: 1px solid #eaeaea;
border-bottom: none;
border-radius: 3px 3px 0 0;
}
.tab--style-2 .tab-nav__item {
border-bottom: 1px solid #eaeaea;
}
.tab--style-2 .tab-nav__item.active .tab-nav__link {
color: #c7b39a;
cursor: default;
border-bottom-color: #c7b39a;
}
.tab--style-2 .tab-nav .tab-nav__link {
border-bottom: 3px solid #fff;
}
.panel-group {
box-shadow: 0 2px 2px -2px #eaeaea;
margin-bottom: 30px;
}
.panel {
border: 1px solid #eaeaea;
border-radius: 3px;
margin-top: -1px;
overflow: hidden;
}
.panel-body {
padding: 25px 20px;
font-weight: 300;
}
.panel-body p:last-child {
margin-bottom: 0;
}
.panel-heading {
border-bottom: 1px solid #eaeaea;
margin-bottom: -1px;
}
.panel-title {
font-size: 16px;
margin: 0;
}
.panel-title a {
color: #111;
display: block;
padding: 17px 15px;
position: relative;
}
.panel-title a.collapsed::after {
transform: translateY(-50%);
}
.panel-title a::after {
color: #666;
content: "\f107";
font-family: FontAwesome;
font-size: 20px;
padding: 5px 14px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%) rotate(180deg);
transition: .3s transform;
}
.panel-collapse {
height: 0;
overflow: hidden;
transition: .2s height;
}
.panel-collapse.in {
height: auto;
}
.list-row {
margin-bottom: -20px;
}
.list {
list-style: none;
margin: 0;
margin-bottom: 20px;
padding: 0;
}
.list--check .list__item::before {
content: "\f00c";
}
.list__item {
padding-left: 22px;
position: relative;
}
.list__item+.list__item {
margin-top: 9px;
}
.list__item::before {
color: #c7b39a;
left: 0;
font-family: FontAwesome;
position: absolute;
top: 0;
}
.list-icon {
list-style: none;
margin: 0;
padding: 0;
}
.list-icon__icon,
.widget_text li i {
margin-right: 6px;
}
.list-icon__item {
position: relative;
}
.list-icon__item+.list-icon__item,
.widget_text li+li {
margin-top: 8px;
}
.list-icon__item::before {
color: #c7b39a;
left: 0;
font-family: FontAwesome;
position: absolute;
top: 0;
}
.comment-item .post-comment .block__content {
padding: 15px 20px 5px 20px;
}
.comments {
list-style: none;
margin: 0;
padding: 0;
}
.block .comments {
margin-left: -20px;
margin-right: -20px;
}
.block .comments li.pingback {
padding-bottom: 15px;
}
.comment.depth-1 {
padding: 0 20px;
}
.comment+.comment {
border-top: 1px solid #e1e1e1;
padding-top: 19px;
}
.comment__avatar {
border: 1px solid #e1e1e1;
border-radius: 50%;
height: 55px;
left: 0;
overflow: hidden;
padding: 2px;
position: absolute;
top: 0;
width: 55px;
}
@media (max-width: 767px) {
.comment__avatar {
display: none;
}
}
.comment__avatar img {
border-radius: 50%;
}
.comment__author {
color: #111;
font-weight: 400;
display: inline-block;
margin-right: 2px;
}
.comment__text {
font-size: 13px;
}
.comment__date {
font-size: 12px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.comment__wrap {
padding-bottom: 14px;
padding-left: 0;
position: relative;
}
@media (min-width: 768px) {
.comment__wrap {
padding-left: 62px;
}
}
.comment__header {
padding-top: 4px;
margin-bottom: 2px;
position: relative;
}
.comment .star-rating {
margin-top: 4px;
}
.comment .children {
border-top: 1px solid #e1e1e1;
list-style: none;
margin: 0;
margin-left: 0;
padding: 0;
padding-top: 15px;
}
@media (min-width: 768px) {
.comment .children {
margin-left: 62px;
}
}
.star-rating {
color: #c7b39a;
display: block;
font-family: "FontAwesome";
font-size: 12px;
height: 18px;
line-height: 1em;
overflow: hidden;
position: relative;
text-indent: 999px;
white-space: nowrap;
width: 63px; }
.star-rating::before {
content: "\f006\f006\f006\f006\f006";
left: 0;
position: absolute;
text-indent: 0;
top: 0;
}
.star-rating span {
left: 0;
overflow: hidden;
padding-top: 2em;
position: absolute;
top: 0;
}
.star-rating span::before {
content: "\f005\f005\f005\f005\f005";
left: 0;
position: absolute;
text-indent: 0;
top: 0;
}
.product .star-rating {
float: right;
text-indent: 0;
top: 1px;
}
.comments-more {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
border-top: 1px solid #eaeaea;
bottom: 0;
font-size: 12px;
font-weight: bold;
left: 0;
padding: 7px 0;
outline: none;
position: absolute;
text-transform: uppercase;
transition: .2s color;
width: 100%;
}
.comments-more:hover,
.comments-more:focus {
color: rgba(102, 102, 102, 0.7);
}
.sidebar .contact-info {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.sidebar .contact-info__icon {
background-color: #c7b39a;
border-radius: 10px;
color: #fff;
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 52px;
font-size: 44px;
position: relative;
text-align: center;
width: 52px;
}
.sidebar .contact-info__wrap {
padding-left: 13px;
}
.sidebar .contact-info__title {
font-size: 21px;
}
.rooms-sm {
list-style: none;
margin: 0 -20px;
padding: 0;
}
.room-sm:first-child>a {
padding-top: 0;
}
.room-sm:last-child>a {
padding-bottom: 0;
}
.room-sm+.room-sm {
border-top: 1px solid #e1e1e1;
}
.room-sm__link {
display: -ms-flexbox;
display: flex;
padding: 9px 20px;
transition: .2s opacity;
}
.room-sm__link:hover,
.room-sm__link:focus {
opacity: .7;
}
.room-sm__img {
-ms-flex-negative: 0;
flex-shrink: 0;
height: 60px;
width: 60px;
}
.room-sm__wrap {
padding-left: 10px;
}
.room-sm__title {
color: #111;
margin-top: 5px;
}
.room-sm__price {
line-height: 1em;
font-size: 13px;
margin-top: 3px;
}
.room-sm__price em {
color: #c7b39a;
font-size: 14px;
font-style: normal;
}
.image-gallery {
position: relative; }
.image-gallery .slick-arrow {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
background-color: rgba(17, 17, 17, 0.4);
border: none;
border-radius: 6px;
color: #fff;
font-size: 21px;
height: 36px;
padding: 0;
position: absolute;
top: 50%;
transition: .2s background-color;
width: 37px;
z-index: 1;
}
.image-gallery .slick-arrow:hover,
.image-gallery .slick-arrow:focus {
background-color: rgba(17, 17, 17, 0.7);
outline: none;
}
.image-gallery .slick-arrow i {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.image-gallery .slick-prev {
left: 11px;
}
.image-gallery .slick-next {
right: 11px;
}
.image-gallery__thumbs {
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 10px -6px 0;
padding: 0;
}
.image-gallery__thumb {
padding: 0 6px;
}
.image-gallery__button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
width: 140px;
border: none;
padding: 0;
transition: .2s opacity;
}
.image-gallery__button:hover,
.image-gallery__button:focus {
outline: none;
opacity: .7;
}
.block--image-gallery .block__content {
padding: 10px;
}
.agent {
position: relative;
}
.agent__wrap {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
margin-bottom: 4px;
}
.agent__img {
border: 1px solid #e1e1e1;
border-radius: 50%;
height: 84px;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
padding: 3px;
width: 84px;
}
.agent__img img {
border-radius: 50%;
}
.agent__content {
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 10px;
}
.agent__name {
color: #111;
}
.agent__tel,
.agent__phone {
display: block;
font-size: 13px;
word-break: break-all;
}
.agent__tel i,
.agent__phone i {
color: #b5b5b5;
margin-right: 2px;
}
.post-author {
margin-top: 29px;
text-align: center;
}
.post-author__header {
height: 120px;
margin-bottom: 52px;
position: relative;
}
.post-author__header--overlay::before {
background-color: rgba(17, 17, 17, 0.6);
content: "";
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 9;
}
.post-author__img {
background-color: #fff;
bottom: 0;
border-radius: 50%;
height: 84px;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
left: 50%;
overflow: hidden;
padding: 3px;
position: absolute;
transform: translate(-50%, 50%);
width: 84px;
z-index: 9;
}
.post-author__img img {
border-radius: 50%;
}
.post-author__name {
color: #111;
font-size: 18px;
margin-bottom: 5px;
}
.post-author__desc {
font-size: 13px;
margin: 12px auto 0;
max-width: 560px;
}
.post-author__phone i,
.post-author__tel i {
color: #b5b5b5;
margin-right: 2px;
}
.dests-lg {
display: inline-block;
margin-bottom: -30px;
}
.dest-lg {
border-radius: 5px;
display: block;
margin-bottom: 30px;
overflow: hidden;
position: relative;
transition: .2s transform, .3s box-shadow;
will-change: transform, box-shadow;
}
.dest-lg:hover,
.dest-lg:focus {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
transform: translateY(-10px);
}
.dest-lg:hover img,
.dest-lg:focus img {
transform: scale(1.1);
}
.dest-lg__title {
color: #fff;
font-size: 21px;
left: 50%;
line-height: 1.3em;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.dest-lg img {
transition: .3s transform;
width: 100%;
}
.dests-lg--overlay .dest-lg::before {
background-color: #000;
content: "";
left: 0;
height: 100%;
top: 0;
opacity: .4;
position: absolute;
width: 100%;
z-index: 1;
}
@media (min-width: 500px) {
.dest-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 27px;
}
}
.dest-header__title {
color: #111;
font-size: 21px;
}
.dest-header__link {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
}
@media (max-width: 499px) {
.dest-header__link {
margin-bottom: 20px;
margin-top: 10px;
}
}
.dest-header__link::after {
content: "\f105";
font-family: FontAwesome;
margin-left: 7px;
}
.dest-filter {
list-style: none;
margin: 0;
margin-bottom: 24px;
padding: 0;
}
.dest-filter__item {
display: block;
}
@media (min-width: 500px) {
.dest-filter__item {
display: inline-block;
}
.dest-filter__item+.dest-filter__item {
margin-left: 23px;
}
}
.dest-filter__button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
padding: 0;
transition: .2s color;
}
.dest-filter__item--active .dest-filter__button,
.dest-filter__button:hover,
.dest-filter__button:focus {
color: #b5b5b5;
}
.dests {
margin: -15px;
}
.dests__col {
float: left;
padding: 15px;
width: 100%;
}
@media (min-width: 500px) {
.dests__col {
width: 50%;
}
}
@media (min-width: 992px) {
.dests__col {
width: 33.333%;
}
}
.dests__col--lg {
width: 100%;
}
@media (min-width: 992px) {
.dests__col--lg {
width: 66.666%;
}
}
.dests::after {
clear: both;
content: "";
display: table;
}
.dests--overlay .dest::before {
background-color: rgba(0, 0, 0, 0.4);
content: "";
left: 0;
height: 100%;
position: absolute;
top: 0;
transition: .2s opacity;
width: 100%;
z-index: 2;
}
.dest {
border-radius: 5px;
display: block;
overflow: hidden;
height: 190px;
position: relative;
transition: .2s transform;
}
@media (min-width: 992px) {
.dest {
height: 220px;
}
}
.dest:hover,
.dest:focus {
transform: translateY(-10px);
}
.dest:hover .dest__desc,
.dest:focus .dest__desc {
opacity: 1;
transform: translateY(0);
}
.dest__hover {
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
display: -ms-flexbox;
display: flex;
left: 0;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
padding: 0 30px;
position: absolute;
top: 0;
transition: .2s opacity;
text-align: center;
z-index: 3;
width: 100%;
}
.dest__hover>*+* {
padding-top: 8px;
}
.dest__img {
left: 50%;
max-width: none;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0);
z-index: 1;
}
.dest__title {
color: #fff;
font-size: 21px;
transition: .2s transform;
}
.dest__desc {
color: rgba(255, 255, 255, 0.8);
font-size: 13px;
opacity: 0;
position: relative;
transition: .3s opacity, .3s transform;
transform: translateY(100%);
}
.text {
font-size: 16px;
font-weight: 300;
line-height: 1.7em;
}
.page-header-sm {
color: #fff;
padding: 31px 0;
position: relative;
}
@media (min-width: 768px) {
.page-header-sm {
padding: 46px 0;
}
}
.page-header-sm--overlay::before {
background-color: rgba(0, 0, 0, 0.6);
content: "";
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.page-header-sm>.container {
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
.page-header-sm>.container {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-header-sm>.container>* {
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.page-header-sm__title {
color: inherit;
font-size: 24px;
margin: 0;
padding: 0;
}
.breadcrumbs {
color: rgba(255, 255, 255, 0.7);
font-weight: 300;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
.breadcrumbs {
margin-top: 5px;
}
}
@media (min-width: 768px) {
.breadcrumbs {
text-align: right;
}
}
.breadcrumbs__item {
display: inline-block;
}
.breadcrumbs__item+.breadcrumbs__item::before {
content: "/ ";
margin: 0 3px;
}
.breadcrumbs__link,
.breadcrumbs__item a {
color: inherit;
transition: .2s color;
}
.breadcrumbs__link:hover,
.breadcrumbs__link:focus {
color: #fff;
}
.searchform {
position: relative;
}
.searchform::after {
content: "\f002";
font-family: FontAwesome;
font-size: 16px;
left: 5px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.searchform label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.searchform input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
line-height: 41px;
padding: 0;
padding-left: 35px;
width: 100%;
}
.searchform input[type="text"]:focus {
outline: none;
}
.searchform input[type="submit"] {
position: absolute;
top: 0;
left: 0;
height: 41px;
width: 25px;
opacity: 0;
z-index: 2;
cursor: pointer;
}
.widget.widget_search {
box-shadow: none;
padding-bottom: 0;
}
.categories {
font-size: 13px;
list-style: none;
margin: 0;
padding: 0;
}
.categories a {
color: #111;
}
.categories li+li {
margin-top: 8px;
}
.categories span {
color: #b5b5b5;
}
.widget-layered-nav-list {
font-size: 13px;
list-style: none;
margin: 0;
padding: 0;
}
.widget-layered-nav-list__item+.widget-layered-nav-list__item {
margin-top: 8px;
}
.widget-layered-nav-list__item a {
color: inherit;
display: inline-block;
padding-left: 24px;
position: relative;
transition: .2s opacity;
}
.widget-layered-nav-list__item a::before,
.widget-layered-nav-list__item a::after {
display: block;
height: 13px;
left: 0;
line-height: 13px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 13px;
}
.widget-layered-nav-list__item a::before {
border: 1px solid #e1e1e1;
content: "";
}
.widget-layered-nav-list__item a::after {
content: "\f00c";
font-family: FontAwesome;
opacity: 0;
text-align: center;
}
.widget-layered-nav-list__item a:hover,
.widget-layered-nav-list__item a:focus {
opacity: .7;
}
.widget-layered-nav-list__item--chosen {
color: #c7b39a;
}
.widget-layered-nav-list__item--chosen a,
.widget-layered-nav-list__item--chosen a::after {
opacity: 1 !important;
}
.booking {
border: 1px solid #e1e1e1;
border-radius: 3px;
box-shadow: 0 2px 2px -2px #e1e1e1;
font-size: 13px;
margin-bottom: 34px;
overflow: hidden;
}
@media (min-width: 700px) {
.booking {
display: -ms-flexbox;
display: flex;
}
}
.booking__col {
position: relative;
}
.booking__col--img {
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
margin-left: -1px;
position: relative;
}
@media (max-width: 699px) {
.booking__col--img {
padding-bottom: 40%;
}
}
@media (min-width: 700px) {
.booking__col--img {
width: 230px;
}
}
@media (min-width: 992px) {
.col-md-12 .booking__col--img {
width: 270px;
}
}
@media (min-width: 992px) {
.col-md-8 .booking__col--img {
width: 200px;
}
}
@media (min-width: 1200px) {
.col-md-8 .booking__col--img {
width: 270px;
}
}
.booking__col--img img {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
max-width: none;
min-height: 100%;
min-width: 100%;
}
.booking__col--main,
.booking__col--action {
padding: 15px 20px;
}
@media (min-width: 700px) {
.booking__col--main,
.booking__col--action {
padding: 30px;
}
}
@media (min-width: 700px) {
.booking__col--main {
border: 1px solid #e1e1e1;
border-style: none solid;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media (max-width: 699px) {
.booking__col--action {
padding-top: 0;
}
}
@media (min-width: 330px) and (max-width: 699px) {
.booking__col--action {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 700px) {
.booking__col--action {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
text-align: center;
}
.col-md-8 .booking__col--action {
width: 200px;
padding: 15px;
text-align: center;
}
}
@media (min-width: 992px) {
.booking__col--action {
width: 370px;
}
}
.booking__title {
color: #111;
font-family: "Old Standard TT";
font-size: 21px;
margin: 0;
padding: 0;
}
.booking__title a {
color: inherit;
}
#hotel-booking-results a:hover {
text-decoration: none;
}
.booking__price {
color: #111;
font-family: "Old Standard TT";
font-size: 28px;
line-height: 1em;
}
@media (min-width: 700px) {
.booking__price {
font-size: 35px;
}
}
.booking__price-label {
margin-bottom: 2px;
}
.booking .amenities-sm {
margin-top: 15px;
}
@media (min-width: 700px) {
.booking .amenities-sm {
margin-top: 51px;
}
}
.booking .author-sm {
margin-top: 30px;
}
.booking .info {
margin-top: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.col-md-8 .booking .info {
display: none;
}
}
.booking .meta-sm {
margin-top: 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.col-md-8 .booking-desc {
display: none;
}
}
.booking-meta {
list-style: none;
margin: 0;
margin-bottom: 5px;
padding: 0;
}
.booking-meta__item {
display: inline-block;
margin-right: 8px;
margin-bottom: 3px;
}
.booking-meta .fa {
color: #b5b5b5;
}
.amenities-sm {
list-style: none;
margin: 0;
padding: 0;
}
.amenity-sm {
cursor: pointer;
display: inline-block;
margin-right: 10px;
position: relative;
}
.amenity-sm:hover .amenity-sm__tooltip,
.amenity-sm:focus .amenity-sm__tooltip {
opacity: 1;
transform: translate3d(-50%, 0, 0);
}
.amenity-sm i {
color: #b5b5b5;
font-size: 16px;
}
.amenity-sm__tooltip {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: #666;
bottom: 100%;
border-radius: 3px;
color: #fff;
font-size: 12px;
left: 50%;
line-height: 23px;
opacity: 0;
margin-bottom: 5px;
padding: 0 8px;
position: absolute;
transform: translate3d(-50%, 5px, 0);
transition: .2s opacity, .2s transform;
white-space: nowrap;
}
.amenity-sm__tooltip::before {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 4px solid #666;
content: "";
height: 0;
left: 50%;
position: absolute;
top: 100%;
transform: translateX(-50%);
width: 0;
}
.amenity-sm span {
font-size: 14px;
margin-left: 4px;
}
.info {
-ms-flex-align: center;
align-items: center;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.info__item {
padding: 12px 14px;
line-height: 1.3em;
text-align: center;
}
@media (max-width: 399px) {
.info__item {
border-top: 1px solid #e1e1e1;
width: 50%;
}
.info__item:nth-child(2n) {
border-left: 1px solid #e1e1e1;
}
.info__item:nth-child(1),
.info__item:nth-child(2) {
border-top: none;
}
}
@media (min-width: 400px) {
.info__item:not(:last-child) {
border-right: 1px solid #e1e1e1;
}
}
.info__item strong {
color: #111;
display: block;
margin-bottom: 5px;
}
.author-sm {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.author-sm__img {
border: 1px solid #e1e1e1;
border-radius: 50%;
height: 55px;
overflow: hidden;
padding: 2px;
width: 55px;
}
.author-sm__img img {
border-radius: inherit;
}
.author-sm__main {
line-height: 1.55em;
padding-left: 7px;
}
.author-sm__title {
color: #111;
font-size: 14px;
}
.author-sm__time {
font-size: 13px;
}
.meta-sm__item {
display: inline-block;
font-size: 14px;
margin-right: 13px;
}
.meta-sm i {
color: #b5b5b5;
font-size: 13px;
margin-right: 4px;
}
.booking-card {
border: 1px solid #e1e1e1;
border-radius: 3px;
box-shadow: 0 2px 2px -2px #e1e1e1;
font-size: 13px;
text-align: center;
margin-bottom: 30px;
}
.booking-card__header {
position: relative;
}
.booking-card__header img {
width: 100%;
}
.booking-card__author {
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 50%;
height: 55px;
padding: 2px;
width: 55px;
left: 50%;
position: absolute;
top: 100%;
transform: translate(-50%, -50%);
}
.booking-card__author--inner {
display: inline-block;
position: static;
transform: none;
}
.booking-card__author img {
border-radius: inherit;
}
.booking-card__over {
color: rgba(255, 255, 255, 0.8);
bottom: 10px;
padding: 0 20px;
position: absolute;
text-align: center;
width: 100%;
}
.booking-card__over--left {
text-align: left;
}
.booking-card__over .booking-card__title {
color: #fff;
margin: 0;
}
.booking-card__over .booking-card__author {
margin-bottom: 5px;
}
.booking-card__over .booking-meta {
margin: 0;
}
.booking-card__over .fa {
color: inherit;
}
.booking-card__verified {
background-color: #51af33;
border: 2px solid #fff;
border-radius: 50%;
bottom: -1px;
height: 16px;
font-size: 14px;
padding: 0;
overflow: hidden;
position: absolute;
right: -1px;
width: 16px;
}
.booking-card__verified i {
color: #fff;
font-size: 8px;
line-height: 16px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 9px;
}
.booking-card__title {
font-size: 18px;
}
.booking-card__main {
padding-bottom: 30px;
}
.booking-card__main--top-spacing {
padding-top: 30px;
}
.booking-card__main--sm {
padding: 15px 20px;
}
.booking-card__main--left {
text-align: left;
}
.booking-card__action {
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #e1e1e1;
display: -ms-flexbox;
display: flex;
height: 60px;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px;
}
.booking-card__price {
color: #111;
font-size: 18px;
}
.booking-tags {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
}
.booking-tags--left {
left: 11px;
top: 11px;
}
.booking-tags--right {
right: 10px;
top: 10px;
}
.booking-tag {
background-color: rgba(0, 0, 0, 0.6);
border-radius: 2px;
color: #fff;
display: inline-block;
line-height: 1em;
padding: 5px;
text-transform: uppercase;
white-space: nowrap;
}
.booking-tags--left .booking-tag {
font-size: 12px;
margin-right: 3px;
}
.booking-tags--left .booking-tag i {
margin-right: 3px;
}
.booking-tags--right .booking-tag {
font-size: 10px;
margin-left: 3px;
padding: 3px 5px;
}
.booking-tag--blue {
background-color: #3385af;
}
.booking-tag--green {
background-color: #51af33;
}
.booking-tag--gray {
background-color: #8f8e94;
}
.recent-post {
border: 1px solid #e1e1e1;
border-radius: 3px;
box-shadow: 0 2px 2px -2px #e1e1e1;
margin-bottom: 30px;
}
.recent-post__img {
display: block;
position: relative;
}
.recent-post__img:hover,
.recent-post__img:focus {
opacity: .7;
}
.recent-post__img img {
width: 100%;
}
.recent-post__img::before {
background-color: rgba(255, 255, 225, 0.5);
bottom: 0;
content: "";
left: 0;
height: 1px;
position: absolute;
right: 0;
}
.recent-post__title {
color: #111;
display: block;
font-size: 18px;
margin-bottom: 5px;
line-height: 1.3em;
}
.recent-post__meta {
color: #b5b5b5;
font-size: 13px;
line-height: 1.4em;
font-weight: 300;
margin-top: 2px;
}
.recent-post__meta span {
font-weight: 400;
color: #666;
}
.recent-post__meta a {
color: #c7b39a;
transition: .2s opacity;
font-weight: 400;
}
.recent-post__meta a:hover,
.recent-post__meta a:focus {
opacity: .7;
}
.recent-post__excerpt {
font-size: 14px;
margin-top: 11px;
font-weight: 300;
}
.recent-post__wrap {
padding: 16px 20px 16px;
}
.recent-post__link {
display: inline-block;
font-size: 12px;
margin-top: 30px;
text-transform: uppercase;
}
.recent-post__link::after {
content: "\f105";
font-family: FontAwesome;
margin-left: 7px;
}
.category-box {
-ms-flex-align: center;
align-items: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border: 1px solid #e1e1e1;
border-radius: 5px;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
.category-box:hover img,
.category-box:focus img {
transform: scale(1.1);
}
.category-box__title {
color: #111;
padding: 15px 20px;
}
.category-box__img {
height: 80px;
overflow: hidden;
width: 80px;
}
@media (min-width: 500px) {
.category-box__img {
height: 100px;
width: 100px;
}
}
.category-box__img img {
transition: .3s transform;
}
.price-slider__amount {
font-size: 13px;
margin-bottom: 15px;
}
.price-slider__amount span {
color: #111;
}
.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
background-color: #e1e1e1;
border-radius: 3px;
}
.irs {
height: 5px;
}
.irs-line,
.irs-line-left,
.irs-line-mid,
.irs-line-right,
.irs-bar {
height: 100%;
}
.irs-bar {
background-color: #c7b39a;
border-radius: 3px;
top: 0;
}
.irs-slider {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 50%;
cursor: ew-resize;
height: 17px;
outline: none;
top: 50%;
transform: translateY(-50%);
transition: .2s box-shadow;
width: 17px;
}
.irs-slider:hover,
.irs-slider:focus {
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.5);
}
.slider-search {
display: -ms-flexbox;
display: flex;
max-width: 630px;
margin: 30px auto 0;
position: relative;
width: 100%;
}
.slider-search i {
color: #b5b5b5;
left: 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.slider-search__input {
background-color: #fff;
border: none;
border-radius: 2px 0 0 2px;
color: #666;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 45px;
height: 45px;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 32px;
}
.slider-search__input:-ms-input-placeholder {
color: #b5b5b5;
}
.slider-search__input::placeholder {
color: #b5b5b5;
}
.slider-search__submit {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ff5a5f;
border: none;
border-radius: 0 2px 2px 0;
color: #fff;
line-height: 45px;
height: 45px;
min-width: 71px;
padding: 0 15px;
}
.slider-list {
margin-top: 30px;
}
@media (max-width: 600px) {
.slider-list {
text-align: center;
}
}
.slider-list__link,
.slider-list__label {
margin-right: 16px;
}
@media (max-width: 600px) {
.slider-list__link,
.slider-list__label {
margin: 0 8px;
}
}
.slider-list__label {
opacity: .8;
}
@media (max-width: 600px) {
.slider-list__label {
display: block;
margin-bottom: 7px;
}
}
.slider-list__link {
color: #fff;
transition: .2s opacity;
}
.slider-list__link:hover,
.slider-list__link:focus {
color: #fff;
opacity: .7;
}
.hero-tabs {
line-height: 0;
font-size: 0;
padding: 0 15px;
}
@media (max-width: 991px) {
.hero-tabs {
margin: 30px 0;
}
}
@media (min-width: 992px) {
.hero-tabs {
color: #fff;
position: absolute;
}
}
.hero-tabs-wrap {
font-size: 14px;
line-height: 1.7em;
margin: 0 auto;
position: relative;
width: 100%;
}
@media (min-width: 768px) {
.hero-tabs-wrap {
max-width: 720px;
}
}
@media (min-width: 992px) {
.hero-tabs-wrap {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.hero-tabs-wrap {
max-width: 1170px;
}
}
.hero-tabs--boxed .hero-tabs__form,
.hero-tabs--full .hero-tabs__form {
padding-bottom: 20px;
padding-top: 10px;
}
@media (min-width: 420px) and (max-width: 991px) {
.hero-tabs--boxed .hero-tabs__form::after,
.hero-tabs--full .hero-tabs__form::after {
clear: both;
content: "";
display: table;
}
}
@media (min-width: 992px) {
.hero-tabs--boxed .hero-tabs__form,
.hero-tabs--full .hero-tabs__form {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
height: 130px;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 0;
padding-top: 0;
}
}
.hero-tabs--boxed .hero-tabs__col,
.hero-tabs--full .hero-tabs__col {
padding: 0 10px;
white-space: nowrap;
}
@media (max-width: 419px) {
.hero-tabs--boxed .hero-tabs__col,
.hero-tabs--full .hero-tabs__col {
margin-top: 15px;
}
}
@media (min-width: 420px) and (max-width: 991px) {
.hero-tabs--boxed .hero-tabs__col,
.hero-tabs--full .hero-tabs__col {
float: left;
margin: 0;
margin-top: 15px;
padding: 0 10px;
width: 100%;
}
.hero-tabs--boxed .hero-tabs__col--date,
.hero-tabs--full .hero-tabs__col--date {
width: 50%;
}
.hero-tabs--boxed .hero-tabs__col--select,
.hero-tabs--full .hero-tabs__col--select {
width: 33.333%;
}
}
@media (min-width: 992px) {
.hero-tabs--boxed .hero-tabs__col,
.hero-tabs--full .hero-tabs__col {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
height: 70px;
}
}
.hero-tabs--boxed .hero-tabs__col-space,
.hero-tabs--full .hero-tabs__col-space {
width: 10px;
}
@media (max-width: 991px) {
.hero-tabs--boxed .hero-tabs__col-space,
.hero-tabs--full .hero-tabs__col-space {
display: none;
}
}
@media (min-width: 992px) {
.hero-tabs--boxed .hero-tabs__col--date,
.hero-tabs--full .hero-tabs__col--date {
width: 15%;
}
}
@media (min-width: 992px) {
.hero-tabs--boxed .hero-tabs__col--select,
.hero-tabs--full .hero-tabs__col--select {
width: 7.27%;
}
}
.hero-tabs--boxed .hero-tabs__col--btn,
.hero-tabs--full .hero-tabs__col--btn {
-ms-flex-item-align: end;
align-self: flex-end;
}
@media (min-width: 1200px) {
.hero-tabs--boxed .hero-tabs__col--btn,
.hero-tabs--full .hero-tabs__col--btn {
width: 140px;
}
}
.hero-tabs label {
font-weight: normal;
margin-bottom: 8px;
opacity: .8;
}
.hero-tabs .btn {
background-color: #c7b39a;
line-height: 45px;
height: 45px;
padding: 0 15px;
width: 100%;
}
.hero-tabs .btn i {
margin-right: 7px;
}
.hero-tabs .input * {
width: 100%;
}
.hero-tabs .input input,
.hero-tabs .input select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: none;
color: #666;
line-height: 45px;
height: 45px;
padding: 0 14px;
}
@media (max-width: 991px) {
.hero-tabs .input input,
.hero-tabs .input select {
border: 1px solid #e1e1e1;
}
}
.hero-tabs__list {
line-height: 0;
list-style: none;
font-size: 0;
margin: 0;
padding: 0;
}
.hero-tabs__list-item {
display: inline-block;
font-size: 14px;
line-height: 1.7em;
margin-right: 5px;
position: relative;
vertical-align: top;
}
.hero-tabs__items {
padding: 0 10px;
width: 100%;
}
.hero-additional.form-style2 input,
.hero-additional.form-style2 select {
color: #666;
}
@media (max-width: 991px) {
.hero-tabs__items,
.hero-additional.form-style2 .hb-form-field input,
.hero-additional.form-style2 .hb-form-field select {
border: 1px solid #e1e1e1;
}
.hero-tabs__items .hero-additional.form-style2 {
padding: 0 10px;
}
.hero-tabs__items .hero-additional.form-style2 label {
color: #666;
}
.hero-additional .hb-form-field {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.hero-tabs__items {
background-color: rgba(0, 0, 0, 0.6);
padding: 0 20px;
}
}
.hero-tabs__item {
display: none;
}
.hero-tabs__item--active {
display: block;
}
.hero-tabs__button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
display: inline-block;
font-size: 12px;
height: 52px;
padding: 0;
outline: none;
transition: .2s all;
width: 59px;
}
@media (max-width: 400px) {
.hero-tabs__button {
color: transparent;
height: 38px;
width: 42px;
}
}
@media (max-width: 991px) {
.hero-tabs__button {
border: 1px solid #e1e1e1;
}
}
@media (min-width: 992px) {
.hero-tabs__button {
background-color: rgba(0, 0, 0, 0.6);
font-size: 14px;
height: 72px;
width: 79px;
}
}
@media (min-width: 992px) {
.hero-tabs__button:hover,
.hero-tabs__button:focus {
background-color: rgba(0, 0, 0, 0.7);
}
}
.hero-tabs__list-item--active .hero-tabs__button {
cursor: default;
height: 57px;
width: 65px;
}
@media (max-width: 400px) {
.hero-tabs__list-item--active .hero-tabs__button {
height: 45px;
width: 47px;
}
}
@media (max-width: 991px) {
.hero-tabs__list-item--active .hero-tabs__button {
border-bottom: none;
}
.hero-tabs__list-item--active .hero-tabs__button::after {
background-color: #fff;
bottom: -1px;
content: "";
height: 1px;
left: 1px;
position: absolute;
right: 1px;
z-index: 1;
}
}
@media (min-width: 992px) {
.hero-tabs__list-item--active .hero-tabs__button {
background-color: rgba(0, 0, 0, 0.6);
height: 77px;
width: 94px;
}
}
.hero-tabs__button i {
display: block;
font-size: 17px;
}
@media (max-width: 400px) {
.hero-tabs__button i {
color: #666;
font-size: 16px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
}
@media (min-width: 992px) {
.hero-tabs__button i {
font-size: 24px;
}
}
.hero-tabs--boxed {
width: 100%;
}
@media (min-width: 992px) {
.hero-tabs--boxed {
bottom: 20px;
left: 0;
margin: 0 auto;
}
}
.hero-tabs--boxed .hero-tabs__button {
border-radius: 5px;
}
.hero-tabs--boxed .hero-tabs__list-item--active .hero-tabs__button {
border-radius: 5px 5px 0 0;
}
.hero-tabs--boxed .hero-tabs__items {
border-radius: 5px;
}
.hero-tabs--boxed.hero-tabs--first .hero-tabs__items {
border-top-left-radius: 0;
}
.hero-tabs--full {
left: 0;
bottom: 0;
width: 100%;
}
.hero-tabs--full .hero-tabs__list-item:first-child .hero-tabs__button {
border-top-left-radius: 5px;
}
.hero-tabs--full .hero-tabs__list-item:last-child .hero-tabs__button {
border-top-right-radius: 5px;
}
.hero-tabs--full .hero-tabs__list {
text-align: center;
width: 100%;
}
.hero-tabs--full .hero-tabs__items {
position: relative;
}
.hero-tabs--full .hero-tabs__items::before,
.hero-tabs--full .hero-tabs__items::after {
background-color: inherit;
content: "";
height: 100%;
position: absolute;
top: 0;
width: 50vw;
}
.hero-tabs--full .hero-tabs__items::before {
left: 100%;
}
.hero-tabs--full .hero-tabs__items::after {
right: 100%;
}
.hero-tabs--right {
width: 100%;
}
.hero-tabs--right .hero-tabs__list-item:first-child .hero-tabs__button {
border-top-left-radius: 5px;
}
.hero-tabs--right .hero-tabs__list-item:last-child .hero-tabs__button {
border-top-right-radius: 5px;
}
@media (min-width: 992px) {
.hero-tabs--right {
left: 50%; text-align: right;
top: 50%;
transform: translate(-50%, -50%);
max-width: 970px;
}
}
@media (min-width: 1200px) {
.hero-tabs--right {
max-width: 1200px;
}
}
@media (min-width: 992px) {
.hero-tabs--right .hero-tabs-wrap {
display: inline-block;
text-align: left;
width: 470px;
}
}
.hero-tabs--right .hero-tabs__form {
padding: 0 0 20px;
}
@media (min-width: 600px) {
.hero-tabs--right .hero-tabs__form {
margin: 0 -10px;
padding: 10px 0 30px;
}
}
.hero-tabs--right .hero-tabs__form::after {
clear: both;
content: "";
display: table;
}
.hero-tabs--right .hero-tabs__col {
float: left;
margin: 0;
margin-top: 15px;
padding: 0 10px;
width: 100%;
}
.hero-tabs--right .hero-tabs__col-space {
display: none;
}
@media (min-width: 420px) {
.hero-tabs--right .hero-tabs__col--date {
width: 50%;
}
.hero-tabs--right .hero-tabs__col--select {
width: 33.333%;
}
.hero-tabs--right .hero-tabs__col .btn {
margin-top: 5px;
}
}
.sub-menu.mega-menu {
padding: 0;
}
@media (min-width: 992px) {
.sub-menu.mega-menu {
margin-top: -10px;
margin-left: 15px;
width: calc(100% - 30px);
}
}
.mega-menu {
text-align: left;
}
.mega-menu__title {
color: #111;
font-size: 13px;
font-weight: bold;
margin-bottom: 9px;
padding: 0 18px;
}
.mega-menu__row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 600px) {
.mega-menu__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.mega-menu__col {
border-left: 1px solid #e1e1e1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 15px 0;
}
.mega-menu__col:first-child {
border-left: none;
}
@media (max-width: 600px) {
.mega-menu__col {
width: 50%;
}
}
@media (min-width: 992px) {
.mega-menu__col {
padding: 24px 0;
}
}
.mega-menu__link {
font-size: 12px;
}
@media (max-width: 991px) {
.mega-menu {
background: none !important;
}
}
@media (min-width: 992px) {
.mega-menu {
background-position: center right;
background-repeat: no-repeat;
}
}
.search-filter {
background-color: #eaeaea;
padding: 30px 0 10px 0;
}
@media (max-width: 991px) {
.search-filter {
padding-bottom: 67px;
}
}
.search-filter .container {
position: relative;
}
.search-filter__main {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.search-filter__col {
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.search-filter__col {
width: 50%;
}
}
@media (max-width: 400px) {
.search-filter__col {
width: 100%;
}
}
@media (min-width: 401px) and (max-width: 767px) {
.search-filter__col:nth-child(2n + 1) select {
border-right: none;
}
}
.search-filter__col--submit {
-ms-flex-positive: 0;
flex-grow: 0;
width: 100%;
}
@media (max-width: 991px) {
.search-filter__col--submit {
left: 15px;
display: block;
position: absolute;
right: 15px;
top: 100%;
width: auto;
}
}
@media (min-width: 992px) {
.search-filter__col--submit {
width: 180px;
}
}
.search-filter__col:first-child select {
border-radius: 2px 0 0 2px;
}
.search-filter__select-wrap {
position: relative;
width: 100%;
}
.search-filter__select-wrap::after {
color: #b5b5b5;
font-family: FontAwesome;
position: absolute;
pointer-events: none;
right: 20px;
transform: translateY(-50%);
top: 50%;
content: "\f107";
padding-right: 3px;
}
.search-filter__select,
.search-filter__toggle,
.search-filter__submit {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 47px;
height: 47px;
outline: none;
padding: 0 20px;
transition: .2s opacity;
width: 100%;
}
.search-filter__select,
.search-filter__toggle {
border: 1px solid #ccc;
}
.search-filter__select:focus,
.search-filter__toggle:focus {
opacity: .9;
}
@media (min-width: 768px) {
.search-filter__select {
border-style: solid none solid solid;
}
}
.search-filter__toggle {
background-color: #fff;
text-align: left;
position: relative;
}
.search-filter__toggle::after {
color: #b5b5b5;
content: "\f196";
font-family: FontAwesome;
padding-right: 3px;
position: absolute;
pointer-events: none;
right: 20px;
transform: translateY(-50%);
top: 50%;
}
.search-filter--active .search-filter__toggle::after {
content: "\f147";
}
.search-filter__submit {
background-color: #c7b39a;
border: none;
border: 1px solid #bba891;
border-radius: 0 2px 2px 0;
color: #fff;
}
.search-filter__submit:hover,
.search-filter__submit:focus {
opacity: .9;
}
.search-filter__submit i {
margin-right: 10px;
}
.search-filter .input+.input {
margin-top: 6px;
}
.search-filter .input--select {
margin-bottom: 25px;
}
.search-filter .irs-line-mid,
.search-filter .irs-line-left,
.search-filter .irs-line-right,
.search-filter .irs-bar-edge {
background-color: #fff;
}
.search-filter .irs {
margin-bottom: 32px;
}
.search-filter [class*="col"] {
margin-bottom: 20px;
}
.search-filter select {
font-weight: 400;
padding-left: 20px;
padding-right: 20px;
}
.search-filter__more {
display: none;
}
.preloader {
background-color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
left: 0;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.preloader__bar {
background-color: rgba(17, 17, 17, 0.2);
width: 6px;
height: 24px;
position: relative;
animation: pulse 750ms infinite;
animation-delay: 250ms;
}
.preloader__bar::before,
.preloader__bar::after {
content: '';
position: absolute;
display: block;
height: 16px;
width: 6px;
background-color: rgba(17, 17, 17, 0.2);
top: 50%;
transform: translateY(-50%);
animation: pulse 750ms infinite;
}
.preloader__bar::before {
left: -12px;
}
.preloader__bar::after {
left: 12px;
animation-delay: 500ms;
}
@keyframes pulse {
50% {
background: #111;
}
}    .marg-lg-b0 {
height: 0px;
}
.marg-lg-b4 {
height: 4px;
}
.marg-lg-b5 {
height: 5px;
}
.marg-lg-b10 {
height: 10px;
}
.marg-lg-b15 {
height: 15px;
}
.marg-lg-b20 {
height: 20px;
}
.marg-lg-b25 {
height: 25px;
}
.marg-lg-b30 {
height: 30px;
}
.marg-lg-b35 {
height: 35px;
}
.marg-lg-b40 {
height: 40px;
}
.marg-lg-b45 {
height: 45px;
}
.marg-lg-b50 {
height: 50px;
}
.marg-lg-b55 {
height: 55px;
}
.marg-lg-b60 {
height: 60px;
}
.marg-lg-b65 {
height: 65px;
}
.marg-lg-b70 {
height: 70px;
}
.marg-lg-b75 {
height: 75px;
}
.marg-lg-b80 {
height: 80px;
}
.marg-lg-b85 {
height: 85px;
}
.marg-lg-b90 {
height: 90px;
}
.marg-lg-b95 {
height: 95px;
}
.marg-lg-b100 {
height: 100px;
}
.marg-lg-b105 {
height: 105px;
}
.marg-lg-b110 {
height: 110px;
}
.marg-lg-b115 {
height: 115px;
}
.marg-lg-b120 {
height: 120px;
}
.marg-lg-b125 {
height: 125px;
}
.marg-lg-b130 {
height: 130px;
}
.marg-lg-b135 {
height: 135px;
}
.marg-lg-b140 {
height: 140px;
}
.marg-lg-b145 {
height: 145px;
}
.marg-lg-b150 {
height: 150px;
}
.marg-lg-b155 {
height: 155px;
}
.marg-lg-b160 {
height: 160px;
}
.marg-lg-b165 {
height: 165px;
}
.marg-lg-b170 {
height: 170px;
}
.marg-lg-b175 {
height: 175px;
}
.marg-lg-b180 {
height: 180px;
}
.marg-lg-b185 {
height: 185px;
}
.marg-lg-b190 {
height: 190px;
}
.marg-lg-b195 {
height: 195px;
}
.marg-lg-b200 {
height: 200px;
}
.marg-lg-b205 {
height: 205px;
}
.marg-lg-b210 {
height: 210px;
}
@media (max-width:1199px) {
.marg-md-b0 {
height: 0px;
}
.marg-md-b5 {
height: 5px;
}
.marg-md-b10 {
height: 10px;
}
.marg-md-b15 {
height: 15px;
}
.marg-md-b20 {
height: 20px;
}
.marg-md-b25 {
height: 25px;
}
.marg-md-b30 {
height: 30px;
}
.marg-md-b35 {
height: 35px;
}
.marg-md-b40 {
height: 40px;
}
.marg-md-b45 {
height: 45px;
}
.marg-md-b50 {
height: 50px;
}
.marg-md-b55 {
height: 55px;
}
.marg-md-b60 {
height: 60px;
}
.marg-md-b65 {
height: 65px;
}
.marg-md-b70 {
height: 70px;
}
.marg-md-b75 {
height: 75px;
}
.marg-md-b80 {
height: 80px;
}
.marg-md-b85 {
height: 85px;
}
.marg-md-b90 {
height: 90px;
}
.marg-md-b95 {
height: 95px;
}
.marg-md-b100 {
height: 100px;
}
.marg-md-b105 {
height: 105px;
}
.marg-md-b110 {
height: 110px;
}
.marg-md-b115 {
height: 115px;
}
.marg-md-b120 {
height: 120px;
}
.marg-md-b125 {
height: 125px;
}
.marg-md-b130 {
height: 130px;
}
.marg-md-b135 {
height: 135px;
}
.marg-md-b140 {
height: 140px;
}
.marg-md-b145 {
height: 145px;
}
.marg-md-b150 {
height: 150px;
}
.marg-md-b155 {
height: 155px;
}
.marg-md-b160 {
height: 160px;
}
.marg-md-b165 {
height: 165px;
}
.marg-md-b170 {
height: 170px;
}
.marg-md-b175 {
height: 175px;
}
.marg-md-b180 {
height: 180px;
}
.marg-md-b185 {
height: 185px;
}
.marg-md-b190 {
height: 190px;
}
.marg-md-b195 {
height: 195px;
}
.marg-md-b200 {
height: 200px;
}
.marg-md-b205 {
height: 205px;
}
.marg-md-b210 {
height: 210px;
}
}
@media (max-width:991px) {
.marg-sm-b0 {
height: 0px;
}
.marg-sm-b5 {
height: 5px;
}
.marg-sm-b10 {
height: 10px;
}
.marg-sm-b15 {
height: 15px;
}
.marg-sm-b20 {
height: 20px;
}
.marg-sm-b25 {
height: 25px;
}
.marg-sm-b30 {
height: 30px;
}
.marg-sm-b35 {
height: 35px;
}
.marg-sm-b40 {
height: 40px;
}
.marg-sm-b45 {
height: 45px;
}
.marg-sm-b50 {
height: 50px;
}
.marg-sm-b55 {
height: 55px;
}
.marg-sm-b60 {
height: 60px;
}
.marg-sm-b65 {
height: 65px;
}
.marg-sm-b70 {
height: 70px;
}
.marg-sm-b75 {
height: 75px;
}
.marg-sm-b80 {
height: 80px;
}
.marg-sm-b85 {
height: 85px;
}
.marg-sm-b90 {
height: 90px;
}
.marg-sm-b95 {
height: 95px;
}
.marg-sm-b100 {
height: 100px;
}
.marg-sm-b105 {
height: 105px;
}
.marg-sm-b110 {
height: 110px;
}
.marg-sm-b115 {
height: 115px;
}
.marg-sm-b120 {
height: 120px;
}
.marg-sm-b125 {
height: 125px;
}
.marg-sm-b130 {
height: 130px;
}
.marg-sm-b135 {
height: 135px;
}
.marg-sm-b140 {
height: 140px;
}
.marg-sm-b145 {
height: 145px;
}
.marg-sm-b150 {
height: 150px;
}
.marg-sm-b155 {
height: 155px;
}
.marg-sm-b160 {
height: 160px;
}
.marg-sm-b165 {
height: 165px;
}
.marg-sm-b170 {
height: 170px;
}
.marg-sm-b175 {
height: 175px;
}
.marg-sm-b180 {
height: 180px;
}
.marg-sm-b185 {
height: 185px;
}
.marg-sm-b190 {
height: 190px;
}
.marg-sm-b195 {
height: 195px;
}
.marg-sm-b200 {
height: 200px;
}
.marg-sm-b205 {
height: 205px;
}
.marg-sm-b210 {
height: 210px;
}
}
@media (max-width:767px) {
.marg-xs-b0 {
height: 0px;
}
.marg-xs-b5 {
height: 5px;
}
.marg-xs-b10 {
height: 10px;
}
.marg-xs-b15 {
height: 15px;
}
.marg-xs-b20 {
height: 20px;
}
.marg-xs-b25 {
height: 25px;
}
.marg-xs-b30 {
height: 30px;
}
.marg-xs-b35 {
height: 35px;
}
.marg-xs-b40 {
height: 40px;
}
.marg-xs-b45 {
height: 45px;
}
.marg-xs-b50 {
height: 50px;
}
.marg-xs-b55 {
height: 55px;
}
.marg-xs-b60 {
height: 60px;
}
.marg-xs-b65 {
height: 65px;
}
.marg-xs-b70 {
height: 70px;
}
.marg-xs-b75 {
height: 75px;
}
.marg-xs-b80 {
height: 80px;
}
.marg-xs-b85 {
height: 85px;
}
.marg-xs-b90 {
height: 90px;
}
.marg-xs-b95 {
height: 95px;
}
.marg-xs-b100 {
height: 100px;
}
.marg-xs-b105 {
height: 105px;
}
.marg-xs-b110 {
height: 110px;
}
.marg-xs-b115 {
height: 115px;
}
.marg-xs-b120 {
height: 120px;
}
.marg-xs-b125 {
height: 125px;
}
.marg-xs-b130 {
height: 130px;
}
.marg-xs-b135 {
height: 135px;
}
.marg-xs-b140 {
height: 140px;
}
.marg-xs-b145 {
height: 145px;
}
.marg-xs-b150 {
height: 150px;
}
.marg-xs-b155 {
height: 155px;
}
.marg-xs-b160 {
height: 160px;
}
.marg-xs-b165 {
height: 165px;
}
.marg-xs-b170 {
height: 170px;
}
.marg-xs-b175 {
height: 175px;
}
.marg-xs-b180 {
height: 180px;
}
.marg-xs-b185 {
height: 185px;
}
.marg-xs-b190 {
height: 190px;
}
.marg-xs-b195 {
height: 195px;
}
.marg-xs-b200 {
height: 200px;
}
.marg-xs-b205 {
height: 205px;
}
.marg-xs-b210 {
height: 210px;
}
}
.ui-datepicker.ui-widget .ui-datepicker-calendar .ui-state-default:hover {
background: #c7b39a;
}
#review_form_wrapper textarea {
margin-bottom: 10px;
}
.hb_single_room #reviews #review_form_wrapper form .form-submit input[type="submit"] {
margin-top: 15px;
}
.hb_single_room #reviews #review_form_wrapper form p {
margin-bottom: 0;
}
.widget_hb_widget_search .hotel-booking-form form {
overflow: hidden;
}
.widget_hb_widget_search .hotel-booking-form .hb-form-field {
float: none;
width: 100%;
padding: 0;
margin-bottom: 15px;
}
.widget_hb_widget_search .hb_input_field {
display: block;
}
.widget_hb_widget_search .hb-submit {
margin: 0;
padding: 0;
width: 100%;
}
.widget_hb_widget_search .hb-submit button[type="submit"] {
margin-top: 0;
line-height: 20px;
margin-left: 0;
}
.comment-reply-link,
.comment-edit-link {
font-size: 12px;
margin: 0 1px;
}
.logged-in p.form-submit {
margin-bottom: 0;
margin-top: 10px;
}
p.form-submit input[type="submit"] {
padding: 10px 15px;
}
p.form-submit {
margin-top: 15px;
margin-bottom: 0;
}
.comment-respond .input__field {
border-color: #eaeaea !important;
}
.sidebar .widget ul {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.hb-blog-user {
display: inline-block;
margin-top: 5px;
}
.hb-blog-user-img {
float: left;
width: 40px;
height: 40px;
-moz-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
}
.hb-blog-user-img img {
-moz-border-radius: 100%;
border-radius: 100%;
}
.hb-blog-user-content {
display: table-cell;
height: 40px;
font-size: 13px;
line-height: 17px;
font-weight: 400;
color: #b5b5b5;
vertical-align: middle;
padding-left: 10px;
}
.hb-blog-user-content span:after {
content: '•';
display: inline-block;
padding-left: 4px;
padding-right: 1px;
}
.hb-blog-user-content span:last-child:after {
display: none;
}
.hb-blog-user-content a {
color: #fff;
}
.hb-blog-user-content a:hover {
color: #51c8fa;
}
.hb-blog-user.light .hb-blog-user-content a {
color: #fff;
}
.hb-blog-user.light .hb-blog-user-content a:hover {
color: #51c8fa;
}
.hb_single_room #reviews #review_form_wrapper form p label {
color: #111;
font-weight: 400;
}
.rating-input {
height: 15px;
width: 18%;
}
.rating-input:before {
color: #c7b39a;
font-size: 13px;
}
.hb-rating-input {
margin-bottom: 12px;
}
.hb_single_room #reviews #review_form_wrapper form .form-submit input[type="submit"] {
margin-top: 0;
}
input[type="checkbox"] {
border: 1px solid #eaeaea;
background: #fff;
color: #555;
clear: none;
cursor: pointer;
display: inline-block;
height: 15px;
margin: -2px 4px 0 0;
outline: 0;
padding: 0 !important;
text-align: center;
vertical-align: middle;
width: 15px;
min-width: 15px;
-webkit-appearance: none;
}
th,
table,
td {
border: 1px solid #eaeaea;
}
th {
border-width: 0 1px 1px 0;
font-weight: 600
}
td {
border-width: 0 1px 1px 0
}
dd {
margin-bottom: 24px
}
#hotel-booking-cart h3,
#hotel-booking-payment h3 {
font-size: 36px;
color: #111;
}
#hotel-booking-payment table.hb_table {
margin-bottom: 30px;
}
#hotel-booking-payment table th {
color: #666;
padding: 10px 17px;
text-align: center;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin-bottom: 24px;
width: 100%
} .mega-menu__row,
.mega-menu__row li {
margin: 0;
padding-left: 0;
padding-right: 0;
list-style-type: none;
}
.drop-menu-next {
padding: 0;
}
.blog-nav {
clear: both;
text-align: center;
}
#wp-calendar thead th,
#wp-calendar tbody tr {
text-align: center;
}
#wp-calendar tfoot td:first-child {
padding-left: 6px;
}
#wp-calendar tbody tr td,
#wp-calendar thead tr th,
#wp-calendar tfoot tr td {
height: 46px;
}
.wp-caption.alignnone img {
height: auto;
}
.screen-reader-text {
margin: 0;
margin-right: 10px;
}
.textwidget select {
width: 100%;
}
#searchform {
position: relative;
}
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_nav_menu ul li {
margin-top: 9px;
}
.widget_pages ul li:first-child,
.widget_categories ul li:first-child,
.widget_archive ul li:first-child,
.widget_meta ul li:first-child,
.widget_recent_comments ul li:first-child,
.widget_recent_entries ul li:first-child,
.widget_nav_menu ul li:first-child {
margin-top: 0;
}
.hb_mini_cart_footer a,
#hotel-booking-cart .hb_button.hb_checkout,
#hotel-booking-payment button[type="submit"],
#hotel-booking-payment button[type="button"],
#hotel-booking-cart .hb_button.hb_checkout {
background: #c7b39a;
padding: 5px 20px;
transition: all 0.3s ease;
text-transform: uppercase;
font-size: 12px;
line-height: 24px;
min-height: 34px;
color: #fff;
}
#hotel-booking-payment button[type="submit"],
#hotel-booking-cart .hb_button.hb_checkout {
min-width: 160px;
min-height: 39px;
text-align: center;
line-height: 29px;
}
.hb_mini_cart_footer a:hover,
#hotel-booking-cart .hb_button.hb_checkout:hover,
#hotel-booking-payment button[type="submit"]:hover,
#hotel-booking-payment button[type="button"]:hover {
background: #c7b39a;
opacity: 0.80;
}
#hotel-booking-cart .hb_remove_cart_item,
#hotel-booking-payment .hb_remove_cart_item {
margin-left: auto;
margin-right: auto;
display: block;
}
#hotel-booking-payment .hero-additional__col,
#hotel-booking-payment .hb-form-field {
width: 100%;
padding: 0;
}
#hotel-booking-payment input[type="text"] {
margin: 0;
width: 100%;
}
.hb-form-field-label {
display: none;
}
#hotel-booking-cart h3,
#hotel-booking-payment h3 {
font-size: 21px;
}
.hb-col-padding.hb-col-border h4 {
margin-bottom: 20px;
color: #666;
}
#hotel-booking-payment label {
position: relative;
font-weight: 400;
}
.checkbox-select {
display: inline-block;
position: relative;
}
.checkbox-select input[type="checkbox"] {
position: relative;
z-index: 2;
background: transparent;
border-color: #e1e1e1;
margin: 0 !important;
}
.checkbox-select input[type="checkbox"]:focus {
outline: none;
}
.cs-check {
position: absolute;
left: 5px;
top: 9px;
height: 7px;
width: 5px;
border-right: 2px solid #c7b39a;
border-bottom: 2px solid #c7b39a;
transform: rotate(32deg);
z-index: 1;
opacity: 0;
transition: all 0.3s ease;
}
.checkbox-select input[type="checkbox"]:checked~.cs-check {
opacity: 1;
}
.checkbox-select input[type="checkbox"]:checked {
border: 1px solid #c7b39a;
}
.checkbox-select input[type="checkbox"].error:checked {
border-color: #c7b39a !important;
}
#hotel-booking-payment .checkbox-select {
margin-right: 5px;
top: -2px;
}
.hb_addition_package_extra .checkbox-select {
top: 3px;
}
#hotel-booking-payment .hb_sub_total .hb-align-right,
#hotel-booking-payment .hb_advance_grand_total .hb-align-right,
#hotel-booking-cart table th,
#hotel-booking-cart .hb_sub_total .hb-align-right,
#hotel-booking-cart .hb_advance_grand_total .hb-align-right,
.hotel_booking_mini_cart .hb_mini_cart_item .hb_mini_cart_number span,
.hotel_booking_mini_cart .hb_mini_cart_item .hb_mini_cart_remove {
color: #666;
}
.hotel_booking_mini_cart .hb_mini_cart_item .hb_mini_cart_price span {
color: #c7b39a;
}
.hotel_booking_mini_cart .hb_mini_cart_footer {
margin-top: 25px;
margin-bottom: 5px;
}
.hotel_booking_mini_cart .hb_mini_cart_item .hb_mini_cart_remove:hover {
color: #c7b39a;
background: #fff;
}
#hotel-booking-payment .hb-form-field {
margin-bottom: 15px;
}
#hotel-booking-payment input[type="text"]:focus,
#hotel-booking-payment .hb-addition-information textarea:focus,
#commentform #text:focus,
#commentform #name:focus,
#commentform #email:focus,
#commentform #website:focus,
#hotel-booking-payment input[type="email"]:focus,
#review_form_wrapper textarea:focus,
.hb_single_room #reviews #review_form_wrapper form input:focus {
border-color: #c7b39a !important;
outline: none;
}
#hotel-booking-payment .hb-form-field-input.select-arrow {
display: inline-block;
position: relative;
}
#hotel-booking-payment .hb-form-field-input.select-arrow:before {
content: "\f107";
color: #b5b5b5;
font-family: FontAwesome;
position: absolute;
right: 5px;
top: 12px;
background: #fff;
height: 14px;
line-height: 14px;
width: 10px;
pointer-events: none;
}
#hotel-booking-payment select:focus {
outline: none;
}
#hotel-booking-payment .hb-form-field-input.select-arrow select {
padding: 8px 40px 8px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#hb_widget_cart-2 .hb_mini_cart_footer {
display: flex;
}
#hb_widget_cart-2 .hb_mini_cart_footer a {
flex: 1;
margin: 0;
}
#hb_widget_cart-2 .hb_mini_cart_footer a:first-child {
margin-right: 7px;
}
#hb_widget_cart-2 .hb_mini_cart_footer a:last-child {
margin-left: 7px;
}
#hb_widget_cart-2 .hb_title {
font-weight: 400;
}
#commentform .input--user::after,
#commentform .input--email::after,
#commentform .input--website::after {
display: none;
}
.hero-additional .hb-form-field-input.hb_input_field.input--date,
.wp-hotel-booking-page .hb-form-field-input.hb_input_field.input--date {
width: 100%;
}
.hb_search_quantity .widget-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 10px;
padding-right: 30px;
outline: none;
border-color: #eaeaea;
}
.widget-select {
position: relative;
display: inline-block;
}
.cs-select {
display: inline-block;
position: relative;
}
.hb_search_quantity .widget-select:after {
content: "\f107";
color: #b5b5b5;
font-family: FontAwesome;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
.widget_categories label,
.widget_archive label {
display: none;
}
.widget-select select {
padding: 5px 30px 5px 10px;
width: 100%;
}
.widget_search .widget-title {
display: none;
}
.widget-select:before {
top: 5px;
}
.hb_search_quantity div {
display: inline-block;
margin-left: 3px;
}
article.post td {
text-align: center;
}
.wp-caption {
max-width: 100%;
}
.comment-list .bypostauthor {
border: 1px solid transparent;
}
.wp-caption-text {
color: #666;
font-size: 12px;
line-height: 1.5;
padding: 0.5em 0;
}
.comment-list .bypostauthor {
border: 1px solid transparent;
}
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 1.5em auto 1.75em;
}
.blog-nav {
position: relative;
width: 100%;
display: inline-block;
text-align: center;
font-size: 0px;
}
.blog-nav a,
.blog-nav span,
.page-links span {
position: relative;
display: inline-block;
padding: 4px 12px;
border: 1px solid #eaeaea;
font-size: 12px;
color: #666;
margin: 0 3px;
}
.blog-nav a:hover,
.blog-nav span:hover,
.page-links span:hover {
background: #c7b39a;
color: #fff;
text-decoration: none !important;
border-color: #c7b39a;
}
#commentform .col-sm-4 {
padding-right: 5px;
}
#commentform .col-sm-4:last-child {
padding-right: 15px;
}
.page-404__content h1 {
color: #111;
font-size: 100px;
margin-top: 0;
}
.page-404__content p {
margin-bottom: 23px;
}
.sticky .recent-post {
border-color: #c7b39a;
}
.hb_addition_packages {
border: 1px solid #eee;
}
#hotel-booking-cart select,
#hotel-booking-payment select {
padding: 8px 30px 8px 10px;
height: 40px;
}
#hotel-booking-payment .widget-select {
width: 100%;
}
#hb_widget_search-2 .widget-select {
display: block;
}
.hero-additional .widget-select select {
padding: 0px 30px 0px 20px;
border-radius: 0;
}
.hb-form-field-input .widget-select select:after {
content: '';
}
.hero-additional .widget-select {
display: block;
}
.site-footer .site-footer__main a {
color: rgba(255, 255, 255, 0.6);
font-weight: 300;
}
.site-footer .site-footer__main a:hover {
opacity: 0.7;
}
.site-footer .widget-select select {
color: rgba(255, 255, 255, 0.6);
background-color: transparent;
border-color: rgba(255, 255, 255, 0.5);
}
.site-footer th,
.site-footer table,
.site-footer td {
border-color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.6);
}
.site-footer caption {
color: rgba(255, 255, 255, 0.6);
}
.site-footer .widget-select select option {
background: #111111;
}
.site-footer .wp-caption-text {
color: rgba(255, 255, 255, 0.6);
}
.site-footer .searchform input[type="text"] {
border: 1px solid rgba(255, 255, 255, 0.5);
}
.site-footer .searchform::after {
left: 10px;
}
.title-color-black {
color: #111;
}
.content-color-grey {
color: #666;
}
@media (max-width: 767px) {
.hb-text_block_content {
width: 100% !important;
float: none !important;
height: 300px !important;
padding: 0 15px !important;
}
}
.hb-text-block__wrapper {
background: #f0f0f0;
}
.hb-text_block_content {
display: table;
width: 80%;
padding-left: 50px;
height: 625px;
}
.style2 .hb-text_block_content {
width: 80%;
padding-right: 80px;
padding-left: 0;
float: right;
}
.hb-text-block___inner_wrapper {
display: table-cell;
vertical-align: middle;
}
.hb-text_block_content .btn {
margin-top: 35px;
}
.dropcap {
font-size: 72px;
display: block;
float: left;
color: #111;
padding-right: 10px;
padding-bottom: 20px;
padding-top: 20px;
font-weight: 400;
}
.single-post .post .block__content h1,
.single-post .post .block__content h2,
.single-post .post .block__content h3,
.single-post .post .block__content h4,
.single-post .post .block__content h5,
.single-post .post .block__content h6 {
color: #111;
}
.single-post .post .block__content {
padding: 25px 30px 30px;
}
.single-post .post .block__content th,
.page .content td,
.page .content th {
padding: 8px 15px;
}
.single-post .post .block__content p {
font-size: 15px;
line-height: 1.8em;
}
.single-post .post .block__content p:last-child {
margin-bottom: 0;
}
.single-post .post .block__content iframe,
.sound-item iframe {
width: 100%;
border: 0 none;
}
.wp-hotel-booking-search-rooms .hb_addition_package_extra {
margin-top: -34px;
margin-bottom: 70px;
}
.hb_addition_package_extra a.hb_package_toggle {
font-size: 18px;
font-weight: 400;
}
.hb_addition_package_extra a.hb_package_toggle:after {
font-size: 15px;
line-height: 30px;
}
.hb_related_other_room>.title {
margin: 0 0 0 0;
font-size: 24px;
}
.hb_addition_packages_ul {
padding: 0;
}
.tab__content #hb_room_benefits ul,
.tab__content ul {
overflow: hidden;
padding-left: 0;
list-style: none;
}
.tab__content #hb_room_benefits ul li,
.tab__content ul li {
float: left;
width: 50%;
font-weight: 300;
}
.tab__content .list li {
font-weight: 400;
}
.tab__content ul li strong {
font-weight: 400;
color: #111;
margin-right: 5px;
}
.tab__content ul li+li {
margin-bottom: 9px;
margin-top: 0 !important;
}
.tab__content ul li:last-child {
margin-bottom: 0;
}
.rooms .hb_room .rating {
display: none;
}
.hb_related_other_room>.title {
color: #111;
}
.hb_related_other_room>.title:after {
background: transparent;
height: 0;
}
.hb-search-results {
margin: 0 0 10px 0;
}
.rating-input:before {
content: '\e600';
color: #eaeaea;
}
.rating-input.high-light:before {
color: #c7b39a;
}
body.boxed {
width: 1350px !important;
max-width: 100%;
margin: 0 auto;
}
body.boxed [data-vc-full-width] {
width: 1350px !important;
left: -75px !important;
}
@media (max-width: 768px) {
body.boxed {
width: 100% !important;
margin: 0 !important;
}
body.boxed [data-vc-full-width] {
width: auto !important;
left: auto !important;
}
.hero-video__banner .hero-additional {
position: relative;
}
}
.instagram-pics {
overflow: hidden;
}
ul.instragram-feed-wrap li,
ul.instragram-feed-wrap {
padding: 0;
list-style: none;
margin: 0;
}
.instragram-feed-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.instragram-feed {
position: relative;
width: 16.6666667%;
float: left;
}
.instragram-feed i {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 32px;
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(2, 2, 2, 0.5)));
background: -webkit-linear-gradient(transparent, rgba(2, 2, 2, 0.5));
background: -o-linear-gradient(transparent, rgba(2, 2, 2, 0.5));
background: linear-gradient(transparent, rgba(2, 2, 2, 0.5));
padding-top: 80px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
}
.instragram-feed:hover i {
padding-top: 0;
opacity: 1;
}
.hb-image__block img {
height: 625px;
}
@media (max-width:767px) {
.hb-image__block img {
height: 300px;
}
}
.hb-comment__form input {
margin-bottom: 15px;
}
.hb-comment__form input[type="submit"] {
margin-top: 10px;
margin-bottom: 0;
}
span.wpcf7-not-valid-tip {
font-size: 12px;
margin-top: -12px;
margin-bottom: 8px;
}
.btn-text__link {
color: #c7b39a;
padding-top: 0;
}
.btn-text__link:hover {
opacity: .8;
color: #c7b39a;
}
.text-block__signature h2 {
margin-top: 10px;
}
.hero-video__banner.bg,
.hb-image__block img {
background-size: cover;
background-position: center center;
width: 100%;
}
.style2 .hb-image__block {
margin-left: -30px;
}
.widget_text .textwidget ul li {
font-weight: 300;
line-height: 2em;
}
.hb-divider__seperator {
height: 1px;
background: #eaeaea;
clear: both;
}
.vc_column_container .vc_column-inner {
padding-top: 0 !important;
}
.hb-pricing {
border: 1px solid #eaeaea;
-moz-border-radius: 5px;
border-radius: 5px;
}
.hb-pricing__title {
font-size: 13px;
line-height: 17px;
font-weight: 700;
color: #111;
border-bottom: 1px solid #eaeaea;
text-transform: uppercase;
text-align: center;
padding: 17px 5px;
margin-top: 0;
margin-bottom: 32px;
}
.hb-pricing__count {
font-size: 72px;
line-height: 70px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
color: #111;
}
.hb-pricing__count span {
font-size: 14px;
line-height: 38px;
color: #666;
padding-left: 8px;
font-weight: 400;
vertical-align: bottom;
}
.hb-pricing__count .hb-pricing__top {
font-size: 22px;
line-height: 22px;
font-weight: 300;
vertical-align: top;
padding-left: 0;
padding-right: 9px;
}
.hb-pricing__list {
list-style: none;
border-top: 1px solid #eaeaea;
padding: 0;
margin: 0;
}
.hb-pricing__list li {
list-style: none;
position: relative;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #666;
padding: 16px 5px 16px 70px;
border-bottom: 1px solid #eaeaea;
}
.hb-pricing__list li:before {
content: "\f00d";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
top: 50%;
left: 0;
width: 52px;
font-size: 12px;
color: #ef662f;
text-align: center;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.hb-pricing__list li:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 52px;
bottom: 0;
width: 1px;
background: #eaeaea;
}
.hb-pricing__list li:last-child {
border-bottom: 0;
}
.hb-pricing__list li.active:before {
content: '\f00c';
color: #c7b39a;
}
.hb_single_room #reviews #review_form_wrapper {
margin-bottom: 55px;
}
@media (max-width:767px) {
.hb-pricing {
max-width: 390px;
margin-left: auto;
margin-right: auto;
}
}
.mb-0 {
margin-bottom: 0;
}
.mt-0 {
margin-top: 0;
}
.popular-posts .room-sm__price em {
font-size: 13px;
font-weight: 300;
color: #666;
}
.widget_tag_cloud .tagcloud a {
font-size: 12px !important;
padding: 8px;
background: #f2f2f2;
display: inline-block;
border-radius: 2px;
margin-right: 5px;
margin-bottom: 5px;
}
.sidebar .widget.widget_media_image {
padding: 0 !important;
}
.hb-comment__form {
margin-bottom: 0;
}
.hb-logo__logo__2x {
display: none !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
.hb-logo__logo__2x {
display: inline-block !important;
}
.hb-logo__logo__1x {
display: none !important;
}
}
.hb_related_other_room .rooms .hb_room {
margin-bottom: 0;
}
#hotel-booking-payment,
#hotel-booking-cart {
margin-top: -12px;
}
.header-btn {
background: #c7b39a;
transition: all 0.3s ease;
}
.header-btn:hover {
transition: all 0.3s ease;
}
.rooms .hb_room {
margin-bottom: 30px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
opacity: 1;
}
.page-template-default.wp-hotel-booking-rooms .rooms.hb-catalog-column-5>.hb_room {
width: 20%;
}
.page-template-default.wp-hotel-booking-rooms .rooms.hb-catalog-column-4>.hb_room {
width: 25%;
}
.page-template-default.wp-hotel-booking-rooms .rooms.hb-catalog-column-3>.hb_room {
width: 33.33%;
}
.page-template-default.wp-hotel-booking-rooms .rooms.hb-catalog-column-2>.hb_room {
width: 50%;
}
.sidebar-item .widget-select {
display: block;
}
.hb-video__popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 200;
overflow: auto;
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.hb-video__caption {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 200;
}
.hb-video__table {
position: absolute;
display: table;
top: 0;
left: 50%;
width: 1140px;
height: 100%;
padding: 30px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 201;
}
.hb-video__cell {
display: table-cell;
vertical-align: middle;
}
.hb-video__close {
position: absolute;
top: -28px;
right: -28px;
width: 25px;
height: 25px;
cursor: pointer;
}
.hb-video__close:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.hb-video__close:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.hb-video__close:hover:before,
.hb-video__close:hover:after {
background: #c7b39a;
}
.hb-video__popup .embed-responsive {
overflow: visible;
}
.hb-video__popup.active {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
@media (max-width:1199px) {
.hb-video__table {
width: 100%;
}
}
@media (max-width:767px) {
.hb-video__table {
padding-left: 15px;
padding-right: 15px;
}
.hb-video__close {
right: 0;
}
}
.hb-video__anchor {
color: #fff;
}
.hb-video__anchor:hover {
opacity: 0.8;
color: inherit;
}
.ui-datepicker {
width: 18.2em;
} .hero-date-picker-style2.hero-additional label,
.hero-date-picker-style3.hero-additional label {
display: none;
}
.hero-date-picker-style2.hero-additional .btn,
.hero-date-picker-style3.hero-additional .btn {
margin-top: 0;
border-radius: 0 3px 3px 0;
}
.hero-date-picker-style2 .hero-additional__col,
.hero-date-picker-style2 .hb-form-field,
.hero-date-picker-style3 .hero-additional__col,
.hero-date-picker-style3 .hb-form-field {
padding: 0;
margin: 10px 0;
border-radius: 0;
}
.hero-date-picker-style2.hero-additional input,
.hero-date-picker-style2.hero-additional select,
.hero-date-picker-style3.hero-additional input,
.hero-date-picker-style3.hero-additional select {
border: 1px solid #e1e1e1;
border-left: 0;
border-radius: 0;
}
.hero-date-picker-style2.hero-additional .hb-form-field:first-child input,
.hero-date-picker-style3.hero-additional .hb-form-field:first-child input {
border-radius: 3px 0 0 3px;
}
.hero-date-picker-style2 .input--date,
.hero-date-picker-style3 .input--date {
position: relative;
border-radius: 0;
}
@media (max-width: 767px) {
.hero-date-picker-style2.hero-additional form,
.hero-date-picker-style3.hero-additional form {
margin: 0;
}
.hero-date-picker-style2.hero-additional .hb-form-field:first-child input,
.hero-date-picker-style2.hero-additional .hb-form-field:first-child input,
.hero-date-picker-style3.hero-additional .hb-form-field:first-child input {
border-radius: 0;
}
.hero-date-picker-style3.hero-additional .hb-form-field input,
.hero-date-picker-style3.hero-additional .hb-form-field select {
border-left: 1px solid #e1e1e1;
}
.hero-date-picker-style3.hero-additional .hb-submit,
.date-picker__alt.hero-additional.hero-additional-box {
margin-bottom: 0;
}
.hero-additional.hero-date-picker-style3,
.hero-additional.hero-date-picker-style3 .container {
padding-bottom: 0 !important;
}
.hero-date-picker-style2.hero-additional .btn,
.hero-date-picker-style3.hero-additional .btn {
border-radius: 3px;
}
}
.date-picker__alt .hero-additional__col--btn i {
margin-left: 8px;
font-size: 18px;
position: relative;
top: 1px;
}
.hero-additional.hero-date-picker-style3 {
background: transparent;
padding: 10px 0;
} .hero-additional.hero-additional-box {
background: transparent;
margin-bottom: 40px;
}
.hero-additional-box form {
max-width: 770px;
margin-left: auto;
margin-right: auto;
background-color: rgba(17, 17, 17, 0.9);
}
.hero-additional-box .hb-form-field {
width: 25%;
margin: 0;
height: 145px;
border: 1px solid rgba(225, 225, 225, 0.1);
border-right: 0;
padding: 33px 10px;
position: relative;
}
.hero-additional-box .hb-submit {
margin: 0;
padding: 0;
width: 25%;
height: 145px;
}
.hero-additional-box.hero-additional .btn {
margin: 0;
border-radius: 0;
height: 100%;
}
.date-picker__alt input,
.date-picker__alt select {
background: transparent;
padding: 0 !important;
}
.hero-additional-box.hero-additional label {
color: #666666;
margin-bottom: 12px;
text-transform: uppercase;
display: block;
font-size: 12px;
}
.hb-form-field-in {
padding-left: 25px;
}
.date-picker__alt input[type="text"].day,
.date-picker__alt select[name="adults_capacity"],
.date-picker__alt input[type="text"].guest {
margin-top: 0;
font-family: "Old Standard TT";
font-size: 54px;
color: #fff;
font-weight: 400;
display: inline-block;
margin-bottom: 0;
width: 65px;
pointer-events: none;
height: 50px;
padding: 0;
line-height: 1em;
}
.date-picker__alt input[type="text"].guest {
width: 67px;
}
.date-picker__alt .widget-select {
width: 0;
display: inline-block;
opacity: 0;
}
.date-picker__alt .hb-select__group {
display: inline-block;
}
.date-picker__alt .hb-select__group span {
display: block;
}
.hb-select__field {
margin-left: -3px;
}
.date-picker__alt input[type="text"].month {
position: relative;
font-size: 14px;
color: rgba(255, 255, 255, 0.40);
width: 37px;
height: auto;
line-height: 1em;
}
.date-picker__alt .hb-form-field-input i {
position: relative;
top: 3px;
color: #b5b5b5;
font-size: 20px;
}
.date-picker__alt .hb-form-field-input .ui-datepicker-trigger {
position: absolute;
width: 100%;
height: 100%;
background: transparent;
left: -1px;
top: 70px;
border: 0;
opacity: 0;
}
.ui-datepicker.ui-datepicker__position {
margin-top: 50px;
}
.date-picker__alt.hero-additional-box.hero-additional label {
color: rgba(255, 255, 255, 0.40);
}
.style7 .date-picker__alt.hero-additional-box form {
background: #fff;
}
.style7 .date-picker__alt.hero-additional-box .hb-form-field {
border-color: #e1e1e1;
}
.style7 .date-picker__alt.hero-additional-box.hero-additional label,
.style7 .date-picker__alt .hb-form-field-input i {
color: #666;
}
.style7 .date-picker__alt input[type="text"].day,
.style7 .date-picker__alt select[name="adults_capacity"],
.style7 .date-picker__alt input[type="text"].guest,
.style7 .date-picker__alt input[type="text"].month {
color: #111;
}
.style7 .date-picker__alt.hero-additional-box.hero-additional .btn {
background: #111;
}
.date-picker__alt .check-date {
display: none;
}
@media screen and (max-width: 600px) {
.hero-additional-box .hb-form-field,
.hero-additional-box .hb-submit {
width: 50%;
}
}
.hero-additional select option:before {
content: '';
}
.hb-no__result {
background: #c7b39a;
padding: 12px 20px 8px 20px;
}
.hb-no__result h4 {
color: #fff;
text-align: left;
font-size: 24px;
}
.hb-no__result h4 i {
margin-right: 6px;
}
.tt-blog-user-img,
.tt-blog-user-content {
display: inline-block;
}
.tt-blog-user-content {
color: #b5b5b5;
font-weight: 300;
margin-left: 5px;
}
.tt-blog-user-content a {
color: rgba(255, 255, 255, 0.9);
font-weight: 400;
}
.tt-blog-user-content a:hover {
color: rgba(230, 230, 230, 0.6);
}
.tt-blog-user-content span:after {
content: '|';
display: inline-block;
padding-left: 4px;
padding-right: 1px;
}
.tt-blog-user-content span:last-child:after {
content: '';
}
.tt-blog-user-img img {
border-radius: 50%;
}
.tt-blog-user {
margin-top: 10px;
}
body.boxed .outer-wrapper_layout {
background: #fff;
}
.hb-google__map__iframe iframe {
max-width: 100%;
display: block;
}
.hb-payment-method-form {
position: relative;
}
.hb-payment-method-form.paypal:before,
.hb-payment-method-form.stripe:before {
content: "\f1f4";
font-family: FontAwesome;
position: absolute;
left: 0;
color: #b5b5b5;
top: 1px;
}
.hb-payment-method-form.stripe:before {
content: "\f1f5";
}
.hb-form-table.col-2 {
padding-right: 30px;
}
.hb-form-table.col-2:last-of-type {
padding-right: 0;
}
#hotel-booking-cart input[type="number"],
#hotel-booking-payment input[type="number"],
#hotel-booking-cart input[type="text"],
#hotel-booking-payment input[type="text"],
#hotel-booking-cart input[type="email"],
#hotel-booking-payment input[type="email"] {
width: 100%;
}
@media (max-width: 767px) {
.hb-form-table.col-2 {
width: 100%;
padding-right: 0;
}
}
.hb-slider .slick-track {
height: 550px;
padding-bottom: 26px;
padding-top: 18px;
}
.hb-slider .slick-slide {
-webkit-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
margin: 0 26px;
height: calc(100% - 60px);
}
.hb-slider .slick-list.draggable {
padding: 0 23% !important;
}
.vc_row-fluid[data-vc-stretch-content='true'] .hb-slider .slick-slide {
margin: 0 34px;
}
.hb-slick__center .slick-center {
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
-webkit-transform: scale(1.08);
}
.hb-slider .hb-single__slide {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 4px;
overflow: hidden;
}
.hb-slider .hb-single__slide:focus {
outline: 0;
}
.hb-slider .hb-single__slide:after {
content: '';
position: absolute;
background: rgba(0, 0, 0, 0.4);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
} .hb-slider__text {
position: absolute;
bottom: 13px;
left: 80px;
z-index: 3;
}
.hb-slider .slick-slide .hb-slider__text {
opacity: 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.hb-slider .slick-active .hb-slider__text {
opacity: 1;
left: 26px;
-webkit-transition-delay: 0.35s;
-o-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.hb-slider .hb-slider__text h2 {
color: #fff;
font-size: 30px;
margin-top: 0;
margin-bottom: 5px;
font-family: 'Old Standard TT', sans-serif;
font-weight: 400;
}
.hb-slider .hb-slider__text span {
font-size: 16px;
font-weight: 300;
color: rgba(255, 255, 255, 0.702);
} .hb-slider .slick-arrow {
position: absolute;
bottom: 0;
left: 50%;
z-index: 2;
}
.hb-slider .slick-nav__prev {
margin-left: -32px;
}
.hb-slider .slick-nav__next {
margin-left: 0;
}
@media screen and (max-width: 767px) {
.hb-slider .hb-slider-text h2 {
font-size: 30px;
}
.hb-slider .hb-slider-text span {
font-size: 14px;
}
}
@media screen and (max-width: 557px) {
.hb-slider .slick-list.draggable {
padding: 0 !important;
}
.hb-slider .slick-track {
padding-top: 0;
padding-bottom: 67px;
}
.hb-slider .slick-slide {
height: 100%;
}
.hb-slider .slick-current.slickslide {
margin-top: 0;
}
.hb-slider .slick-track {
height: 450px;
}
}
.post-password-form input[type="password"] {
border: 1px solid #eaeaea;
}
.post-password-form input[type="submit"] {
background: #c7b39a;
border: 0 none;
border-radius: 2px;
color: #fff;
padding: 2px 20px;
}
.post-password-form input[type="submit"]:hover {
opacity: 0.80;
}
.blog-page__title__wrapper {
margin-top: -5px;
margin-bottom: 30px;
}
.blog-page__title {
color: #111;
}
.blog-page__title__wrapper .tt-blog-user-content a {
color: #666;
}
.page-links {
clear: both;
}
.footer_widget.widget_tag_cloud .tagcloud a {
background: #232323;
padding: 2px 8px;
}
.footer_widget ul {
padding-left: 0;
list-style-position: inside;
}
.widget_nav_menu ul li ul {
padding-left: 4%;
}
.wp-hotel-booking-search-rooms h3 {
color: #111;
}
.wp-hotel-booking-search-rooms input,
.wp-hotel-booking-search-rooms select {
border-radius: 0;
border: 1px solid #eaeaea;
padding-left: 15px;
}
.wp-hotel-booking-search-rooms label {
font-weight: normal;
color: #666;
}
.wp-hotel-booking-search-rooms input:-ms-input-placeholder {
color: #b5b5b5;
font-size: 10px;
}
.wp-hotel-booking-search-rooms input::placeholder {
color: #b5b5b5;
font-size: 13px;
}
.wp-hotel-booking-search-rooms button[type="submit"] {
background: #c7b39a;
border: 0 none;
font-weight: 400;
text-transform: uppercase;
font-size: 12px;
margin-top: 36px;
display: inline-block;
margin-left: 10px;
}
.hero-additional .hb-search__title {
display: none;
}
.hb-select-extra-results .checkbox-select {
float: left;
}
.hb-select-extra-results .hb_package_title {
padding-left: 30px;
}
.hb-select-extra-results .hb_addition_packages {
margin-bottom: 25px;
}
.wp-hotel-booking-search-rooms .hb-select-extra-results button[type="submit"] {
margin-top: 0;
}
.hb_extra_detail_price .hb_optional_quantity {
max-height: 25px;
max-width: 50px;
}
.hb-extra_btn:hover,
#hotel-booking-cart button[type="submit"].update:hover {
opacity: 0.80;
background: #c7b39a;
}
.hb-extra_btn {
background: #c7b39a;
font-size: 12px;
text-transform: uppercase;
}
.hb-no__content .hb-search__form {
border: 1px solid #eaeaea;
border-radius: 3px;
padding-left: 15px;
margin-top: 20px;
}
.hb-search-room-results li.hb_search_quantity .number_room_select.hotel_booking_invalid_quantity {
color: #e83f4f;
border: 1px solid #e83f4f;
}
.hb_search_quantity .widget-select.hotel_booking_invalid_quantity_widget:after {
color: #e83f4f;
}
#hotel-booking-cart button[type="submit"].update {
background: #c7b39a;
color: #fff;
}
#hb_room_load_booking_form {
float: none;
background:#c7b39a;
margin-bottom: 30px;
}
#hb_room_load_booking_form:hover {
opacity:0.9;
}
#hb_room_load_booking_form + .rooms-slider__title,
.entry-summary > .rooms-slider__title {
display: none;
}