* {
     margin: 0 auto;
}
html {
     overflow-x: hidden;
}
body {
     font-family: 'Roboto', sans-serif;
     overflow-x: hidden;
     scroll-behavior: smooth;
     background: #eee;
}
.clearfix {
     clear: both;
}
header {
     position: relative;
     z-index: 1000;
     padding: 12px 0;
     background: #fff;
}
header .nav {
     margin-top: 10px;
}
.main-nav {
     float: right;
}
.main-nav ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
.main-nav ul>li {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     font-size: 0;
     margin-left: -4px;
     padding: 0 12px;
}
.main-nav ul li i {
     color: #0d814c;
     margin-right: 12px;
}
.main-nav ul li a {
     color: #454545;
     font-size: 14px;
     font-weight: 500;
     transition: all .3s ease-in-out;
     text-decoration: none;
}
.main-nav ul > li a:hover,.main-nav ul > li a:focus,.main-nav ul > li a.active {
    background: #f5f5f5;
    color: #0d814c;
    background: transparent;
    border: none;
    outline: none;
}
.main-nav ul>li:first-child {
     border-right: 1px solid #ddd;
}
.main-nav ul li select {
     padding: 8px;
     font-size: 14px;
     background: #ddd;
     border: none;
     color: #888 !important;
}
.main-nav ul li select option {
     background: #fff;
}
.dropdown {
     display: none;
     position: absolute;
     top: 40px;
     z-index: 99;
     width: 240px;
     text-align: center;
     list-style-type: none;
     -webkit-box-shadow: 0px 0px 24px 16px rgba(0, 0, 0, .08);
     box-shadow: 0px 0px 24px 16px rgba(0, 0, 0, .08);
}
.dropdown li {
     display: block !important;
     background: #fff;
     padding: 0 !important;
     border-right: none !important;
     border-bottom: 1px solid #ddd;
}
.dropdown li:last-child {
     border: none;
}
.dropdown li a {
     display: block;
     width: 100%;
     padding: 8px 0;
     font-size: 13px !important;
     font-weight: 400 !important;
     transition: all .3s ease-in-out;
     color: #000 !important;
     padding: 15px 10px !important;
}
.dropdown li a:hover,.dropdown li a:focus,.dropdown li a:active {
     background: #eee !important;
     border: none;
     outline: none;
}
.show-nav {
     display: block;
}
.btn-choose {
     display: inline-block;
     padding: 16px 24px;
     background: #FFF;
     text-decoration: none;
     font-size: 14px;
     font-weight: 500;
     color: #aaa;
     transition: all .3s ease-in-out;
}
.btn-choose i {
     display: inline-block;
     vertical-align: middle;
     margin-left: 120px;
     color: #454545;
     font-size: 24px;
     font-weight: 600;
}
.btn-choose:hover,.btn-choose:focus,.btn-choose:active {
     text-decoration: none;
     color: #454545;
}
.btn-destination {
     display: inline-block;
     padding: 0;
     margin: 0;
     list-style-type: none;
}
.btn-destination li {
     position: relative;
}
.btn-destination .dropdown {
     top: auto;
     width: 100%;
     margin: 4px 0 0 0;
     padding: 0;
}
.btn-destination .dropdown a {
     color: #454545;
}
.btn-destination .dropdown a:hover {
     color: #0d814c;
     text-decoration: none;
}
.top-ad-banner {
    position: relative;
    text-align: center;
}
.top-ad-banner img {
     max-width: 1366px;
}
.top-ad-banner small {
     position: absolute;
     top: calc(50% - 4px);
     transform: rotate(90deg);
     font-size: 8px;
     color: #777;
     letter-spacing: 2px;
}
.home-hotel-list {
     padding: 64px 0 34px 0;
}
.home-hotel-list .col-md-3,.nearby-hotel-list .col-md-3 {
     padding: 0 8px;
}
.home-hotel-list .tour-mig-like {
}
.tour-mig-like-com {
     margin-bottom: 16px;
}
.home-hotel-list .tour-mig-lc-img img,.home-hotel-list .tour-mig-like-com:before {
     border-radius: 0;
}
.home-hotel-list .tour-mig-like-com:before,.item-destination .tour-item:before {
     content: '';
     position: absolute;
     top: 0;
     left: 8px;
     width: calc(100% - 16px);
     height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
}
.item-destination {
     margin-bottom: 16px;
     overflow: hidden;
}
.item-destination .tour-caption {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     padding: 16px 30px 16px 30px;
}
.item-destination:hover .tour-caption {
     bottom: 16px;
}
.item-destination .tour-caption h5 {
     margin: 0;
     font-size: 20px;
     font-weight: 500;
     color: #fff;
}
.item-destination .tour-caption small {
     font-size: 11px;
     color: #fff;
}
.item-destination .tour-item img {
     max-width: 100%;
}
.item-destination .btn-travel {
     position: absolute;
     top: 0;
     right: 24px;
     z-index: 9;
     display: inline-block;
     padding: 2px 12px;
     background: #258dc1;
     text-transform: uppercase;
     color: #fff;
     font-size: 10px;
     font-weight: 500;
     transition: all .3s ease-in-out;
     opacity: 0;
     letter-spacing: .5px;
     display: none;
}
.item-destination .btn-travel:hover,.item-destination .btn-travel:focus,.item-destination .btn-travel:active,.subbanner .btn-travel:hover,.subbanner .btn-travel:focus,.subbanner .btn-travel:active {
     background: #0d814c;
     text-decoration: none;
}
.item-destination:hover .btn-travel {
     top: 16px;
     opacity: 1;
}
.fixed-header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
}
.modal {
     z-index: 999999;
}
.modal-backdrop.in {
     opacity: .8;
}
.modal-travel .modal-content {
     border-radius: 0;
}
.modal-travel .modal-header {
     padding: 15px 24px;
     background: #322d28;
}
.modal-travel .modal-header h4 {
     color: #fff;
}
.modal-travel .close {
     margin-top: 2px;
     display: inline-block;
     padding: 8px 12px 6px 12px;
     background: #258dc1;
     float: right;
     font-size: 11px;
     font-weight: 600;
     line-height: 1;
     color: #fff;
     text-shadow: none;
     opacity: 1;
     letter-spacing: .5px;
     border-radius: 30px;
}
.modal-travel .modal-body {
     padding: 32px;
}
.modal-travel .modal-body p:last-child {
     margin-bottom: 0;
}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
     background: transparent;
     border: none;
}
.bottom-band {
     position: relative;
     margin-bottom: 64px;
}
.bottom-band .owl-carousel {
     display: block;
}
.bottom-band .owl-theme .owl-nav {
     margin: 0;
     width: 100%;
     position: absolute;
     top: calc(50% - 40px);
}
.bottom-band .owl-theme .owl-nav [class*=owl-] {
     color: #454545;
     font-size: 56px;
     font-weight: 600;
     margin: 0;
     padding: 0;
     background: transparent;
     display: inline-block;
     cursor: pointer;
     border-radius: 0;
     opacity: .4;
     transition: all .3s ease-in-out;
}
.bottom-band .owl-theme .owl-nav [class*=owl-]:hover {
     opacity: 1;
}
.bottom-band .owl-prev {
     position: absolute;
     left: -48px;
}
.bottom-band .owl-next {
     position: absolute;
     right: -48px;
}
.hotel-nearby h2 {
     text-align: left;
     margin: 0;
     padding: 0;
}
.hotel-nearby .sec-title a {
     display: inline-block;
     margin-top: 8px;
     color: #0c814c;
     font-weight: 600;
     transition: all .3s ease-in-out;
}
.hotel-nearby .sec-title a:hover {
     color: #454545;
     text-decoration: none;
}
.hotel-nearby .sec-title a i {
     margin-left: 12px;
     font-weight: 600;
}
.nearby-hotel-list {
     margin-bottom: 64px;
}
.nearby-hotel-list a {
     color: #454545;
}
.nearby-hotel-list a:hover,.nearby-hotel-list a:focus,.nearby-hotel-list a:active {
     text-decoration: none;
}
.nearby-hotel-list .item-hotel {
     position: relative;
     top: 0;
     -webkit-box-shadow: 0px 0px 16px 12px rgba(0, 0, 0, .04);
     box-shadow: 0px 0px 16px 12px rgba(0, 0, 0, .04);
     transition: all .3s ease-in-out;
}
.nearby-hotel-list .item-hotel:hover {
     top: -6px;
}
.nearby-hotel-list .item-hotel img {
     max-width: 100%;
}
.nearby-hotel-list .item-hotel .content-block {
     padding: 24px;
     background: #fff;
     text-align: center;
     min-height: 167px;
}
.nearby-hotel-list .item-hotel .content-block h3 {
     margin: 0 0 12px 0;
     font-size: 16px;
     font-weight: 600;
}
.nearby-hotel-list .item-hotel i {
     margin: 0 1px;
     font-size: 16px;
     color: #ecd63c;
}
.nearby-hotel-list .item-hotel .rates-5 i {
     color: #ecd63c;
}
.nearby-hotel-list .item-hotel .rates-4 i:nth-child(5) {
     color: #ccc;
}
.nearby-hotel-list .item-hotel .rates-3 i:nth-child(5),.nearby-hotel-list .item-hotel .rates-3 i:nth-child(4) {
     color: #ccc;
}
.nearby-hotel-list .item-hotel .rates-2 i:nth-child(5),.nearby-hotel-list .item-hotel .rates-2 i:nth-child(4),.nearby-hotel-list .item-hotel .rates-2 i:nth-child(3) {
     color: #ccc;
}
.nearby-hotel-list .item-hotel .rates-1 i:nth-child(5),.nearby-hotel-list .item-hotel .rates-1 i:nth-child(4),.nearby-hotel-list .item-hotel .rates-1 i:nth-child(3),.nearby-hotel-list .item-hotel .rates-1 i:nth-child(2) {
     color: #ccc;
}
.nearby-hotel-list .item-hotel .price {
     padding-top: 12px;
     margin-top: 12px;
     border-top: 1px solid #ddd;
     font-size: 18px;
     font-weight: 600;
}
.partners-list {
     margin-bottom: 64px;
}
.partners-list ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     text-align: center;
}
.partners-list ul li {
     display: inline-block;
     vertical-align: middle;
     margin: 0 16px;
}
.partners-list ul li img {
     max-height: 50px;
     filter: grayscale(100%);
     transition: all .3s ease-in-out;
     opacity: .8;
}
.partners-list ul li:nth-child(1) img {
     max-height: 72px;
}
.partners-list ul li a:hover img,.partners-list ul li a:focus img,.partners-list ul li a:active img {
     filter: grayscale(0%);
     opacity: 1;
}
.footer-filler {
     padding: 56px 0;
     background: #fff;
}
.footer-filler h3 {
     padding-bottom: 16px;
     margin-bottom: 16px;
     border-bottom: 1px solid #ddd;
     font-size: 16px;
     font-weight: 600;
}
.footer-filler ul {
     margin: 0 0 0 16px;
     padding: 0;
     list-style-type: none;
}
.footer-filler ul li {
    display: inline-block;
    margin-top: 8px;
    padding: 0 7px;
    border-right: 1px solid #ddd;
}
.footer-filler ul li:first-child {
}
.footer-filler ul li:last-child {
     padding-right: 0;
     border-right: none;
}
.footer-filler ul li a {
     font-size: 14px;
     color: #454545;
}
.footer-filler .filler-block {
     display: table;
     width: 100%;
}
.footer-filler .filler-block .tour-list {
     display: table-cell;
     vertical-align: middle;
     width: 100%;
}
.footer-filler .filler-block .btn-holder {
     display: table-cell;
     vertical-align: middle;
     width: 30%;
}
.footer-filler .filler-block .btn-holder a {
     display: inline-block;
     padding: 8px 24px;
     background: #ddd;
     font-size: 10px;
     font-weight: 500;
     color: #888;
     letter-spacing: .5px;
     transition: all .3s ease-in-out;
}
.footer-filler .filler-block .btn-holder a:hover,.footer-filler .filler-block .btn-holder a:focus {
     text-decoration: none;
     background: #258dc1;
     color: #fff;
}
.footer-sos p,.footer-sos p a,.two-columns li a {
     color: #777;
     font-size: 14px;
     font-weight: 400;
     transition: all .3s ease-in-out;
}
.footer-sos p a:hover,.two-columns li a:hover {
     color: #fff;
     text-decoration: none;
}
.two-columns li {
     line-height: 19px;
}
.footer-sos img {
     max-width: 100%;
}
.copyright-alt {
     position: relative;
     padding-top: 24px;
     margin-top: 64px;
     padding-bottom: 0;
     color: #777;
     font-size: 13px;
     border-top: 4px double #444;
     text-align: left;
}
 .copyright-alt a {
     font-size: 13px;
     color: #999;
     text-decoration: none;
}
 .copyright-alt a:hover {
     color: #fff;
}
#top {
     position: absolute;
     top: 20px;
     right: 15px;
     font-size: 24px;
     color: #fff;
}
/* Preloader */
#preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#258dc1+0,0c814c+100 */
     background: rgb(37, 141, 193);
    /* Old browsers */
     background: -moz-linear-gradient(-45deg, rgba(37, 141, 193, 1) 0%, rgba(12, 129, 76, 1) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, rgba(37, 141, 193, 1) 0%, rgba(12, 129, 76, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, rgba(37, 141, 193, 1) 0%, rgba(12, 129, 76, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#258dc1', endColorstr='#0c814c', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
     z-index: 9999;
    /* makes sure it stays on top */
     align-items: center;
     display: flex;
}
.loader {
     height: 40px;
     width: 40px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -20px;
     margin-left: -20px;
     -webkit-animation: rotation .6s infinite linear;
     -moz-animation: rotation .6s infinite linear;
     -o-animation: rotation .6s infinite linear;
     animation: rotation .6s infinite linear;
     border-left: 6px solid rgba(255, 255, 255, .15);
     border-right: 6px solid rgba(255, 255, 255, .15);
     border-bottom: 6px solid rgba(255, 255, 255, .15);
     border-top: 6px solid rgba(255, 255, 255, .8);
     border-radius: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
@-webkit-keyframes rotation {
     from {
         -webkit-transform: rotate(0deg);
    }
     to {
         -webkit-transform: rotate(359deg);
    }
}
@-moz-keyframes rotation {
     from {
         -moz-transform: rotate(0deg);
    }
     to {
         -moz-transform: rotate(359deg);
    }
}
@-o-keyframes rotation {
     from {
         -o-transform: rotate(0deg);
    }
     to {
         -o-transform: rotate(359deg);
    }
}
@keyframes rotation {
     from {
         transform: rotate(0deg);
    }
     to {
         transform: rotate(359deg);
    }
}
.subbanner {
     position: relative;
     background: #258dc1;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
}
.subbanner img {
     position: absolute;
     filter: grayscale(100%);
     opacity: .32;
     width: 100%;
}
.subbanner .overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 9;
     width: 100%;
     height: 100%;
     background: #000;
     mix-blend-mode: soft-light;
}
.subbanner .content-block {
     position: relative;
     z-index: 10;
     padding: 80px 0;
     text-shadow: rgb(0 0 0 / 64%) 0px 0px 16px;
}
.subbanner .content-block small span {
     font-size: 12px !important;
     color: #fff;
}
.subbanner .content-block h1 {
     margin: 4px 0 12px 0;
     font-size: 40px;
     font-weight: 600;
     color: #fff;
}
.subbanner .content-block p {
     color: #fff;
}
.subbanner .btn-travel {
     position: absolute;
     top: 0;
     right: 15px;
     z-index: 11;
     display: inline-block;
     padding: 2px 12px;
     background: #258dc1;
     text-transform: uppercase;
     color: #fff;
     font-size: 10px;
     font-weight: 500;
     transition: all .3s ease-in-out;
     letter-spacing: .5px;
     display: none;
}
.hotel-list-inner {
     position: relative;
     padding: 25px 0;
}
.hotel-list-inner aside {
     padding: 16px;
     background: #ddd;
}
.hotel-list-inner aside .btn-destination {
     width: 100%;
}
.hotel-list-inner aside .btn-destination li {
     display: block;
}
.hotel-list-inner aside .btn-choose {
     display: block;
}
.hotel-list-inner aside .btn-choose i {
     margin: 0;
     float: right;
}
.hotel-list-inner .side-panel,.wrapper-checkout .side-panel,.right-info-panel .side-panel {
     margin-top: 16px;
     text-align: center;
}
.hotel-list-inner .side-panel img,.wrapper-checkout .side-panel img,.right-info-panel .side-panel img {
     width: auto;
     max-width: 100%;
}
.price-range,.select-rate {
     margin-top: 40px;
}
.price-range h3,.select-rate h3 {
     padding-bottom: 12px;
     margin-bottom: 16px;
     border-bottom: 1px solid #bbb;
     font-size: 14px;
     font-weight: 600;
}
.price-range ul,.select-rate ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
.price-range ul li {
     color: #454545;
}
.price-range ul li strong {
     font-size: 12px;
     letter-spacing: .5px;
}
.price-range .noUi-base {
     width: 96%;
     margin: 0;
}
.price-range ul li input[type="submit"],.price-range ul li input[type="button"] {
     width: 100%;
     padding: 12px;
     background: #258dc1;
     border: none;
     outline: none;
     text-transform: uppercase;
     color: #fff;
     font-weight: 600;
     letter-spacing: .5px;
     transition: all .3s ease-in-out;
}
.price-range ul li input[type="submit"]:hover,.price-range ul li input[type="submit"]:focus,.price-range ul li input[type="submit"]:active,.price-range ul li input[type="button"]:hover,.price-range ul li input[type="button"]:focus,.price-range ul li input[type="button"]:active {
     background: #0d814c;
}
.hotel-list-inner aside .dropdown {
     position: relative;
}
.select-rate .hot-list-left-part-rat {
     margin-left: 8px;
}
.select-rate .fa-star-o {
     color: #bbb !important;
}
.item-hotel-main {
     margin-bottom: 16px;
     padding: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     background: #fff;
     transition: all .3s ease-in-out;
}
.item-hotel-main:hover {
     -webkit-box-shadow: 0px 0px 24px 16px rgba(0, 0, 0, .08);
     box-shadow: 0px 0px 24px 16px rgba(0, 0, 0, .08);
}
.item-hotel-main a {
     text-decoration: none;
}
.item-hotel-main .img-block {
     display: flex;
     flex: 0 0 400px;
     overflow: hidden;
     background: #ddd;
     align-items: center;
     justify-content: center;
}
.item-hotel-main .img-block img {
     width: auto;
     height: 260px;
}
.item-hotel-main .content-block {
     width: calc(100% - 400px);
     display: table;
}
.item-hotel-main .content-block .left-block {
     display: table-cell;
     width: 65%;
     padding: 0 16px 0 16px;
     vertical-align: middle;
     border-right: 4px solid #ddd;
}
.item-hotel-main .content-block .right-block {
     display: table-cell;
     width: 35%;
     vertical-align: middle;
     padding-left: 16px;
     text-align: center;
}
.item-hotel-main .content-block .right-block small {
     display: block;
     color: #999;
     font-size: 13px;
}
.item-hotel-main .content-block .right-block .price-txt {
     display: block;
     margin: 8px 0 12px 0;
     color: #0c814c;
     font-size: 24px;
     font-weight: 800;
}
.item-hotel-main .content-block .right-block a,.tbl-voucher .btn-submit-item a {
     display: inline-block;
     padding: 8px 24px;
     background: #78af20;
     font-size: 12px;
     font-weight: 500;
     color: #fff;
     text-transform: uppercase;
     letter-spacing: .5px;
     transition: all .3s ease-in-out;
     line-height: 16px;
}
.tbl-voucher .btn-submit-item a {
     padding: 8px;
}
.item-hotel-main .content-block .right-block a:hover,.item-hotel-main .content-block .right-block a:focus,.item-hotel-main .content-block .right-block a:active,.tbl-voucher .btn-submit-item a:hover,.tbl-voucher .btn-submit-item a:focus,.tbl-voucher .btn-submit-item a:active {
     background: #258dc1;
     text-decoration: none;
}
.item-hotel-main .content-block [class*=voucher-count-] {
     font-size: 12px;
     color: #999;
}
.item-hotel-main .content-block h3 {
     margin: 8px 0 8px 0;
     font-size: 24px;
     font-weight: 600;
     color: #258dc1;
}
.item-hotel-main .content-block .rates {
     margin-bottom: 8px;
}
.item-hotel-main .content-block .rates i {
     font-size: 16px;
     color: #f7e043;
     margin: 0 2px 0 0;
}
.item-hotel-main .content-block ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
.item-hotel-main .content-block ul li {
     color: #454545;
     font-size: 13px;
     line-height: 19px;
}
.item-hotel-main .content-block ul li a {
     display: inline-block;
     margin-top: 12px;
     font-size: 13px;
     color: #0c814c;
     line-height: 19px;
     word-break: break-all;
}
.item-hotel-main .content-block ul li a:hover,.item-hotel-main .content-block ul li a:focus,.item-hotel-main .content-block ul li a:active {
     text-decoration: underline;
}
.no-found {
     text-align: center;
}
.no-found small {
     display: inline-block;
     margin-bottom: 24px;
     font-size: 80px;
     font-weight: 500;
     color: #bbb;
}
.no-found h4 {
     font-weight: 600;
}
.pagination {
     text-align: center;
     width: 100%;
}
.pagination>li {
     display: inline-block;
}
.pagination li,.pagination li a {
     border-radius: 0 !important;
}
.pagination li a {
     text-transform: uppercase;
     color: #454545;
     font-weight: 600;
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
     background: #eee;
     border: 1px solid #ddd;
     color: #454545;
}
.pagination li.active a,.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
     color: #454545;
}
.pagination>li>a,.pagination>li>span {
     padding: 8px 16px;
}
.pagination li.disabled a {
     color: #aaa;
}
.hotel-list-inner .abs-panel,.hotel-info-main .abs-panel,.wrapper-checkout .abs-panel {
     text-align: center;
}
.hotel-list-inner .abs-panel img,.hotel-info-main .abs-panel img,.wrapper-checkout .abs-panel img {
     display: block;
     width: auto;
     margin: 0;
}
.hotel-list-inner .abs-panel small,.hotel-info-main .abs-panel small,.wrapper-checkout .abs-panel small {
     display: block;
     margin-top: 24px;
     font-size: 8px;
     color: #bbb;
     letter-spacing: 2px;
}
@media (min-width: 1200px) {
     .hotel-list-inner .container, .hotel-info-main .container, .content-checkout .container {
         width: 1349px;
         padding: 0 40px;
    }
}
.hotel-list-inner .container .row,.hotel-info-main .container .row {
     margin-left: 0;
     margin-right: 0;
}
.container-hotel-list {
     display: flex;
}
.container-hotel-list .sidebar {
     flex: 0 0 260px;
     max-width: 260px;
}
.container-hotel-list .main-content-hotels {
     padding: 0 16px;
     flex: 0 0 calc(100% - 400px);
     max-width: calc(100% - 400px);
}
.container-hotel-list .sidepanel,.container-hotel-info .sidepanel,.wrapper-checkout .sidepanel {
     flex: 0 0 140px;
     max-width: 140px;
}
.container-hotel-list .sidepanel img,.container-hotel-info .sidepanel img,.wrapper-checkout .sidepanel img {
     max-width: 100%;
}
.subbanner .logo-img {
     position: absolute;
     right: 0;
     bottom: 0;
     padding: 12px;
     background: #fff;
}
.subbanner .logo-img img {
     position: static;
     max-width: 120px;
     filter: grayscale(0%);
     opacity: 1;
     height: auto;
}
.subbanner .hotel-rate {
     margin-bottom: 24px;
     text-shadow: none;
}
.subbanner .address {
     width: 400px;
}
.subbanner .weburl {
     margin-top: 24px;
     word-break: break-all;
}
.subbanner .weburl a {
     color: #fff;
     text-decoration: underline;
}
.hotel-info-main {
     padding: 64px 0;
}
.hotel-info-main .info-title .spe-title {
     text-align: left;
}
.hotel-info-main .info-title .spe-title h2 {
     display: inline-block;
     vertical-align: middle;
     margin: 0;
     padding: 0;
}
.hotel-info-main .info-title .spe-title small {
     display: inline-block;
     vertical-align: middle;
     margin-top: 4px;
     margin-left: 24px;
     font-size: 14px;
}
.tbl-voucher {
     flex: 0 0 calc(100% - 500px);
     max-width: calc(100% - 500px);
}
.tbl-voucher-header {
     margin-bottom: 24px;
     padding-bottom: 24px;
     border-bottom: 3px solid #454545;
}
.tbl-voucher .item-rate-plan {
     border-bottom: 1px solid #ccc;
}
.tbl-voucher .txt-rate-plan {
     background: #322d28;
     padding: 12px 24px;
     margin: 0;
     font-size: 16px;
     color: #fff;
}
.tbl-voucher .offers-desc h5 {
     margin-top: 0;
}
.tbl-voucher .offers-desc p {
     line-height: 18px;
}
.tbl-voucher .offers-desc a {
     display: inline-block;
     text-transform: uppercase;
     margin-right: 8px;
     padding-right: 12px;
     border-right: 1px solid #ccc;
     transition: all .3s ease-in-out;
}
.tbl-voucher .offers-desc a:hover,.tbl-voucher .offers-desc a:focus,.tbl-voucher .offers-desc a:active {
     color: #0c814c;
     text-decoration: none;
}
.tbl-voucher .offers-desc .btn-more,.tbl-voucher .offers-desc .btn-terms {
     font-size: 13px;
     font-weight: 500;
     color: #258dc1;
}
.tbl-voucher .offers-desc a:last-child {
     margin-right: 0;
     padding-right: 0;
     border: none;
}
.tbl-voucher .offers-desc,.tbl-voucher .offer-price,.tbl-voucher .qty-drop,.tbl-voucher .btn-submit-item {
     padding: 16px 15px;
}
.tbl-voucher .offer-price small {
     color: #777;
}
.tbl-voucher .offer-price h4 {
     font-weight: 600;
     color: #258dc1;
}
.tbl-voucher .qty-drop .qty-selection {
     width: 100%;
     margin: 0 !important;
     padding: 8px;
     border: none;
     background: #ddd;
}
.tbl-voucher .btn-submit-item a {
     display: block;
     width: 100%;
}
.hotel-info-main .container-hotel-info {
     display: flex;
}
.hotel-info-main .container-hotel-info .facilities-block {
     margin-top: 40px;
}
.hotel-info-main .container-hotel-info .facilities-block h4,.wrapper-checkout .checkout-form h4 {
     padding-bottom: 16px;
     margin-bottom: 16px;
     border-bottom: 1px solid #ccc;
     font-size: 16px;
     font-weight: 600;
}
.hotel-info-main .container-hotel-info .right-info-panel {
     flex: 0 0 360px;
     max-width: 360px;
     padding: 0 15px;
}
.hotel-info-main .container-hotel-info .right-info-panel .email-block {
     padding: 24px;
     background: #ddd;
     text-align: center;
}
.hotel-info-main .container-hotel-info .right-info-panel .email-block h5 {
     margin: 0 0 16px 0;
     font-size: 16px;
     font-weight: 600;
}
.hotel-info-main .container-hotel-info .right-info-panel .email-block a {
     display: table;
     width: 100%;
     padding: 16px;
     background: #fff;
     border: 1px solid #ccc;
     text-transform: uppercase;
     color: #454545;
     transition: all .3s ease-in-out;
}
.hotel-info-main .container-hotel-info .right-info-panel .email-block a:hover,.hotel-info-main .container-hotel-info .right-info-panel .email-block a:focus,.hotel-info-main .container-hotel-info .right-info-panel .email-block a:active {
     background: #258dc1;
     color: #fff;
     text-decoration: none;
}
.hotel-info-main .container-hotel-info .right-info-panel .email-block a i {
     display: table-cell;
     vertical-align: middle;
     padding-right: 12px;
}
.hotel-info-main .container-hotel-info .right-info-panel .email-block a span {
     display: table-cell;
     vertical-align: middle;
     font-size: 13px;
     line-height: 17px;
     text-align: left;
     padding-left: 12px;
     border-left: 1px solid #ddd;
}
.hotel-info-main .container-hotel-info .right-info-panel .other-info-block {
     margin-top: 15px;
     padding: 24px;
     background: #fff;
}
.hotel-info-main .container-hotel-info .right-info-panel .other-info-block h4,.hotel-info-main .container-hotel-info .right-info-panel .goo-map h4,.wrapper-checkout .side-info h4 {
     display: block;
     padding-bottom: 12px;
     margin-bottom: 12px;
     border-bottom: 1px solid #ddd;
     font-size: 14px;
     font-weight: 600;
     color: #454545;
}
.hotel-info-main .container-hotel-info .right-info-panel .goo-map {
     margin-top: 24px;
}
.wrapper-checkout {
     padding: 64px 0;
     display: flex;
}
.wrapper-checkout .checkout-form {
     flex: 0 0 calc(100% - 540px);
     max-width: calc(100% - 540px);
}
.wrapper-checkout .side-info {
     flex: 0 0 400px;
     max-width: 400px;
     padding: 0 15px;
}
.wrapper-checkout .checkout-form label {
     display: block;
     margin-top: 12px;
     margin-bottom: 8px;
     font-size: 14px;
     font-weight: 500;
     color: #454545;
}
.wrapper-checkout .checkout-form label span {
     margin-left: 8px;
     color: #0c814c;
     line-height: 0;
}
.wrapper-checkout .checkout-form h4 {
}
.wrapper-checkout .checkout-form input[type="text"],.wrapper-checkout .checkout-form input[type="email"],.wrapper-checkout .checkout-form select,.wrapper-checkout .checkout-form textarea {
     width: 100%;
     padding: 12px 12px;
     background: #ddd;
     border: 1px solid #ddd;
     height: 44px;
     transition: all .3s ease-in-out;
}
.wrapper-checkout .checkout-form input[type="text"]:focus,.wrapper-checkout .checkout-form input[type="email"]:focus,.wrapper-checkout .checkout-form select:focus,.wrapper-checkout .checkout-form textarea:focus {
     background: #fff;
}
.wrapper-checkout .checkout-form textarea {
     height: 120px;
}
.wrapper-checkout .payment-method {
     margin-top: 40px;
}
.agreement-error-div {
     margin-top: 16px;
}
.wrapper-checkout .wrapper-lastline {
     margin-top: 16px;
     padding-top: 24px;
     border-top: 1px solid #ccc;
     display: table;
     width: 100%;
}
.wrapper-checkout .wrapper-lastline .agree-terms,.wrapper-checkout .wrapper-lastline .checkout-btn {
     display: table-cell;
     vertical-align: middle;
     width: 50%;
}
.wrapper-checkout .wrapper-lastline .agree-terms {
     padding-right: 16px;
}
.wrapper-checkout .wrapper-lastline .checkout-btn {
     padding-left: 16px;
}
.wrapper-checkout .wrapper-lastline .agree-terms label {
     margin: 0;
     height: auto;
}
.wrapper-checkout .wrapper-lastline .agree-terms p {
     margin-bottom: 0;
     padding-top: 4px;
     line-height: 20px;
}
.wrapper-checkout .wrapper-lastline .agree-terms p a {
     color: #0c814c;
     line-height: 20px;
}
.wrapper-checkout .wrapper-lastline .checkout-btn {
     text-align: right;
}
.wrapper-checkout .wrapper-lastline .checkout-btn input[type="submit"],.wrapper-checkout .wrapper-lastline .checkout-btn input[type="button"] {
     display: inline-block;
     padding: 12px 32px;
     border: none;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: .5px;
     transition: all .3s ease-in-out;
}
.wrapper-checkout .checkout-btn .btn-pay {
     background: #258dc1;
     color: #fff;
}
.wrapper-checkout .checkout-btn .btn-back {
     background: #ccc;
     color: #888;
}
.wrapper-checkout .checkout-btn .btn-pay:hover,.wrapper-checkout .checkout-btn .btn-pay:focus,.wrapper-checkout .checkout-btn .btn-pay:active {
     background: #0c814c;
}
.wrapper-checkout .checkout-btn .btn-back:hover,.wrapper-checkout .checkout-btn .btn-back:focus,.wrapper-checkout .checkout-btn .btn-back:active {
     background: #aaa;
     color: #fff;
}
.wrapper-checkout .side-info .wrapper-info {
     background: #fff;
     padding: 24px;
}
.wrapper-checkout .side-info ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
.wrapper-checkout .side-info ul li {
     color: #454545;
}
.wrapper-checkout .side-info .with-margin-top {
     margin-top: 32px;
}
.wrapper-checkout .side-info .with-margin-bottom {
     display: block;
     margin-bottom: 4px;
}
.wrapper-checkout .side-info .blue-font {
     color: #258dc1;
}
.wrapper-checkout .side-info .row p:last-child {
     margin-bottom: 0;
}
.wrapper-checkout .side-info .txt-total h3 {
     margin-top: 16px;
     margin-bottom: 0;
     color: #258dc1;
     font-size: 21px;
     font-weight: 600;
}
.wrapper-checkout .side-info .txt-total h3 span {
     font-size: 21px;
     font-weight: 600;
}
.wrapper-checkout .side-info .txt-total .hr {
     display: block;
     margin-top: 16px;
     width: 100%;
     height: 1px;
     background: #ddd;
}
.main-thingstodo {
     padding: 64px 0;
}
.main-thingstodo .owl-carousel {
     margin-bottom: 40px;
}
.main-thingstodo .owl-theme .owl-nav.disabled+.owl-dots {
     text-align: center;
}
.main-thingstodo .owl-theme .owl-dots .owl-dot.active span,.main-thingstodo .owl-theme .owl-dots .owl-dot:hover span {
     background: #0d814c;
}
.main-thingstodo .spe-title {
     margin-bottom: 0;
     padding-bottom: 0;
}
.main-thingstodo h2 {
     margin-bottom: 16px;
     padding-bottom: 16px;
     border-bottom: 1px solid #ddd;
     text-align: left;
}
.main-thingstodo article ul {
     margin: 0 0 0 16px;
     padding: 0;
}
.main-thingstodo article ul li {
     color: #454545;
}
.main-thingstodo .owl-carousel .item {
     position: relative;
}
.main-thingstodo .owl-carousel .item label {
     display: inline-block;
     position: absolute;
     bottom: 24px;
     left: 32px;
     text-align: center;
     font-size: 15px;
     font-weight: 500;
     color: #fff;
     text-shadow: rgb(0 0 0 / 80%) 0px 0px 12px;
}
.main-thingstodo .owl-carousel .item small {
     display: inline-block;
     position: absolute;
     bottom: 24px;
     right: 32px;
     text-align: center;
     font-size: 15px;
     font-weight: 500;
     color: #fff;
     text-shadow: rgb(0 0 0 / 80%) 0px 0px 12px;
}
.m-menu,.m-close {
     display: none;
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
     .partners-list ul li {
         margin-bottom: 24px;
    }
     .top-ad-banner small {
         display: none;
    }
}
@media only screen and (max-width: 912px) {
     html {
         overflow-x: hidden;
    }
     .top-ad-banner img {
         max-width: 100%;
    }
     .top-ad-banner small {
         display: none;
    }
     .partners-list ul li {
         margin-bottom: 24px;
    }
     .tourz-search-1 {
         width: 90%;
    }
     .item-destination .tour-item img {
         width: 100%;
    }
     .bottom-band .owl-theme .owl-nav {
         display: none;
    }
     .footer-filler .filler-block .tour-list, .footer-filler .filler-block .btn-holder {
         display: block;
         width: 100%;
         text-align: center;
    }
     .footer-filler .filler-block .btn-holder {
         margin-top: 32px;
    }
     .pagination li.prev, .pagination li.next {
         width: auto;
    }
     .hotel-list-inner .abs-panel img, .hotel-info-main .abs-panel img, .wrapper-checkout .abs-panel img {
         margin: 0 auto;
    }
}
@media only screen and (max-width: 912px) {
     .partners-list ul li {
         margin-bottom: 24px;
    }
     header img {
         height: 56px;
    }
     .main-nav {
         z-index: -1;
         position: fixed;
         bottom: -100%;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 999;
         text-align: center;
         background: rgba(255, 255, 255, .96);
         opacity: 0;
         transition: all .5s ease-in-out;
    }
     .show-nav {
         bottom: 0;
         z-index: 999;
         opacity: 1;
    }
     .main-nav .wrapper-nav {
         position: absolute;
         top: 0;
         left: 0;
         display: flex;
         width: 100%;
         height: 100%;
         align-items: center;
         justify-content: center;
    }
     .main-nav ul {
         width: 100%;
         padding: 0 40px;
    }
     .main-nav ul li i {
         margin-right: 8px;
    }
     .main-nav ul>li {
         display: block;
         border: none !important;
         padding: 10px 0;
         margin: 0;
    }
     .main-nav ul>li:first-child {
         border-bottom: 1px solid #ccc !important;
    }
     .main-nav ul>li a {
         border: none;
         padding: 0;
         margin: 0;
         font-size: 16px;
    }
     .main-nav ul>li select {
         width: 100%;
    }
     .main-nav .dropdown {
         position: static;
         padding: 0;
         margin: 12px 0;
    }
     .main-nav .dropdown-backdrop {
         display: none;
    }
     .main-nav .dropdown>li:first-child {
         border-bottom: 1px solid #eaeaea !important;
    }
     .main-nav .dropdown>li {
         border-bottom: 1px solid #eaeaea !important;
    }
     .main-nav .dropdown li a {
         padding: 10px 0 !important;
    }
     .m-menu {
         display: block;
         float: right;
         font-size: 26px;
         color: #258dc1;
         margin-top: 17px;
         transition: all .3s ease-in-out;
    }
     .m-menu:hover, .m-menu:focus, .m-menu:active {
         color: #0d814c;
    }
     .m-close {
         position: absolute;
         top: 15px;
         right: 15px;
         display: block;
         min-width: 40px;
         min-height: 40px;
         border-radius: 50%;
         background: #258dc1;
         border: none;
         text-align: center !important;
         font-size: 20px;
         color: #fff;
         z-index: 100;
    }
     .m-close:hover, .m-close:focus, .m-close:active {
         background: #0d814c;
    }
     .footer-filler ul {
         margin: 0;
    }
     .footer {
         padding: 64px 0;
    }
     .footer h4 {
         padding-bottom: 12px !important;
         margin-top: 24px !important;
    }
     .hotel-nearby h2, .hotel-nearby .sec-title .col-sm-6 {
         text-align: center;
    }
     .hotel-nearby .spe-title {
         margin-bottom: 16px;
    }
     .nearby-hotel-list .item-hotel {
         margin-top: 16px;
    }
     .hotel-nearby .sec-title a {
         margin-top: 0;
    }
     .subbanner img {
         width: auto;
         height: 100%;
    }
     .subbanner .logo-img img {
         height: auto;
    }
     .container-hotel-list, .hotel-info-main .container-hotel-info, .wrapper-checkout {
         flex-wrap: wrap;
    }
     .container-hotel-list .sidebar, .container-hotel-list .main-content-hotels, .container-hotel-list .sidepanel, .container-hotel-info .sidepanel, .wrapper-checkout .sidepanel, .tbl-voucher, .hotel-info-main .container-hotel-info .right-info-panel, .wrapper-checkout .checkout-form, .wrapper-checkout .side-info {
         flex: 0 0 100%;
         max-width: 100%;
    }
     .container-hotel-list .main-content-hotels {
         order: 2;
         margin-bottom: 40px;
    }
     .container-hotel-list .sidebar {
         order: 1;
         margin-bottom: 16px;
    }
     .container-hotel-list .sidepanel, .container-hotel-info .sidepanel, .wrapper-checkout .sidepanel {
         order: 2;
         text-align: center;
    }
     .container-hotel-list .main-content-hotels, .hotel-info-main .container-hotel-info .right-info-panel {
         padding: 0;
    }
     .item-hotel-main, .item-hotel-main .content-block, .item-hotel-main .content-block .left-block, .item-hotel-main .content-block .right-block, .wrapper-checkout .wrapper-lastline, .wrapper-checkout .wrapper-lastline .agree-terms, .wrapper-checkout .wrapper-lastline .checkout-btn {
         display: block;
         width: 100%;
    }
     .wrapper-checkout .wrapper-lastline .agree-terms, .wrapper-checkout .wrapper-lastline .checkout-btn, .wrapper-checkout .side-info {
         padding: 0;
    }
     .wrapper-checkout .wrapper-lastline .checkout-btn {
         padding: 24px;
         text-align: center;
    }
     .item-hotel-main .content-block .left-block {
         padding: 16px;
         border: none;
         border-bottom: 4px solid #ddd;
         text-align: center;
    }
     .item-hotel-main .content-block .right-block {
         padding: 16px 16px 0 16px;
    }
     .select-rate {
         display: none;
    }
     .subbanner .address {
         width: 100%;
    }
     .subbanner .logo-img {
         top: 16px;
         right: 0;
         bottom: auto;
    }
     .subbanner .logo-img img {
         max-width: 56px;
    }
     .hotel-info-main .info-title .spe-title small {
         display: block;
         margin-left: 0;
    }
     .right-info-panel .side-panel, .wrapper-checkout .side-panel {
         margin-bottom: 16px;
    }
     .hot-page2-alp-ri-p2 {
         padding: 16px 0;
    }
     .tbl-voucher .offers-desc, .tbl-voucher .offer-price, .tbl-voucher .qty-drop, .tbl-voucher .btn-submit-item {
         padding: 0 6px;
         text-align: center !important;
    }
     .container-hotel-info .text-left-xs, .container-hotel-info form p {
         text-align: center !important;
    }
     .tbl-voucher .offer-price {
         padding: 16px 0;
    }
     .tbl-voucher .qty-drop br {
         display: none;
    }
     .tbl-voucher .btn-submit-item a {
         padding: 16px;
    }
     .facilities-block {
         margin-bottom: 40px;
    }
     .tbl-voucher .qty-drop .qty-selection {
         height: 48px;
         line-height: 48px;
    }
     .tbl-voucher .item-rate-plan {
         padding-bottom: 16px;
         margin-bottom: 16px;
    }
     .tbl-voucher .item-rate-plan:last-child {
         margin-bottom: 0;
    }
     .tbl-voucher .txt-rate-plan {
         text-align: center;
    }
}
.terms-contitions .row {
     padding-top: 10px;
     border-bottom: 1px solid #ddd;
}
.terms-contitions .row:last-child {
     border-bottom: none;
}



.home-carousel{
    width: 100% !important;
    padding: 0 !important;
}
.home-carousel .item h3{
    position:absolute; 
    padding: 6px 30px 6px 10px; 
    margin:0; bottom:0; 
    z-index:5; 
    color:#fff;
    background: rgb(255,45,0);
    background: linear-gradient(90deg, rgba(255,45,0,1) 30%, rgba(255,255,255,0) 100%);
}


section.first-fold {
    width: 100%;
    background-color: #373B44;
    height:  auto;
}

.home-carousel .item img{
    height: auto;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
}

@media (max-width: 768px) {
    .footer-filler ul li{
        width: 49%;
        border-right:0;
        padding:0;
        text-align:left;
    }
    
    .pagination > li > a, .pagination > li > span{
        padding: 12px 18px !important;
    }
    
    .pagination > li.prev > a,
    .pagination > li.next > a{
        padding: 12px 12px !important;
    }
    
    
    section.section_footer h4,
    section.section_footer .foot-social,
    section.section_footer .foot-payment-accepted{
        text-align: center !important;
    }
    
    section.section_footer .foot-destination-we-service li{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

@media (min-width: 768px) {
    /*
    section.first-fold {
        height: 50vh;
    }
    .home-carousel .item img{
        height:auto;
    }
    */
}

.pagination li{
    height: 30px !important;
}
#btn_mobile_filter_options{
    display: block;
    margin-top: 15px;
}

@media (min-width: 992px) {
    /*
    section.first-fold {
        height: 70vh;
    }
    
    .home-carousel .item img{
        height:70vh;
    }
    */
    
    #btn_mobile_filter_options{
        display: none;
    }
    #mobile_filter_options{
        display: block;
    }
}