.price-index {
    font-size: 3.5rem;
    color: #f93
}

.weather-index {
    font-size: 3rem!important;
    color: #fff
}

.weather-details {
    font-size: 2rem;
    padding-right: 10px
}

.explore-index {
    background-color: transparent;
    -webkit-border-radius: 5px;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 5px 15px;
    border-color: #fff;
    margin-top: 20px
}

.title-index {
    font-size: 5rem;
    margin: 10px 0;
    font-weight: 600
}

.country-index {
    font-size: 3rem;
    margin: 5px 0;
    font-weight: 600
}

.span-index {
    color: #fff
}

.insphols-logo a {
    background-size: contain!important;
    background-repeat: no-repeat;
}

.listitem2 img::before {
    content: " ";
    position: static;
    top: 0;
    left: 0;
    height: 278px!important;
    width: 290px!important;
    background-color: #e6e6e6;
    border: 2px #c8c8c8;
    border-radius: 5px
}

.listitem2 img::after {
    content: "";
    display: block;
    font-size: 14px;
    font-style: normal;
    font-family: FontAwesome;
    color: #646464;
    position: absolute;
    left: 0;
    width: auto;
    text-align: center
}

.destination-img::before {
    content: " ";
    position: static;
    top: 0;
    left: 0;
    height: 70px!important;
    width: 70px!important;
    background-color: #e6e6e6;
    border: 2px #c8c8c8;
    border-radius: 5px
}

.destination-img::after {
    content: "";
    display: block;
    font-size: 14px;
    font-style: normal;
    font-family: FontAwesome;
    color: #646464;
    position: absolute;
    left: 0;
    width: auto;
    text-align: center
}

.tour-img::before {
    content: " ";
    position: static;
    top: 0;
    left: 0;
    height: 70px!important;
    width: 70px!important;
    background-color: #e6e6e6;
    border: 2px #c8c8c8;
    border-radius: 5px
}

.tour-img::after {
    content: "";
    display: block;
    font-size: 14px;
    font-style: normal;
    font-family: FontAwesome;
    color: #646464;
    position: absolute;
    left: 0;
    width: auto;
    text-align: center
}

[class*=" icon-"],
[class^=icon-] {
    font-family: inspiration-holidays!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-Dining:before {
    content: "\e930"
}

.icon-Filters:before {
    content: "\e931"
}

.icon-Recreation:before {
    content: "\e932"
}

.icon-Trip-Advisor-Head .path1:before {
    content: "\e933";
    color: #93222e
}

.icon-Trip-Advisor-Head .path2:before {
    content: "\e934";
    margin-left: -1.689453125em;
    color: #099d4c
}

.icon-Trip-Advisor-Head .path3:before {
    content: "\e935";
    margin-left: -1.689453125em;
    color: #1b1a19
}

.icon-Trip-Advisor-Head .path4:before {
    content: "\e936";
    margin-left: -1.689453125em;
    color: #1b1a19
}

.icon-Trip-Advisor-Head .path5:before {
    content: "\e937";
    margin-left: -1.689453125em;
    color: #1b1a19
}

.icon-Trip-Advisor-Head .path6:before {
    content: "\e938";
    margin-left: -1.689453125em;
    color: #fad87d
}

.icon-Beach:before {
    content: "\e92a"
}

.icon-Culture:before {
    content: "\e92b"
}

.icon-Cycling:before {
    content: "\e92c"
}

.icon-Foodies:before {
    content: "\e92d"
}

.icon-Religion:before {
    content: "\e92e"
}

.icon-Shopping:before {
    content: "\e92f"
}

.icon-Book-Flight:before {
    content: "\e900"
}

.icon-Book-Hotel:before {
    content: "\e901"
}

.icon-Book-Mosque:before {
    content: "\e902"
}

.icon-Chat:before {
    content: "\e903"
}

.icon-Cloudy:before {
    content: "\e904"
}

.icon-Currency:before {
    content: "\e905"
}

.icon-Dropdown:before {
    content: "\e906"
}

.icon-Flight:before {
    content: "\e907"
}

.icon-Fullscreen:before {
    content: "\e908"
}

.icon-Holidays:before {
    content: "\e909"
}

.icon-Hotel-24h:before {
    content: "\e90a"
}

.icon-Hotel-Babysitting:before {
    content: "\e90b"
}

.icon-Hotel-Bell:before {
    content: "\e90c"
}

.icon-Hotel-Cafe:before {
    content: "\e90d"
}

.icon-Hotel-Conference:before {
    content: "\e90e"
}

.icon-Hotel-Gym:before {
    content: "\e90f"
}

.icon-Hotel-Laudry:before {
    content: "\e910"
}

.icon-Hotel-No-smoking:before {
    content: "\e911"
}

.icon-Hotel-Pool:before {
    content: "\e912"
}

.icon-Hotel-Reception-Desk:before {
    content: "\e913"
}

.icon-Hotel-Restaurant:before {
    content: "\e914"
}

.icon-Hotel-Spa:before {
    content: "\e915"
}

.icon-Hotel-Wifi:before {
    content: "\e916"
}

.icon-Hours:before {
    content: "\e917"
}

.icon-Landing:before {
    content: "\e918"
}

.icon-Language-Globe:before {
    content: "\e919"
}

.icon-Left-Arrow:before {
    content: "\e91a"
}

.icon-Location:before {
    content: "\e91b"
}

.icon-Menu:before {
    content: "\e91c"
}

.icon-Partly-Cloudy:before {
    content: "\e91d"
}

.icon-PriceTag:before {
    content: "\e91e"
}

.icon-rainsnow:before {
    content: "\e91f"
}

.icon-rainy:before {
    content: "\e920"
}

.icon-Right-Arrow:before {
    content: "\e921"
}

.icon-Search:before {
    content: "\e922"
}

.icon-Share:before {
    content: "\e923"
}

.icon-Star:before {
    content: "\e924"
}

.icon-Sunny:before {
    content: "\e925"
}

.icon-telephone:before {
    content: "\e926"
}

.icon-Thick-Arrow:before {
    content: "\e927"
}

.icon-ThunderStorm:before {
    content: "\e928"
}

.icon-Trip-Advisor:before {
    content: "\e929"
}

.icon-kids:before {
    content: "\e90b"
}

.icon-spasandpampering:before {
    content: "\e915"
}

.icon-theatreandentertainment:before {
    content: "\e90e"
}

.icon-cycling:before {
    content: "\e92c"
}

.icon-divingandsnorkelling:before {
    content: "\e90f"
}

.icon-spasandpampering:before {
    content: "\e912"
}

.icon-foodanddrink:before {
    content: "\e92d"
}

.icon-shopping:before {
    content: "\e92f"
}

.icon-fishing:before {
    content: "\e91b"
}

.icon-watersports:before {
    content: "\e92a"
}

.icon-themeparks:before {
    content: "\e92b"
}

.icon-helicoptersandplanes:before {
    content: "\e918"
}

.icon-hotairbaloons:before {
    content: "\e904"
}

.icon-sightseeing:before {
    content: "\e930"
}

.icon-actionadventure:before {
    content: "\e932"
}

:focus {
    outline: 0!important
}

html {
    position: relative;
    height: 100%
}

body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
    font-family: Quicksand, sans-serif;
    background: #fff;
    overflow-x: hidden;
    width: 100%
}

a {
    cursor: pointer
}

a:hover {
    text-decoration: none
}

img {
    width: 100%;
    height: auto
}

p {
    margin: 0;
    padding: 0
}

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

li {
    padding-left: 1.3em
}

.highlight-cont li:before {
    content: "-";
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em
}

.highlight-cont-tab {
    font-size: 1.6rem;
    line-height: 2.5rem;
    text-align: left;
    font-weight: 400
}

.highlight-cont-tab li:before {
    content: "•";
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-size: 11px;
    font-weight: 400
}

.highlight-cont-tab>div>p {
    color: #fff
}

h1 {
    color: #fff;
    font-size: 3.6875rem;
    font-weight: 600;
    line-height: 4.8125rem;
    margin: 0
}

h2 {
    color: #383d41;
    font-family: "Goudy Old Style", sans-serif;
    font-size: 2.375rem;
    font-weight: 600;
    line-height: 1
}

h3 {
    font-family: "Goudy Old Style", sans-serif;
    color: #ededed;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem;
    margin: 0
}

h4 {
    font-family: "Goudy Old Style", sans-serif;
    margin: 0;
    font-weight: 500
}

p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem
}

article h3 {
    color: #595959;
    font-family: "Goudy Old Style", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px
}

#arti-cards.tour-slid .owl-nav .owl-next span,
#arti-cards.tour-slid .owl-nav .owl-prev span {
    font-size: 12rem
}

#arti-cards.tour-slid .owl-nav .owl-prev {
    left: -10px;
    border: none!important;
    color: #0e3e6e!important;
    background: 0 0!important
}

#arti-cards.tour-slid .owl-nav .owl-next {
    right: -10px;
    border: none!important;
    color: #0e3e6e!important;
    background: 0 0!important
}

#arti-cards.tour-slid .owl-dots {
    margin-top: 10px
}

#arti-cards.tour-slid .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

#arti-cards.tour-slid .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

#arti-cards.tour-slid .owl-dots .owl-dot.active span,
#arti-cards.tour-slid .owl-dots .owl-dot:hover span {
    background: #626262
}

@media screen and (max-width:767px) {
    .hotel-card-head-new {
        height: 260px
    }
    article h3 {
        margin-top: 10px
    }
    #about.fullheight {
        min-height: auto!important
    }
    #dest-list .owl-nav .owl-prev {
        position: absolute;
        top: 55px;
        margin-left: 0;
        display: block!important;
        border: 0 solid #000;
        background: rgba(0, 0, 0, .5);
        height: 80%;
        width: 10%
    }
    #dest-list .owl-nav .owl-next {
        position: absolute;
        top: 55px;
        right: 0;
        display: block!important;
        border: 0 solid #000;
        background: rgba(0, 0, 0, .5);
        height: 80%;
        width: 12%
    }
    #dest-list .owl-nav .owl-next span,
    #dest-list .owl-nav .owl-prev span {
        font-size: 10rem;
        color: #fff
    }
    #dest-list .owl-nav .owl-next.disabled span,
    #dest-list .owl-nav .owl-prev.disabled span {
        color: #c8c8c8
    }
    #dest-list .owl-nav .owl-next.disabled,
    #dest-list .owl-nav .owl-prev.disabled {
        background: 0 0
    }
    #arti-cards.tour-slid .owl-nav .owl-prev {
        left: 1px
    }
    #arti-cards.tour-slid .owl-nav .owl-next {
        right: 1px
    }
    #holiday-offers .owl-carousel .owl-nav .owl-prev,
    #paginate-tours .owl-nav .owl-prev {
        position: absolute;
        top: 40%;
        margin-left: 10px;
        display: block!important;
        border: 0 solid #000;
        background: 0 0
    }
    #holiday-offers .owl-carousel .owl-nav .owl-next,
    #paginate-tours .owl-nav .owl-next {
        position: absolute;
        top: 40%;
        right: 21px;
        display: block!important;
        border: 0 solid #000;
        background: 0 0
    }
    #holiday-offers .owl-carousel .owl-nav .owl-next.disabled span,
    #holiday-offers .owl-carousel .owl-nav .owl-prev.disabled span,
    #paginate-tours .owl-nav .owl-next.disabled span,
    #paginate-tours .owl-nav .owl-prev.disabled span {
        color: #c8c8c8
    }
    #holiday-offers .owl-carousel .owl-nav .owl-next span,
    #holiday-offers .owl-carousel .owl-nav .owl-prev span,
    #paginate-tours .owl-nav .owl-next span,
    #paginate-tours .owl-nav .owl-prev span {
        font-size: 15rem;
        color: #636363
    }
    #holiday-offers .owl-carousel .owl-nav .owl-dots .owl-dot,
    #paginate-tours .owl-nav .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }
    #holiday-offers .owl-carousel .owl-dots .owl-dot span,
    #paginate-tours .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }
    #holiday-offers .owl-dots .owl-dot.active span,
    #holiday-offers .owl-dots .owl-dot:hover span,
    #paginate-tours .owl-dots .owl-dot.active span,
    #paginate-tours .owl-dots .owl-dot:hover span {
        background: #626262
    }
    #counter-span,
    #counter-span-blog,
    #counter-span-hotdinner,
    #counter-span-hotrec,
    #counter-span-hotroom,
    #counter-span-insp,
    #counter-span-tour {
        background-color: #c6c6c6;
        padding: 8px;
        color: #fff;
        border-radius: 7px;
        font-weight: 500
    }
    #counter-span-hot {
        background-color: #c6c6c6;
        padding: 8px;
        color: #00255c;
        border-radius: 7px;
        font-weight: 500;
        font-size: 12px
    }
    .counter-hot-css {
        text-align: center;
        position: absolute;
        bottom: 0;
        z-index: 9;
        left: 50%;
        margin-left: -31px;
        margin-bottom: 7px
    }
}

@media screen and (max-width: 425px){
    .profile-tag.prof-page {
        width: 320px!important;
        top: 2px!important;
    }
    .profile-contact h2 {
        font-size: 30px!important;
    }
    .contact-mobile {
        top: 6px!important;
        height: 35px;
    }
    .contact-mobile-details {
        top: 20px!important;
        font-size: 1.6rem!important;
    }
    .insphols-nav {
        top: 20px!important;
    }
    .tel-top {
        display: none;
    }
}
@media screen and (max-width: 320px){
    .profile-tag{
        left: 0!important;
    }
}

article p {
    font-family: "San Francisco Display", sans-serif;
    opacity: .75;
    color: #353535;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 15px
}

.labels {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    opacity: 1;
    pointer-events: none;
    text-align: center;
    width: 60px;
    white-space: nowrap
}

.continent-label {
    margin-bottom: 25px
}

.text-centr {
    text-align: center
}

.wrapper15 {
    padding: 15px
}

.m-b-10 {
    margin-bottom: 10px
}

.relative {
    position: relative
}

.exmap-tab {
    width: 100%;
    height: -webkit-fill-available
}

.explore-list {
    margin-bottom: 15px
}

.panel-title a {
    display: block
}

.tab-images img {
    display: none
}

.tab-images img.active {
    display: block
}

.dropdown-backdrop {
    display: none
}

@media (max-width:640px) {
    .exmap-tab {
        height: 400px
    }
    .pagination>li>a,
    .pagination>li>span {
        padding: 1px 7px
    }
}

@media (max-width:360px) {
    .exmap-tab {
        height: 300px
    }
    .header-inner .header-container.blog_cont hgroup h1 {
        margin-top: 0!important;
        font-size: 33px!important;
        margin-right: 30px!important
    }
    .header-inner .header-container.blog_cont hgroup h3 {
        margin-right: 30px!important
    }
}

@media screen and (min-width:1366px) {
    .col-br-space {
        padding-right: 60px
    }
}

.container-fluid {
    padding: 0
}

.f-btn {
    background-color: #dab07d;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    width: auto;
    height: 34px;
    padding: 0 20px;
    text-transform: uppercase;
    border: none
}

.btn.hotels-filters-mb,
.btn.hotels-filters-mb:focus,
.btn.hotels-filters-mb:hover {
    background-color: #003c5d
}

.btn-return-list,
.hotels-filters-mb {
    background-color: #306ce7;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    width: 100%;
    height: 34px;
    margin: 25px 0 0
}

.btn-return-list i,
.hotels-filters-mb i {
    padding-right: 10px
}

.btn-return-list:hover,
.hotels-filters-mb:hover {
    color: #fff;
    background-color: #306ce7
}

.btn-return-list:focus,
.hotels-filters-mb:focus {
    color: #fff;
    background-color: #306ce7
}

.btn-secondary,
.cancelBtn {
    background-color: #003c5d;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    -ms-border-radius: 34px;
    border-radius: 34px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    padding: 12px 25px
}

.btn-secondary:hover,
.cancelBtn:hover {
    background: #005380;
    color: #fff
}

@media screen and (min-width:2000px) {
    .btn-secondary,
    .cancelBtn {
        font-size: 22px
    }
}

.btn-itineary {
    background-color: #306ce7!important;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    border-radius: 26px;
    color: #fff!important;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;
    display: inline-block;
    padding: 10px 20px
}

.btn-itineary:hover {
    background: #477cea;
    color: #fff
}

.btn-itineary:after {
    content: normal!important
}

.btn-itineary i {
    display: inline-block;
    padding-right: 5px;
    font-size: 14px
}

.btn-itineary-tel {
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 2.25rem
}

.btn-continent {
    color: #337ab7;
    font-size: 1.3rem;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    background-color: #fff;
    text-shadow: none!important;
    border: none!important;
    box-shadow: none!important
}

.btn-itineary:hover {
    background-color: #306ce7;
    color: #fff
}

.btn-tab-datepicker {
    background-color: #306ce7!important;
    color: #fff!important;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    text-transform: initial!important;
    padding: 10px 15px;
    width: 120px;
    margin-bottom: 4px
}

@media (min-width:320px) and (max-width:359px) {
    .btn-tab-datepicker {
        width: 47%
    }
}

@media (min-width:360px) and (max-width:413px) {
    .btn-tab-datepicker {
        width: 47%
    }
}

@media (min-width:414px) and (max-width:480px) {
    .btn-tab-datepicker {
        width: 47%
    }
}

.btn-tab-tours {
    background-color: #306ce7!important;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 15px!important;
    color: #fff!important;
    font-family: Roboto, sans-serif;
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 20px!important;
    text-transform: initial!important;
    padding: 10px 20px!important
}

.btn-tab-tours:hover {
    background: #477cea;
    color: #fff
}

.btn-tab-tours:after {
    content: normal!important
}

.btn-tab-tours i {
    display: inline-block;
    padding-right: 5px;
    font-size: 14px
}

.btn-move {
    color: #fff;
    background-color: #1d53c8;
    -webkit-border-radius: 8px 0 0 0;
    -moz-border-radius: 8px 0 0 0;
    -ms-border-radius: 8px 0 0 0;
    border-radius: 8px 0 0 0;
    font-size: 12px
}

.btn-move:hover {
    background: #205cde;
    color: #fff
}

.btn-view {
    background: rgba(37, 35, 35, .92);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    padding: 8px 12px
}

.btn-view:hover {
    background: #252323;
    color: #fff
}

.m-btn {
    color: #7295e0;
    font-family: "San Francisco Display", sans-serif;
    font-size: 18px;
    font-weight: 300
}

.m-btn:hover {
    color: #fff
}

.btn-select {
    background: #003c5d;
    color: #fff;
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    -ms-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    font-family: "San Francisco Display", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.btn-select strong {
    display: inline-block;
    padding-left: 5px;
    font-weight: 400;
    font-size: 22px;
    line-height: 1
}

.btn-select:hover {
    color: #fff;
    background: #005380
}

.btn-price-off {
    background: #003c5d;
    color: #fff;
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    -ms-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    font-family: "San Francisco Display", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    float: right;
    padding: 2px 3px 17px 15px
}

.btn-price-off strong {
    display: inline-block;
    font-weight: 400;
    font-size: 22px;
    line-height: 1
}

.btn-price-off:hover {
    color: #fff;
    background: #005380
}

.btn-price-off .featured-pricing {
    font-style: italic;
    font-weight: lighter;
    font-size: 15px
}

.btn-simple {
    color: #1d53c8;
    font-family: "San Francisco Display", sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    box-shadow: none!important
}

.btn-simple i {
    padding-left: 10px
}

.btn-simple-white {
    position: relative;
    color: #fff;
    font-family: roboto;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 2.1875rem
}

.btn-simple-white:after {
    content: "e906";
    display: inline-block;
    font-family: inspiration-holidays!important;
    font-size: .625rem;
    vertical-align: middle;
    padding: 0 .3125rem
}

.btn-simple-white:hover {
    color: #fff
}

.btn-simple-white:focus {
    color: #fff
}

.btn-simple-white[aria-expanded=true]:after {
    content: "e906";
    display: inline-block;
    font-family: inspiration-holidays!important;
    font-size: .625rem;
    vertical-align: middle;
    padding: 0 .3125rem;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media (min-width:1280px) {
    .btn-simple-white {
        font-size: 1.4rem
    }
}

.btn-view-more {
    display: block;
    text-align: center;
    background: #fff;
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.btn-round {
    background: 0 0;
    border: none;
    width: 100%;
    text-align: left;
    padding: 0
}

.btn-round span {
    display: inline-block;
    padding: 3px 0 3px 30px;
    font-family: "San Francisco Display", sans-serif;
    color: #1a1a1f;
    font-size: 2.125rem;
    font-weight: 500;
    float: left;
    width: 90%
}

@media screen and (max-width:767px) {
    .btn-round span {
        width: 86%;
        font-size: 1.875rem;
        padding-left: 20px
    }
    .tour-filt .hotels-filters-mb {
        margin-bottom: 20px
    }
}

.btn-round i {
    display: inline-block;
    text-align: center;
    font-style: normal;
    width: 3.75rem;
    height: 3.75rem;
    background: #29a7dc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    line-height: 3.75rem;
    float: left
}

.header-dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: .5s
}

.header-dropdown-menu .header-dropdown-menu-item {
    background-color: #fff;
    padding: 45px 0 40px;
    margin: 0 0
}

.header-dropdown-menu .explore-world-section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    visibility: hidden;
    opacity: 0
}

.header-dropdown-menu .explore-world-section.opened-map {
    visibility: visible;
    opacity: 1
}

.header-dropdown-menu .map-section {
    margin-top: 0;
    margin-bottom: 0
}

.header-dropdown-menu .pagination-container .pagination>li>a {
    padding: 6px 12px
}

.open>.dropdown-menu {
    display: block!important;
    visibility: visible;
    opacity: 1
}

.logo {
    width: 15.0625rem;
    height: 10.3125rem;
    display: inline-block
}

@media screen and (max-width:991px) {
    .logo {
        max-width: 100%
    }
}

.contact-menu {
    padding: 8px 15px 8px 0
}

@media screen and (max-width:991px) {
    .contact-menu {
        padding: 5px 15px 0 0
    }
}

.contact-menu li {
    display: inline-block;
    margin-left: 25px
}

@media (min-width:320px) and (max-width:435px) {
    .contact-menu li {
        margin-left: -15px;
        margin-bottom: 5px;
        margin-top: -30px
    }
}

.call-mobile {
    display: none
}

.call-number {
    display: none
}

@media (min-width:320px) and (max-width:767px) {
    .call-mobile {
        display: block;
        color: #fff;
        margin-left: 33px;
        font-size: 19px;
        float: left
    }
    .call-number {
        display: block;
        color: #fff;
        margin-left: -78px;
        font-size: 19px;
        float: left
    }
}

.contact-menu li a {
    color: rgba(255, 255, 255, .8);
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase
}

@media screen and (max-width:991px) {
    .contact-menu li a {
        font-size: 14px
    }
}

.contact-menu li a i {
    color: #fff;
    padding-right: 12px
}

.nav>ul>li {
    display: inline-block;
    margin-left: 24px
}

.nav>ul>li>a {
    display: block;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    padding: 6px 12px;
    text-transform: uppercase
}

.nav>ul>li>a:hover {
    color: rgba(255, 255, 255, .8)
}

.nav>ul>li:last-child {
    margin-right: 0
}

.nav>ul>li:last-child a {
    padding-right: 0
}

.nav .dropdown {
    position: static
}

.nav .dropdown .btn {
    background: 0 0;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.nav .dropdown.open .btn {
    position: relative;
    background: 0 0
}

.nav .dropdown.open .btn:after {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0;
    width: 0;
    border-bottom: 12px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent
}

.header-top {
    position: relative;
    z-index: 12;
    background: #003c5d;
    padding: 1rem;
    background: rgba(0, 60, 93, .5)
}

.header-nav {
    position: static
}

.header-nav .navbar-toggle {
    position: absolute;
    right: 5px;
    top: 25px;
    color: #fff;
    z-index: 100
}

.header-nav .navbar-toggle[aria-expanded=true] {
    color: #fff;
    position: fixed;
    top: 18px;
    right: 5px
}

@media (min-width:1366px) and (max-width:1440px) {
    .wider-offer {
        margin: 0;
        width: 100%;
        padding: 0;
        /*margin-left: 24px*/
    }
    .wider-tour {
        margin: 0;
        width: 100%;
        padding: 0
    }
}

.close-btn,
.close-btn-2 {
    display: block;
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 99;
    box-shadow: none;
    border: none;
    background: 0 0;
    color: #1f1e1c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 30px;
    font-weight: 100;
    line-height: 16px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.margin-top10 {
    margin-top: 10px!important
}

.header-dropdown-menu-index {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: .5s
}

.header-dropdown-menu-index .header-dropdown-menu-index-item {
    background-color: #fff;
    padding: 45px 0 40px;
    margin: 0 0
}

.header-dropdown-menu-index .explore-world-section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    visibility: hidden;
    opacity: 0
}

.header-dropdown-menu-index .explore-world-section.opened-map {
    visibility: visible;
    opacity: 1
}

.header-dropdown-menu-index .map-section {
    margin-top: 0;
    margin-bottom: 0
}

.header-dropdown-menu-index .pagination-container .pagination>li>a {
    padding: 6px 12px
}

.header-dropdown-menu-index {
    position: absolute;
    top: 99%;
    right: 0;
    left: 0;
    text-align: center;
    padding: 0;
    min-height: 600px;
    margin: 0;
    border: none;
    z-index: 120;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.header-dropdown-menu-index h1 {
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 100;
    line-height: 25px;
    margin-bottom: 37px
}

.header-dropdown-menu-index .continent li {
    display: inline-block;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    text-transform: uppercase
}

.header-dropdown-menu-index .continent li a {
    border: 0;
    display: block;
    color: #818181;
    padding: 6px 12px
}

.header-dropdown-menu-index .continent li a:hover {
    background-color: #306ce7!important;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px;
    color: #818181
}

.header-dropdown-menu-index .continent li.active {
    background-color: transparent;
    color: #818181;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px
}

.header-dropdown-menu-index .continent li>a,
.header-dropdown-menu-index .continent li>a:focus {
    color: #818181
}

.header-dropdown-menu-index .continent li.active a {
    color: #818181
}

.menu-back {
    position: absolute;
    margin-top: 5px;
    width: 150px;
    color: #5c5c5c;
    margin-top: 10px;
    font-size: 1rem;
    display: none
}

.header-dropdown-menu {
    position: absolute;
    top: 99%;
    right: 0;
    left: 0;
    text-align: center;
    padding: 0;
    min-height: 600px;
    margin: 0;
    border: none;
    z-index: 120;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.header-dropdown-menu h1 {
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 100;
    line-height: 25px;
    margin-bottom: 37px
}

.header-dropdown-menu .continent li {
    display: inline-block;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    text-transform: uppercase
}

.header-dropdown-menu .continent li a {
    display: block;
    color: #818181;
    padding: 6px 12px
}

.header-dropdown-menu .continent li:hover {
    background-color: #306ce7;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px
}

.header-dropdown-menu .continent li:hover a {
    color: #fff
}

.header-dropdown-menu .continent li.active {
    background-color: #306ce7;
    color: #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px
}

.header-dropdown-menu .continent li.active:hover {
    color: #fff
}

.header-dropdown-menu .continent li.active a {
    color: #fff
}

@media (max-width:768px) {
    .client-head {
        height: 106px!important
    }
    .navbar-toggle {
        display: block
    }
    .best-hotels-to-stay-heading .best-hotel-details .star-rating {
        display: inline-block
    }
    .best-hotels-to-stay-heading .best-hotel-details p {
        line-height: 25px
    }
    .itineary-secondary-wrap .iti-tab>li {
        padding-left: 3px
    }
    .navbar-collapse.opened {
        left: 0
    }
    #inspiration-list-body .owl-nav .owl-next,
    #inspiration-list-body .owl-nav .owl-prev {
        height: 99%
    }
    .itineary-date p {
        margin-top: 10px
    }
    .hotel-new-card {
        /*width: 315px!important*/
    }
}

.main-to-top .booking-module-section .booking-module-wr {
    margin-top: -50px
}

@media screen and (max-width:767px) {
    .main-to-top .booking-module-section .booking-module-wr {
        margin-top: -47px
    }
}

.main-to-top .booking-module-section .m-btn {
    padding-top: 20px
}

@media screen and (max-width:767px) {
    .main-to-top .booking-module-section .m-btn {
        padding-top: 0
    }
}

.main-section {
    background: #f9f9f9;
    padding-top: 45px
}

@media screen and (max-width:767px) {
    .main-section {
        padding-top: 15px
    }
}

.main-section-container {
    padding-bottom: 60px
}

@media screen and (max-width:767px) {
    .main-section-container {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .primary {
        order: 2
    }
}

.primary.your-selection {
    float: none
}

@media screen and (min-width:1280px) {
    .primary.your-selection {
        width: 70%;
        margin: 9.25rem auto 0
    }
}

@media screen and (max-width:767px) {
    .secondary {
        order: 1
    }
}

.site-navigation-section {
    background: #324251
}

.site-navigation-section.fixed {
    position: fixed;
    top: 0;
    background: #324251;
    z-index: 10;
    width: 100%
}

.site-navigation-section.fixed+section {
    margin-top: 80px
}

.site-navigation-section.fixed.site-navigation-section-itineary {
    left: 0;
    right: 0;
    background-color: #123e72
}

.site-navigation-section.fixed.all-hotels {
    padding: .9375rem 0
}

.site-navigation-section.all-hotels {
    padding: 22px 0
}

.site-navigation-section a {
    font-family: "San Francisco Display", sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1;
    color: #282626
}

.site-navigation-section a.btn-itineary {
    color: #fff;
    margin-left: 20px
}

.fixed-menu-city {
    margin-top: 4px
}

@media screen and (max-width:767px) {
    .site-navigation-section .navbar-collapse {
        float: left
    }
}

.site-navigation-section .navbar-collapse {
    border-top: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

.breadcrumb {
    background: 0 0;
    margin: 0;
    padding-left: 0
}

.breadcrumb>li {
    font-size: 14px;
    font-weight: 400
}

.breadcrumb>li a {
    color: #878c93;
    display: inline-block;
    line-height: 1;
    font-size: 14px;
    font-weight: 400
}

.breadcrumb>li+li:before {
    content: ">";
    position: relative;
    top: -1px;
    display: inline-block
}

.breadcrumb>li:first-child a {
    padding-left: 0
}

.star-rating li {
    display: inline-block;
    color: #fbd032;
    float: right;
    padding-left: 2px
}

@media (max-width:1440px) and (min-width:1280px) {
    .star-rating li {
        padding-left: .5rem
    }
    .star-rating li i {
        font-size: 14px;
        margin-left: 0
    }
}

.star-rating li a {
    color: #fbd032
}

.star-rating li.unabled {
    color: #ccd8e4
}

.star-rating li.unabled a {
    color: #ccd8e4
}

.htour-star-rating li {
    display: inline-block;
    color: #fbd032;
    float: left;
    padding-left: 1rem;
    margin-bottom: -5px!important
}

.htour-star-rating li a {
    color: #fbd032
}

.htour-star-rating li.unabled {
    color: #ccd8e4
}

.htour-star-rating li.unabled a {
    color: #ccd8e4
}

.title-underlined {
    color: #1a1a1f;
    font-family: Roboto, sans-serif;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 2.625rem;
    text-align: center;
    margin: 0;
    padding-bottom: 1.5625rem;
    position: relative;
    margin-bottom: 20px
}

.title-underlined:after {
    content: "";
    width: 50px;
    background: #1d53c8;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px
}

.tour {
    width: 132px;
    position: relative;
    box-shadow: 0 25px 45px rgba(92, 95, 101, .7);
    float: left;
    position: relative
}

@media screen and (max-width:639px) {
    .tour {
        float: none;
        display: inline-block
    }
    .card.diner-card {
        width: 90%
    }
}

.tour h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    display: inline-block
}

.tour img {
    height: 258px;
    width: 188px;
    position: relative;
    z-index: 1;
    box-shadow: 0 10px 13px rgba(92, 95, 101, .32)
}

.tour:after {
    content: "";
    display: block;
    background: url(../img/boarding-pas.png) top left no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: -20px;
    z-index: 0;
    width: 132px;
    height: 175px
}

.tour-big {
    width: 23.75rem
}

.tour-big:after {
    content: "";
    display: block;
    background: url(../img/boarding-pas.png) top left no-repeat;
    background-size: contain;
    position: absolute;
    top: 20px;
    left: -45px;
    z-index: 0;
    width: 25.625rem;
    height: 30rem
}

.tour-big h2 {
    position: relative;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 2.1875rem;
    left: 0;
    right: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tour-big hgroup {
    position: absolute;
    bottom: .9375rem;
    left: 0;
    right: 0;
    z-index: 5
}

.tour-big hgroup h5 {
    color: rgba(255, 255, 255, .7);
    font-family: "San Francisco Display", sans-serif;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 3.875rem;
    margin: 0
}

.progress-block {
    margin-top: 6.75rem;
    display: table;
    width: 100%;
    background-color: #f6f6f6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    padding: 2.75rem 1.875rem
}

.progress-value {
    display: table-cell;
    vertical-align: top;
    width: 15%;
    color: #3a3a43;
    font-family: Roboto, sans-serif;
    font-size: 3.0625rem;
    font-weight: 300;
    line-height: 2.5rem
}

.progress-wr {
    display: table-cell;
    vertical-align: top;
    width: 70%
}

.number-of-reviews {
    display: table-cell;
    vertical-align: top;
    width: 15%
}

.number-of-reviews span {
    display: block;
    padding-top: 5px;
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2.1875rem
}

.booking-module-section .booking-module-wr {
    margin-top: -9%;
    position: relative;
    z-index: 10;
    overflow: hidden
}

.child-table {
    padding: 10px;
    border: 1px solid #f7f4e8;
    background: #f9f9f9;
    width: max-content!important
}

table.child-table td {
    font-size: 12px;
    padding-left: 5px
}

.child_text {
    padding-right: 5px
}

.bottom-child {
    margin-right: 6%;
    width: 40%!important
}

.w40percent {
    float: left;
    width: 40%
}

.w50percent {
    float: left;
    width: 50%
}

.w50percentlast {
    float: right;
    width: 50%
}

.wh90percent {
    width: 90%
}

.wh50percent {
    float: left;
    width: 50%
}

.wh25percent {
    float: left;
    width: 25%
}

.wh75percent {
    width: 75%
}

.textleft {
    text-align: left
}

.right {
    float: right
}

.left {
    float: left
}

.ca01 a {
    color: #fff
}

.booking-module-steps span {
    color: #fefefe;
    display: block;
    font-family: "San Francisco Display", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 10px 0;
    text-transform: uppercase
}

.p-r-0 {
    padding-right: 0
}

.p-l-0 {
    padding-left: 0
}

.p-15-0 {
    padding: 15px 0
}

@media screen and (max-width:767px) {
    .booking-module-section .booking-module-wr {
        width: 100%;
        margin: 0
    }
}

.booking-module-header ul li.active a {
    background: #324251!important;
    color: #fff!important
}

.booking-module-header ul li {
    margin-right: -20px
}

.booking-module-header ul li a {
    color: #fff;
    display: block;
    min-width: 46px;
    padding: 12px 15px;
    background: #1c2b3a;
    text-align: center
}

.booking-module-header ul li a i {
    font-size: 18px
}

.booking-module-header ul li a:hover {
    background: #003c5d
}

.booking-module-steps {
    background: #324251;
    margin-top: -1px;
    padding: 30px 0
}

.booking-module-header ul.nav-tabs {
    border-bottom: 0 transparent
}

.booking-module-steps .form-control {
    width: 100%
}

.booking-module-steps label {
    display: inline-block;
    color: #fefefe;
    font-family: "San Francisco Display", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1
}

.booking-module-steps .form-group {
    width: 100%
}

.booking-step-2 {
    display: none
}

@media screen and (min-width:768px) {
    .booking-step-2 {
        margin-top: 25px
    }
}

.booking-step-2.next {
    display: block!important
}

.mission-section {
    padding: 7.9375rem 0
}

.mission-section p {
    width: 70%;
    margin: 0 auto;
    opacity: .68;
    color: #3b3a39
}

.get-inspired-section {
    text-align: center
}

.get-inspired-section .nav-tabs {
    display: inline-block;
    border: none;
    margin-bottom: 25px
}

.get-inspired-section .nav-tabs li {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin: 0 20px
}

@media screen and (max-width:767px) {
    .get-inspired-section .nav-tabs li {
        margin: 0
    }
}

.get-inspired-section .nav-tabs li a {
    color: #c6c6c5;
    text-transform: uppercase;
    border: none!important
}

.get-inspired-section .nav-tabs li a:hover {
    color: #3c3a38;
    background: 0 0
}

@media (min-width:320px) and (max-width:360px) {
    .get-inspired-section .nav-tabs li a {
        padding: 10px
    }
}

.get-inspired-section .nav-tabs li i {
    font-size: 32px
}

@media (min-width:320px) and (max-width:360px) {
    .get-inspired-section .nav-tabs li i {
        font-size: 24px
    }
}

.get-inspired-section .nav-tabs li.active a {
    display: block;
    background: #f7f8fa;
    color: #3c3a38
}

.get-inspired-section .nav-tabs li.active a:hover {
    border: none
}

.get-inspired-section .nav-tabs span {
    display: block;
    padding-top: 10px;
    text-align: center
}

@media screen and (max-width:767px) {
    .get-inspired-section .nav-tabs span {
        display: none
    }
}

.get-inspired-section .panel-heading i {
    margin-right: 10px
}

.beach {
    background-size: cover
}

.beach .container {
    margin-top: 0;
    padding: 75px 15px
}

@media screen and (max-width:767px) {
    .beach .container {
        padding: 25px 15px
    }
}

.tab-inner-content {
    position: relative
}

@media screen and (min-width:768px) {
    .tab-inner-content {
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row
    }
}

.blog-post {
    display: block
}

@media screen and (max-width:767px) {
    .blog-post {
        margin-bottom: 24px
    }
}

.blog-post-content {
    background: #fff
}

.blog-post-content img {
    max-width: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.blog-post-content span {
    display: inline-block;
    vertical-align: middle;
    color: #4d4b4d;
    font-family: "San Francisco Display", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 23px
}

.blog-post-content span.blog-info {
    padding: 8px 0
}

.blog-post-footer {
    padding: 15px;
    text-align: left
}

.blog-post .content {
    color: #404040;
    font-family: "San Francisco Display", sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1;
    border-bottom: 1px solid #ececec;
    padding: 20px 15px
}

.blog-post p {
    color: #404040;
    font-family: "San Francisco Display", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    border-bottom: 1px solid #ececec;
    padding: 10px 35px
}

.blog-post-text {
    text-align: left
}

@media screen and (max-width:767px) {
    .blog-post-text {
        margin-bottom: 25px
    }
}

.blog-post-text h3 {
    margin: 0 0 15px;
    font-size: 2rem
}

.blog-post-text p {
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-weight: 400
}

.blog-post-text a {
    display: inline-block;
    padding-top: 40px;
    opacity: .68;
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.related-tours {
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1
}

@media screen and (min-width:1366px) {
    .related-tours {
        position: absolute;
        top: 50%;
        left: 101%;
        min-width: 100px;
        font-size: 12px
    }
}

.explore-world-section {
    background: #f7f8fa;
    padding: 9.125rem 0
}

.bottom-section {
    text-align: center;
    padding: 80px 0
}

.bottom-section .img-container {
    display: inline-block;
    width: 80px;
    height: 110px;
    text-align: center
}

@media screen and (max-width:767px) {
    .bottom-section .img-container {
        width: 60px
    }
}

.bottom-section .img-container.tailor {
    width: 140px
}

@media screen and (max-width:767px) {
    .bottom-section .img-container.tailor {
        width: 130px
    }
}

.bottom-section img {
    display: inline-block;
    vertical-align: middle
}

.bottom-section h3 {
    color: #383d41;
    font-family: Roboto, sans-serif;
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 2.125rem
}

.bottom-section p {
    opacity: .68;
    color: #3b3a39;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 24px;
    padding: 0 25px
}

@media screen and (max-width:767px) {
    .bottom-section p {
        margin-bottom: 30px
    }
}

.contact-us-section {
    text-align: center;
    background: #f6f6f6;
    padding: 20px 0
}

.contact-us-section ul {
    display: inline-block
}

.contact-us-section ul li {
    display: inline-block;
    padding: 0 30px
}

@media screen and (max-width:767px) {
    .contact-us-section ul li {
        margin-bottom: 5px
    }
}

.contact-us-section ul li a {
    color: #3a3a3a;
    font-family: "San Francisco Display", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase
}

.contact-us-section ul li a i {
    padding-right: 10px
}

select {
    height: 2.4375rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    background-image: url(../img/select-arrow.png)!important;
    -webkit-background-origin: content-box;
    background-origin: content-box;
    background-position: right -.5rem center;
    background-repeat: no-repeat;
    -webkit-background-size: 11px 6px;
    background-size: 11px 6px;
    padding-right: 1.5rem;
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s;
    text-transform: capitalize
}

select.form-control {
    color: #424242;
    text-transform: capitalize
}

.form-control {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: none;
    box-shadow: none;
    color: #424242;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1
}

.form-control::-webkit-input-placeholder {
    color: #c2c2c2
}

.form-control::-moz-placeholder {
    color: #c2c2c2
}

.form-control:-moz-placeholder {
    color: #c2c2c2
}

.form-control:-ms-input-placeholder {
    color: #c2c2c2
}

@media (min-width:767px) and (max-width:990px) {
    .form-control-group {
        margin-bottom: 15px
    }
}

.form-control-group-btn {
    margin-top: 0
}

@media (max-width:991px) {
    .country-area-main .site-navigation-links {
        padding: 1.875rem 0
    }
    .country-area-main .site-navigation-links .icon-Menu {
        color: #fff
    }
    .dining-item-content-wrap {
        width: 100%;
        padding-left: 0
    }
    .dining-item-img-wrap {
        width: 100%;
        margin-bottom: 1.875rem
    }
    .small-item {
        display: none
    }
    .explore-map-container {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
    .contact-menu {
        padding-top: 20px!important;
        padding-right: 26px
    }
    .explore-map>a {
        position: static;
        transform: translateX(0);
        margin-bottom: 1.25rem
    }
    #destination-tab-content.tab-content>.tab-pane {
        position: static;
        display: none;
        opacity: 1
    }
    #destination-tab-content.tab-content {
        height: auto
    }
    #destination-tab-content.tab-content>.tab-pane.active {
        display: block
    }
    .navbar-toggle {
        display: block
    }
    .header-dropdown-menu-index {
        top: 0;
        left: 200%;
        right: -300%;
        bottom: 0;
        min-height: auto
    }
    .logo {
        height: auto;
        width: 8.0625rem
    }
    .header-dropdown-menu-index .continent li {
        font-size: 10px
    }
    .header-dropdown-menu {
        top: 0;
        left: 200%;
        right: -300%;
        bottom: 0;
        min-height: auto
    }
    .logo {
        height: auto;
        width: 8.0625rem
    }
    .header-dropdown-menu .continent li {
        font-size: 10px
    }
    .header-dropdown-menu-index {
        opacity: 1
    }
    .open>.dropdown-menu {
        left: 0;
        right: -100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 1.25rem
    }
    .header-dropdown-menu {
        opacity: 1
    }
    .insphols-nav {
       /* margin-top: 31px*/
    }
    #insp-card-mobile-wrapper .owl-nav .owl-prev,
    #insp-card-mobile-wrapper-excursion .owl-nav .owl-prev {
        border: none!important;
        color: #636363!important;
        background: 0 0!important;
        left: -25px
    }
    #insp-card-mobile-wrapper .owl-nav .owl-next,
    #insp-card-mobile-wrapper-excursion .owl-nav .owl-next {
        right: 0;
        border: none!important;
        color: #636363!important;
        background: 0 0!important
    }
    #insp-card-mobile-wrapper .owl-nav .owl-next span,
    #insp-card-mobile-wrapper .owl-nav .owl-prev span,
    #insp-card-mobile-wrapper-excursion .owl-nav .owl-next span,
    #insp-card-mobile-wrapper-excursion .owl-nav .owl-prev span {
        font-size: 8rem;
        top: -51px;
        position: absolute
    }
    ,
    #top-attr-country-mobile {
        padding: 20px
    }
    #top-attr-country-mobile .owl-nav .owl-prev {
        position: absolute;
        top: 40%;
        margin-left: -33px;
        display: block!important;
        border: 0 solid #000;
        background: 0 0;
        margin-top: -122px
    }
    #top-attr-country-mobile .owl-nav .owl-next {
        position: absolute;
        top: 40%;
        right: 33px;
        display: block!important;
        border: 0 solid #000;
        background: 0 0;
        margin-top: -122px
    }
    #top-attr-country-mobile .owl-nav .owl-next.disabled span,
    #top-attr-country-mobile .owl-nav .owl-prev.disabled span {
        color: #303030
    }
    #top-attr-country-mobile .owl-nav .owl-next span,
    #top-attr-country-mobile .owl-nav .owl-prev span {
        font-size: 6rem;
        color: #636363
    }
    #top-attr-country-mobile .owl-nav .owl-prev {
        margin-left: -13px
    }
    #top-attr-country-mobile .owl-nav .owl-next {
        right: -13px
    }
    #insp-card-mobile-wrapper .owl-dots,
    #insp-card-mobile-wrapper-excursion .owl-dots,
    #top-attr-country-mobile .owl-dots {
        text-align: center;
        margin-top: 10px
    }
    #insp-card-mobile-wrapper .owl-nav .owl-dots .owl-dot,
    #insp-card-mobile-wrapper-excursion .owl-nav .owl-dots .owl-dot,
    #top-attr-country-mobile .owl-nav .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }
    #insp-card-mobile-wrapper .owl-dots .owl-dot span,
    #insp-card-mobile-wrapper-excursion .owl-dots .owl-dot span,
    #top-attr-country-mobile .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }
    #insp-card-mobile-wrapper .owl-dots .owl-dot.active span,
    #insp-card-mobile-wrapper .owl-dots .owl-dot:hover span,
    #insp-card-mobile-wrapper-excursion .owl-dots .owl-dot.active span,
    #insp-card-mobile-wrapper-excursion .owl-dots .owl-dot:hover span,
    #top-attr-country-mobile .owl-dots .owl-dot.active span,
    #top-attr-country-mobile .owl-dots .owl-dot:hover span {
        background: #626262
    }
    #counter-span-attr,
    #counter-span-dest,
    #counter-span-exc {
        background-color: #c6c6c6;
        padding: 8px;
        color: #fff;
        border-radius: 7px;
        font-weight: 500
    }
}

.c-form-control {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.c-form-control::-webkit-input-placeholder {
    color: #5c5c5c
}

.c-form-control::-moz-placeholder {
    color: #5c5c5c
}

.c-form-control:-moz-placeholder {
    color: #5c5c5c
}

.c-form-control:-ms-input-placeholder {
    color: #5c5c5c
}

.checkbox label,
.radio label {
    padding-left: 20px
}

.f-group {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px
}

.checkbox-label {
    display: inline-block;
    color: #efefef;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    position: relative;
    margin-bottom: 0;
    margin-left: 10px
}

.checkbox-label:hover {
    cursor: pointer
}

.checkbox-label span {
    display: inline-block;
    float: left;
    width: 95%;
    line-height: 1
}

input[type=checkbox].checkbox {
    opacity: 0;
    position: absolute
}

input[type=checkbox]:before {
    font-size: 1em;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding-top: 5px;
    margin-right: 10px;
    float: left
}

.radio-label {
    display: inline-block;
    color: #585958;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    position: relative;
    vertical-align: middle;
    margin-bottom: 0
}

.radio-label:hover {
    cursor: pointer
}

input[type=radio].radio {
    opacity: 0;
    position: absolute
}

input[type=radio]+.radio-label {
    position: relative
}

input[type=radio]+.radio-label:before {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 1px solid #c0c6cb;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: .5em;
    vertical-align: top;
    cursor: pointer;
    text-align: center
}

input[type=radio]:checked+.radio-label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: #1d53c8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

input[type=radio]:focus+.radio-label:before {
    outline: 0;
    border: 1px solid #c0c6cb
}

input[type=radio]+.radio-label:empty:before {
    margin-right: 0
}

.no-result-wrapper {
    position: relative;
    z-index: 3;
    width: 27.25rem;
    padding: 2.8125rem 2.1875rem;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: .2px 1px 17.6px 3.4px rgba(0, 0, 0, .11);
    margin-top: 2.125rem;
    margin-left: -15.125rem
}

@media screen and (max-width:559px) {
    .no-result-wrapper {
        width: 100%
    }
}

@media (min-width:1500px) {
    .no-result-wrapper {
        width: 23.75rem
    }
}

.no-result-wrapper h3 {
    color: #231f1f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.9375rem;
    margin-bottom: .9375rem
}

.no-result-text-wrapper p {
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.625rem;
    font-weight: 400;
    text-align: justify;
    line-height: 2.4375rem
}

.no-result-wrapper .no-result-span {
    display: inline-block;
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 2.4375rem;
    margin-bottom: .9375rem
}

.no-result-bot {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.no-result-bot a {
    display: inline-block;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    background-color: #306ce7;
    border-radius: 28px;
    padding: 10px 20px;
    margin-left: 30px
}

.search-form {
    position: relative;
    padding: 20px;
    margin-left: 4.375rem
}

@media screen and (max-width:767px) {
    .search-form {
        padding: 20px 0;
        margin: 0 0 30px
    }
}

.search-form .preloader {
    display: none;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-form .preloader img {
    max-width: 30px
}

.search-form .preloader:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    opacity: .36;
    background-color: #d1d1d1
}

.search-form .search-form-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    background-color: #fff
}

.search-form .search-form-list li {
    padding: 1.875rem 2.5rem;
    border-top: 1px solid #485e7d
}

.search-form .search-form-list a {
    font-family: Proxima, sans-serif;
    font-size: 1.5625rem;
    font-weight: 300;
    letter-spacing: .1px;
    color: #454d56
}

.search-form .search-form-list a .result {
    font-weight: 600
}

.search-form .daterangepicker {
    display: none!important
}

@media screen and (max-width:767px) {
    .search-form-wrapper {
        position: absolute;
        margin-top: 0;
        width: 1.875rem;
        top: 0;
        margin-right: 13px;
        right: 13.75rem;
        z-index: 100
    }
}

.search-form-wrapper.focus {
    position: static
}

@media screen and (max-width:767px) {
    .search-form-wrapper.focus {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0
    }
}

.search-form-wrapper.focus .search-form {
    z-index: 10;
    background-color: #fff
}

.search-form-wrapper.focus .search-form-question {
    display: block
}

.search-form-wrapper.focus .search-form-button {
    color: #3c454f
}

.search-form-wrapper.focus .form-control {
    border-radius: 0;
    color: #3c454f
}

.search-form-wrapper.focus .form-control::-webkit-input-placeholder {
    color: #3c454f
}

.search-form-wrapper.focus .form-control::-moz-placeholder {
    color: #3c454f
}

.search-form-wrapper.focus .form-control:-moz-placeholder {
    color: #3c454f
}

.search-form-wrapper.focus .form-control:-ms-input-placeholder {
    color: #3c454f
}

.search-form .search-form-button {
    position: absolute;
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 6px 10px;
    height: 34px
}

.search-form .search-form-button i {
    position: relative;
    top: -4px
}

.search-form .search-form-button:active {
    box-shadow: none
}

.search-form .search-form-button:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    opacity: .36;
    background-color: #d1d1d1
}

.search-form .form-group {
    margin-bottom: 0
}

.search-form .form-control {
    background: 0 0;
    border: none;
    box-shadow: none;
    color: #faf8f4;
    font-family: Proxima, sans-serif;
    font-size: 1.5625rem;
    font-weight: 300;
    line-height: 1;
    padding: 6px 0 6px 50px
}

.search-form .form-control::-webkit-input-placeholder {
    color: #faf8f4
}

.search-form .form-control::-moz-placeholder {
    color: #faf8f4
}

.search-form .form-control:-moz-placeholder {
    color: #faf8f4
}

.search-form .form-control:-ms-input-placeholder {
    color: #faf8f4
}

.search-form-question {
    top: 50%;
    font-family: "San Francisco Display", sans-serif;
    transform: translateY(-50%);
    position: absolute;
    color: #0f3051;
    display: none;
    right: 20px
}

.search-form-close {
    display: none;
    position: absolute;
    font-size: 20px;
    right: 0;
    top: 15px;
    color: #183348;
    transform: translateY(-50%) rotate(-45deg);
    background: 0 0;
    border: none
}

.search-form-close:active {
    box-shadow: none
}

.amount {
    background: 0 0;
    color: #dcdcdc!important;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px!important;
    font-weight: 500!important;
    margin-bottom: 25px
}

.ui-slider .ui-slider-handle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #fff
}

.ui-slider-horizontal {
    height: 4px
}

.ui-slider-horizontal .ui-slider-handle {
    top: -8px
}

.ui-widget-content {
    background: #fff;
    border: none!important
}

.ui-widget-header {
    background: #1769ef
}

.map-section {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 60px 0 40px;
    box-shadow: .8px 8px 35.3px 6.7px rgba(0, 0, 0, .11)
}

@media screen and (max-width:767px) {
    .map-section {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

@media screen and (max-width:767px) {
    #explore-map-big,
    #map {
        height: 250px!important
    }
}

.map-secondary {
    width: 40%;
    text-align: left;
    background: #fff;
    padding: 20px
}

.open_block_map_prim .scroll-wrap {
    height: 360px;
    overflow: auto
}

@media screen and (max-width:991px) {
    .open_block_map_prim .scroll-wrap {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .map-secondary {
        order: 2;
        width: 100%
    }
}

@media screen and (min-width:1366px) {
    .map-secondary {
        width: 30%
    }
}

.map-secondary h2 {
    color: #656161;
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
    margin: 0;
    padding-bottom: 20px
}

.map-secondary h3 {
    color: #302d2d;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 5px;
    margin: 0
}

.map-secondary span {
    color: grey;
    font-size: 14px;
    font-weight: 400
}

.map-secondary ul li {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.explore-headings {
    padding: 15px 0 20px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background: url(../img/title-tours-icon.png) 100% 20px no-repeat;
    background-size: 30px 35px
}

.map-primary {
    width: 60%
}

#country-map {
    height: auto;
    min-height: 600px
}

.country-map-list {
    height: 480px!important
}

.destination-conti {
    margin-top: 4%;
    margin-right: -10%
}

.destination-cnt {
    margin-top: 1%;
    margin-right: -10%
}

.destination-contimenu {
    padding-left: 0
}

@media screen and (min-width:1366px) {
    .map-primary {
        width: 70%
    }
}

@media screen and (max-width:767px) {
    .map-primary {
        order: 1;
        width: 100%
    }
    #country-map {
        min-height: 400px
    }
}

#destination-tab .nav-tabs>li {
    float: none
}

#destination-tab .nav-tabs {
    border-bottom: none
}

#destination-tab .nav-tabs>li>a:focus,
#destination-tab .nav-tabs>li>a:hover {
    border-color: transparent;
    background-color: transparent;
    color: #818181
}

#destination-tab-content.tab-content {
    position: relative;
    height: 457px
}

#destination-tab-content.tab-content>.tab-pane {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 0
}

#destination-tab-content.tab-content>.tab-pane.active {
    opacity: 1;
    z-index: 1
}

.destination-block img {
    max-width: 60px;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width:359px) {
    .destination-block img {
        max-width: 33px
    }
}

.destination-block .destination-description {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 15px
}

.destination-block .destination-description h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 5px
}

.destination-block .destination-description h4 a {
    color: #2c2828
}

@media screen and (max-width:359px) {
    .destination-block .destination-description h4 {
        font-size: 16px
    }
}

@media screen and (max-width:600px) {
    .destination-block .destination-description {
        max-width: 70%
    }
}

.destination-block .destination-description span {
    color: #7f7d7d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

@media screen and (max-width:359px) {
    .destination-block .destination-description span {
        font-size: 12px
    }
}

.map-view-full {
    opacity: 0;
    position: absolute;
    z-index: -1;
    min-height: 800px;
    width: 100%;
    display: flex
}

.map-view-full-shows {
    opacity: 1;
    position: relative;
    z-index: auto
}

.map-view-full+.secondary {
    position: absolute!important
}

#map-view-full {
    align-items: stretch
}

.view-hide {
    display: none
}

.pagination-container {
    padding-top: 30px
}

.pagination-container span {
    color: #3b3b3b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.pagination-container .pagination {
    margin: 0
}

.pagination-container .pagination>li {
    display: block;
    float: left;
    margin: 0 2px;
    border-bottom: none
}

.pagination-container .pagination>li>a {
    border-color: #dadada;
    color: #008588;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.pagination-container .pagination>li.active a,
.pagination-container .pagination>li:hover a {
    color: #494a49;
    background: #edefed
}

.pagination-container .pagination>li.disabled a {
    color: #494a49;
    background: #edefed
}

.explore-map-tab {
    width: 35%;
    margin-right: 40px;
    margin-left: -30px
}

@media (max-width:768px) {
    .explore-map-tab {
        width: 80%
    }
}

.explore-details-tab {
    width: 60%
}

@media (max-width:768px) {
    .explore-details-tab {
        width: 80%
    }
}

.tab-map {
    height: 341px!important;
    width: 100%!important
}

.explore-map>a {
    display: inline-block;
    position: absolute;
    bottom: -10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #306ce7;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    border-bottom: 1px solid #306ce7
}

.explore-map-container {
    padding-top: 20px;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.explore-map-container .explore-map-list ul li {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.explore-map-list {
    margin-left: 30px
}

.explore-map-list ul {
    -webkit-columns: 2 2em;
    -moz-columns: 2 2em;
    columns: 2 2em;
    height: 420px!important
}

.explore-map-list .info1 {
    -webkit-columns: 2 2em;
    -moz-columns: 2 2em;
    columns: 2 2em;
    height: 420px!important
}

@media (max-width:767px) {
    .explore-map-list {
        margin-left: 5px
    }
    .contact-menu {
        padding-top: 15px!important;
        padding-right: 10px
    }
    .explore-map-list ul {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1!important
    }
}

.explore-map-list ul li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 13px 0
}

.explore-map-list ul li:after {
    content: "";
    display: block;
    clear: both
}

.explore-map-list ul li p {
    opacity: .83;
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 18px
}

.explore-map-list .country-info span a {
    display: block;
    opacity: .75;
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 16px;
    padding: 7px 0 11px;
    text-transform: initial
}

.explore-map-list .country-info span a:hover {
    opacity: 1;
    color: #5c5c5c
}

.explore-map-list ul li .country-img {
    display: block;
    max-width: 63px;
    float: left;
    padding: 0;
    margin-right: 11px
}

.explore-map-list .back-text {
    max-width: 320px;
    border-bottom: 1px solid rgba(51, 51, 51, .21);
    display: block;
    opacity: .75;
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 16px;
    padding: 7px 0 11px;
    text-transform: initial
}

.explore-map-list .back-div {
    width: 250px;
    margin-left: 100px;
    margin-bottom: 10px;
    height: 30px
}

.country-info {
    float: left;
    max-width: 320px;
    border-bottom: 1px solid rgba(51, 51, 51, .21);
    text-align: left
}

.country-info h3 {
    color: #232630;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 7px
}

.country-info h3 a {
    color: #232630;
    font-family: Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 7px
}

.inspiration-dropdown p {
    font-family: Roboto, sans-serif;
    font-size: 13px;
    line-height: 1;
    color: #6a6e87;
    font-weight: 300
}

.inspiration-dropdown p span {
    font-weight: 400
}

.inspiration-dropdown p a {
    color: #306ce7;
    font-weight: 400;
    text-decoration: underline
}

.tour-with-text {
    padding-top: 66px
}

.minimised-categories {
    position: relative
}

.minimised-categories img {
    max-width: 47px;
    float: left;
    margin-left: 40px
}

.minimised-categories .close-btn {
    left: 0;
    top: 50%
}

.item-ispiration {
    display: none
}

.item-ispiration.shows {
    display: block
}

.item-ispiration ul {
    padding: 0 30px
}

.item-ispiration ul li {
    float: left;
    width: 50%;
    margin-bottom: 25px
}

@media (max-width:1210px) {
    .item-ispiration ul li {
        width: 100%
    }
}

.find-inspiration.hides {
    display: none
}

.tour-search {
    margin-top: 20px;
    margin-left: -10px
}

.tour-text {
    float: left;
    text-align: left;
    width: 70%;
    padding-left: 35px
}

@media screen and (max-width:639px) {
    .tour-text {
        width: 100%;
        padding: 0;
        margin-top: 25px
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .tour-text {
        padding-right: 25px
    }
}

.tour-text h3 {
    color: #232630;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px
}

.tour-text span {
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px
}

.tour-text p {
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px
}

.tour-text .link-group {
    padding-top: 17px
}

.tour-text .link-group a {
    color: #6a6e87;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px
}

.tour-text .link-group a.btn-itineary {
    margin-right: 20px
}

@media screen and (min-width:1300px) {
    .main-all-hotels .container {
        width: 90%
    }
}

@media screen and (min-width:1480px) and (max-width:1799px) {
    .main-all-hotels .container {
        width: 95%
    }
    .main-all-hotels .hotel-card-wr {
        width: 25%
    }
    .main-all-hotels .hotels-filters {
        width: 20%
    }
    .main-all-hotels .hotels-list {
        width: 80%
    }
}

@media screen and (min-width:1800px) {
    .main-all-hotels .container {
        width: 95%
    }
    .main-all-hotels .hotel-card-wr {
        width: 20%
    }
    .main-all-hotels .hotels-filters {
        width: 18%
    }
    .main-all-hotels .hotels-list {
        width: 82%
    }
}

.main-all-hotels .pagination-container {
    text-align: center
}

.main-all-hotels .hotels-filters-mb {
    margin-top: 0;
    margin-bottom: 1.25rem
}

@media screen and (max-width:767px) {
    .hotels-list {
        padding-top: 15px
    }
}

.hotels-list h2 {
    margin: 0 0 3.125rem;
    color: #282626;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 2.25rem;
    text-align: center
}

.hotel-cards-group {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hotel-cards-group.view-hide {
    display: none
}

.hotel-card-wr {
    margin-bottom: 30px;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox
}

.hotel-card-wr:nth-child(4n+4) {
    clear: left
}

@media screen and (max-width:767px) {
    .hotel-card-wr {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }
}

.hotel-card {
    display: block;
    background: #fff;
    box-shadow: 0 6px 15.4px .6px rgba(0, 0, 0, .14);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.card-block {
    padding: 1.25rem 0;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.card-block span {
    display: block;
    color: #7d7d7d;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5rem;
    padding: 6px 0 12px
}

.card-block .edited-text span {
    height: auto;
    border-top: 1px solid #fff;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5rem;
    color: #7d7d7d;
    font-family: Roboto, sans-serif;
    padding: 1.25rem 0 0;
    align-self: center
}

@media (min-width:360px) and (max-width:435px) {
    .card-block .dbd-text {
        display: none
    }
}

@media (min-width:411px) and (max-width:731px) {
    .card-block .dbd-text {
        display: none
    }
}

@media (min-width:320px) and (max-width:568px) {
    .card-block .dbd-text {
        display: none
    }
}

@media (min-width:375px) and (max-width:667px) {
    .card-block .dbd-text {
        display: none
    }
}

.trip-advisor-head-hotelTour img {
    display: inline-block;
    width: auto;
    margin-top: -5px;
    width: 30px
}

.desthotel-card-bottom {
    margin-top: 20px!important
}

.desthotel-card-review {
    margin-top: -30px
}

.card-bottom {
    position: relative;
    padding-top: 20px;
    margin-top: auto;
    padding-left: 15px;
    padding-right: 0;
    padding-bottom: 10px
}

.card-bottom .reviews {
    float: left;
    position: relative;
    top: 0
}

.card-bottom .btn-move {
    float: right
}

@media(max-width:1440px) {
    .left-blog {
        width: 77%!important
    }
    .hotel-card-block .text-left .airline-logo {
        display: none
    }
}

@media (min-width:360px) and (max-width:435px) {
    .card-bottom {
        margin-top: -10%;
        height: 43px
    }
}

.card-title {
    margin: 0;
    color: #3a3a43;
    font-family: Roboto, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 2.375rem
}

.trip-advisor-head {
    display: inline-block;
    max-width: 37px
}

@media (min-width:1280px) and (max-width:1440px) {
    .trip-advisor-head {
        max-width: 30px;
        margin-top: -10px
    }
}

.holiday-review {
    margin-top: 0!important
}

.reviews {
    position: relative
}

.reviews ul {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0
}

.reviews ul li {
    float: left;
    margin-right: 3px;
    padding: 0
}

.owl-item .reviews {
    top: 0;
    margin-top: 5px
}

.reviews .review-item {
    display: block;
    border: 2px solid #84af71;
    border-top: 2px solid #84af71!important;
    background: #fff;
    padding: 2px;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    position: relative
}

@media (min-width:1280px) and (max-width:1440px) {
    .reviews .review-item {
        width: 13px;
        height: 14px
    }
}

.reviews .review-item i {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #84af71;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.reviews .review-item.half i {
    display: block;
    background-color: #84af71;
    width: 5px;
    height: 8px;
    border-radius: 8px 0 0 8px;
    left: 4px
}

.reviews .review-item.empty i {
    display: block;
    background-color: #fff;
    width: 5px;
    height: 8px;
    border-radius: 8px 0 0 8px;
    left: 4px
}

.reviews .number {
    padding: 0;
    color: #8dad77;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    display: inline-block;
    vertical-align: middle
}

.btn-return-list {
    display: none
}

.btn-return-list-show {
    display: block
}

.country-information {
    text-align: left
}

.country-information li {
    float: left;
    color: #fff;
    padding: 0 25px;
    border-left: 1px dotted #fff
}

@media screen and (max-width:767px) {
    .country-information li {
        padding: 0 8px
    }
}

.country-information li i {
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px
}

@media screen and (max-width:767px) {
    .country-information li i {
        font-size: 14px
    }
}

.country-information li:first-child {
    border: none;
    padding-left: 0
}

.country-information-text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px
}

@media screen and (max-width:767px) {
    .country-information-text {
        padding-left: 0
    }
}

.country-information-text span {
    display: block;
    color: #d0d0d0;
    font-family: "San Francisco Display", sans-serif;
    font-weight: 500
}

.country-information-text span#weather {
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .country-information-text span {
        font-size: 9px
    }
}

.country-information-text span+span {
    font-size: 20px;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .country-information-text span+span {
        font-size: 14px
    }
}

.datepicker-iti {
    width: 60%;
    line-height: 30px;
    text-align: left;
    padding: 5px 10px;
    font-size: 1.5rem;
    font-weight: 500
}

@media (min-width:320px) and (max-width:359px) {
    .datepicker-iti {
        width: 95%;
        text-align: center;
        padding: 5px;
        font-size: 1.3rem
    }
}

@media (min-width:360px) and (max-width:413px) {
    .datepicker-iti {
        width: 95%;
        text-align: center;
        padding: 5px;
        font-size: 1.3rem
    }
}

@media (min-width:414px) and (max-width:480px) {
    .datepicker-iti {
        width: 95%;
        text-align: center;
        padding: 5px;
        font-size: 1.3rem
    }
}

.site-navigation-links-iti {
    display: inline-block;
    padding: 5px 0
}

@media screen and (max-width:767px) {
    .site-navigation-links-iti {
        padding: 0 0
    }
}

@media screen and (max-width:767px) {
    .site-navigation-links-iti {
        width: 100%;
        text-align: left
    }
}

.site-navigation-links-iti li {
    display: inline-block;
    padding: 0 15px
}

@media screen and (max-width:767px) {
    .site-navigation-links-iti li {
        display: block;
        padding: 5px 0;
        width: 100%
    }
    .navbar-collapse .col-sm-4 {
        width: 100%
    }
    .explore-map {
        margin-left: 0
    }
}

.site-navigation-links .icon-Menu {
    color: #e3e3e3
}

.site-navigation-links-iti li a {
    color: #fff;
    font-weight: 400
}

.site-navigation-links-iti li a:hover {
    color: #fff;
    font-weight: 500
}

.site-navigation-links {
    display: inline-block;
    padding: 18px 0
}

.site-navigation-links.breadcrumb-wrap {
    display: inline-block;
    padding: 10px 0
}

@media screen and (max-width:767px) {
    .site-navigation-links {
        padding: 15px 0
    }
}

@media screen and (max-width:767px) {
    .site-navigation-links {
        width: 100%;
        text-align: left
    }
}

.site-navigation-links li {
    display: inline-block;
    padding: 0 15px
}

@media screen and (max-width:767px) {
    .site-navigation-links li {
        display: block;
        padding: 10px 0
    }
}

.site-navigation-links li a {
    color: #e3e3e3;
    font-weight: 400
}

.site-navigation-links li a:hover {
    color: #fff;
    font-weight: 500;
    text-decoration: none
}

.top-attractions {
    background: #f7f7f7;
    padding: 30px;
    border-top: 1px solid #dcdcdc
}

@media screen and (max-width:1024px) {
    .top-attractions {
        padding: 30px 0
    }
    .explore-map-list ul li p {
        font-size: 1.2rem;
        max-height: 35px;
        overflow: hidden
    }
    .explore-map-list .country-info span a {
        font-size: 1.1rem
    }
    .hotels h2 span:before {
        left: 50%;
        margin-left: -13px
    }
    .navbar-header {
        position: relative
    }
    .navbar-header .pg-menu {
        display: block!important;
        position: absolute;
        color: #fff;
        top: 50%;
        bottom: 50%;
        margin-top: -10px;
        margin-left: 30px;
        font-size: 1.5rem
    }
}

.top-attractions h2 {
    text-align: center;
    margin-bottom: 60px
}

.top-attractions.city h2 {
    color: #404047;
    font-family: Roboto;
    font-size: 35px;
    font-weight: 100;
    line-height: 1
}

.top-attractions.excursions {
    padding: 30px 30px 70px
}

@media screen and (max-width:767px) {
    .top-attractions.excursions {
        padding: 30px 0
    }
}

.top-attractions .pagination-container {
    text-align: center
}

.top-attractions .pagination-container nav {
    display: inline-block
}

.wide-description h3 {
    margin-top: 25px
}

@media screen and (max-width:1024px) {
    .wide-description {
        margin-bottom: 30px
    }
}

.wide-description-carousel .owl-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    height: 50%
}

.wide-description-carousel .owl-next,
.wide-description-carousel .owl-prev {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 3.75rem
}

.wide-description-carousel .owl-prev {
    left: 0
}

@media screen and (max-width:767px) {
    .articles-list-wrap {
        display: none
    }
}

.articles-list,
.articles-list .item-group {
    display: -webkit-box!important;
    display: -moz-box!important;
    display: box!important;
    display: -webkit-flex!important;
    display: -moz-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.articles-list.easyPaginateList {
    display: block;
    flex-wrap: initial
}

.articles-list .list-item,
.articles-list li {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:767px) {
    .articles-list .list-item,
    .articles-list li {
        width: 100%;
        padding: 0
    }
}

.articles-list.v-align li {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 15px
}

@media screen and (max-width:767px) {
    .articles-list.v-align li {
        width: 100%;
        padding: 0
    }
}

.articles-list.v-align li:nth-child(1)>.wr {
    border-top: 1px solid #efefef;
    padding-top: 15px
}

.articles-list.v-align li:nth-child(2) .wr {
    padding-top: 15px;
    border-top: 1px solid #efefef
}

.articles-list.v-align .wr {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    padding-bottom: 15px
}

@media screen and (max-width:1024px) {
    .articles-list.v-align .wr {
        margin: 0
    }
}

@media screen and (max-width:767px) {
    .articles-list.v-align .wr figure {
        text-align: center
    }
}

.articles-list.v-align .wr figure img {
    display: inline-block;
    max-width: 112px
}

.wr {
    border-bottom: 1px solid #efefef;
    padding-bottom: 25px;
    width: 100%
}

@media screen and (max-width:1024px) {
    .wr {
        margin: 0 -15px
    }
}

.shadow-container {
    box-shadow: 6px 3.3px 24px 3.3px rgba(0, 0, 0, .38)
}

@media screen and (max-width:991px) {
    .shadow-container {
        margin: 30px 0 0
    }
}

.about-city {
    padding: 60px 30px
}

.about-city.when-to-visit {
    padding-top: 120px
}

@media screen and (max-width:767px) {
    .about-city.when-to-visit {
        padding-top: 60px
    }
}

@media screen and (max-width:767px) {
    .about-city {
        padding: 30px 0
    }
}

.about-city h2 {
    font-weight: 100;
    font-size: 32px
}

@media (min-width:100px) and (max-width:359px) {
    .content-nav-tabs {
        display: none
    }
}

@media (min-width:360px) and (max-width:413px) {
    .content-nav-tabs {
        display: none
    }
}

@media (min-width:414px) and (max-width:767px) {
    .content-nav-tabs {
        display: none
    }
}

@media (min-width:768px) and (max-width:1324px) {
    .content-nav-tabs {
        margin-left: 1%!important
    }
}

.content-nav-tabs {
    padding: 20px 0
}

.content-nav-tabs li {
    margin: 0
}

.content-nav-tabs li a {
    border: none!important;
    opacity: .9;
    color: #707070;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px
}

.content-nav-tabs li a:focus,
.content-nav-tabs li a:hover {
    color: #306ce7;
    background: 0 0;
    border: none
}

.content-nav-tabs li.active a {
    border: none;
    color: #306ce7;
    font-weight: 500
}

.content-nav-tabs li.active a:hover {
    background: 0 0;
    border: none;
    color: #306ce7
}

.content-nav-tabs li:first-child a {
    padding-left: 0
}

.custom-tab-content {
    padding-top: 40px
}

.best-hotels-to-stay-section {
    text-align: center;
    background-size: cover;
    position: relative
}

.best-hotels-to-stay-section::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(15, 48, 81, .52);
    z-index: 0
}

.hotel-cards-container {
    position: absolute;
    bottom: 0;
    width: 100%
}

.best-hotels-to-stay-heading h1,
.best-hotels-to-stay-heading h3 {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 25px;
    font-weight: 100;
    line-height: 30px
}

.best-hotels-to-stay-heading .best-dest-hot {
    font-size: 30px
}

.best-hotels-to-stay-heading p {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px
}

.best-hotels-to-stay-heading a {
    color: #fff;
    text-decoration: underline
}

.hotel-cards {
    width: 100%;
    margin-bottom: 30px
}

.hotel-cards .owl-next,
.hotel-cards .owl-prev {
    position: absolute;
    top: 35%;
    left: 5%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background-color: #fff
}

#inspiration-list-body .owl-nav .owl-prev {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000070;
    width: 45px;
    height: 94%
}

#inspiration-list-body .owl-nav .owl-next {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #00000070;
    width: 45px;
    height: 94%
}

#inspiration-list-body .owl-nav .owl-next.disabled,
#inspiration-list-body .owl-nav .owl-prev.disabled {
    display: none
}

#inspiration-list-body .owl-nav .owl-prev.disabled span {
    display: none
}

#inspiration-list-body .owl-nav .owl-next span,
#inspiration-list-body .owl-nav .owl-prev span {
    font-size: 5rem;
    color: #fff
}

#inspiration-list-body .owl-nav .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

#inspiration-list-body .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

#inspiration-list-body .owl-dots .owl-dot.active span,
#inspiration-list-body .owl-dots .owl-dot:hover span {
    background: #869791
}

#inspiration-list-body .owl-dots {
    text-align: center
}

@media screen and (max-width:1023px) {
    .hotel-cards .owl-next,
    .hotel-cards .owl-prev {
        left: 0
    }
    #inspiration-list-body .owl-nav .owl-next.disabled span {
        display: none
    }
    .hotel-cards .owl-next i,
    .hotel-cards .owl-prev i {
        font-size: 4.5rem;
        color: #fff
    }
    #hotel-cards.owl-carousel .owl-nav .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }
    #hotel-cards.owl-carousel .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }
    #hotel-cards.owl-carousel .owl-dots .owl-dot.active span,
    .owl-carousel .owl-dots .owl-dot:hover span {
        background: #869791
    }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    .hotel-cards .owl-next,
    .hotel-cards .owl-prev {
        left: 1%
    }
}

@media screen and (min-width:1280px) {
    .hotel-cards .owl-next,
    .hotel-cards .owl-prev {
        left: 6%
    }
}

.hotel-cards .owl-next {
    left: auto;
    right: 5%
}

@media screen and (max-width:1023px) {
    .hotel-cards .owl-next {
        right: 0
    }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    .hotel-cards .owl-next {
        right: 1%
    }
}

@media screen and (min-width:1280px) {
    .hotel-cards .owl-next {
        right: 6%
    }
}

.hotels-card {
    width: 90%
}

.hotels-card a {
    display: block;
    background: #fff;
    padding: 10px
}

.hotels-card a:after {
    content: "";
    display: block;
    clear: both
}

.hotels-card figure {
    display: inline-block;
    float: left;
    width: 45%;
    height: 120px
}

@media (min-width:1281px) {
    .hotels-card figure {
        height: 135px
    }
    .hotels-card img {
        height: 135px
    }
    .hotels-card-trip {
        height: auto!important
    }
    .hotels-card .hotel-card-block p {
        font-size: 15px;
        line-height: 20px;
        height: 60px!important;
        height: auto;
        padding-top: 10px;
        width: 100%
    }
    .hotel-rating-star {
        margin-bottom: -15px;
        float: left
    }
    .hotel-review {
        margin-top: 5px
    }
}

.hotels-card .hotel-card-block {
    display: inline-block;
    float: left;
    width: 55%;
    text-align: left;
    padding-left: 15px;
    height: 134px;
    position: relative
}

.hotels-card .hotel-card-rating {
    display: inline-block;
    height: 20px;
    margin-bottom: -5px;
    margin-top: -5px
}

.hotels-card .hotel-card-block h4 {
    color: #595959;
    font-family: "San Francisco Display", sans-serif;
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
    padding-bottom: 5px;
    display: block;
    max-height: 57px;
    vertical-align: middle;
    word-wrap: break-word;
    text-overflow: ellipsis
}

@media (min-width:1440px) {
    .hotels-card .hotel-card-block h4 {
        font-size: 14px
    }
}

@media screen and (min-width:1800px) {
    .hotels-card .hotel-card-block h4 {
        font-size: 17px;
        padding-bottom: 5px
    }
}

.hotels-card .hotel-card-block p {
    padding-top: 10px;
    color: #5c5c5c;
    font-size: 12px;
    overflow: hidden;
    font-family: "San Francisco Display", sans-serif;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-height: 55px
}

@media (min-width:414px) and (max-width:1024px) {
    .hotels-card .hotel-card-block p {
        font-size: 14px
    }
}

.hotels-card .hotel-card-block .trip-advisor-head {
    display: inline-block;
    width: 30px
}

.hotels-card .hotel-card-block .reviews ul {
    margin-left: 0
}

.hotels-card .hotel-card-block .reviews ul li {
    margin-right: 1px
}

.iti-date li:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.iti-date li:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.pricing-tbl-active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff!important
}

.iti-hotels-card {
    width: 340px
}

@media screen and (min-width:1800px) {
    .iti-hotels-card {
        width: 100%
    }
}

@media (min-width:320px) and (max-width:359px) {
    .iti-hotels-card {
        width: 100%
    }
}

@media (min-width:414px) and (max-width:1023px) {
    .iti-hotels-card {
        width: 100%
    }
}

@media (max-width:1280px) and (min-width:1024px) {
    .iti-hotels-card {
        width: 100%
    }
}

.iti-hotels-card a {
    display: block;
    background: #fff;
    padding: 10px
}

.iti-hotels-card a:after {
    content: "";
    display: block;
    clear: both
}

.iti-hotels-card figure {
    display: inline-block;
    float: left;
    width: auto;
    height: 120px;
    margin-right: 5px
}

@media (min-width:768px) {
    .iti-hotels-card figure {
        height: 135px;
        width: 150px
    }
    .iti-hotels-card img {
        height: 135px
    }
    .iti-hotels-card-trip {
        height: auto!important
    }
    .iti-hotels-card .hotel-card-block p {
        font-size: 15px;
        line-height: 20px;
        height: 60px!important;
        height: auto;
        padding-top: 10px;
        width: 100%
    }
    .hotel-rating-star {
        margin-bottom: -15px;
        float: left
    }
    .hotel-review {
        margin-top: 5px
    }
}

@media (min-width:1281px) {
    .iti-hotels-card figure {
        height: 135px;
        width: 150px
    }
    .iti-hotels-card img {
        height: 135px
    }
    .iti-hotels-card-trip {
        height: auto!important
    }
    .iti-hotels-card .hotel-card-block p {
        font-size: 15px;
        line-height: 20px;
        height: 60px!important;
        height: auto;
        padding-top: 10px;
        width: 100%
    }
    .hotel-rating-star {
        margin-bottom: -15px;
        float: left
    }
    .hotel-review {
        margin-top: 5px
    }
}

.iti-hotels-card .hotel-card-block {
    display: inline-block;
    float: left;
    width: 55%;
    text-align: left;
    padding-left: 15px;
    height: 120px
}

.iti-hotels-card .hotel-card-rating {
    display: inline-block;
    height: 20px;
    margin-bottom: -5px;
    margin-top: -5px
}

.iti-hotels-card .hotel-card-block h4 {
    color: #595959;
    font-family: "San Francisco Display", sans-serif;
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
    height: auto;
    padding-bottom: 5px
}

@media (min-width:1440px) {
    .iti-hotels-card .hotel-card-block h4 {
        font-size: 14px
    }
}

@media screen and (min-width:1800px) {
    .iti-hotels-card .hotel-card-block h4 {
        font-size: 17px;
        padding-bottom: 5px
    }
}

.iti-hotels-card .hotel-card-block p {
    padding-top: 10px;
    color: #5c5c5c;
    font-size: 12px;
    height: 60px;
    overflow: hidden;
    font-family: "San Francisco Display", sans-serif;
    line-height: 14px
}

@media (min-width:414px) and (max-width:1024px) {
    .iti-hotels-card .hotel-card-block p {
        font-size: 14px
    }
}

.iti-hotels-card .hotel-card-block .trip-advisor-head {
    display: inline-block;
    width: 30px
}

.iti-hotels-card .hotel-card-block .reviews ul {
    margin-left: 0
}

.iti-hotels-card .hotel-card-block .reviews ul li {
    margin-right: 1px
}

.country-articles {
    background: url(../img/japan-big-img.jpg) 50% no-repeat;
    background-size: cover;
    position: relative
}

.country-articles:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(15, 48, 81, .52);
    z-index: 0
}

.country-articles .container {
    margin-top: 0;
    padding: 75px 15px;
    position: relative;
    z-index: 1
}

.item-tours-section {
    text-align: center;
    padding: 60px 30px
}

@media screen and (max-width:767px) {
    .item-tours-section {
        padding: 30px 0
    }
}

.item-tours-section>h2 {
    color: #404047;
    font-family: Roboto, sans-serif;
    font-size: 35px;
    font-weight: 100;
    line-height: 1
}

.item-tours-section p {
    opacity: .75;
    color: #353535;
    font-family: "San Francisco Display", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 20px 0
}

@media screen and (max-width:767px) {
    .item-tours-section .tour-with-text {
        padding: 0 15px
    }
}

@media screen and (max-width:767px) {
    .item-tours-section .tour-with-text .tour-carousel {
        padding-top: 4.375rem
    }
}

.item-tours-section .tour-with-text .tour-carousel .owl-next,
.item-tours-section .tour-with-text .tour-carousel .owl-prev {
    position: absolute;
    top: 50%;
    left: 5%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 3px 7.4px .6px rgba(0, 0, 0, .14)
}

@media screen and (max-width:520px) {
    .item-tours-section .tour-with-text .tour-carousel .owl-next,
    .item-tours-section .tour-with-text .tour-carousel .owl-prev {
        left: 2%
    }
}

.item-tours-section .tour-with-text .tour-carousel .owl-next {
    left: auto;
    right: 5%
}

@media screen and (max-width:520px) {
    .item-tours-section .tour-with-text .tour-carousel .owl-next {
        right: 2%
    }
}

.item-tours-section .tour-with-text .tour-carousel-item {
    float: left;
    width: 33.333%;
    margin-bottom: 35px
}

@media screen and (max-width:640px) {
    .item-tours-section .tour-with-text .tour-carousel-item {
        padding: 0
    }
}

@media screen and (min-width:640px) {
    .item-tours-section .tour-with-text .tour-carousel-item {
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }
    .item-tours-section .tour-with-text .tour-carousel-item .owl-nav {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .item-tours-section .tour-with-text .tour-carousel-item {
        width: 100%;
        text-align: center
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .item-tours-section .tour-with-text .tour-carousel-item {
        width: 50%
    }
}

.item-tours-section .tour {
    position: sticky
}

@media screen and (max-width:640px) {
    .item-tours-section .tour {
        width: 250px;
        box-shadow: none
    }
    .item-tours-section .tour:after {
        display: none
    }
}

.item-tours-section .tour:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(15, 48, 81, .3);
    z-index: 2
}

.item-tours-section .tour h2 {
    bottom: 15px;
    top: auto
}

.holiday-carousel-item {
    float: left;
    width: 33.333%;
    margin-bottom: 35px
}

@media screen and (max-width:640px) {
    .holiday-carousel-item {
        padding: 0
    }
}

@media screen and (min-width:640px) {
    .holiday-carousel-item {
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }
    .holiday-carousel-item .owl-nav {
        display: none
    }
}

@media screen and (min-width:641px) and (max-width:767px) {
    .holiday-carousel-item {
        padding: 0 7.5rem;
        margin-bottom: 4.375rem
    }
}

@media screen and (max-width:1023px) {
    .holiday-carousel-item {
        width: 100%;
        text-align: center
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .holiday-carousel-item {
        width: 50%
    }
}

.carousel-wrapper {
    margin: 20px auto;
    text-align: center;
    padding: 40px 10px 40px
}

@media (max-width:1024px) {
    .carousel-wrapper {
        padding-top: 0;
        margin-top: 0
    }
}

.carousel-wrapper .cards-carousel {
    padding: 15px 0
}

.carousel-wrapper .cards-carousel .owl-item.center {
    width: 100%;
    padding-top: 10px
}

.carousel-wrapper .cards-carousel .owl-item.center .card-container {
    padding: 30px;
    display: block;
    background: url(../img/boarding-pass.png) 50% no-repeat;
    background-size: 97%;
    box-sizing: border-box
}

@media (min-width:320px) and (max-width:359px) {
    .carousel-wrapper .cards-carousel .owl-item.center .card-container {
        background-size: 90%
    }
}

@media (min-width:360px) and (max-width:413px) {
    .carousel-wrapper .cards-carousel .owl-item.center .card-container {
        background-size: 83%
    }
}

@media (min-width:414px) and (max-width:480px) {
    .carousel-wrapper .cards-carousel .owl-item.center .card-container {
        background-size: 60%
    }
}

.carousel-wrapper .cards-carousel .owl-item.center .item {
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
    background: url(../img/centered-bg.png) 50% no-repeat;
    background-size: 100%
}

.carousel-wrapper .cards-carousel .owl-item.center .card-btn-view {
    display: block
}

.carousel-wrapper .cards-carousel .owl-item.center .card-info {
    display: block
}

.carousel-wrapper .cards-carousel .item {
    display: block;
    transition: all .2s ease;
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 0;
    -webkit-transform: scale(.81);
    -moz-transform: scale(.81);
    -ms-transform: scale(.81);
    -o-transform: scale(.81);
    transform: scale(.81)
}

.carousel-wrapper .cards-carousel .item a {
    display: inline-block;
    box-shadow: 0 15px 18px rgba(0, 0, 0, .4);
    margin: 0;
    position: relative
}

.carousel-wrapper .cards-carousel .item a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(15, 48, 81, .52);
    z-index: 2
}

@media screen and (max-width:767px) {
    .carousel-wrapper .cards-carousel .item a {
        max-width: 220px
    }
}

.carousel-wrapper .cards-carousel .owl-nav {
    width: 80px;
    float: right;
    margin-right: 10px
}

.carousel-wrapper .cards-carousel .owl-nav .owl-prev {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .15);
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    position: relative
}

.carousel-wrapper .cards-carousel .owl-nav .owl-prev i {
    display: inline-block;
    line-height: 25px
}

.carousel-wrapper .cards-carousel .owl-nav .owl-next {
    display: inline-block;
    margin-left: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .15);
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    position: relative
}

.carousel-wrapper .cards-carousel .owl-nav .owl-next i {
    display: inline-block;
    line-height: 25px
}

.card-header {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10
}

.card-header h2 {
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 3.125rem;
    font-weight: 600;
    line-height: 3.125rem;
    margin: 0
}

.card-header span {
    color: rgba(255, 255, 255, .7);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 3.125rem
}

.card-footer {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center
}

.card-footer span {
    font-family: "San Francisco Display", sans-serif;
    color: rgba(255, 255, 255, .7);
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 1.875rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

.card-btn-view {
    position: absolute;
    bottom: 15px;
    left: 50%;
    background-color: #fff;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    border-radius: 26px;
    box-shadow: none;
    border: none;
    color: #112d50;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.25rem;
    z-index: 4;
    display: none;
    padding: 6px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:600px) and (max-width:767px) {
    .card-btn-view {
        min-width: 100px;
        font-size: 11px
    }
}

.card-info {
    position: absolute;
    padding: 0 5px;
    top: 60%;
    left: 0;
    right: 0;
    text-align: center;
    display: none
}

.card-info span {
    color: rgba(255, 255, 255, .7);
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

.inspiration-carousel-container {
    margin-top: 63px
}

.inspiration-carousel-container .owl-carousel {
    padding: 0 45px 25px
}

.inspiration-carousel-container .item {
    position: relative;
    cursor: pointer
}

.inspiration-carousel-container .item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(15, 48, 81, .52);
    z-index: 2
}

@media (max-width:767px) {
    .inspiration-carousel-container .item {
        height: 350px
    }
}

.inspiration-carousel-container .item.hides {
    display: none
}

.inspiration-carousel-container .item .item-content {
    position: absolute;
    left: 25px;
    right: 25px;
    top: 35%;
    color: #fff;
    z-index: 4
}

.inspiration-carousel-container .item .item-content h2 {
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1
}

.inspiration-carousel-container .item .item-content p {
    color: #dbdbdb;
    font-family: 4roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.inspiration-carousel-container .item .item-content i {
    font-size: 45px
}

.inspiration-carousel-container .item .item-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22px;
    font-family: "San Francisco Display", sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    z-index: 4
}

.inspiration-carousel-container .item .item-bottom a {
    color: #fff
}

.inspiration-carousel-container .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .5
}

.inspiration-carousel-container .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: .5
}

.hotel-cards .owl-item {
    opacity: .25;
    text-align: center
}

.hotel-cards .owl-item .item {
    display: inline-block
}

.hotel-cards .owl-item.active {
    opacity: 1
}

.flight-hotel img {
    height: 120px!important
}

.hotel-carousel .item {
    min-height: 250px;
    height: 200px!important;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover
}

.hotel-carousel .owl-next,
.hotel-carousel .owl-prev {
    background-color: rgba(255, 255, 255, .4);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 39px;
    height: 41px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hotel-carousel .owl-next i,
.hotel-carousel .owl-prev i {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    color: #fff;
    font-size: 24px
}

.hotel-carousel .owl-prev {
    left: 10px
}

.hotel-carousel .owl-next {
    right: 10px
}

.itineary-slider .owl-carousel .owl-nav {
    position: relative;
    height: 2.5rem;
    top: -40px
}

@media screen and (max-width:767px) {
    .itineary-slider .owl-carousel .owl-nav {
        top: -5px
    }
}

.itineary-slider .owl-carousel .owl-prev {
    position: absolute;
    left: 30px;
    top: 0
}

.itineary-slider .owl-carousel .owl-prev i {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #306ce7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 2.5rem;
    margin: 0 .8125rem
}

.itineary-slider .owl-carousel .owl-prev span {
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.75rem
}

.itineary-slider .owl-carousel .owl-next {
    position: absolute;
    right: 30px;
    top: 0
}

.itineary-slider .owl-carousel .owl-next i {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #306ce7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 2.5rem;
    margin: 0 .8125rem
}

.itineary-slider .owl-carousel .owl-next span {
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.75rem
}

.itineary-slider .owl-item {
    text-align: center
}

.itineary-slider .item {
    display: inline-block
}

.itineary-slider .item.tour-card {
    padding-top: 30px
}

.itineary-slider .item .tour {
    display: inline-block;
    float: none;
    position: relative
}

@media screen and (max-width:1024px) {
    .itineary-slider .item .tour {
        box-shadow: 0 5px 25px rgba(92, 95, 101, .7)
    }
}

.itineary-slider .item .tour:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(15, 48, 81, .52);
    z-index: 2
}

.itineary-slider .item .tour h2 {
    top: auto;
    bottom: 15px
}

.info-bd {
    padding-top: 14px;
    padding-bottom: 14px
}

.info-bd .flex-row {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    margin: 0 -15px
}

.site-navigation-section-search .flex-row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin: 0 -15px
}

@media screen and (max-width:767px) {
    .flight-select-section {
        margin-top: 25px
    }
}

.flight-list {
    margin-bottom: 15px
}

.flight-block-btn {
    padding-left: 30px;
    padding-right: 20px;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    margin-right: 25px;
    margin-left: 30px
}

.flight-block-btn span {
    display: block;
    color: #9f9f9f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 16px;
    font-weight: 400
}

.flight-block-btn:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #c8c8c8
}

.flight-block {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

@media screen and (max-width:767px) {
    .flight-block {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.flight-info {
    position: relative
}

.flight-info figure {
    max-width: 60px;
    float: left;
    margin-right: 10px
}

.flight-info figure img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.flight-info h4 {
    margin: 0;
    color: #010101;
    font-family: "San Francisco Display", sans-serif;
    font-size: 16px
}

.flight-info p {
    color: #65666b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.total-cost-text {
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    padding-right: 25px;
    margin-right: 25px
}

.total-cost-text span {
    display: block;
    color: #9f9f9f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 16px;
    font-weight: 400
}

.total-cost-text span.sum {
    color: #1d53c8;
    font-size: 24px;
    font-weight: 500
}

.total-cost-text:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #c8c8c8
}

.total-cost .btn {
    display: inline-block;
    vertical-align: middle
}

@media screen and (min-width:2000px) {
    .total-cost .btn {
        min-width: 260px
    }
}

.small-item {
    display: inline-block;
    background: url(../img/plus-item.png) 0 0 no-repeat;
    width: 59px;
    height: 31px;
    background-size: 59px 31px;
    text-align: center;
    position: relative
}

.small-item i {
    font-style: normal;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 45%;
    -webkit-transform: translate3d(-50%, -45%, 0);
    -moz-transform: translate3d(-50%, -45%, 0);
    -ms-transform: translate3d(-50%, -45%, 0);
    -o-transform: translate3d(-50%, -45%, 0);
    transform: translate3d(-50%, -45%, 0)
}

.flight-time {
    display: inline-block;
    margin-left: 15px
}

.flight-time li {
    color: #232428;
    font-family: "San Francisco Display", sans-serif;
    font-size: 16px
}

.flight-time i {
    display: inline-block;
    padding-left: 10px
}

.flight-time strong {
    display: inline-block;
    padding: 0 10px
}

.flight-section {
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 6px 15.4px .6px rgba(0, 0, 0, .09)
}

.flight-block-header span {
    display: inline-block;
    vertical-align: middle
}

.flight-block-header .btn-select {
    float: right;
    padding: 12px 40px;
    font-size: 17px
}

.airline-title {
    display: inline-block;
    padding: 15px 0 0 25px
}

.airline-title img {
    height: auto;
    width: auto;
    position: relative;
    z-index: 1
}

.flight-duration {
    padding: 10px 0;
    border: none!important
}

.flight-duration table {
    width: 100%
}

.flight-duration h3 {
    color: #5c5959;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.flight-duration span {
    color: #9a9a9a;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 300
}

.flight-start {
    width: 25%;
    padding-right: 10px
}

.flight-direct {
    width: 55%;
    padding-right: 15px
}

.flight-direct-item {
    position: relative;
    border-top: 1px dashed #e0e0e0;
    padding-top: 0;
    top: 0
}

.flight-direct-item:after {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 4px;
    height: 4px;
    background: #565656;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.flight-direct-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 4px;
    height: 4px;
    background: #565656;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.flight-direct span {
    position: absolute;
    top: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.flight-stop {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    position: relative
}

.flight-end {
    width: 25%
}

.flight-gereral-info p {
    font-size: 14px;
    color: #e1e1e1
}

.flight-gereral-info p i {
    padding-right: 5px
}

.flight-gereral-info p span {
    color: #6e6e6e
}

.flight-back i {
    display: inline-block;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.stop {
    position: absolute;
    top: 30px;
    left: 60%
}

.stop:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: -12px;
    width: 4px;
    height: 4px;
    background: #565656;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.stop span {
    display: block;
    text-align: center
}

.stop span+span {
    color: #e88587
}

.more-flights-load {
    display: block;
    background: #e9e9e9;
    padding: 10px 0;
    text-align: center;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 9px .6px rgba(0, 0, 0, .09);
    color: #5c5959;
    font-family: "San Francisco Display", sans-serif;
    font-size: 16px;
    font-weight: 400
}

.horizontal-card {
    margin-top: 30px;
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.horizontal-card .star-rating {
    padding: 15px 0;
    display: inline-block;
    margin-right: 25px
}

.horizontal-card-bottom {
    padding: 15px 0 10px;
    margin-top: 20px;
    border-top: 1px solid #eaeaea
}

.horizontal-card-bottom a {
    color: #1d53c8;
    font-family: "San Francisco Display", sans-serif;
    font-size: 16px;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .horizontal-card .btn-select {
        margin-bottom: 15px
    }
}

.horizontal-card h4 {
    margin-top: 15px
}

.horizontal-card p {
    margin-bottom: 15px;
    color: #65666b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px
}

@media screen and (max-width:767px) {
    .horizontal-card .btn-simple {
        padding-left: 15px
    }
}

.hotel-select-section {
    padding: 60px 0
}

.apartment-info p {
    display: block;
    font-family: "San Francisco Display", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #c4c4c4;
    margin-top: 5px
}

.apartment-info p strong {
    color: #65666b;
    font-weight: 400
}

.apartment-info span {
    display: block;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #c4c4c4
}

.apartment-info span strong {
    color: #65666b;
    font-weight: 400
}

.all-rooms {
    margin-top: 15px
}

.rooms-list figure {
    width: 60px;
    display: inline-block;
    padding-right: 15px
}

.rooms-list figure img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.rooms-list h3 {
    display: inline-block;
    color: #323232;
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

@media screen and (max-width:767px) {
    .rooms-list h3 {
        margin-top: 5px;
        font-size: 14px
    }
}

.rooms-list .price {
    display: inline-block;
    padding: 0 30px;
    color: #1d53c8;
    font-family: "San Francisco Display";
    font-size: 18px;
    font-weight: 400
}

.rooms-list>li {
    padding: 20px 0;
    background: #fff;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    border-bottom: 1px solid #eaeaea
}

.rooms-list>li:last-child {
    border-bottom: none
}

.hotel-service-list {
    display: inline-block
}

.hotel-service-list>li {
    display: inline-block;
    color: #d3d8dc;
    padding: 0 5px
}

.special-request {
    height: 190px;
    background-color: #fff;
    box-shadow: 0 3px 3.8px .2px rgba(0, 0, 0, .09);
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.special-request span {
    color: #5c5959;
    font-size: 19px;
    font-weight: 400;
    line-height: 56px
}

.your-selection .flights-select-bottom>.btn-secondary {
    margin: 43px 0 29px
}

.your-selection .flights-select-bottom>a {
    display: block;
    color: #626262;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.calendar-table .table-condensed {
    border-collapse: inherit
}

.calendar-table .table-condensed>thead>tr>th {
    background: #eaeaed;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #a3a3a5;
    text-transform: uppercase;
    font-family: Proxima, sans-serif;
    font-weight: 700
}

.calendar-table .table-condensed>thead>tr>th.month {
    text-transform: initial;
    color: #1f2837
}

.calendar-table .table-condensed>thead>tr>th.next {
    color: #1f2837
}

.calendar-table .table-condensed>thead>tr>th.next:hover {
    background: #eaeaed
}

.calendar-table .table-condensed>thead>tr>th.prev {
    color: #1f2837
}

.calendar-table .table-condensed>thead>tr>th.prev:hover {
    background: #eaeaed
}

.calendar.left .calendar-table {
    display: block;
    padding-right: 0!important;
    border: none!important;
    padding-top: 0!important
}

.calendar.right .calendar-table {
    display: block;
    padding-left: 0!important;
    border: none!important;
    border-left: 1px solid #c8c8cb!important;
    padding-top: 0!important
}

.daterangepicker td {
    border-radius: 0!important;
    color: #1f2837
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: #144769;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #e2af75;
    border-color: transparent;
    color: #fff
}

.daterangepicker td.available.off:hover,
.daterangepicker th.available.off:hover {
    background: 0 0;
    color: #a3a3a5
}

.daterangepicker td.in-range {
    background-color: #e2af75;
    border-color: transparent;
    color: #fff
}

.index {
    position: relative;
    background: 0 0
}

.index.header {
    padding: 0
}

.index.header-inner .header-container {
    z-index: 2
}

.index .header-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background: #123e72;
    background: rgba(0, 60, 93, .5)
}

.itineary {
    position: relative;
    background: 0 0
}

.itineary.header {
    padding: 0
}

.itineary.header-inner .header-container {
    z-index: 2
}

@media screen and (max-width:320px) {
    .hotel-new-card {
        width: 280px!important
    }
    .btn-price-off strong {
        font-size: 16px
    }
    .btn-price-off .featured-pricing {
        font-size: 12px
    }
    .itineary.header-inner .header-container {
        position: absolute;
        margin-top: 0;
        padding-top: 0;
        padding-left: 0;
        top: 60%;
        left: 50%;
        width: 95%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .itineary.header-inner .header-container h1 {
        font-size: 2.5rem;
        line-height: 1em
    }
    .header-container p {
        font-size: 1.5rem!important;
        line-height: 1.9rem!important;
        padding-top: 10px!important
    }
    .itineary.header-inner .header-container {
        top: 55%
    }
    .br-tour-info.br-tour-info-days,
    .br-tour-info.br-tour-info-price,
    .br-tour-info.br-tour-info-price>* {
        display: inline!important
    }
    .br-tour-info.br-tour-info-price>span::after {
        content: " "
    }
}

.itineary .header-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background: #123e72;
    background: rgba(0, 60, 93, .5)
}

@media screen and (max-width:767px) {
    .itineary .header-top {
        left: 0;
        right: 0;
        padding: 1rem
    }
}

@media screen and (max-width:360px) {
    .itineary .header-top .logo {
        width: 10rem
    }
}

.itineary .itineary-main-slider-item {
    position: relative;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover
}

.itineary .itineary-main-slider-item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(15, 48, 81, .52);
    z-index: 0
}

.index .itineary-main-slider-item {
    position: relative;
    width: 100%;
    height: 100vh;
    background-position: 50% 50%;
    background-size: cover
}

.index .itineary-main-slider-item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(15, 48, 81, .52);
    z-index: 0
}

.itineary .header-bottom {
    z-index: 2000
}

#save-widget {
    width: 300px;
    height: 150px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, .298039) 0 1px 4px -1px;
    background-color: #fff;
    text-overflow: ellipsis;
    font-family: Roboto, Arial;
    font-size: 13px;
    margin: 15px
}

.booking-process-iti {
    text-align: left;
    margin-left: 20%;
    margin-right: 15%;
    margin-top: 10px;
    margin-bottom: 10px
}

.site-navigation-section-itineary {
    background-color: #123e72;
    padding: 0 10px
}

@media screen and (max-width:767px) {
    .site-navigation-section-itineary {
        padding: .9375rem 1.5625rem
    }
}

@media screen and (max-width:767px) {
    .site-navigation-section-itineary .pull-right {
        text-align: left
    }
    .site-navigation-section-itineary .pull-right .btn-secondary {
        margin-top: 10px
    }
}

.site-navigation-section-itineary span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 1.625rem;
    line-height: 2.1875rem;
    font-weight: 400
}

@media screen and (max-width:1280px) {
    .site-navigation-section-itineary span {
        font-size: 1.4rem
    }
}

.site-navigation-section-itineary span strong {
    font-weight: 500
}

.site-navigation-section-itineary span.itineary-name {
    line-height: 3.3125rem
}

.site-navigation-section-itineary span.price {
    border-left: 1px solid rgba(255, 255, 255, .5);
    padding: 0 1.875rem
}

.site-navigation-section-itineary .btn-secondary {
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 2.25rem;
    padding: .625rem 2.5rem
}

.detail-pricing-section {
    text-align: center;
    padding: 4.5625rem 0
}

.detail-pricing-section .table-responsive {
    text-align: left;
    max-width: 113.125rem;
    margin: 0 auto;
    padding-top: 5.9375rem;
    border: none
}

.detail-pricing-section .table-responsive .table {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .detail-pricing-section .table-responsive .table thead tr {
        display: none
    }
}

.detail-pricing-section .table-responsive .table thead tr th {
    background-color: #f8fbfe;
    border: none;
    border-top: 1px solid #f3f3f4;
    color: #3a3a43;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.625rem
}

.detail-pricing-section.pricing_g .table-responsive .table thead tr th {
    background: 0 0;
    border: none
}

.detail-pricing-section.pricing_g .table-responsive .table>thead>tr>td {
    border: none
}

.detail-pricing-section .table-responsive .table thead tr th:first-child {
    border-left: 1px solid #f3f3f4
}

.detail-pricing-section.pricing_g .table-responsive .table thead tr th:first-child {
    border: none
}

.detail-pricing-section .table-responsive .table thead tr th:last-child {
    border-right: 1px solid #f3f3f4
}

.detail-pricing-section.pricing_g .table-responsive .table thead tr th:last-child {
    border: none
}

@media screen and (max-width:767px) {
    .detail-pricing-section .table-responsive .table tbody tr {
        display: block;
        margin-bottom: 20px
    }
    .detail-pricing-section .table-responsive .table tbody tr:nth-child(even) {
        background-color: #f8f8f8
    }
}

.detail-pricing-section .table-responsive .table tbody tr td {
    border: none;
    border-bottom: 1px solid #f3f3f4;
    color: #3a3a43;
    font-family: roboto;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 2.625rem
}

.detail-pricing-section.pricing_g .table-responsive .table tbody tr td {
    border: none;
    border-top: 1px solid #f3f3f4
}

.detail-pricing-section .table-responsive .table tbody tr td strong {
    font-weight: 400
}

.detail-pricing-section .table-responsive .table tbody tr td:first-child {
    border-left: 1px solid #f3f3f4
}

.detail-pricing-section.pricing_g .table-responsive .table tbody tr td:first-child {
    border: none;
    border-top: 1px solid #f3f3f4
}

@media screen and (max-width:767px) {
    .detail-pricing-section .table-responsive .table tbody tr td:first-child {
        width: 50%;
        float: left;
        text-align: left
    }
    .detail-pricing-section.pricing_g .table-responsive .table tbody tr td:first-child {
        width: 100%;
        float: none;
        text-align: left;
        border: none
    }
}

@media screen and (max-width:767px) {
    .detail-pricing-section .table-responsive .table tbody tr td:first-child {
        border: none
    }
}

@media screen and (max-width:767px) {
    .detail-pricing-section .table-responsive .table tbody tr td:nth-child(2) {
        text-align: right
    }
}

.detail-pricing-section .table-responsive .table tbody tr td:last-child {
    border-right: 1px solid #f3f3f4
}

.detail-pricing-section.pricing_g .table-responsive .table tbody tr td:last-child {
    border: none;
    border: none;
    border-top: 1px solid #f3f3f4
}

@media screen and (max-width:767px) {
    .detail-pricing-section .table-responsive .table tbody tr td:last-child {
        width: 100%;
        border: none;
        border-top: 1px solid #3a3a43;
        text-align: right
    }
}

@media screen and (max-width:767px) {
    .detail-pricing-section .table-responsive .table tbody tr td {
        display: block;
        width: 100%;
        padding: .3125rem;
        border: none;
        font-size: 1.5625rem;
        text-align: right
    }
}

.detail-pricing-section .table-responsive .table tbody tr td .mobile-caption {
    display: none
}

@media screen and (max-width:767px) {
    .detail-pricing-section .table-responsive .table tbody tr td .mobile-caption {
        display: inline-block;
        float: left;
        padding-right: 10px;
        font-size: 1.5625rem
    }
}

.detail-pricing-section .contact-text {
    color: #3a3a43;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 2.625rem;
    display: block;
    padding: 4.0625rem 0 1.875rem
}

.detail-pricing-section p {
    padding-top: 2.75rem;
    padding-bottom: 1rem;
    color: #3a3a43;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 2.625rem
}

.itineary-secondary {
    position: relative
}

@media (max-width:767px) and (orientation:landscape) {
    .itineary-secondary-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center
    }
    .tours-container>.items-list>.owl-stage-outer>.owl-stage>.owl-item.active {
        width: 150px!important
    }
}

.itineary-secondary .itineary-sidebar-close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 30px;
    z-index: 2000
}

.itineary-secondary .itineary-slider {
    position: relative
}

@media (max-width:767px) and (orientation:landscape) {
    .itineary-secondary .itineary-slider {
        width: 50%
    }
}

.itineary-secondary .itineary-slider-item-content {
    width: 31.25rem
}

@media (max-width:349px) {
    .itineary-secondary .itineary-slider-item-content {
        width: 20.25rem
    }
}

@media (min-width:350px) and (max-width:399px) {
    .itineary-secondary .itineary-slider-item-content {
        width: 25.25rem
    }
}

@media (min-width:400px) and (max-width:767px) {
    .itineary-secondary .itineary-slider-item-content {
        width: 30rem
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .itineary-secondary .itineary-slider-item-content {
        width: 50%;
        display: inline-block
    }
}

.itineary-secondary .itineary-slider .tour-big {
    box-shadow: none
}

.itineary-secondary .itineary-slider .tour-big img {
    margin-bottom: 0
}

.itineary-secondary .itineary-slider .tour-big:after {
    top: 35px;
    height: 35rem
}

@media (max-width:767px) {
    .itineary-secondary .itineary-slider .tour-big:after {
        display: none
    }
}

.itineary-secondary .item {
    padding-bottom: 55px
}

.itineary-secondary .custom-nav {
    position: absolute;
    height: 25px;
    left: 10%;
    right: 10%;
    bottom: 0
}

.itineary-secondary .custom-nav .custom-nav-prev {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.itineary-secondary .custom-nav .custom-nav-next {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.itineary-secondary .custom-nav i {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #306ce7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 2.5rem;
    margin: 0 .8125rem
}

.itineary-section {
    background: #f9f9f9;
    padding-top: 10px
}

@media (max-width:767px) {
    .itineary-section {
        padding-top: 0
    }
}

.itineary-section-wrap {
    display: block
}

.itineary-section .itineary-sidebar-open {
    display: inline-block;
    font-size: 30px;
    float: left;
    margin-top: 19px;
    background: #fff;
    padding: 5px 16px;
    border-radius: 50%;
    box-shadow: 1px 1px 1px #ddd;
    margin-bottom: 15px
}

.boarding-pas {
    padding-top: 30px
}

.boarding-pas img {
    display: block
}

.map-preview {
    padding-top: 30px;
    position: relative
}

.map-preview button {
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
    opacity: .77;
    background-color: #131126;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 6px
}

.map-preview button i {
    color: #fff
}

.itineary-primary h2 {
    color: #2a2a2f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 3.75rem;
    font-weight: 500;
    line-height: 2.625rem;
    padding-bottom: 3rem
}

@media (max-width:767px) {
    .itineary-primary h2 {
        font-size: 2.5rem;
        text-align: right
    }
}

.itineary-primary p {
    color: #3a3a43;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.75rem
}

.trip-includes p {
    margin-bottom: 2.0625rem
}

.trip-includes ul li {
    float: left;
    width: 33.33%
}

.trip-includes ul li a {
    display: block;
    padding: 0 3px
}

.trip-includes ul li:first-child a {
    padding-left: 0
}

.view-toggle li {
    display: inline-block;
    padding: 6px
}

.view-toggle li a {
    color: #afa8a5
}

.itineary-collapse {
    padding-left: 6.5625rem;
    padding-bottom: 4rem;
    position: relative;
    display: none
}

@media screen and (max-width:767px) {
    .itineary-collapse {
        padding-left: 3.75rem
    }
}

.itineary-collapse:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.875rem;
    background: #edeff0;
    width: 2px;
    height: 100%
}

.hotel-row-left {
    float: left;
    max-width: 29%
}

.daily-meals {
    color: #414145;
    font-size: 1.875rem;
    font-weight: 400
}

.daily-meals ul {
    display: inline-block;
    margin-bottom: 1.5625rem
}

.daily-meals ul li {
    display: inline-block;
    position: relative;
    color: #414145;
    font-size: 1.875rem;
    font-weight: 400
}

.daily-meals ul li:before {
    content: "";
    width: 3px;
    height: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background: #1a1a1f;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px
}

.daily-meals ul li:first-child:before {
    content: normal
}

.contact-text {
    padding-top: 1.875rem;
    text-align: center;
    color: #3c3c3c;
    font-family: Roboto;
    font-size: 1.5rem;
    line-height: 2.1875rem;
    font-weight: 400
}

@media (max-width:767px) and (orientation:landscape) {
    .contact-text {
        width: 50%
    }
}

.contact-text strong {
    display: block;
    font-weight: 500
}

.contact-text a {
    display: block;
    margin: 1.875rem auto;
    max-width: 15.3125rem
}

.itineary-date {
    padding: 4.75rem 0
}

.itineary-date-item {
    padding-top: 1.25rem
}

.itineary-date p {
    color: #414145;
    font-size: 1.875rem;
    font-weight: 400;
    opacity: 1;
    padding: 0 10px 10px 10px
}

@media screen and (max-width:767px) {
    .itineary-date p {
        font-size: 1.65rem;
        line-height: 1.875rem;
        margin-bottom: 1.5625rem
    }
}

@media screen and (max-width:767px) {
    .itineary-date .reviews {
        margin-bottom: 1.875rem;
        margin-top: 25px
    }
}

.itineary-date .reviews .number {
    color: #959595
}

.view-toggle {
    padding-top: 15px
}

.lightboxModal {
    z-index: 100;
    text-align: center
}

.lightboxModal.modal {
    padding-top: 5.375rem;
    background: rgba(15, 48, 81, .93);
    position: absolute
}

.lightboxModal .modal-content {
    background: 0 0;
    box-shadow: none;
    border: none;
    text-align: center;
    position: static
}

.lightboxModal .next,
.lightboxModal .prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 2.625rem;
    height: 2.6875rem;
    text-align: center;
    color: #fff;
    font-size: 1.875rem;
    line-height: 2.6875rem;
    transition: .6s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    user-select: none;
    -webkit-user-select: none;
    background: rgba(255, 255, 255, .15)
}

.lightboxModal .next {
    left: auto;
    right: 0
}

@media (max-width:767px) {
    .column {
        margin-bottom: 5px;
        padding: 0
    }
}

.column img {
    width: 7.75rem;
    height: 7.75rem;
    border: 3px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto
}

.photo-count {
    display: block;
    background: rgba(19, 17, 38, .77);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: .8125rem 1.0625rem;
    position: absolute;
    right: 5.625rem;
    top: 50%;
    z-index: 10;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:767px) {
    .photo-count {
        display: none
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .photo-count {
        right: 1.875rem;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.photo-count i {
    padding-right: 1.125rem
}

.lightbox-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
    bottom: 20px
}

.lightbox-thumbs-container {
    margin: 0 auto;
    width: 900px
}

.lightbox-thumbs .fa-angle-right,
.lightbox-thumbs .slick-slider .fa-angle-left {
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 2.625rem;
    height: 2.6875rem;
    text-align: center;
    color: #fff;
    font-size: 1.875rem;
    line-height: 2.6875rem;
    transition: .6s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    user-select: none;
    -webkit-user-select: none;
    background: rgba(255, 255, 255, .15)
}

.lightbox-thumbs .fa-angle-right:hover,
.lightbox-thumbs .slick-slider .fa-angle-left:hover {
    background-color: rgba(0, 0, 0, .8)
}

.lightbox-thumbs .fa-angle-right.disabled,
.lightbox-thumbs .slick-slider .fa-angle-left.disabled {
    background: #ddd;
    opacity: .3
}

.lightbox-thumbs .slick-slider .fa-angle-left {
    left: -6.25rem;
    right: auto
}

.lightbox-thumbs .slick-slider .fa-angle-right {
    left: auto;
    right: -6.25rem
}

.lightbox-thumbs .owl-next,
.lightbox-thumbs .owl-prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 2.625rem;
    height: 2.6875rem;
    text-align: center;
    color: #fff;
    transition: .6s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    user-select: none;
    -webkit-user-select: none;
    background: rgba(255, 255, 255, .15);
    border: 0
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    border: 0
}

.lightbox-thumbs .owl-next:hover,
.lightbox-thumbs .owl-prev:hover {
    background-color: rgba(0, 0, 0, .8)
}

.lightbox-thumbs .owl-next.disabled,
.lightbox-thumbs .owl-prev.disabled {
    background: #ddd;
    opacity: .3
}

.lightbox-thumbs .owl-next {
    left: auto;
    right: -6.25rem
}

.lightbox-thumbs .owl-prev {
    left: -6.25rem;
    right: auto
}

.lightboxSlides {
    text-align: center
}

.lightboxSlides img {
    display: inline-block;
    max-width: 56.25rem;
    box-shadow: 2.3px 8.3px 24.3px 4.7px rgba(0, 0, 0, .4)
}

.modal-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
    bottom: 3.75rem
}

.modal-thumbs .modal-thumbs-list {
    display: inline-block;
    position: relative;
    padding: 0 60px
}

@media (max-width:767px) {
    .modal-thumbs .modal-thumbs-list {
        display: none
    }
}

.modal-thumbs .modal-thumbs-list .column:last-of-type {
    padding-right: 0
}

.modal-lightbox-thumbs .column {
    position: relative;
    display: block;
    opacity: .43;
    transition: .3s
}

.modal-lightbox-thumbs .column:hover {
    opacity: 1
}

.modal-lightbox-thumbs .column.active {
    opacity: 1
}

.lightboxSlides {
    display: none
}

.cursor {
    cursor: pointer
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0
}

img {
    margin-bottom: -4px
}

.caption-container {
    text-align: center;
    padding: 15px 16px;
    color: #faf8f4;
    font-family: Roboto, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1rem
}

.modal-thumbs {
    display: inline-block
}

.demo {
    opacity: .43
}

.active,
.demo:hover {
    opacity: 1
}

img.hover-shadow {
    transition: .3s
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.big-img {
    position: relative;
    max-width: 50rem;
    margin: 60px auto 0
}

.big-img .column img {
    height: auto
}

.big-img .owl-next,
.big-img .owl-prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 2.625rem;
    height: 2.6875rem;
    text-align: center;
    color: #fff;
    font-size: 1.875rem;
    line-height: 2.6875rem;
    transition: .6s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    user-select: none;
    -webkit-user-select: none;
    background: rgba(255, 255, 255, .15)
}

.big-img .owl-next:hover,
.big-img .owl-prev:hover {
    background-color: rgba(0, 0, 0, .8)
}

.big-img .owl-next.disabled,
.big-img .owl-prev.disabled {
    background: #ddd;
    opacity: .3
}

.big-img .owl-next {
    left: auto;
    right: -6.25rem
}

@media screen and (max-width:580px) {
    .big-img .owl-next {
        right: -3.75rem
    }
}

.big-img .owl-prev {
    left: -6.25rem;
    right: auto
}

@media screen and (max-width:580px) {
    .big-img .owl-prev {
        left: -3.75rem
    }
}

@media screen and (max-width:767px) {
    .big-img {
        position: relative;
        padding: 0 3.125rem
    }
}

.hotel-view {
    position: relative
}

.hotel-view>.container {
    position: relative
}

.hotel-view-content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.lg-backdrop {
    background: rgba(15, 48, 81, .93)
}

.lg {
    width: 800px!important;
    height: 600px!important;
    top: 50%!important;
    transform: translateY(-50%)
}

.lg .lg-img-wrap {
    padding: 0
}

.lg .lg-img-wrap img {
    width: 100%!important;
    position: absolute;
    left: 0;
    bottom: 100px
}

.lg .lg-toolbar {
    background-color: transparent;
    opacity: 1
}

.lg .lg-hide-items .lg-toolbar {
    top: 10px
}

.lg .lg-toogle-thumb.lg-icon {
    display: none
}

.lg .lg-thumb-outer {
    background-color: #fff
}

.lg .lg-thumb-item:hover {
    border: none
}

.lg .lg-fullscreen {
    color: #999;
    background-color: rgba(0, 0, 0, .45)
}

.lg .lg-fullscreen:hover {
    color: #fff
}

.lg .lg-thumb-item.active {
    position: relative;
    opacity: 1;
    border: none
}

.lg .lg-thumb-item.active:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7)
}

.lg .lg-next,
.lg .lg-prev {
    padding: 3px 10px;
    opacity: 1
}

.lg .lg-next:after,
.lg .lg-prev:after {
    display: none
}

.lg .lg-next:before,
.lg .lg-prev:before {
    display: none
}

.lg-fullscreen-on .lg {
    width: 100%!important;
    height: 100%!important
}

.lg-fullscreen-on .lg-img-wrap {
    padding: 0
}

.lg-fullscreen-on .lg-img-wrap img {
    position: static
}

.lg-fullscreen-on .lg-thumb-outer {
    background-color: #fff
}

.lg-fullscreen-on .lg-thumb-item {
    opacity: 1
}

.lg-fullscreen-on .lg-thumb-item.active {
    position: relative;
    opacity: 1;
    border: none
}

.lg-fullscreen-on .lg-thumb-item.active:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7)
}

.room-list-item {
    width: 50%;
    float: left;
    padding: .5625rem
}

@media screen and (max-width:767px) {
    .room-list-item {
        padding: 0
    }
}

.room-list-carousel {
    padding: 0 4.375rem
}

@media screen and (max-width:767px) {
    .room-list-carousel {
        padding: 0 .0625rem
    }
}

.room-list-carousel .room-list-item {
    width: 100%;
    float: none
}

.itineary-images .owl-next,
.itineary-images .owl-prev,
.room-list-carousel .owl-next,
.room-list-carousel .owl-prev,
.room-list-carousel-lg .owl-next,
.room-list-carousel-lg .owl-prev,
.similar-tours .owl-next,
.similar-tours .owl-prev,
.unvisible-block .owl-next,
.unvisible-block .owl-prev {
    position: absolute;
    top: 50%;
    left: 1.25rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 3px 7.4px .6px rgba(0, 0, 0, .14)
}

@media screen and (max-width:520px) {
    .itineary-images .owl-next,
    .itineary-images .owl-prev,
    .room-list-carousel .owl-next,
    .room-list-carousel .owl-prev,
    .similar-tours .owl-next,
    .similar-tours .owl-prev,
    .unvisible-block .owl-next,
    .unvisible-block .owl-prev {
        left: 2%
    }
}

.itineary-images .owl-next,
.room-list-carousel .owl-next,
.room-list-carousel-lg .owl-next,
.similar-tours .owl-next,
.unvisible-block .owl-next {
    left: auto;
    right: 1.25rem
}

.room-list-carousel .min_sl .owl-next,
.room-list-carousel .min_sl .owl-prev,
.room-list-carousel-lg .min_sl .owl-next,
.room-list-carousel-lg .min_sl .owl-prev {
    background-color: rgba(255, 255, 255, .4);
    border-radius: 5px
}

.itineary-images .owl-next i,
.itineary-images .owl-prev i {
    font-size: 10px;
    color: #000;
    vertical-align: top;
    margin-top: 7px
}

@media screen and (max-width:520px) {
    .room-list-carousel .owl-next {
        right: 2%
    }
}

.room-desc-close {
    background: 0 0;
    border: none;
    color: #aeaeae;
    position: absolute;
    right: 1.875rem;
    top: 1.25rem
}

.rooms article {
    color: #3a3a43;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2.625rem;
    border-top: 1px solid #f4f4f4;
    padding: 2.75rem 0 5.5625rem;
    text-align: center
}

.room-description {
    width: 100%;
    padding: 0 .5625rem;
    position: relative;
    top: -6px
}

@media screen and (max-width:767px) {
    .room-description {
        top: 0;
        padding: 0
    }
}

.room-description-container {
    background: #efefef;
    padding: 3rem 2.875rem
}

.room-description-container h2 {
    margin: 0 0 .9375rem;
    color: #3a3a43;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 2.625rem
}

.room-description-container p {
    font-size: 1.375rem;
    line-height: 1.875rem;
    color: #000;
    font-weight: 300
}

.room-description-container strong {
    font-size: 1.375rem;
    line-height: 1.875rem;
    color: #201f1f;
    font-weight: 400
}

.room-description-container article {
    padding: 0 0 0;
    text-align: left
}

.photo-container {
    width: 100%;
    position: relative;
    cursor: pointer
}

.photo-container img {
    margin: 0
}

.photo-container[aria-expanded=true]:before {
    content: "";
    height: 0;
    width: 0;
    border-bottom: 12.5px solid #efefef;
    border-left: 12.5px solid transparent;
    border-right: 12.5px solid transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.photo-container-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    color: #fff;
    opacity: 1;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

.photo-container-inner h2 {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.375rem;
    margin-bottom: 5rem;
    text-shadow: 1px 1px 2px #969696
}

.photo-container-inner span {
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2.375rem;
    cursor: pointer
}

.hotel-view .btn-rating {
    padding: 5px 20px;
    margin: 1.875rem 0;
    font-family: "San Francisco Display", sans-serif;
    border: 1px solid #3b3935;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    background-color: #3b3935;
    color: #fff;
    text-transform: uppercase
}

.hotel-view .btn-rating.collapsed {
    color: #3b3935;
    background-color: transparent
}

.hotel-view-content {
    padding-top: 9.0625rem
}

@media screen and (max-width:767px) {
    .hotel-view-content {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        padding-top: 2.5rem
    }
    .hotel-view-content .primary {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
        -ms-flex-order: 2
    }
    .hotel-view-content .secondary {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        order: 1;
        -ms-flex-order: 1
    }
}

@media screen and (max-width:767px) {
    .summary {
        padding: 1.25rem 0 3.75rem
    }
}

.summary p {
    color: #003c5d;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2.875rem;
    margin-bottom: 0;
    text-align: center
}

.amenities-list {
    -webkit-columns: 2 8em;
    -moz-columns: 2 8em;
    columns: 2 8em;
    padding-top: 1.75rem
}

.amenities-list li {
    color: #000;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.875rem;
    margin-bottom: 1.3125rem
}

.amenities-list li i {
    color: #000;
    margin-right: 1rem
}

@media screen and (max-width:767px) {
    .hotel-rating {
        position: static!important;
        display: none;
        padding-top: 0;
        padding-bottom: 1.875rem
    }
}

.hotel-rating-container {
    max-width: 33.0625rem
}

@media screen and (max-width:767px) {
    .hotel-rating-container {
        max-width: 100%
    }
}

.hotel-rating h2 {
    color: #3a3a43;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.75rem;
    text-transform: uppercase;
    border-top: 1px solid #dfdfdf;
    padding-top: .9375rem;
    margin-top: 1.5625rem
}

.hotel-rating h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none
}

.hotel-rating .reviews {
    top: 0
}

.hotel-rating span {
    color: #5c5c5c;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 2.375rem;
    display: block
}

.hotel-rating p {
    color: #3a3a43;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 2.375rem;
    margin-bottom: 2.5rem
}

.hotel-rating .tel {
    display: block;
    color: #417cb6;
    font-family: Roboto, sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 2.375rem
}

.hotel-rating .map-preview {
    padding: 0;
    width: auto;
    margin-top: 1.25rem
}

.hotel-rating .map-preview #hotel-map-toggle,
.hotel-rating .map-preview button {
    bottom: 1.3125rem;
    right: 2.75rem;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: auto;
    top: auto
}

.dining {
    text-align: center;
    padding-top: 5.6875rem
}

.dining article {
    color: #3a3a43;
    font-family: Roboto, sans-serif;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2.625rem;
    padding: 2.8125rem 0 2.8125rem
}

.hotel-service-icon {
    width: 50px;
    margin: 0 auto;
    display: inherit
}

.dining-item {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding: 0 3.75rem
}

.dining-item-outer-wrap {
    position: relative;
    margin: 50px 0
}

.dining-item-close {
    background: 0 0;
    border: none;
    color: #aeaeae;
    position: absolute;
    right: -.125rem;
    top: -3.25rem;
    font-size: 16px
}

.dining-item-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 0 .125rem
}

.dining-item-outer-wrap {
    position: relative
}

.dining-item-close {
    background: 0 0;
    border: none;
    color: #aeaeae;
    position: absolute;
    right: -.125rem;
    top: -3.25rem;
    font-size: 16px
}

.dining-item-wrap .dining-item-content-wrap a {
    display: block;
    font-weight: 300;
    font-family: Roboto, sans-serif;
    font-size: 1.375rem;
    line-height: 2.375rem;
    color: #474747;
    text-align: left
}

.dining-item-wrap .dining-item-content-wrap a>img {
    width: 1.5625rem;
    margin-right: 1.25rem;
    float: left
}

.dining-item-img-wrap {
    width: 50%
}

.dining-item-content-wrap {
    width: 50%;
    padding-left: 3.125rem
}

.dining-item-content-wrap h3 {
    margin-top: 0;
    margin-bottom: 1.5625rem;
    font-family: Roboto, sans-serif;
    font-size: 1.625rem;
    text-align: left;
    color: #2d2828
}

.dining-item-content-wrap p {
    margin-bottom: 2.5rem;
    color: #474747;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.5rem;
    padding: 0;
    text-align: left
}

.dining-carousel {
    padding: 1.875rem 3.125rem 0
}

.dining-carousel .item {
    position: relative;
    display: block;
    padding: 1.25rem .75rem 3.125rem
}

.dining-carousel .item:focus {
    text-decoration: none
}

.dining-carousel .item.bottom-line:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 3.75rem;
    height: 3px;
    background-color: #2f6ce8
}

.dining-carousel .item img {
    display: block;
    width: auto;
    height: min-content;
    min-width: 100%
}

.dining-carousel .item-inner {
    box-shadow: 0 3px 7.4px .6px rgba(0, 0, 0, .14);
    cursor: pointer
}

.dining-carousel .item-inner[aria-expanded=true] {
    box-shadow: 0 3px 7.4px .6px rgba(102, 175, 233, .3)
}

#dining-carousel.dining-carousel .item-inner h2,
#recreation-carousel.dining-carousel .item-inner h2,
#wedding-carousel.dining-carousel .item-inner h2,
.dining-carousel .item-inner h2 {
    min-height: 48px
}

.dining-carousel .item-inner h2 {
    color: #474747;
    font-family: Roboto, sans-serif;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 2.375rem;
    margin: 0;
    text-align: left
}

.dining-carousel .item-inner span {
    display: block;
    margin-bottom: 1.5625rem;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    color: #a5a5a5;
    text-align: left
}

.dining-carousel .item-inner article {
    padding: 1.625rem 1.875rem
}

.dining-carousel .item-inner p {
    margin-bottom: 0;
    color: #a5a5a5;
    font-family: Roboto, sans-serif;
    font-size: 1.4375rem;
    font-weight: 500;
    line-height: 2.125rem;
    text-align: left;
    text-transform: uppercase
}

.dining-carousel .item-inner p.rmore {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    font-family: "San Francisco Display", sans-serif;
    color: #306ce7;
    margin-bottom: 10px;
    width: 100%;
    text-align: right;
    text-transform: capitalize
}

.dining-carousel .owl-next,
.dining-carousel .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 3px 7.4px .6px rgba(0, 0, 0, .14)
}

.dining-carousel .owl-next {
    left: auto;
    right: 0
}

.carousel-expanded-info p {
    padding: 15px 30px
}

.recreation {
    padding: 6.25rem 0;
    text-align: center
}

.conference article,
.recreation article {
    color: #3a3a43;
    font-family: Roboto, sans-serif;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2.625rem;
    border-top: 1px solid #f4f4f4;
    padding-top: 2.75rem
}

.recreation-list {
    text-align: left;
    padding-top: 7.1875rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.recreation-list .item {
    width: 50%;
    float: left;
    cursor: pointer;
    padding: 15px
}

.recreation-list .item[aria-expanded=true]:before {
    content: "";
    height: 0;
    width: 0;
    border-bottom: 12.5px solid #efefef;
    border-left: 12.5px solid transparent;
    border-right: 12.5px solid transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width:767px) {
    .recreation-list .item[aria-expanded=true]:before {
        content: normal
    }
}

@media screen and (max-width:767px) {
    .recreation-list .item {
        text-align: center
    }
    #dining-carousel.dining-carousel .item-inner h2,
    #wedding-carousel.dining-carousel .item-inner h2 {
        min-height: auto
    }
}

@media screen and (max-width:1200px) {
    .recreation-list .item img {
        max-width: 13.75rem
    }
}

.recreation-list h2 {
    color: #3a3a43;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.625rem;
    margin: 0
}

@media screen and (max-width:767px) {
    .recreation-list h2 {
        margin-top: 1.25rem
    }
}

.recreation-list p {
    color: #7d7d7d;
    font-family: Roboto, sans-serif;
    font-size: 1.1875rem;
    font-weight: 300;
    line-height: 1.625rem
}

.expanded-container {
    margin-top: -4px
}

.expanded-container p {
    padding-right: 30px
}

.hotel-amenities {
    background: #f8f8f8;
    padding: 4.75rem 2.5rem;
    text-align: center
}

.hotel-amenities .amenities-list {
    padding-top: 2.75rem;
    display: inline-block;
    -webkit-columns: 3 15em;
    -moz-columns: 3 15em;
    columns: 3 15em
}

.reviews-section {
    padding-top: 9.375rem
}

.average-ratings-list {
    padding: 1.875rem 0
}

.average-ratings-list>li {
    padding-bottom: 1.875rem
}

.average-ratings-name {
    width: 50%
}

.average-ratings h2 {
    font-size: 1.5rem;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1.25rem
}

.average-ratings span {
    display: inline-block;
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.1875rem
}

.average-ratings .reviews {
    display: inline-block;
    top: 0
}

.travellers-reviews {
    margin-bottom: 65px
}

.travellers-reviews h2 {
    font-size: 1.5rem;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1.25rem
}

.travellers-reviews a {
    display: inline-block;
    color: #54444c;
    padding: 5px
}

.travellers-reviews a.write-review {
    opacity: .8;
    padding-right: 30px
}

.travellers-reviews-list li {
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #e6e6e6;
    padding: .625rem 0 2.5rem
}

.travellers-reviews-list li:last-child {
    margin-bottom: 0
}

.travellers-reviews-list h3 {
    color: #292929;
    font-family: Roboto, sans-serif;
    font-size: 1.6875rem;
    font-weight: 500;
    line-height: 2.5rem
}

.travellers-reviews-list h4 {
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2.1875rem
}

.travellers-reviews-list hgroup {
    display: inline-block;
    vertical-align: middle;
    padding-left: 1.875rem
}

.travellers-reviews-list .travellers-photo {
    display: inline-block;
    vertical-align: middle;
    width: 63px;
    height: 63px;
    border: 2px solid #84af71;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding: 2px
}

.travellers-reviews-list .travellers-photo img {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.travellers-comment h2 {
    border: none;
    color: #3a3a43;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.625rem;
    margin: 0
}

@media screen and (max-width:767px) {
    .travellers-comment h2 {
        margin-top: 5px
    }
}

.travellers-comment p {
    color: #7d7d7d;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.95rem
}

.content-header {
    padding: 0 2.5rem;
    margin-bottom: 3.4375rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

@media (max-width:567px) {
    .content-header {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        box-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start
    }
}

@media (min-width:0) and (max-width:767px) {
    .content-header {
        padding: 0 0
    }
}

.content-header-title {
    margin: 0;
    color: #474747;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.875rem;
    font-weight: 700
}

@media (min-width:0) and (max-width:567px) {
    .content-header-title-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        width: 100%;
        margin-bottom: 1.875rem
    }
}

.content-header-title-wrap .btn-select-continent {
    display: none
}

@media (min-width:0) and (max-width:567px) {
    .content-header-title-wrap .btn-select-continent {
        display: block;
        color: #2465b4;
        padding: 8px 14px;
        font-size: 1.25rem;
        background-color: transparent;
        border: 2px solid #2465b4;
        border-radius: 33px
    }
    .content-header-title-wrap .btn-select-continent.active {
        background-color: #2465b4;
        color: #fff
    }
}

.content-header-link {
    color: #2465b4;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    margin-right: 3.125rem
}

@media (max-width:567px) {
    .content-header-link {
        margin-right: .625rem
    }
}

@media (min-width:0) and (max-width:567px) {
    .content-header-btn-wrap {
        display: none;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        width: 100%
    }
    .content-header-btn-wrap.active {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.content-header-btn {
    color: #2465b4;
    padding: 12px 24px;
    background-color: transparent;
    border: 2px solid #2465b4;
    border-radius: 33px
}

@media (max-width:567px) {
    .content-header-btn {
        padding: 8px 18px;
        font-size: 1.25rem
    }
}

.content-header-btn-close {
    display: inline-block;
    margin-left: .625rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (max-width:567px) {
    .continent-checkbox {
        display: none
    }
    .continent-checkbox.active {
        display: block
    }
}

.continent-checkbox-list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute
}

@media (max-width:767px) {
    .continent-checkbox-list {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start
    }
}

@media (max-width:567px) {
    .continent-checkbox-list li {
        width: 50%
    }
}

.continent-checkbox-list label {
    color: #6f6f6f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.25rem;
    font-weight: 500
}

@media (max-width:767px) {
    .continent-checkbox-list label {
        width: 100%;
        margin-bottom: 10px
    }
}

.continent-checkbox-list label.active {
    color: #2465b4
}

.blog.header {
    background: transparent url(../img/blog-bg.jpg) 50% 50% no-repeat;
    background-size: cover
}

.blog.header.terms {
    background: transparent url(../img/terms-image.jpg) 50% 50% no-repeat;
    background-size: cover
}

.blog.header.about {
    background: transparent url(http://halcyon-hotsprings.com/wp-content/uploads/2016/03/bg_full.jpg) 50% 50% no-repeat;
    background-size: cover
}

.blog.header.contact {
    background: transparent url(https://cdn.homedsgn.com/wp-content/uploads/2013/06/Island-Hideaway-at-Dhonakulhi-Maldives-Spa-Resort-Marina-30.jpg) 50% 50% no-repeat;
    background-size: cover
}

.img-responsive-about-header {
    width: 100%;
    height: 500px;
    background: linear-gradient(rgba(33, 127, 209, .5), rgba(6, 44, 80)), url(https://www.seal-superyachts.com/wp-content/uploads/2017/07/bluebreakfast_moofushi.jpg) no-repeat;
    position: relative
}

.img-responsive-about-header h1 {
    position: absolute;
    color: #efefef;
    margin-top: 175px;
    margin-left: 32%
}

.img-responsive-about-header h2 {
    position: absolute;
    margin-top: 21%;
    margin-left: 23%;
    color: #efefef
}

.img-responsive-about {
    width: 65%
}

.div-cont h3 {
    color: #efefef;
    margin-top: 59px
}

.div-cont a {
    color: rgba(218, 176, 125)
}

.blog-main {
    background-color: #152e4c
}

.blog-content {
    position: relative;
    background-color: #fff;
    margin: -150px 0 0;
    padding-top: 30px;
    z-index: 2
}

@media (max-width:767px) {
    .blog-content {
        margin: 0 0 0
    }
}

.blog-top-content {
    margin-bottom: 4.375rem
}

.tour-slid {
    margin: 0 auto
}

.tour-slid .owl-stage-outer {
    box-shadow: 0 0 60px 20px #e8e8e8;
    background: rgba(232, 232, 232, .86)
}

.tour-slid .owl-stage-outer .owl-item .col-xs-12 {
    padding: 0
}

.tour-slid .owl-stage-outer .owl-item .col-xs-12 .blog-post {
    margin-bottom: 0;
    box-shadow: none
}

.tour-slid .owl-stage-outer .owl-item .col-xs-12 .blog-post .blog-post-footer {
    margin: 0
}

.tour-slid .owl-nav {
    position: absolute;
    bottom: -37px;
    left: 0
}

.tour-slid .owl-nav .owl-prev i {
    display: inline-block;
    line-height: 25px
}

.tour-slid .owl-nav .owl-next i {
    display: inline-block;
    line-height: 25px
}

.tour-slid .owl-nav .owl-next {
    display: inline-block;
    margin-left: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .15);
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    position: relative
}

.tour-slid .owl-nav .owl-prev {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .15);
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    position: relative
}

.blog-posts {
    padding-bottom: 6.25rem
}

.blog-post {
    border-radius: 4px;
    border: 1px solid #ededed;
    margin-bottom: 2.5rem;
    box-shadow: 0 0 60px 20px #e8e8e8
}

.blog-post-title {
    font-family: "San Francisco Display", sans-serif;
    font-size: 2.125rem;
    font-weight: 300;
    line-height: 2.875rem
}

.blog-post-title a {
    color: #404040
}

.blog-post-bot-content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    border-top: 1px solid #f5f5f5
}

.blog-post-bot-content>span {
    color: #474747;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.0625rem;
    font-weight: 300;
    margin-top: 3px
}

.blog-post-author {
    color: #4d4b4d;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.0625rem;
    font-weight: 500
}

.blog-post-author-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.blog-post-author-img-wrapper {
    width: 3.5625rem;
    height: 3.5625rem;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-right: 1.25rem
}

.blog-view-more-wrapper {
    padding-top: 6.25rem;
    text-align: center
}

.blog-view-more-wrapper a {
    position: relative;
    display: inline-block;
    color: #474747;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    padding-bottom: 1.25rem
}

.blog-view-more-wrapper a:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: .3125rem;
    bottom: 0;
    background-color: #2465b4
}

.latest-news {
    padding: 9.0625rem 0 8.4375rem;
    background-color: #eaeaea
}

.latest-news h2 {
    margin-top: 0;
    margin-bottom: 4.375rem;
    color: #474747;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}

.latest-news-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    margin-bottom: 3.75rem;
    -webkit-box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75);
    box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75)
}

.latest-news-item img {
    margin-bottom: 0
}

.latest-news-content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 100%;
    height: 100%
}

.latest-news-img-wrapper {
    padding: 0;
    background-color: #e4e4e4
}

.latest-news-content-wrapper {
    padding: 0;
    height: fit-content!important
}

.latest-news-info-wrapper {
    padding: 3.125rem 3.125rem 1.25rem
}

.latest-news-info-wrapper h3 {
    font-family: "San Francisco Display", sans-serif;
    font-size: 2.125rem;
    font-weight: 300;
    line-height: 2.875rem;
    margin-bottom: 1.5625rem
}

.latest-news-info-wrapper h3 a {
    color: #404040
}

.latest-news-info-wrapper p {
    color: #7a7a7a;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.875rem
}

.latest-news-date-wrapper {
    width: 100%;
    border-top: 1px solid #f0f0f0;
    padding: 2.5rem 3.125rem
}

.latest-news-date-wrapper span {
    color: #474747;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.0625rem;
    font-weight: 300
}

.more-news {
    padding-top: 2.8125rem
}

.more-news h3 {
    color: #474747;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 2.8125rem
}

.more-news li {
    padding: 2.1875rem 0;
    border-bottom: 1px solid #c2c2c2
}

.more-news li:first-child {
    border-top: 1px solid #c2c2c2
}

.more-news a {
    color: #404040;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.625rem;
    font-weight: 300
}

.blog-post.header {
    background: transparent url(../img/blog-bg.jpg) 50% 50% no-repeat;
    background-size: cover
}

.blog-post-main {
    background-color: #152e4c
}

.blog-post-wrapper {
    position: relative;
    margin: 0 50px;
    margin-top: -21.875rem
}

@media (min-width:992px) and (max-width:1300px) {
    .blog-post-wrapper {
        margin: -21.875rem 0 0
    }
}

@media (max-width:767px) {
    .blog-post-wrapper {
        margin: 0 0 0
    }
}

.blog-post-content {
    background-color: #fcfcfc
}

.blog-search {
    max-width: 100.5rem;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.blog-response-input {
    width: calc(80% - 120px);
    height: 48px;
    padding-left: 16px;
    border-radius: 5px;
    border: 1px solid #e6e8eb;
    color: #a0a3a6;
    margin-top: 10px;
    font-family: "San Francisco Display", sans-serif
}

.blog-search-input {
    width: calc(90% - 120px);
    height: 48px;
    padding-left: 16px;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #333
}

.blog-search-input input:focus {
    color: #f23;
    font-weight: 700;
    border: 2px solid #003c5d
}

.blog-search-btn {
    width: 120px;
    height: 48px;
    border-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0;
    display: table-cell;
    vertical-align: center;
    text-align: center;
    background-color: #003c5d
}

.blog-icon {
    color: #fff;
    font-size: 20px
}

.blog-result-form {
    width: calc(100% - 100px);
    margin-left: 50px;
    padding-left: 16px;
    border-radius: 2px;
    background-color: #fff;
    height: 650px
}

.tab {
    float: left;
    background-color: #fff;
    width: 30%;
    height: 500px
}

.tab button {
    display: block;
    background-color: inherit;
    color: #000;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: 0;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    font-size: 17px;
    height: 95px
}

.tab button:hover {
    background-color: #fff;
    border: 1px solid #003c5d
}

.tab button.active {
    background-color: #fff
}

.tabcontent {
    float: left;
    padding: 20px 12px 0;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 660px
}

.blog-post-article-header {
    max-width: 100.5rem;
    width: 100%;
    margin: 0 auto;
    padding: 4.5rem 0 9.375rem;
    text-align: center
}

.blog_pw .blog-post-article-header {
    padding: 4.5rem 0 1.375rem
}

@media (max-width:767px) {
    .blog-post-article-header {
        padding: 6.25rem 1.875rem 7.5rem
    }
}

.blog-post-article-header-link {
    color: #8a8c9b;
    font-family: "Aktive Grotesk", sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 2.5rem
}

.blog-post-article-header-title {
    margin-top: 0;
    margin-bottom: 1.875rem;
    color: #24273e;
    font-family: "San Francisco Display", sans-serif;
    font-size: 3.875rem;
    font-weight: 500
}

.blog-post-article-header-text {
    color: #8a8c9b;
    font-family: "Aktive Grotesk", sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 3.125rem;
    opacity: 1;
    margin-bottom: 5rem
}

.blog-post-author {
    display: inline-block
}

.blog_p .blog-post-author {
    float: right;
    margin-top: 9px
}

.blog-post-article-content {
    position: relative
}

.blog-post-article-content-text {
    color: #434445;
    font-family: "Aktive Grotesk", sans-serif;
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 3.375rem;
    opacity: 1;
    margin-bottom: 3.125rem
}

@media (max-width:767px) {
    .blog-post-article-content-text {
        font-size: 1.875rem;
        line-height: 3.125rem;
        text-align: justify
    }
}

.blog-post-article-content-img-wrapper {
    margin-bottom: 3.75rem;
    text-align: center
}

.blog-post-article-content-img-wrapper .blog-post-article-content-img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 2.5rem
}

.blog-post-article-content-img-wrapper .blog-post-article-content-caption {
    color: #5f6380;
    font-family: "Aktive Grotesk", sans-serif;
    font-size: 1.8125rem;
    font-weight: 400;
    opacity: 1
}

.blog-post-article-footer {
    padding: 6.25rem 0
}

@media (max-width:767px) {
    .blog-post-article-footer {
        padding: 3.125rem 0
    }
}

.blog-post-article-footer-tags {
    margin-bottom: 3.75rem
}

.blog-post-article-footer-tag {
    color: #a6a6a9;
    background-color: #f5f5f5;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    padding: 5px 15px;
    margin-right: .625rem;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 10px
}

@media (max-width:767px) {
    .blog-post-article-footer-tag {
        margin-bottom: 1.25rem
    }
}

.blog-post-article-footer-question {
    color: #212123;
    font-family: "San Francisco Display", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    opacity: 1;
    margin-bottom: 2.5rem
}

.blog-post-article-footer-question span {
    margin-left: .9375rem;
    color: #aaa9ac;
    font-size: 1.4375rem
}

.blog-post-article-footer-upload a {
    margin-right: 1.25rem;
    color: #cccfd4
}

.blog-post-article-social {
    position: absolute;
    top: 0;
    left: 2.5rem;
    z-index: 2
}

@media (max-width:950px) {
    .blog-post-article-social {
        display: none
    }
}

.blog-post-article-social li {
    width: 5.625rem;
    height: 5.625rem;
    background-color: #fff
}

.blog-post-article-social li .facebook-icon {
    color: #425998
}

.blog-post-article-social li .facebook-icon:hover {
    color: #fff;
    background-color: #425998
}

.blog-post-article-social li .twitter-icon {
    color: #57afe5
}

.blog-post-article-social li .twitter-icon:hover {
    color: #fff;
    background-color: #57afe5
}

.blog-post-article-social li .google-plus-icon {
    color: #c84e31
}

.blog-post-article-social li .google-plus-icon:hover {
    color: #fff;
    background-color: #c84e31
}

.blog-post-article-social li .share-alt-icon {
    color: #5bba37
}

.blog-post-article-social li .share-alt-icon:hover {
    color: #fff;
    background-color: #5bba37
}

.blog-post-article-social li .envelope-icon {
    color: #393934
}

.blog-post-article-social li .envelope-icon:hover {
    color: #fff;
    background-color: #393934
}

.blog-post-article-social li .facebook-icon {
    color: #425998
}

.blog-post-article-social li .facebook-icon:hover {
    color: #fff;
    background-color: #425998
}

.blog-post-article-social a {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    font-size: 2.25rem;
    line-height: 5.625rem;
    text-align: center;
    transition: .3s
}

.post-author-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.post-author-wrap .post-author-img {
    max-width: 5.625rem;
    height: 5.625rem;
    margin-bottom: 1.25rem
}

.post-author-wrap .post-author {
    color: #5f6380;
    font-family: "Aktive Grotesk", sans-serif;
    font-size: 1.8125rem;
    font-weight: 400
}

.other-article {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    padding: 7.8125rem 0;
    border-top: 1px solid #f3f4f5;
    border-bottom: 1px solid #f3f4f5;
    background-color: #fff
}

@media (max-width:767px) {
    .other-article {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

.other-article .other-article-item:first-child {
    margin-left: 0
}

.other-article-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 12.5rem
}

@media (max-width:767px) {
    .other-article-item {
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        margin-left: 0;
        margin-bottom: 2.5rem
    }
}

.other-article-img-wrapper {
    width: 90%;
    margin-right: 2.5rem
}

.other-article-img-wrapper img {
    margin-bottom: 0
}

.other-article-content-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 17.5rem;
    height: 100%
}

.other-article-content-wrapper span {
    color: #8a8f94;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.4375rem;
    font-weight: 500;
    margin-bottom: 1.25rem
}

.other-article-content-wrapper h3 {
    color: #212123;
    font-family: "San Francisco Display", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.5rem;
    margin-bottom: .625rem
}

.other-article-content-wrapper a {
    color: #2f5fea;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5625rem;
    font-weight: 500
}

.other-article-content-wrapper a img {
    width: 1rem;
    background: #2f5fea
}

.comments-section {
    background-color: #fcfcfc;
    padding: 9.375rem 0
}

.comments-section-title {
    margin-top: 0;
    margin-bottom: 1.5625rem;
    font-family: "San Francisco Display", sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    color: #202020
}

.comments-section-subtitle {
    margin-top: : 0;
    margin-bottom: 1.6rem;
    font-family: "San Francisco Display", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    color: #202020
}

.comments-section-form {
    position: relative;
    padding-left: 8.75rem;
    margin-bottom: 5.625rem
}

.comments-section-form-img-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 6.25rem;
    height: 6.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.comments-section-textarea {
    width: 100%;
    resize: vertical;
    border: 1px solid #e6e8eb;
    padding: 2.5rem 1.875rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-family: "San Francisco Display", sans-serif;
    color: #a0a3a6;
    font-size: 1.625rem;
    font-weight: 300;
    margin-bottom: -5px
}

.comments-section-item {
    border: 1px solid #e6e8eb;
    padding: 3.125rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 1.25rem
}

.comments-section-header {
    position: relative;
    padding-left: 5rem;
    margin-bottom: 1.875rem
}

.comments-section-img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.75rem;
    height: 3.75rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.comments-section-author-link {
    color: #2f5fea;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5625rem;
    font-weight: 500
}

.comments-section-date {
    color: #969b9f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.25rem;
    font-weight: 500
}

.comments-section-content {
    padding-left: 5rem
}

@media (max-width:767px) {
    .comments-section-content {
        padding-left: 0
    }
}

.comments-section-text {
    color: #4b4b4b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.75rem
}

@media (max-width:767px) {
    .comments-section-text {
        font-size: 1.625rem;
        line-height: 2.5rem
    }
}

.comments-section-btn-wrap {
    text-align: center
}

.comments-section-btn {
    padding: 5px 20px;
    font-family: "San Francisco Display", sans-serif;
    font-weight: 300;
    background-color: transparent;
    border: 1px solid #e6e8ec;
    color: #adafb3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    transition: .3s
}

.comments-section-btn:hover {
    background-color: #adafb3;
    color: #fcfcfc
}

.phone-call-section {
    text-align: center;
    background-color: #f6f6f6;
    padding: 2.8125rem 0;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 3.75rem
}

.phone-call-section .icon-telephone {
    font-size: 1.125rem;
    margin-right: 12px
}

.phone-call-text {
    color: #3c3c3c;
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.1875rem;
    display: inline-block;
    margin-right: 15px
}

@media (max-width:767px) {
    .phone-call-text {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.875rem
    }
}

.phone-call-number {
    display: inline-block;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 2.25rem;
    padding: 12px 25px;
    background-color: #306ce7;
    border-radius: 28px;
    transition: .3s
}

.phone-call-number:hover {
    color: #fff;
    background-color: #1a5ce3
}

.account-section {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 3.125rem 3.75rem 3.125rem 12.5rem;
    background-color: #f5f5f5;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    margin-bottom: 1.375rem
}

@media (max-width:767px) {
    .account-section {
        display: block;
        padding: 2.5rem 1.25rem 1.875rem;
        text-align: center
    }
    .account-section br {
        display: none
    }
}

.account-section-text-block h2 {
    margin-top: 0;
    color: #232428;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 1.5625rem
}

.account-section-text-block p {
    color: #65666b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.875rem
}

@media (max-width:767px) {
    .account-section-text-block p {
        margin-bottom: 1.875rem;
        text-align: justify
    }
}

.account-section-link {
    display: inline-block;
    padding: 12px 50px;
    background-color: #1d53c8;
    border-radius: 30px;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    transition: .3s
}

.account-section-link:hover {
    color: #fff;
    background: #205cde
}

.details-section {
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 2.8125rem
}

.details-section input[type=text] {
    width: 26.875rem;
    height: 3.75rem;
    padding: 0 1.5625rem;
    color: #65666b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

@media (max-width:767px) {
    .details-section input[type=text] {
        width: 100%;
        margin-left: 0;
        margin-bottom: 1.875rem
    }
}

.details-section input[type=checkbox]+.checkbox-label:before {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.details-section select {
    width: 15.625rem;
    height: 3.75rem;
    color: #65666b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    border: 1px solid #d7d7d7;
    padding: 0 1.5625rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

@media (max-width:767px) {
    .details-section select {
        width: 100%;
        margin-bottom: 1.875rem
    }
}

.details-section h3 {
    color: #232428;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    line-height: 1.5rem;
    font-weight: 500;
    margin-bottom: 1.25rem
}

.details-section hr {
    margin-bottom: 3.75rem
}

.details-title-wrapper {
    padding: 2.1875rem 2.5rem;
    background-color: #152e4c;
    border-radius: 2px
}

.details-title-wrapper h2 {
    margin: 0;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.75rem;
    font-weight: 500
}

.details-title-wrapper h2>span {
    display: inline-block;
    float: right
}

@media (max-width:567px) {
    .details-title-wrapper h2>span {
        width: 100%;
        float: none
    }
}

@media (max-width:767px) {
    .details-title-wrapper h2>span {
        margin-top: 1.25rem
    }
}

.details-title-wrapper h2>span img {
    width: 1.375rem;
    margin-bottom: 2px
}

.details-title-wrapper h2>span>span {
    font-weight: 100
}

.details-content-wrapper {
    padding: 1.5625rem 2.5rem 3.75rem;
    border: 1px solid #d7d7d7;
    border-top: none
}

@media (max-width:767px) {
    .details-content-wrapper {
        padding: 1.25rem 1.25rem
    }
}

.details-info-text {
    color: #65666b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 400
}

.details-info-text .fa {
    font-size: 1.5rem;
    color: #4591e4;
    margin-right: 10px
}

.details-name-wrapper label {
    vertical-align: middle
}

.details-name-wrapper input {
    margin-left: 1.5625rem
}

.details-name-wrapper img {
    width: 2.5rem;
    margin-left: 1.875rem;
    margin-right: .625rem;
    margin-bottom: 0
}

@media (max-width:767px) {
    .details-name-wrapper img {
        margin-left: 0
    }
}

.details-email-wrapper {
    margin-bottom: 2.5rem
}

.details-email-wrapper input {
    margin-right: 1.25rem
}

.details-phone-wrapper {
    margin-bottom: 3.4375rem
}

.details-phone-wrapper input.eg {
    width: 8.75rem;
    margin-right: 1.5625rem
}

@media (max-width:767px) {
    .details-phone-wrapper input.eg {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.875rem
    }
}

.details-phone-wrapper label {
    color: #65666b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    margin-left: 2.5rem
}

@media (max-width:767px) {
    .details-phone-wrapper label {
        margin-left: 0
    }
}

.details-payment-mehtod-wrapper h3 {
    font-size: 1.75rem;
    margin-bottom: 1.875rem
}

.details-payment-mehtod-wrapper ul {
    margin-bottom: 2.5rem
}

.details-payment-mehtod-wrapper li {
    color: #232428;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    float: left;
    margin-right: 3.75rem
}

@media (max-width:567px) {
    .details-payment-mehtod-wrapper li {
        float: none;
        margin-bottom: 1.875rem
    }
}

.details-payment-mehtod-wrapper .radio-label {
    color: #80858d;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 500
}

.details-payment-mehtod-wrapper .credit-card-img {
    width: 13.75rem;
    margin-left: 20px
}

@media (max-width:567px) {
    .details-payment-mehtod-wrapper .credit-card-img {
        width: 18.75rem
    }
}

.details-payment-mehtod-wrapper .pay-pal-img {
    width: 4.375rem;
    margin-left: 20px
}

@media (max-width:567px) {
    .details-payment-mehtod-wrapper .pay-pal-img {
        width: 8.75rem
    }
}

.details-card-number-wrapper {
    margin-bottom: 2.5rem
}

.details-card-number-wrapper input[type=text] {
    width: 38.75rem
}

@media (max-width:767px) {
    .details-card-number-wrapper input[type=text] {
        width: 100%;
        margin-bottom: 1.875rem
    }
}

.details-expiry-date-wrapper {
    margin-bottom: 1.875rem
}

.details-expiry-date-wrapper input[type=text] {
    width: 10rem
}

.details-expiry-date-wrapper select {
    width: 18.125rem;
    margin-right: 1.5625rem
}

@media (max-width:767px) {
    .details-expiry-date-wrapper select {
        width: 100%
    }
}

.details-expiry-date-wrapper img {
    width: 8.125rem;
    margin-bottom: 0;
    margin-left: 1.25rem
}

.details-cardholders-wrapper {
    margin-bottom: 3.75rem
}

.details-cardholders-wrapper input[type=text] {
    width: 38.75rem
}

@media (max-width:767px) {
    .details-cardholders-wrapper input[type=text] {
        width: 100%;
        margin-bottom: 1.875rem
    }
}

.details-confirm-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

@media (max-width:767px) {
    .details-confirm-wrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        box-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start
    }
    .details-confirm-wrapper br {
        display: none
    }
}

.details-confirm {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

@media (max-width:767px) {
    .details-confirm {
        margin-bottom: 1.875rem
    }
}

.details-confirm label {
    margin-top: .0625rem;
    margin-right: .9375rem
}

.details-confirm p {
    color: #65666b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.875rem;
    text-align: justify
}

.details-confirm-btn {
    display: inline-block;
    padding: 12px 55px;
    background-color: #1d53c8;
    border-radius: 30px;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    transition: .3s;
    border: none
}

.details-confirm-btn:hover {
    color: #fff;
    background: #205cde
}

.passenger-details .details-info-text {
    margin-bottom: 3.125rem
}

.contact-details {
    margin-bottom: 9.0625rem;
    padding-bottom: 5rem
}

.contact-details .details-info-text {
    margin-bottom: 4.375rem
}

.offers.header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #a9a9a9
}

.offers.header.offers-page {
    background-image: url(https://www.seal-superyachts.com/wp-content/uploads/2017/07/bluebreakfast_moofushi.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #a9a9a9
}

.offers-main {
    background-color: #f2f2f2
}

.offers-tab-nav li {
    display: inline-block;
    margin: 0 .75rem
}

.offers-tab-nav li.active a {
    font-weight: 500
}

.offers-tab-nav a {
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.875rem;
    font-weight: 100
}

.offers-tab-nav a:focus {
    text-decoration: none
}

.offers-tabs {
    display: none
}

.offers-tabs.active {
    display: block
}

.offers-content {
    position: relative;
    background-color: #fff;
    margin: -21.875rem 4.375rem 0;
    padding: 3.125rem 0
}

@media (min-width:992px) and (max-width:1400px) {
    .offers-content {
        margin: -21.875rem 0 0
    }
}

@media (max-width:767px) {
    .offers-content {
        margin: 0 0 0
    }
}

.offers-content .content-header {
    margin-bottom: 0
}

@media (max-width:767px) {
    .offers-content .hotels-filters {
        margin-bottom: 6.25rem;
        float: none
    }
}

@media (min-width:1399px) and (max-width:1999px) {
    .offers-content .hotels-filters {
        width: 20%
    }
}

@media (min-width:2000px) {
    .offers-content .hotels-filters {
        width: 16%
    }
}

@media (max-width:767px) {
    .offers-content .hotels-filters-mb {
        margin-top: 0;
        margin-bottom: 2.5rem
    }
}

@media (min-width:1399px) and (max-width:1999px) {
    .offers-content .content-tabs {
        width: 80%
    }
}

@media (min-width:2000px) {
    .offers-content .content-tabs {
        width: 84%
    }
}

@media (max-width:767px) {
    .offers-content .offers-tour {
        padding-top: 0
    }
}

.offers-top-content {
    margin-bottom: 6.875rem
}

@media (max-width:767px) {
    .offers-top-content {
        margin-bottom: 2.5rem
    }
}

.offers-top-content .content-header-title {
    color: #306ce7
}

.offers-tour {
    padding: 3.75rem 0
}

.offers-tour .tour-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-bottom: 6.25rem
}

@media (min-width:992px) and (max-width:1399px) {
    .offers-tour .tour-item:nth-child(2n-1) {
        clear: both
    }
}

@media (min-width:1399px) {
    .offers-tour .tour-item {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

@media (min-width:1399px) and (max-width:1599px) {
    .offers-tour .tour-item {
        width: 33.33%
    }
    .offers-tour .tour-item:nth-child(3n+1) {
        clear: both
    }
}

@media (min-width:1600px) and (max-width:1999px) {
    .offers-tour .tour-item {
        width: 25%
    }
    .offers-tour .tour-item:nth-child(4n+1) {
        clear: both
    }
}

@media (min-width:2000px) {
    .offers-tour .tour-item {
        width: 20%
    }
    .offers-tour .tour-item:nth-child(5n+1) {
        clear: both
    }
}

.offers-tour .tour {
    width: 18.75rem;
    margin-left: 30px;
    box-shadow: 0 25px 115px rgba(92, 95, 101, .7)
}

@media (max-width:500px) {
    .offers-tour .tour {
        width: 80%
    }
}

@media (max-width:767px) {
    .offers-tour .tour {
        margin-left: 0
    }
}

@media (min-width:992px) and (max-width:1299px) {
    .offers-tour .tour {
        margin-left: 0
    }
}

@media (min-width:1399px) {
    .offers-tour .tour {
        margin-left: 0
    }
}

.offers-tour .tour:after {
    width: 25rem;
    background: url(../img/offers-tour-after.png) top left no-repeat;
    background-size: cover;
    height: 380px;
    top: -60px;
    left: -90px
}

.offers-tour .tour img {
    object-fit: cover;
    margin-bottom: 0
}

.offers-tour .tour h2 {
    border: none
}

.offers-tour .tour h2.one-line {
    width: 100%
}

.offers-tour .tour h2.one-line:after {
    content: '';
    display: block;
    width: 3.75rem;
    height: 2px;
    margin: 0 auto;
    background-color: #fff
}

.offers-tour .tour h2.double-line:after,
.offers-tour .tour h2.double-line:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    margin: 0 auto;
    background-color: #fff
}

.offers-tour .tour-text {
    width: 50%;
    padding-top: 2.1875rem
}

@media screen and (max-width:500px) {
    .offers-tour .tour-text {
        width: 100%;
        text-align: center;
        padding-top: 2.8125rem;
        padding-left: 0
    }
}

@media (min-width:992px) and (max-width:1299px) {
    .offers-tour .tour-text {
        width: 100%;
        padding-top: 4.0625rem;
        text-align: center
    }
    .offers-tour .tour-text a.btn-itineary {
        margin: 0
    }
}

@media (min-width:1399px) {
    .offers-tour .tour-text {
        padding-top: 4.0625rem;
        padding-left: 0;
        width: 100%;
        text-align: center
    }
    .offers-tour .tour-text a.btn-itineary {
        margin: 0
    }
}

.offers-tour .tour-text>span {
    color: #5c5c5c;
    display: inline-block;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1.875rem
}

.offers-tour .tour-text .link-group {
    padding-top: 0
}

.offers-tour .tour-text .link-group a {
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 500
}

.offers-tour .tour-text .link-group .btn-itineary {
    padding: 15px 30px
}

@media screen and (max-width:1200px) {
    .offers-tour .tour-text .link-group .btn-itineary {
        margin: 0
    }
}

.offers-tour .tour-text .tour-old-price {
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    text-decoration: line-through
}

.offers-tour .tour-text .tour-new-price {
    color: #c32e1c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 600
}

.offers-tour h3 {
    color: #231f1f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.875rem;
    font-weight: 500;
    margin-bottom: .9375rem
}

.offers-tour p {
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.25rem;
    margin-top: 0;
    margin-bottom: 2.1875rem
}

.hotel-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-bottom: 6.25rem
}

.hotel-img-content-wrapper {
    width: 19.375rem;
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: .2px 1px 17.6px 3.4px rgba(0, 0, 0, .11);
    margin-right: 5rem
}

@media screen and (max-width:559px) {
    .hotel-img-content-wrapper {
        width: 100%;
        margin: 0 0 1.875rem
    }
}

@media screen and (min-width:560px) and (max-width:767px) {
    .hotel-img-content-wrapper {
        margin: 0 1.875rem 1.875rem
    }
}

@media (min-width:1300px) {
    .hotel-img-content-wrapper {
        width: 19.375rem;
        margin-right: 2.5rem
    }
}

.hotel-img-content-wrapper h3 {
    color: #595959;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: .625rem
}

@media screen and (max-width:559px) {
    .hotel-img-content-wrapper h3 {
        font-size: 2.125rem
    }
}

.hotel-img-content-wrapper h3 span {
    color: #afafaf;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    float: right
}

.hotel-img-content-wrapper p {
    color: #a3a3a3;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    margin-bottom: .9375rem
}

@media screen and (max-width:559px) {
    .hotel-img-content-wrapper p {
        font-size: 1.25rem
    }
}

.hotel-img {
    margin-bottom: 1.25rem
}

.hotel-img-content-bot {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.hotel-link {
    color: #417cb6;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.125rem;
    font-weight: 500
}

.hotel-content-wrapper {
    width: 23.75rem
}

@media screen and (max-width:559px) {
    .hotel-content-wrapper {
        width: 100%
    }
}

@media (min-width:1500px) {
    .hotel-content-wrapper {
        width: 23.75rem
    }
}

.hotel-content-wrapper h3 {
    color: #231f1f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.9375rem;
    margin-bottom: .9375rem
}

.hotel-content-wrapper .hotel-country {
    display: inline-block;
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 2.4375rem;
    margin-bottom: .9375rem
}

.hotel-content-text-wrapper {
    padding: 1.25rem 0;
    border-top: 1px solid #e1e4e7;
    border-bottom: 1px solid #e1e4e7;
    margin-bottom: 15px
}

.hotel-content-text-wrapper p {
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.625rem;
    font-weight: 400;
    text-align: justify;
    line-height: 2.4375rem
}

.hotel-content-bot {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.hotel-content-bot a {
    display: inline-block;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.625rem;
    font-weight: 500;
    background-color: #306ce7;
    border-radius: 28px;
    padding: 10px 20px;
    z-index: 999
}

.hotel-old-price {
    color: #414141;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    text-decoration: line-through
}

.hotel-new-price {
    color: #bb1e0b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.75rem;
    font-weight: 700
}

.holiday-item {
    width: 30rem;
    border-radius: 5px;
    border: 1px solid #ededed;
    margin-bottom: 2.5rem;
    box-shadow: 0 0 60px 20px #e8e8e8;
    border-radius: 15px
}

@media (max-width:1280px) {
    .holiday-item {
        width: 25rem
    }
}

.holiday-img-wrapper {
    position: relative;
    overflow: hidden;
    width: 30rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.holiday-img-wrapper>img {
    margin: 0
}

@media (max-width:1280px) {
    .holiday-img-wrapper {
        width: 25rem;
        position: relative;
        overflow: hidden
    }
}

.holiday-group-img {
    position: absolute;
    left: 50%;
    bottom: 13.75rem;
    transform: translateX(-50%);
    width: 26.25rem
}

.holiday-group-img-wrap {
    width: 12.5rem;
    height: 18.75rem;
    position: absolute;
    top: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background-color: #fff;
    border-radius: 8px;
    padding: .9375rem;
    background-color: #fff
}

.holiday-group-img:before {
    content: '';
    position: absolute;
    top: .625rem;
    right: -2.5rem;
    z-index: 2;
    display: block;
    width: 20.625rem;
    height: 25rem;
    background: url(../img/offer-holidays-first.png) 50% 50% no-repeat;
    background-size: 100%
}

.holiday-group-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: -2.5rem;
    z-index: 0;
    display: block;
    width: 21.875rem;
    height: 25rem;
    background: url(../img/offer-holidays-last.png) 50% 50% no-repeat;
    background-size: 100%
}

.holiday-group-img h2 {
    float: center;
    color: #231f1f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 1.1rem
}

.holiday-tours-img {
    position: absolute;
    left: 50%;
    bottom: 13.75rem;
    transform: translateX(-50%);
    width: 26.25rem
}

.holiday-tours-img-wrap {
    width: 12.5rem;
    height: 18.75rem;
    position: absolute;
    top: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background-color: #fff;
    border-radius: 8px;
    padding: .9375rem;
    background-color: #fff
}

.holiday-tours-img h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    font-weight: 300
}

.holiday-tours-img h2 p {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase
}

.holiday-tours-details {
    position: relative;
    z-index: 3;
    width: 30rem;
    height: 90px;
    padding: 1rem 1rem 1.7rem;
    background-color: #003c5d;
    border-radius: 2px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: .2px 1px 17.6px 3.4px rgba(0, 0, 0, .11);
    margin-top: -2.125rem
}

.holiday-tours-details h3 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500
}

.holiday-tours-details h4 {
    float: left;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300
}

@media (max-width:1280px) {
    .holiday-tours-details {
        width: 25rem
    }
}

.holiday-tours-wrapper {
    position: relative;
    overflow: hidden;
    width: 30rem;
    height: 180px;
    z-index: 3;
    padding: 1rem 2rem 2rem;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: .2px 1px 17.6px 3.4px rgba(0, 0, 0, .11);
    margin-top: -3rem;
    text-align: initial
}

@media (max-width:1280px) {
    .holiday-tours-wrapper {
        width: 25rem
    }
}

@media screen and (min-width:500px) and (max-width:767px) {
    .holiday-tours-wrapper {
        width: 25.625rem!important;
        margin-top: 0
    }
}

.holiday-tours-wrapper h3 {
    float: left;
    color: #231f1f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 650;
    margin-bottom: 1.1rem
}

.holiday-tours-wrapper p {
    color: #5c5c5c;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.25rem;
    margin-bottom: 3.125rem;
    padding-top: 20px;
    text-align: left
}

.holiday-tours-wrapper button {
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    -ms-border-radius: 31px;
    border-radius: 31px;
    width: 18.125rem;
    overflow: hidden;
    padding: 0;
    background-color: transparent;
    border: 2px solid #e8e8e8
}

.holiday-tours-wrapper button span {
    display: inline-block;
    padding: 10px 0;
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    width: 40%;
    float: left;
    border-right: 2px solid #e8e8e8;
    cursor: default
}

.holiday-tours-wrapper button a {
    width: 60%;
    padding: 10px 0;
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    float: right;
    transition: .3s
}

.holiday-tours-wrapper button a:hover {
    background-color: #306ce7;
    color: #fff
}

.hotel-ads-details {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: .5rem;
    background-color: #003c5d;
    border-radius: 2px;
    margin-top: 1.125rem
}

.hotel-ads-details h3 {
    float: left;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.95rem;
    font-weight: 500
}

.hotel-ads-wrapper {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 1rem 1rem;
    background-color: #fff;
    border-radius: 2px;
    margin-top: .2rem;
    margin-bottom: 15px
}

@media screen and (max-width:767px) {
    .hotel-ads-wrapper {
        width: 30.625rem;
        margin-top: 0
    }
}

.hotel-ads-wrapper h3 {
    float: left;
    color: #231f1f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.95rem;
    font-weight: 600;
    margin-bottom: .2rem
}

.hotel-ads-wrapper p {
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.25rem;
    padding-top: 20px;
    text-align: justify;
    margin-top: 5px
}

.holiday-content-wrapper {
    position: relative;
    z-index: 3;
    width: 26.25rem;
    padding: 2.8125rem 2.1875rem;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: .2px 1px 17.6px 3.4px rgba(0, 0, 0, .11);
    margin-top: -3.125rem
}

@media screen and (max-width:767px) {
    .holiday-content-wrapper {
        width: 30.625rem;
        margin-top: 0
    }
}

.holiday-content-wrapper h3 {
    color: #231f1f;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.875rem;
    font-weight: 500;
    margin-bottom: 1.25rem
}

.holiday-content-wrapper p {
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.25rem;
    margin-bottom: 3.125rem
}

.holiday-content-wrapper button {
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    -ms-border-radius: 31px;
    border-radius: 31px;
    width: 18.125rem;
    overflow: hidden;
    padding: 0;
    background-color: transparent;
    border: 2px solid #e8e8e8
}

.holiday-content-wrapper button span {
    display: inline-block;
    padding: 10px 0;
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    width: 40%;
    float: left;
    border-right: 2px solid #e8e8e8;
    cursor: default
}

.holiday-content-wrapper button a {
    width: 60%;
    padding: 10px 0;
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    float: right;
    transition: .3s
}

.holiday-content-wrapper button a:hover {
    background-color: #306ce7;
    color: #fff
}

.country-area.header {
    background: transparent url(../img/country-area-bg.jpg) 50% 50% no-repeat;
    background-size: cover
}

.country-area-main .site-navigation-section {
    background-color: #324251;
    overflow: hidden
}

.country-area-main .site-navigation-section a:hover {
    color: #fff
}

.country-area-main .site-navigation-section a:hover:after {
    height: .5rem
}

.country-area-main .site-navigation-section a:focus {
    text-decoration: none
}

.country-area-main .fixed .site-navigation-links li {
    padding-bottom: .9375rem
}

.country-area-main .site-navigation-links {
    display: block;
    padding-bottom: 0
}

.country-area-main .site-navigation-links .navbar-collapse {
    box-shadow: none
}

.country-area-main .site-navigation-links li {
    position: relative;
    padding-bottom: 30px
}

@media (max-width:767px) {
    .country-area-main .site-navigation-links li {
        padding-bottom: 20px
    }
}

.destination-items-wrapper.easyPaginateList .item-group {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

@media (max-width:455px) {
    .destination-item-wrapper {
        width: 100%
    }
}

.destination-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #f2f2f2;
    margin: 0 2.1875rem 2.5rem
}

@media (max-width:455px) {
    .destination-item {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        width: 100%;
        margin: 0
    }
}

@media (min-width:455px) and (max-width:767px) {
    .destination-item {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        margin: 0 .9375rem 2.5rem
    }
}

.destination-img-wrapper {
    width: 18.75rem
}

.destination-img-wrapper img {
    margin-bottom: 0
}

@media (max-width:455px) {
    .destination-img-wrapper {
        width: 100%
    }
}

.destination-content-wrapper {
    width: 19.375rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin-left: 2.5rem
}

@media (max-width:455px) {
    .destination-content-wrapper {
        width: 100%;
        margin-top: 1.25rem;
        margin-left: 0
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .destination-content-wrapper {
        width: 15.625rem
    }
}

.destination-content-wrapper>a {
    color: #9e9e9e;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    transition: .3s
}

.destination-content-wrapper>a:hover {
    color: #1d53c8
}

.destination-text-wrapper h3 {
    color: #595959;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.375rem;
    margin-bottom: .9375rem
}

.destination-text-wrapper h3 a {
    color: #595959
}

.destination-text-wrapper p {
    color: #9b9b9b;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.625rem;
    margin-bottom: 10px;
    min-height: 65px
}

@media (max-width:455px) {
    .destination-text-wrapper p {
        margin-bottom: 1.25rem
    }
}

.view-map-wrapper {
    position: relative
}

.view-map-content {
    position: absolute;
    width: 38.4375rem;
    height: 38.4375rem;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, .9);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 2.3px 11.8px 40.5px 4.5px rgba(0, 0, 0, .2)
}

@media (max-width:767px) {
    .view-map-content {
        position: static;
        width: 100%;
        height: auto;
        padding: 2.5rem 1.875rem;
        transform: translate(0, 0);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }
}

.view-map-content h2 {
    color: #595959;
    font-family: "San Francisco Display", sans-serif;
    font-size: 3.9375rem;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 1.5625rem
}

.view-map-content p {
    color: #818181;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 2.8125rem
}

.view-map-content a {
    display: inline-block;
    background-color: #417cb6;
    border-radius: 25px;
    color: #faf8f4;
    font-family: Proxima, sans-serif;
    font-size: 1.3125rem;
    font-weight: 400;
    padding: 12px 45px;
    transition: .3s
}

.view-map-content a:hover {
    background-color: #5089c1
}

.view-map-content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%)
}

@media (max-width:767px) {
    .view-map-content-wrapper {
        position: static;
        width: 100%;
        height: auto;
        transform: translate(0, 0)
    }
}

.attractions.header {
    background: url(../img/attractions-bg.jpg) 50% 50% no-repeat
}

.attractions.header h1 span {
    font-size: 4.375rem
}

@media (max-width:767px) {
    .attractions.header h1 span {
        font-size: 2.5rem
    }
}

.attractions.header .header-container hgroup h1 {
    font-weight: 500;
    font-family: "San Francisco Display", sans-serif
}

.attractions-main .site-navigation-section {
    border-bottom: 1px solid #c8dae8;
    background-color: #f4f4f4
}

.attractions-main .site-navigation-section li {
    display: inline-block;
    padding: 0
}

.attractions-main .site-navigation-section a {
    color: #676666
}

.attractions-info h2 {
    margin-top: 0;
    margin-bottom: 3.75rem;
    color: #322626;
    font-family: Roboto, sans-serif;
    font-size: 2.625rem;
    font-weight: 500;
    line-height: 24px
}

@media (max-width:767px) {
    .attractions-info h2 {
        padding-top: 2.5rem
    }
}

.attractions-info .attractions-info-large-text {
    margin-bottom: 5.625rem;
    color: #676767;
    font-size: 2rem;
    line-height: 2.625rem
}

.attractions-info p {
    margin-bottom: 3.75rem;
    font-family: Roboto, sans-serif;
    font-size: 1.625rem;
    line-height: 2.25rem
}

.attractions-tour {
    padding: 2.5rem 0 6.25rem
}

.attractions-tour h2 {
    margin-bottom: 3.125rem;
    color: #232630;
    font-family: Roboto, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 2.75rem
}

.attractions-tour-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%
}

@media (max-width:767px) {
    .attractions-tour-item {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }
}

.attractions-tour-img-wrap {
    position: relative;
    width: 15.625rem
}

@media (max-width:767px) {
    .attractions-tour-img-wrap {
        margin-bottom: 1.875rem
    }
}

.attractions-tour-img-wrap:after {
    content: '';
    position: absolute;
    top: -10px;
    left: -70px;
    z-index: 0;
    display: block;
    width: 21.875rem;
    height: 25rem;
    background: url(../img/attractions-pass.png) 50% 50% no-repeat;
    background-size: cover
}

.attractions-tour-img-wrap img {
    position: relative;
    z-index: 1
}

.attractions-tour-img-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(15, 48, 81, .3);
    box-shadow: -13.9px 8px 70px rgba(92, 95, 101, .33)
}

.attractions-tour-img-content h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.6875rem;
    font-weight: 600;
    line-height: 2.1875rem
}

.attractions-tour-img-content h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff
}

.attractions-tour-content-wrap h3 {
    font-family: Roboto, sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 2.75rem
}

.attractions-tour-content-wrap h3 a {
    color: #232630
}

.attractions-tour-content-wrap h3+span {
    margin-bottom: 1.875rem
}

.attractions-tour-content-wrap span {
    display: block;
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 2rem
}

.attractions-tour-content-wrap p {
    margin-bottom: 3.125rem;
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 2rem
}

.attractions-tour-price-wrap {
    text-align: center
}

@media (min-width:0) and (max-width:991px) {
    .attractions-tour-price-wrap {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        width: 100%;
        padding: 3.125rem 0
    }
}

.attractions-tour-price-wrap p {
    color: #a5a5a5;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.25rem;
    margin-bottom: 1.25rem
}

.attractions-tour-price-wrap .attractions-tour-price {
    color: #231f1f;
    font-size: 3.75rem;
    line-height: 2.75rem;
    margin-bottom: 3.75rem
}

@media (min-width:0) and (max-width:991px) {
    .attractions-tour-price-wrap .attractions-tour-price {
        margin-bottom: 0
    }
}

.attractions-tour-price-wrap a {
    display: inline-block;
    padding: 12px 25px;
    background-color: #306ce7;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    border-radius: 28px;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.375rem;
    font-weight: 500
}

.attractions-content-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 8.125rem;
    margin: 0 -15px
}

.attractions-content-wrapper #info-attractions {
    position: relative
}

.attractions-content-wrapper #info-attractions p {
    margin-bottom: 1rem
}

@media (max-width:767px) {
    .attractions-content-wrapper #fixed-attractions-sidebar {
        position: static!important
    }
}

@media (max-width:767px) {
    .attractions-content-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        padding-top: 1.875rem
    }
    .attractions-content-wrapper .secondary {
        padding-top: 0
    }
    .attractions-content-wrapper #info-attractions.collapse.in {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        order: 0
    }
    .attractions-content-wrapper .btn-attractions-info {
        display: inline-block;
        padding: 8px 14px;
        margin-top: 1.875rem;
        font-size: 1.25rem;
        border: 2px solid #2465b4;
        border-radius: 33px;
        background-color: #2465b4;
        color: #fff;
        text-transform: uppercase
    }
    .attractions-content-wrapper .btn-attractions-info.collapsed {
        background-color: transparent;
        color: #2465b4
    }
}

@media (max-width:767px) {
    .hotel-attractions-container {
        padding-top: 2.15rem
    }
}

.owl-carousel .owl-item>a {
    display: block
}

.header {
    height: 850px
}

.header.blog {
    height: 570px;
    padding-bottom: 2.75rem
}

.header.blog.blog_p {
    height: 770px;
    padding-bottom: 2.75rem
}

@media screen and (max-width:767px) {
    .header {
        padding: 15px 0;
        padding-top: 0
    }
}

.header.header-inner.city::after,
.header.header-inner.country-area::after,
.header.header-inner.hotel-view::after,
.header.header-inner.offers::after {
    content: " ";
    position: absolute;
    background-color: rgba(0, 60, 93, .5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.destination-area .header-container p,
.destination-continent .header-container p,
.destination-country .header-container p {
    max-width: 1000px;
    margin: 0 auto;
    color: #fff;
    font-size: 23px;
    line-height: 2.6rem
}

.header-home {
    background: url(../img/main-banner.jpg) 0 0 no-repeat;
    background-size: cover;
    height: auto;
    overflow: hidden
}

@media screen and (min-width:767px) {
    .header-home {
        padding-bottom: 12.5rem
    }
}

.header-home .header-container {
    padding-top: 1.25rem
}

.header-home .carousel-wrapper {
    padding-top: 0
}

.header-inner {
    background: url(../img/maia.webp) 0 0 no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden
}

@media screen and (min-width:767px) {
    .header-inner {
        padding-bottom: 12.5rem
    }
}

.header-inner .header-container {
    padding-top: 1.25rem
}

.header-inner .carousel-wrapper {
    padding-top: 0
}

.destination-continent .header-inner {
    overflow: visible
}

.header-inner .header-container {
    position: relative;
    z-index: 2;
    padding-top: 0;
    padding-left: 30px
}

@media screen and (max-width:767px) {
    .index .itineary-main-slider-item {
        margin-top: -20px
    }
}

.blog_p.header-inner .header-container {
    width: 93%
}

.header-inner .header-container.blog_cont {
    top: 39%
}

.header-inner .header-container hgroup {
    margin-bottom: 0
}

.header-inner .header-container hgroup h3 {
    color: #fff;
    font-size: 69px;
    font-weight: lighter;
    margin-bottom: 14pt
}

.header-inner .header-container hgroup h1 {
    color: #fff;
    font-size: 69px;
    font-weight: 700;
    margin-bottom: 14pt;
    line-height: 6rem
}

.header-inner .header-container hgroup h4 {
    margin-top: 10%
}

.header-inner .header-container hgroup h1 i {
    padding: 0 15px
}

.header-inner .header-container hgroup h2 {
    color: #fff;
    font-size: 69px;
    font-weight: 700;
    margin-bottom: 22px
}

@media screen and (max-width:767px) {
    .header-inner .header-container hgroup h2 {
        margin-bottom: 1.25rem;
        font-size: 30px;
        line-height: 35px
    }
}

.header-inner .header-container hgroup h2 i {
    padding: 0 15px
}

.header-inner .header-container hgroup h3 {
    color: #efefef;
    font-family: Roboto, sans-serif;
    font-size: 1.7em;
    font-weight: 300;
    line-height: initial;
    padding: 1px
}

.header-inner .header-container hgroup h4 {
    color: #efefef;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    line-height: initial;
    margin-bottom: 52%;
    width: 36%;
    margin-left: 53%;
    text-align: left
}

.header-inner .header-container hgroup h4 .mission-text {
    color: #dab07d;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    line-height: initial
}

.header-inner .header-container .header-tailor {
    background: #dab07dd4;
    width: 44%;
    text-align: left;
    padding: 24px;
    color: #efefefa1;
    margin-left: 53%;
    margin-bottom: 11%;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    line-height: initial
}

.header.city {
    background: url(../img/city-bg.jpg) 0 0 no-repeat;
    background-size: cover
}

.header.city .header-container p {
    text-align: left;
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    line-height: 28px
}

@media screen and (max-width:767px) {
    .header.city .header-container p {
        width: 100%;
        font-size: 18px
    }
}

.header.city hgroup {
    text-align: left
}

.header.city hgroup h4 {
    opacity: .39;
    color: #fff;
    font-size: 18px
}

.header.city hgroup h1 {
    color: #faf8f4;
    font-size: 40px;
    font-weight: 500
}

.header.hotel-view {
    background: url(../img/hotel-view-bg.jpg) 0 0 no-repeat;
    background-size: cover
}

.header.hotel-view hgroup h4 {
    opacity: .74;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2.1875rem
}

@media (max-width:767px) {
    .header.hotel-view hgroup h4 {
        line-height: 1.25rem
    }
}

.header.index, .header-tcc {
    background-size: cover;
    min-height: 83vh
}

.header.index hgroup h1 .header-tcc hgroup h1 {
    color: #faf8f4;
    font-family: "San Francisco Display", sans-serif;
    font-size: 4.6875rem;
    font-weight: 500
}

@media screen and (max-width:767px) {
    .header.index hgroup h1 {
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

.header.index hgroup h4 {
    color: rgba(255, 255, 255, .74);
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.1875rem
}

.header.itineary {
    background-size: cover
}

.header.itineary hgroup h1 {
    color: #faf8f4;
    font-family: "San Francisco Display", sans-serif;
    font-size: 4.6875rem;
    font-weight: 500
}

@media screen and (max-width:767px) {
    .header.itineary hgroup h1 {
        font-size: 3.75rem;
        line-height: 4.375rem
    }
}

.header.itineary hgroup h4 {
    color: rgba(255, 255, 255, .74);
    font-family: Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.1875rem
}

.header.search-result {
    background: url(../img/search-main-banner.jpg) 0 0 no-repeat;
    background-size: cover
}

.header.search-result:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .66;
    background-color: rgba(181, 16, 16, .27);
    z-index: 0
}

.header-container {
    padding-top: 7.25rem;
    text-align: center
}

@media screen and (max-width:767px) {
    .header-container {
        padding-top: 0;
        margin-top: .75rem
    }
}

.header-container hgroup {
    margin-bottom: 0
}

.header-container hgroup h1 {
    margin-bottom: 0
}

.header-bottom {
    position: absolute;
    bottom: 0;
    left: 3.125rem;
    right: 3.125rem;
    padding: 3.125rem 0;
    z-index: 10;
    border-top: 1px solid #aaa69d
}

.header-bottom a,
.header-bottom span {
    color: rgba(255, 255, 255, .74);
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1
}

.header-bottom a i,
.header-bottom span i {
    color: #fff
}

.header-bottom a i.icon-Right-Arrow,
.header-bottom span i.icon-Right-Arrow {
    padding-left: 10px
}

.header-bottom a i.icon-Left-Arrow,
.header-bottom span i.icon-Left-Arrow {
    padding-right: 10px
}

.hotels-filters h2 {
    color: #3c3c3c;
    margin: 0 0 25px;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    text-transform: uppercase
}

.hotels-filters h2 i {
    margin-right: 10px;
    font-size: 16px
}

.hotels-filters.flight-filter {
    padding-top: 40px
}

@media screen and (max-width:767px) {
    .hotels-filters.flight-filter {
        padding-top: 10px
    }
}

.hotels-filters.flight-filter>h2 {
    text-transform: initial;
    color: #38383d;
    margin-bottom: 0
}

.hotels-filters.flight-filter>h2 span {
    display: inline-block;
    padding-left: 10px;
    color: #b4b4b4
}

.hotels-filters.flight-filter .filter-section {
    margin-top: 10px
}

.map-view-section {
    position: relative
}

.map-view-section .btn-view {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.filter-section {
    background-color: #324251;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px;
    padding: 15px 20px
}

.filter-section-title {
    margin-bottom: 20px
}

.filter-section h2 {
    color: #fff;
    margin: 0;
    font-family: "San Francisco Display";
    font-size: 23px;
    font-weight: 500;
    line-height: 1;
    text-transform: initial
}

.filter-section .star-rating {
    display: inline-block;
    vertical-align: top;
    margin-left: 8px
}

.filter-section .star-rating-label {
    color: #efefef;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.filter-section .btn-view-more {
    margin-top: 30px
}

.range {
    padding-bottom: 40px
}

.range:last-child {
    padding-bottom: 30px
}

.range span {
    color: #efefef;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.price-label {
    font-size: 1.5rem;
    color: #e5e5e5;
    font-family: "San Francisco Display", sans-serif;
    font-weight: 400
}

.footer-top {
    padding: 60px 0;
    background-color: #0e2e43;
    text-align: center;
    color: #fff
}

.footer-top h2 {
    color: #f0f0f0;
    font-family: Roboto, sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 15px
}

.footer-top p {
    opacity: .68;
    color: #f0f0f0;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px
}

.footer-top .btn-secondary {
    margin-top: 40px
}

.footer-logo {
    background: url(../img/logo-bg.png) right center no-repeat;
    background-size: contain;
    padding: 25px;
    display: block
}

.review-logo {
    display: block;
    max-width: 150px
}

.review-logo i {
    color: #fff;
    font-size: 24px
}

.footer-bottom {
    background: #08273c;
    padding-bottom: 20px;
    padding-top: 40px;
}

@media screen and (max-width:767px) {
    .footer-bottom {
        padding: 30px 0
    }
}

.footer-bottom h3 {
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 15px
}

@media screen and (max-width:1024px) {
    .footer-bottom h3 {
        margin-top: 25px
    }
}

.footer-bottom ul li a {
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.footer-bottom ul li a:hover {
    text-decoration: underline
}

.footer-bottom ul li.tel a {
    color: #dab07d;
    font-size: 16px
}

.copyrights {
    padding: 30px 0 0;
    opacity: .67;
    color: #dae1e7;
    font-family: "San Francisco Display";
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

@media screen and (max-width:1200px) {
    .navbar-collapse {
        border-top: 0;
        box-shadow: none
    }
    .insphols-nav .navbar-nav.navbar-right {
        margin-left: 0
    }
    .navbar-collapse.opened {
        left: 0
    }
    .destination-dropdown {
        position: absolute;
        top: 0
    }
    .main-menu-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -100%;
        right: auto;
        width: 100%;
        z-index: 9999;
        padding: 0;
        transition: .5s
    }
    .main-menu-collapse .header-nav {
        padding: 0;
        background: #252525;
        height: 100%;
        width: 50%
    }
    .main-menu-collapse nav {
        float: none!important
    }
    .main-menu-collapse nav>ul>li>a {
        color: #fff;
        padding: 20px;
        border-top: 1px solid #000
    }
    .main-menu-collapse nav>ul>li>a:hover {
        background-color: #202020
    }
    .main-menu-collapse nav li {
        display: block;
        margin-left: 0
    }
    .main-menu-collapse nav li .dropdown .btn {
        width: 100%;
        text-align: left;
        color: #fff;
        padding: 20px;
        border-top: 1px solid #000
    }
    .main-menu-collapse nav li .dropdown .btn:hover {
        background-color: #202020
    }
    .main-menu-collapse nav li .dropdown .btn:after {
        display: none
    }
    .main-menu-collapse nav li .dropdown .btn.btn-itineary {
        width: auto;
        border-top: none;
        padding: 10px 20px
    }
}

.hotel-rating-container {
    padding-right: 15px;
    max-width: 100%
}

.dining-item-wrap .dining-item-content-wrap a.rmore {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    font-family: "San Francisco Display", sans-serif;
    color: #306ce7;
    margin-bottom: 10px;
    width: 100%
}

.photo-container-inner .title-underlined span {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.375rem
}

.hotel-vi .owl-next {
    position: absolute;
    top: 48.5%;
    right: 20px;
    background: rgba(255, 255, 255, .81);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 3px 7.4px .6px rgba(0, 0, 0, .14)
}

.hotel-vi .owl-prev {
    position: absolute;
    top: 48.5%;
    left: 20px;
    background: rgba(255, 255, 255, .81);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 3px 7.4px .6px rgba(0, 0, 0, .14)
}

.bg-gold {
    background-color: #e2af75
}

.bg-white {
    background-color: #fff
}

.bg-room {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(15, 48, 81, .52);
    top: 0
}

.photo-container.active .bg-room {
    display: none
}

.b_r_more {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    font-family: "San Francisco Display", sans-serif;
    color: #306ce7;
    background: 0 0;
    border: none;
    outline: 0;
    padding-left: 0
}

.item-ispiration.shows {
    display: block;
    background: #fff;
    padding: 40px 0
}

.sp-fluid {
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e5e5
}

.clone {
    position: absolute;
    top: 0;
    left: 0
}

.clone>img {
    width: 100%;
    height: 100%
}

.zom-map {
    overflow: scroll
}

.col-br-space .text-centr {
    margin-top: 20px;
    margin-bottom: 20px
}

.item-ispiration.shows {
    background: #212121
}

.skrol-y {
    overflow: hidden;
    overflow-y: auto;
    max-height: 700px
}

.item-ispiration a.tab-a-a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: 0 0;
    border: none;
    cursor: pointer;
    z-index: 3
}

.item-ispiration ul.nav-tabs li {
    width: 100%;
    margin: 0
}

.item-ispiration ul.nav-tabs {
    padding: 0 30px;
    border: none
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background: 0 0;
    border: none;
    border-bottom-color: transparent
}

.oup-one {
    position: relative
}

.info-oup {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    text-align: left;
    z-index: 2;
    width: 60%;
    border-top: 1px solid rgba(255, 255, 255, .4)
}

.info-oup h2 {
    color: #fff;
    font-size: 18px
}

.info-oup p {
    color: #fff;
    font-size: 16px
}

.bg-oup {
    background: rgba(0, 0, 0, .47);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.oup-one img {
    width: 100%;
    height: auto;
    margin: 0
}

::-webkit-scrollbar-button {
    background-image: url('');
    background-repeat: no-repeat;
    width: 5px;
    height: 0
}

::-webkit-scrollbar-track {
    background-color: #ecedee
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #999
}

::-webkit-scrollbar-thumb:hover {
    background-color: #56999f
}

::-webkit-resizer {
    background-image: url('');
    background-repeat: no-repeat;
    width: 4px;
    height: 0
}

::-webkit-scrollbar {
    width: 4px
}

.item-ispiration.shows {
    padding: 0
}

.tour-with-text {
    padding-top: 0
}

.item-ispiration ul.nav-tabs {
    padding: 0
}

.item-ispiration .oup-wrap ul li {
    float: none;
    width: 100%;
    margin-bottom: 0;
    position: relative
}

.oup-wrap .clearfix {
    padding: 0
}

.cont-wrap {
    padding: 0 40px;
    padding-top: 30px;
    height: 700px;
    overflow: auto;
    padding-bottom: 50px
}

.oup-one-t {
    border-bottom: 2px solid #535353;
    padding: 20px 0;
    position: relative
}

.oup-one-t h3 {
    font-size: 18px;
    text-align: left
}

.oup-one-t p {
    color: #fff;
    text-align: left;
    line-height: 20px
}

.oup-text {
    display: inline-block;
    width: 69%
}

.sel-bt {
    background-color: #306ce7;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    border-radius: 34px;
    padding: 12px 25px;
    outline: 0;
    border: none;
    font-size: 15px;
    text-transform: uppercase
}

.oup-sel {
    display: inline-block;
    width: 30%;
    text-align: right
}

.info-oup-bot {
    text-align: left;
    font-size: 17px
}

.info-oup-bot span {
    color: #fff
}

.notavailable {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(33, 33, 33, .74)
}

.all-tour {
    margin-top: 13px;
    position: absolute;
    bottom: 9px;
    left: 0;
    width: 96%;
    background: #212121;
    height: 50px;
    padding-top: 20px
}

.all-tour a {
    text-transform: uppercase;
    font-size: 11px
}

.all-tour:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: 4px;
    background: #306ce7;
    left: 46%
}

.info-text-oup-grop {
    padding: 0 40px;
    padding-top: 36px;
    font-size: 18px;
    color: #fff;
    border-top: 1px solid #535353;
    margin-top: 36px;
    max-height: 432px;
    overflow-y: auto;
    margin-bottom: 30px;
    max-height: 350px;
    padding-bottom: 26px;
    margin-bottom: 0
}

.info-text-oup-grop p {
    line-height: 20px;
    color: #fff;
    text-align: left;
    margin-bottom: 15px
}

.info-text-oup-grop h3 {
    text-align: left;
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px
}

.info-text-oup-grop p span {
    color: #337ab7
}

.open>.dropdown-menu {
    overflow: hidden
}

@media (max-width:1455px) {
    .cont-wrap {
        padding: 0 6px;
        padding-bottom: 59px
    }
    .info-text-oup-grop {
        max-height: 437px
    }
}

@media (max-width:1236px) {
    .oup-sel {
        width: 100%
    }
    .oup-text {
        width: 100%
    }
    .all-tour {
        margin-top: 0;
        height: 59px;
        bottom: 0
    }
    .all-tour:before {
        display: none
    }
}

.itineary-images .col-sm-6 {
    padding: 0;
    position: relative
}

.sp-hei {
    background: url(../img/itineary11.jpg) no-repeat 0 50%;
    background-size: contain;
    height: 100%;
    overflow: hidden;
    position: relative
}

.mod-img {
    top: 0;
    background: 0 0;
    position: fixed;
    padding-top: 100px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 9999;
    display: none
}

.mod-img .modal-content {
    border-radius: 0
}

.mod-img .close {
    color: #fff;
    position: absolute;
    top: 22px;
    right: 25px;
    color: #faf8f4;
    font-family: Roboto, sans-serif;
    font-size: 31px;
    font-weight: 400;
    line-height: 1rem;
    opacity: 1;
    text-transform: uppercase;
    text-shadow: none
}

.sp-hei-a {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0
}

.sp-hei-a:hover {
    background: rgba(43, 86, 193, .4)
}

.sp-hei-a .icon-Search {
    opacity: 0
}

.sp-hei-a:hover .icon-Search {
    position: absolute;
    top: 39%;
    font-size: 100px;
    color: #fff;
    width: 100%;
    text-align: center;
    opacity: 1
}

.sp-hei-norm:hover::before {
    content: "";
    background: rgba(60, 96, 171, .36);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

.sp-hei-norm {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block
}

.sp-hei-norm:hover {
    background: rgba(60, 96, 171, .36)
}

.sp-hei-norm .icon-Search {
    opacity: 0;
    display: none
}

.sp-hei-norm:hover .icon-Search {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 100px;
    color: #fff;
    width: 100%;
    text-align: center;
    opacity: 1;
    display: block;
    z-index: 2;
    transform: translate(-50%, -50%)
}

.pricing h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px
}

.pricing h2 span {
    position: relative
}

.pricing h2 span:before {
    content: '';
    height: 2px;
    width: 58px;
    background: #306ce7;
    position: absolute;
    left: 18%;
    bottom: -12px
}

.pricing p {
    text-align: center
}

.pricing .table-responsive {
    margin-top: 40px;
    margin-bottom: 40px
}

.pricing .table p {
    text-align: left
}

a.s-plan.plan-best {
    background-color: #306ce7;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    -ms-border-radius: 34px;
    border-radius: 34px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 4;
    padding: 7px 25px
}

a.s-plan {
    background-color: #fff;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    -ms-border-radius: 34px;
    border-radius: 34px;
    color: #306ce7;
    font-size: 13px;
    font-weight: 400;
    line-height: 4;
    padding: 7px 25px;
    border: 2px solid #306ce7;
    white-space: nowrap
}

.s-plan.plan-best i {
    padding-right: 10px
}

section.pricing {
    margin: 40px 20px;
    border-bottom: 2px solid #ddd;
    margin-bottom: 0;
    padding-bottom: 40px
}

.row.sp-hei,
.row.wide-description-carousel-3 {
    margin: 0
}

.pricing .table>tbody>tr>td,
.pricing .table>tbody>tr>th,
.pricing .table>tfoot>tr>td,
.pricing .table>tfoot>tr>th,
.pricing .table>thead>tr>td,
.pricing .table>thead>tr>th {
    border-top: 1px solid #fff;
    font-size: 18px
}

.pricing .table>tbody>tr.td-bor>td {
    border-top: 1px solid #ddd;
    font-size: 18px
}

.pricing .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #fff
}

.pricing-tbl {
    border: 1px solid #a2a0a0;
    text-align: center;
    font-size: 1.5rem;
    color: #29a7dc
}

.pricing>ul li>a {
    border: 0 solid #a2a0a0;
    text-align: center;
    color: #29a7dc;
    margin: 0;
    border-radius: 0;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 1.9rem
}

.pricing>ul li.active>a {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff;
    border-radius: 0;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 1.9rem
}

.pricing>ul li {
    display: inline-block;
    padding: 0;
    margin: 5px 3px
}

.money-bl {
    font-size: 20px;
    color: #306ce7;
    font-weight: 700
}

.excursion h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px
}

.excursion h2 span {
    position: relative
}

.excursion h2 span:before {
    content: '';
    height: 2px;
    width: 58px;
    background: #306ce7;
    position: absolute;
    left: 29%;
    bottom: -12px
}

.excursion p {
    text-align: center
}

.excursion .horizontal-card {
    margin-top: 30px;
    position: relative;
    background: #fff;
    display: block;
    box-shadow: 3px 3px 3px #ddd;
    margin-bottom: 5px
}

.clear {
    clear: both
}

.excursion .horizontal-card h4 {
    margin-top: 15px;
    padding-left: 30px;
    background: #ddd;
    padding-top: 9px;
    margin-top: 0;
    padding-bottom: 9px;
    font-weight: 700;
    text-transform: uppercase
}

.info-exc {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px
}

.info-exc h5 {
    font-size: 18px;
    font-weight: 700
}

.info-exc p {
    text-align: left!important
}

section.excursion {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 2px solid #ddd;
    background: #f9f9f9
}

.attraction h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px
}

.attraction h2 span {
    position: relative
}

.attraction h2 span:before {
    content: '';
    height: 2px;
    width: 58px;
    background: #306ce7;
    position: absolute;
    left: 29%;
    bottom: -12px
}

.attraction p {
    text-align: center
}

.attraction .horizontal-card {
    margin-top: 30px;
    position: relative;
    background: #fff;
    display: block;
    box-shadow: 3px 3px 3px #ddd;
    margin-bottom: 5px
}

.attraction .horizontal-card h4 {
    margin-top: 15px;
    padding-left: 30px;
    background: #ddd;
    padding-top: 9px;
    margin-top: 0;
    padding-bottom: 9px;
    font-weight: 700;
    text-transform: uppercase
}

section.attraction {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 2px solid #ddd;
    background: #f9f9f9
}

.hotels h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 30px
}

.hotels h2 span {
    position: relative
}

.hotels h2 span:before {
    content: '';
    height: 2px;
    width: 58px;
    background: #306ce7;
    position: absolute;
    left: 29%;
    bottom: -12px
}

.hotels .hotel-cards-group {
    margin-top: 30px
}

.hotels {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px
}

.hotel-card {
    margin: 0 auto;
    background-color: #f1f1f1
}

.carousel-wrapper .cards-carousel .owl-item.center .card-container {
    padding-top: 17px;
    padding-bottom: 10px;
    width: 105%
}

@media (max-width:1024px) {
    .wide-description article p {
        height: 93px;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-inline-box;
        overflow: hidden;
        -webkit-line-clamp: 4
    }
    #blog_list_contents .blog-post {
        height: 372px
    }
    .blog-post .blog-post-info-wrapper .content {
        display: none
    }
}

.top-attractions.city .owl-carousel.owl-loaded {
    padding: 0 15px
}

.top-attractions.city .owl-next,
.top-attractions.city .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 3px 7.4px .6px rgba(0, 0, 0, .14)
}

.top-attractions.city .owl-next {
    left: auto;
    right: 0
}

@media screen and (max-width:520px) {
    .top-attractions.city .owl-next,
    .top-attractions.city .owl-prev {
        left: 0;
        background: #003c5d;
        color: #fff;
        border: 1px solid #e3e3e3
    }
}

@media screen and (max-width:520px) {
    .top-attractions.city .owl-next {
        right: 0
    }
    .top-attractions.city .owl-next {
        left: auto;
        right: 0
    }
}

.top-attractions.city .owl-next .fa,
.top-attractions.city .owl-prev .fa {
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: 6px;
    left: 11px
}

.filters-form select {
    width: 100%;
    font-size: 18px
}

.blog-content .hotels-filters-mb {
    margin-bottom: 30px
}

.blog-posts .recreation-list {
    padding: 30px 0
}

.recreation-list p.more-inf {
    color: #2465b4;
    margin-top: 10px;
    font-weight: 700
}

.hot_offer {
    background: url(../img/search-main-banner.jpg) no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    position: relative;
    margin-top: 35px
}

.hot_offer .hot_dest p {
    margin-bottom: 5px;
    color: #fff!important;
    margin-left: 40px;
    font-style: italic;
    margin-top: 15px;
    font-size: 14px!important
}

.hot_offer .btn-select {
    float: right;
    padding: 17px 23px;
    border-radius: 0 0 0 10px
}

.hot_offer .hot_titl h2 {
    color: #fff;
    font-size: 14pt;
    text-align: center;
    padding: 0 10px;
    margin-top: 5px;
    margin-bottom: 30px;
    border-top: 3px solid #e3e3e3;
    border-bottom: 3px solid #e3e3e3;
    padding: 10px 0 10px 40px;
    text-align: left;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bolder
}

.hot_offer .hot_info {
    margin-left: 40px
}

.hot_info>h1,
.hot_info>span {
    font-size: 12pt;
    margin: 0;
    line-height: initial;
    font-weight: 500;
    color: #fff
}

.terms_shares>p.term-p {
    font-size: 12pt!important;
    font-weight: 400
}

.terms_shares {
    margin: 0;
    padding: 0
}

.terms_shares>p>span {
    font-style: italic;
    font-size: 10pt
}

.hot_info .star-rating {
    display: inline-block;
    margin-top: 5px
}

.hot_info .avia_logo {
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #ffffff82;
    margin-left: -40px;
    padding-left: 40px;
    max-width: 300px;
    padding-right: 10px
}

.terms_shares>p {
    color: #fff!important
}

a.btn.btn-select strong {
    position: relative
}

a.btn.btn-select strong::before {
    content: "person";
    position: absolute;
    font-size: 10pt;
    font-style: italic;
    bottom: -10px;
    right: 0
}

a.btn.btn-price-off strong::before {
    content: "person";
    position: absolute;
    font-size: 10pt;
    bottom: 4px;
    right: 0;
    margin-right: 20px;
    font-weight: lighter
}

.hot_offer .hot_info p {
    color: #fff!important;
    font-size: 10pt!important;
    margin-bottom: 9px
}

.terms_shares {
    text-align: right;
    color: #fff;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-top: 5px
}

.avia_logo {
    text-align: right;
    padding: 20px;
    padding-top: 46%;
    padding-right: 0
}

.avia_logo img {
    max-width: 210px;
    max-height: 69px
}

@media (max-width:480px) {
    section.pricing_g>div.container {
        padding: 0!important
    }
    #pricing-details>div.col-sm-6 {
        padding: 0!important
    }
    .header-inner .header-container hgroup h1 {
        font-size: 50px;
        line-height: 50px!important
    }
    .hot_offer .hot_dest p,
    .hot_offer .hot_info {
        margin-left: 15px
    }
    .hot_offer .hot_titl h2 {
        padding: 10px 0 10px 15px
    }
}

.hot_bg_ban {
    position: absolute;
    background: rgba(0, 0, 0, .1);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blog-post-content .hot_offer span {
    color: #fff;
    font-size: 20px
}

article .terms_shares p {
    color: #fff;
    margin-bottom: 0
}

.blog-post-content .hotel-card-wr img {
    width: 100%;
    max-width: 100%
}

.blog-post-content .hotel-card-wr .reviews img {
    width: 40px;
    max-width: 40px
}

.blog-post .blog-post-img-wrapper img {
    width: 100%;
    max-width: 100%
}

.blog-item .blog-post-img-wrapper img {
    height: 300px
}

.n-nav .owl-next,
.n-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 5%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 3px 7.4px .6px rgba(0, 0, 0, .14)
}

.n-nav .owl-next {
    left: auto;
    right: 5%
}

.n-nav .owl-next i,
.n-nav .owl-prev i {
    font-size: 12px;
    color: #000;
    display: inline-block;
    vertical-align: top;
    padding-top: 6px
}

.excursion_sl {
    padding: 0 50px
}

.hotel-cards-group.unvisible-block .owl-carousel {
    padding: 0 50px
}

.similar-tours .owl-carousel {
    padding: 0 50px
}

.owl-carousel .owl-item img.trip-advisor-head {
    display: inline-block;
    width: auto;
    width: 30px
}

.detail-pricing-section.pricing_g {
    border-bottom: 2px solid #ddd
}

.similar-tours .owl-carousel .owl-item img {
    display: inline-block;
    width: 38%;
    vertical-align: top
}

.card_d-block {
    display: inline-block;
    width: 60%
}

.similar-tours .hotel-card {
    display: -webkit-box;
    background: rgba(255, 255, 255, 0)
}

.similar-tours .hotel-card-wr {
    overflow: hidden
}

.simi h3 {
    margin-left: 50px;
    font-size: 23px;
    color: #599ff3;
    margin-bottom: 30px
}

.similar-tours {
    padding: 50px 0;
    background: #123d6f
}

.similar-tours .card-block h4,
.similar-tours .card-block span,
.similar-tours .simi {
    color: #fff;
    border: none
}

.similar-tours .card-bottom {
    padding-top: 0
}

.itineary-section .itineary-section-wrap {
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e5e5
}

@media (max-width:320px) {
    #items-list.owl-carousel .owl-item {
        /*margin-left: -6px*/
    }
    .similar-tours .owl-carousel .owl-item img {
        width: 60%!important
    }
    .similar-tours-review {
        margin-top: 10px!important
    }
}

@media (max-width:768px) {
    .similar-tours .owl-carousel .owl-item img {
        width: 30%
    }
    .similar-tours .card-block span,
    .similar-tours .simi {
        display: none
    }
    .similar-tours-review {
        margin-top: 0!important
    }
}

@media (min-width:1280px) and (max-width:1440px) {
    .similar-tours-review {
        margin-top: 120px!important
    }
}

.similar-tours-review {
    margin-top: 120px
}

@media (max-width:767px) {
    .itineary-section .itineary-section-wrap {
        min-height: auto
    }
}

.itineary-section .trip-includes {
    margin-bottom: 20px;
    margin-top: 95px
}

@media (min-width:320px) and (max-width:359px) {
    .itineary-section .trip-includes {
        margin-top: 50px
    }
}

@media (min-width:360px) and (max-width:413px) {
    .itineary-section .trip-includes {
        margin-top: 50px
    }
}

@media (min-width:414px) and (max-width:480px) {
    .itineary-section .trip-includes {
        margin-top: 50px
    }
}

.pricing_g .title-underlined {
    font-size: 30px;
    font-weight: 500
}

.categories .owl-nav,
.oup-one-t-content .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.categories .owl-nav .owl-next,
.categories .owl-nav .owl-prev,
.oup-one-t-content .owl-nav .owl-next,
.oup-one-t-content .owl-nav .owl-prev {
    position: absolute;
    color: #fff;
    font-size: 20px;
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center
}

.categories .owl-nav .owl-next,
.oup-one-t-content .owl-nav .owl-next {
    right: 1.25rem
}

.categories .owl-nav .owl-prev,
.oup-one-t-content .owl-nav .owl-prev {
    left: 1.25rem
}

.oup-sel {
    padding-right: 3.5rem;
    margin: 10px 0
}

.cont-wrap {
    position: relative;
    height: auto;
    max-height: 700px
}

.item-ispiration.shows {
    overflow-y: auto
}

.open>.dropdown-menu {
    overflow-y: auto
}

.dropdown-menu.inspiration-dropdown .row {
    margin-left: 0;
    margin-right: 0
}

.p-left {
    padding-left: 0
}

.p-rig {
    padding-right: 0
}

@media (max-width:760px) {
    .p-left {
        padding: 0
    }
    .p-rig {
        padding: 0
    }
    .carousel-wrapper .cards-carousel .owl-item.center .card-container {
        background-size: 62%
    }
}

.open_block_map_prim {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: -1
}

.open_block_map_prim.active {
    opacity: 1;
    z-index: 100;
    background-color: #fff
}

.row-blog-ini {
    margin: 0 20px
}

.left-blog {
    width: 83%
}

.spec-baner {
    float: right;
    margin-right: 40px
}

.spec-baner .blog-post-img-wrapper {
    position: relative
}

.spec-baner .blog-post-img-wrapper h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    font-weight: 300
}

.spec-baner .blog-post-img-wrapper h2 p {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase
}

.spec-baner .blog-post-title {
    font-size: 1.5rem;
    line-height: 1.8rem
}

.spec-baner .blog-post-contentp {
    font-size: .9rem;
    line-height: 1.8rem
}

.spec-baner .blog-post-info-wrapper {
    padding: 3.125rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.spec-baner .blog-post-info-wrapper img {
    max-height: 50px;
    width: auto;
    margin-top: 5px
}

.spec-baner .blog-post-bot-content {
    background: #1d53c8;
    padding: 17px 15px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.spec-baner .blog-post-author {
    color: #fff;
    font-size: 2.2rem;
    border: none;
    padding: 0;
    padding-bottom: 5px
}

.spec-baner .blog-post-author-wrapper span {
    color: #fff;
    font-size: 1.4rem;
    border: none;
    text-align: left
}

.spec-baner .mor {
    text-align: right;
    color: #fff;
    font-size: 20px;
    width: 100%
}

.spec-baner .mor a {
    color: #fff
}

.spec-baner .mor a:hover {
    color: #fff
}

.spec-baner .blog-post-img-wrapper img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.blog-post .blog-post-img-wrapper .star span img {
    width: 15px
}

.easyPaginateNav:after,
.easyPaginateNav:before {
    display: table;
    content: " "
}

.easyPaginateNav:after {
    clear: both
}

.easyPaginateNav {
    text-align: center;
    width: 100%!important
}

.easyPaginateNav a {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #008588;
    display: inline-block;
    line-height: 1.42857;
    margin: 0 2px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none
}

.easyPaginateNav a:hover {
    background-color: #edefed
}

#iw_container {
    padding: 10px;
    text-align: left!important
}

.text-white {
    color: #fff
}

.padding-0 {
    padding: 0
}

.padding-top-5 {
    padding-top: 5px
}

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

.padding-top-15 {
    padding-top: 15px
}

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

.padding-bottom-5 {
    padding-bottom: 5px
}

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

.padding-bottom-15 {
    padding-bottom: 15px
}

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

.padding-left-5 {
    padding-left: 5px
}

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

.padding-left-15 {
    padding-left: 15px
}

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

.padding-right-5 {
    padding-right: 5px
}

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

.padding-right-15 {
    padding-right: 15px
}

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

.header-container p {
    font-size: 2rem;
    line-height: 2.5rem;
    padding-bottom: 20px;
    padding-top: 20px
}

.header-container ul,
li {
    text-align: left
}

.header-container ul {
    padding-bottom: 20px;
    display: inline-block
}

.gray-bg {
    background-color: rgba(103, 104, 105, .5);
    padding-top: 20px;
    padding-bottom: 20px
}

.tour-tab-nav a:focus {
    text-decoration: none
}

@media (min-width:1280px) {
    .tour-tab-nav a {
        font-size: 1.3rem
    }
}

@media (min-width:1440px) {
    .tour-tab-nav a {
        font-size: 1.5rem
    }
    .hot-adjustment {
        /*margin-left: 30px*/
    }
}

@media (min-width:768px) and (max-width:1440px) {
    .tour-tab-nav a {
        font-size: 1.5rem
    }
    .site-navigation-links-iti li {
        padding: 0 5px
    }
    .btn-simple-white {
        font-size: 1.4rem
    }
    .pull-right .price {
        display: none
    }
}

.tour-tabs.active {
    display: block
}

.padding-left-right {
    padding-left: 50px;
    padding-right: 50px
}

.thumb-tour-img {
    width: 25%!important;
    float: left;
    padding-right: 20px
}

@media (min-width:320px) and (max-width:435px) {
    .thumb-tour-img {
        width: 60%!important;
        margin: 0 20% 5%
    }
}

.edited-text p {
    font-size: 1.25rem;
    color: #414145;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial
}

.edited-text {
    padding: 2.5rem 1rem 0 1.5rem!important;
    margin-top: -20px
}

.iti-overview-text {
    font-size: 1.6rem;
    padding: 30px 20px
}

.iti-overview-img {
    width: 304px;
    height: 220px
}

@media (min-width:1280px) and (max-width:1440px) {
    .iti-overview-img {
        height: 150px
    }
}

@media (min-width:320px) and (max-width:359px) {
    .iti-overview-img {
        height: 100px
    }
}

@media (min-width:360px) and (max-width:413px) {
    .iti-overview-img {
        height: 100px
    }
}

@media (min-width:414px) and (max-width:480px) {
    .iti-overview-img {
        height: 100px
    }
}

.iti-attraction-text {
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: inherit
}

@media (max-width:1280px) {
    .iti-edited-text {
        height: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: inherit
    }
    .iti-icon-star {
        margin-bottom: -15px
    }
}

.iti-edited-text p {
    margin-bottom: 0
}

.iti-hotel-img img::before {
    content: " ";
    position: static;
    top: 0;
    left: 0;
    height: 168px!important;
    width: 190px!important;
    background-color: #e6e6e6;
    border: 2px #c8c8c8;
    border-radius: 5px
}

.iti-hotel-img img::after {
    content: "";
    display: block;
    font-size: 14px;
    font-style: normal;
    font-family: FontAwesome;
    color: #646464;
    position: absolute;
    left: 0;
    width: auto;
    text-align: center
}

@media (min-width:1281px) {
    .iti-hotel-img {
        height: 130px;
        height: 100px
    }
    .iti-edited-text {
        height: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: inherit
    }
    .iti-icon-star {
        margin-bottom: -17px
    }
    .iti-card-bottom {
        margin-top: -10px;
        height: 40px
    }
}

@media (min-width:800px) and (max-width:1440px) {
    .iti-card-bottom {
        margin-top: -10px;
        height: auto!important
    }
    .iti-edited-text p {
        line-height: 1.5em;
        height: 4em;
        overflow: hidden
    }
    .tripad-img {
        margin-top: 0!important
    }
}

.iti-card-block {
    height: 184px;
    position: relative
}

.hotel-row-left {
    height: 184px;
    position: relative
}

.btn-right-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 3px
}

.tripad-img {
    height: 20px;
    margin-top: -13px
}

@media (max-width:320px) {
    .btn-right-arrow {
        margin-bottom: -3px
    }
}

@media (max-width:600px) {
    .edited-text {
        display: none!important;
        margin-left: -5px
    }
}

.similar-tours-text p {
    color: #fff
}

@media (max-width:435px) {
    .iti-hotel-img {
        width: 100px;
        height: 100px
    }
    .iti-card-bottom {
        margin-top: -25px;
        height: 40px
    }
    .iti-card-block {
        padding-top: .7rem
    }
    .iti-trip-advisor-head {
        display: none
    }
}

@media (max-width:414px) {
    .iti-hotel-img {
        width: 100px;
        height: 100px
    }
    .iti-card-bottom {
        margin-top: -18px;
        height: 40px
    }
    .iti-card-block {
        padding-top: .7rem
    }
    .iti-trip-advisor-head {
        display: none
    }
    .header-inner .header-container.blog_cont hgroup h1 {
        margin-top: 70px!important
    }
    #arti-cards.tour-slid .owl-nav .owl-prev {
        left: -14px
    }
    #arti-cards.tour-slid .owl-nav .owl-next {
        right: -15px
    }
    #arti-cards.tour-slid .owl-nav .owl-next span,
    #arti-cards.tour-slid .owl-nav .owl-prev span {
        font-size: 10rem
    }
    #holiday-offers .owl-carousel .owl-nav .owl-prev,
    #paginate-tours .owl-nav .owl-prev {
        margin-left: 5px
    }
    #holiday-offers .owl-carousel .owl-nav .owl-next,
    #paginate-tours .owl-nav .owl-next {
        right: 0
    }
    #top-attr-country-mobile .owl-nav .owl-prev {
        margin-left: -13px
    }
    #top-attr-country-mobile .owl-nav .owl-next {
        right: -13px
    }
    #holiday-offers .owl-carousel .owl-nav .owl-next span,
    #holiday-offers .owl-carousel .owl-nav .owl-prev span,
    #paginate-tours .owl-nav .owl-next span,
    #paginate-tours .owl-nav .owl-prev span,
    #top-attr-country-mobile .owl-nav .owl-next span,
    #top-attr-country-mobile .owl-nav .owl-prev span {
        font-size: 6rem
    }
}

@media (max-width:375px) {
    .best-hotel-details .best-hot-price {
        font-weight: 500;
        font-size: 22px;
        color: #fff
    }
    .best-hotel-details .best-hot-price span {
        color: #e2af75;
        font-weight: 400;
        font-size: 15px;
        font-style: italic
    }
    .iti-hotel-img {
        width: 100px;
        height: 100px
    }
    .iti-card-bottom {
        margin-top: -25px;
        height: 40px
    }
    .iti-card-block {
        padding-top: .7rem
    }
    .iti-trip-advisor-head {
        display: none
    }
    #holiday-offers .owl-carousel .owl-nav .owl-prev,
    #paginate-tours .owl-nav .owl-prev {
        margin-left: 0
    }
    #holiday-offers .owl-carousel .owl-nav .owl-next,
    #paginate-tours .owl-nav .owl-next {
        margin-right: 0
    }
    .hotel-cards .owl-prev {
        left: -1%
    }
    .hotel-cards .owl-next {
        right: -1%
    }
    .hotel-cards .owl-next i,
    .hotel-cards .owl-prev i {
        font-size: 3.5rem
    }
}

@media (max-width:360px) {
    .iti-hotel-img {
        width: 100px;
        height: 100px
    }
    .iti-card-bottom {
        margin-top: -30px;
        height: 40px
    }
    .iti-card-block {
        padding-top: .7rem
    }
    .iti-trip-advisor-head {
        display: none
    }
    .header-container.country-head hgroup {
        margin-right: 20px
    }
}

@media (max-width:320px) {
    .iti-hotel-img {
        width: 100px;
        height: 100px
    }
    .iti-card-bottom {
        margin-top: -40px;
        height: 40px
    }
    .iti-card-block {
        padding-top: .7rem
    }
    .iti-trip-advisor-head {
        display: none
    }
    #holiday-offers .owl-carousel .owl-nav .owl-prev,
    #paginate-tours .owl-nav .owl-prev {
        margin-left: -4px
    }
    #holiday-offers .owl-carousel .owl-nav .owl-next,
    #paginate-tours .owl-nav .owl-next {
        right: -4px
    }
    #arti-cards.tour-slid .owl-nav .owl-prev {
        left: -20px
    }
    #arti-cards.tour-slid .owl-nav .owl-next {
        right: -22px
    }
    .header-container.country-head hgroup {
        margin-right: 20px
    }
    .best-hotels-to-stay-heading h1,
    .best-hotels-to-stay-heading h3 {
        font-size: 20px;
        margin-top: -75px;
        line-height: 25px
    }
}

@media (max-width:1440px) and (min-width:1024px) {
    .hotel-row-left {
        max-width: 35%;
        height: 155px!important
    }
    .iti-hotel-img {
        height: 120px!important
    }
    .iti-card-block {
        padding-top: .7rem;
        height: 155px!important
    }
    .iti-trip-advisor-head {
        display: block;
        margin-top: 0
    }
    .card-block {
        height: 100px
    }
    .itinerary-map-image {
        width: 90%;
        height: 470px
    }
}

@media (max-width:767px) {
    .iti-accom-text {
        height: 3em!important
    }
}

.iti-accom-text {
    padding-top: 1.5rem!important;
    padding-right: 0!important;
    width: 100%;
    display: block;
    line-height: 1.5em;
    height: 4em;
    overflow: hidden
}

@media (max-width:600px) {
    .hotel-row-left {
        max-width: 33%;
        height: 115px!important
    }
    .iti-card-block {
        height: 115px
    }
    .itineary-date .reviews {
        margin-bottom: 0;
        margin-top: 0
    }
}

.iti-tab-nav {
    margin-bottom: -50px;
    margin-top: 20px;
    margin-left: 2%
}

.iti-tab-nav li {
    margin-left: -20px
}

.iti-tab>li>a {
    border: 0
}

.iti-tab>li.active>a {
    background-color: #d6d6d6;
    border: 1px solid #d6d6d6
}

.iti-tab>li.hover>a {
    background-color: #d6d6d6;
    border: 1px solid #d6d6d6
}

.iti-tab {
    border-bottom: 0
}

@media (max-width:320px) {
    .itineary-collapse .col-sm-7 {
        width: 90%
    }
    .card-header-block .col-sm-6 {
        width: 90%
    }
    .card-title a {
        font-size: 1.3rem
    }
    .btn-tab-tours {
        font-size: 1.2rem;
        line-height: 15px;
        padding: 10px 10px
    }
    .text-bigger {
        font-size: 1.4rem!important
    }
    .attractions b {
        font-size: 1.4rem!important
    }
    .attractions a {
        font-size: 1.4rem!important
    }
    .itineary-date .reviews .number {
        display: none
    }
    .hotel-row-left img {
        width: 90px!important;
        height: 115px!important
    }
    .iti-card-bottom {
        margin-top: -25px;
        height: 20px
    }
    .iti-card-block {
        padding-top: .7rem;
        height: 110px!important
    }
    .iti-trip-advisor-head {
        display: none
    }
    .card-block {
        height: 85px;
        padding-left: 10px!important
    }
    .card_d-block {
        width: 100%
    }
    .card-bottom .btn-move {
        display: none
    }
    .itinerary-map-image {
        width: 100%;
        height: 470px;
        margin-left: 20px;
        margin-top: 80px
    }
}

.hotel-star-rating li {
    display: block;
    color: #fbd032;
    float: left;
    padding: 0;
    margin-left: 3px
}

.star-rating li:last-child {
    padding-left: 0
}

.reviews ul li {
    float: left;
    margin-right: 3px
}

.hotel-reviews ul li {
    float: left;
    padding-left: 5px;
    margin-right: 2px
}

@media (min-width:360px) and (max-width:435px) {
    .hotel-reviews ul li {
        margin-right: -1px
    }
    .itinerary-map-image {
        width: 90%!important;
        height: 450px;
        margin-left: 20px;
        margin-top: 50px
    }
}

.attractions a {
    padding-right: 50px;
    text-decoration: underline
}

.attractions b {
    font-size: 1.75rem
}

.text-bigger {
    font-size: 1.75rem
}

.hotel-bg {
    background-color: #f1f1f1;
    padding: 10px;
    border: 1px solid #e3e3e3
}

.text-center {
    text-align: center
}

.intro {
    text-align: center;
    width: 70%;
    margin: 0 auto
}

@media (max-width:640px) {
    .intro {
        text-align: center;
        width: 90%;
        margin: 0 auto
    }
}

.Highlighted a {
    background-image: none!important;
    color: #337ab7!important;
    font-weight: 700!important;
    font-size: 12pt
}

.ui-datepicker-calendar td a[data-custom] {
    position: relative;
    padding-bottom: 10px
}

.ui-datepicker-calendar td a[data-custom]::after {
    content: '£' attr(data-custom);
    display: block;
    font-size: 12pt;
    text-align: center
}

.ui-datepicker {
    width: auto!important
}

.ui-datepicker td a,
.ui-datepicker td span {
    height: 50px;
    width: : 50px
}

.ui-datepicker td a {
    text-align: center
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #337ab7;
    color: #777620!important
}

.ui-datepicker td {
    width: 50px!important
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #003eff;
    background: #337ab7;
    font-weight: 400;
    color: #fff!important
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620!important
}

@media (min-width:320px) and (max-width:435px) {
    .iti-tab-nav {
        display: none
    }
}

.overview-p {
    font-size: 2rem;
    font-weight: 400;
    padding-bottom: 30px;
    padding-top: 10px
}

.unvisible-block .owl-prev {
    background-color: #123d6f;
    color: #fff;
    font-size: 1.7rem
}

.unvisible-block .owl-next {
    background-color: #123d6f;
    color: #fff;
    font-size: 1.7rem
}

.hotel-href {
    height: 100%;
    overflow: hidden;
    display: block
}

.hotel-href img {
    height: 100%
}

.hotel-btm-detail {
    height: 460px
}

@media screen and (max-width:1440px) {
    .hotel-btm-detail {
        height: 250px
    }
}

.tours-tab-nav ul {
    margin-left: 15%;
    margin-top: 10px;
    width: 90%
}

.tours-tab-nav li {
    display: inline-block;
    margin: 0 .02rem
}

.tours-tab-nav li.active a {
    font-weight: 500
}

.tours-tab-nav a {
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.5rem;
    font-weight: 100
}

.tours-tab-nav a:focus {
    text-decoration: none
}

.tours-tabs {
    display: none;
    float: center
}

.tours-tabs.active {
    display: block
}

.add-wishlist {
    background-color: #ddd;
    width: 103%;
    margin-left: 5p
}

.btn-add-wishlist {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify
}

.btn-add-wishlist a {
    display: inline-block;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    background-color: #306ce7;
    border-radius: 28px;
    padding: 4px 20px;
    margin-left: 19%;
    margin-top: 5px
}

.btn-add-wishlist-vert a {
    display: inline-block;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #e8e8e8;
    border-radius: 28px;
    color: #5c5c5c;
    padding: 4px 20px;
    margin-top: 5px;
    margin-bottom: 7px
}

.cart-div {
    display: inline-block;
    height: 38px;
    width: 40px;
    position: relative;
    margin: 0 0 0 20px
}

.cart-div i {
    font-size: 25px;
    color: #306ce7!important
}

.cart-div-index {
    display: inline-block;
    height: 38px;
    width: 40px;
    position: relative
}

.cart-div-index i {
    font-size: 23px;
    color: #fff!important
}

.cart-num {
    position: absolute;
    background: #f36e36;
    color: #fff;
    top: -33px;
    font-weight: 400;
    right: -4px;
    text-align: center;
    border: 3px solid #f36e36;
    font-size: 12px;
    min-width: 25px;
    line-height: 20px;
    border-radius: 50%;
    display: none
}

.search-form .search-result-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    background-color: #fff
}

.search-result-list li {
    padding: 1.875rem 2.5rem;
    border-top: 1px solid #485e7d
}

.search-result-list a {
    font-family: Proxima, sans-serif;
    font-size: 1.5625rem;
    font-weight: 300;
    letter-spacing: .1px;
    color: #454d56
}

.search-result-list a .result {
    font-weight: 600
}

.search-result-list li:hover {
    background: 0 0
}

.loader-call {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.loader-call:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.loader-call:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.loader-call:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    -webkit-animation: spinner 1.5s infinite linear;
    -moz-animation: spinner 1.5s infinite linear;
    -ms-animation: spinner 1.5s infinite linear;
    -o-animation: spinner 1.5s infinite linear;
    animation: spinner 1.5s infinite linear;
    border-radius: .5em;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 1.5em 0 0 0, rgba(0, 0, 0, .75) 1.1em 1.1em 0 0, rgba(0, 0, 0, .75) 0 1.5em 0 0, rgba(0, 0, 0, .75) -1.1em 1.1em 0 0, rgba(0, 0, 0, .5) -1.5em 0 0 0, rgba(0, 0, 0, .5) -1.1em -1.1em 0 0, rgba(0, 0, 0, .75) 0 -1.5em 0 0, rgba(0, 0, 0, .75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, .75) 1.5em 0 0 0, rgba(0, 0, 0, .75) 1.1em 1.1em 0 0, rgba(0, 0, 0, .75) 0 1.5em 0 0, rgba(0, 0, 0, .75) -1.1em 1.1em 0 0, rgba(0, 0, 0, .75) -1.5em 0 0 0, rgba(0, 0, 0, .75) -1.1em -1.1em 0 0, rgba(0, 0, 0, .75) 0 -1.5em 0 0, rgba(0, 0, 0, .75) 1.1em -1.1em 0 0
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.iconfrom {
    float: left;
    width: 43px;
    height: 34.4px;
    text-align: center
}

.plane-up {
    background-image: url(https://www.cebupacificair.com/assets/PublishingImages/CMS/ico/cmsicon.png);
    background-repeat: no-repeat;
    float: left;
    width: 18px;
    height: 18px;
    background-position: -324px -105px
}

.booking-flight {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-group.form-group-lg .input-icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    margin-left: 15px
}

.form-group .input-icon {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
    top: 29px;
    left: 1px;
    text-align: center;
    color: #b3b3b3;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    z-index: 2
}

.form-group.form-group-lg label {
    font-size: 16px;
    margin-bottom: 7px
}

.form-group.form-group-lg.form-group-icon-left .form-control {
    padding-left: 45px
}

.form-group.form-group-icon-left .form-control {
    padding-left: 32px
}

.form-group.form-group-lg .form-control {
    height: 45px;
    padding: 10px 18px;
    font-size: 13px;
    border: 1px solid #ccc!important
}

.booking-item-payment {
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .15)
}

.booking-item-payment>header {
    padding: 10px 15px;
    background: #f7f7f7
}

.booking-item-payment>header .booking-item-payment-img {
    float: left;
    display: block;
    width: 30%;
    margin-right: 5%
}

.booking-item-payment>header .booking-item-payment-title {
    font-size: 14px;
    margin-bottom: 0
}

.booking-item-payment>header .booking-item-rating-stars {
    font-size: 11px
}

.booking-item-payment .booking-item-payment-total {
    margin-bottom: 0;
    padding: 8px 30px 8px 15px;
    font-size: 12px
}

.booking-item-payment .booking-item-payment-total>span {
    font-size: 24px;
    color: #686868;
    font-weight: 400;
    letter-spacing: -2px
}

.booking-item-payment .booking-item-payment-details {
    list-style: none;
    margin: 0;
    padding: 15px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9
}

.booking-item-payment .booking-item-payment-details>li {
    margin-bottom: 10px;
    overflow: hidden
}

.booking-item-payment .booking-item-payment-details>li:last-child {
    margin-bottom: 0
}

.booking-item-payment .booking-item-payment-details>li>h5 {
    line-height: 1em
}

.booking-item-payment .booking-item-payment-details>li>p {
    margin-bottom: 0;
    color: #686868
}

.booking-item-payment .booking-item-payment-details>li .booking-item-payment-item-title {
    color: #515151
}

.booking-item-payment .booking-item-payment-details>li .booking-item-payment-date,
.booking-item-payment .booking-item-payment-details>li .booking-item-payment-date-separator {
    float: left;
    display: block
}

.booking-item-payment .booking-item-payment-details>li .booking-item-payment-date-separator {
    width: 15%;
    text-align: center
}

.booking-item-payment .booking-item-payment-details>li .booking-item-payment-date .booking-item-payment-date-day {
    margin-bottom: 5px;
    line-height: 1em;
    color: #686868
}

.booking-item-payment .booking-item-payment-details>li .booking-item-payment-date .booking-item-payment-date-weekday {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1em;
    color: #7a7a7a
}

.booking-item-payment .booking-item-payment-details>li .booking-item-payment-price {
    margin: 0;
    padding: 0;
    list-style: none
}

.booking-item-payment .booking-item-payment-details>li .booking-item-payment-price>li {
    width: 70%;
    overflow: hidden;
    font-size: 12px;
    border-bottom: 1px dashed #d9d9d9
}

.booking-item-payment .booking-item-payment-details>li .booking-item-payment-price>li .booking-item-payment-price-amount,
.booking-item-payment .booking-item-payment-details>li .booking-item-payment-price>li .booking-item-payment-price-title {
    float: left;
    margin: 0
}

.booking-item-payment .booking-item-payment-details>li .booking-item-payment-price>li .booking-item-payment-price-amount {
    float: right
}

.booking-item-payment .booking-item-payment-details>li .booking-item-payment-price>li .booking-item-payment-price-amount>small {
    margin-left: 3px
}

.booking-item-details .booking-item-header {
    margin-bottom: 20px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f2f2f2
}

.booking-item-details .booking-item-header-price {
    font-size: 19px;
    text-align: right;
    line-height: 1em
}

.booking-item-details .booking-item-header-price .text-lg {
    font-size: 42px;
    line-height: 1em
}

.booking-item-details .booking-item-header-price small {
    font-size: 13px
}

.pagecontainer2 {
    background: #fff;
    border: 1px solid #a69ca9;
    box-shadow: 0 0 5px rgba(0, 0, 0, .13);
    position: relative;
    padding: 20px 40px
}

.dark {
    color: #333
}

.bold {
    font-weight: 700
}

.line4 {
    background: #e8e8e8;
    height: 1px;
    margin: 17px 0 15px 0;
    padding: 0;
    display: block
}

.panel4-style {
    padding: 20px 20px 20px 20px
}

.panel-style {
    padding-top: 50px
}

.bg-light-gray {
    background: #f2f2eb
}

.whyus-body {
    margin: 0 0 0 10%;
    background: #fff;
    margin-top: -29%;
    position: relative;
    z-index: 10;
    margin-left: 23%;
    width: 166%;
    padding: 15px;
    margin-bottom: -37px
}

.whyus-body h2 {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: initial;
    color: #002155
}

.whyus-body h5 {
    width: 34%;
    line-height: 1.6
}

.whyus-body-right {
    margin-top: -13%;
    margin-right: 10%
}

.whyus-bodycont-right {
    margin-top: -13%;
    margin-right: 10%
}

.whyus-body1 {
    margin: 0 10% 20px 0
}

.whyus-content {
    text-align: left;
    margin: 0 5%
}

.whyus h1 {
    font-size: 25px;
    padding: 0 0 40px 0
}

.whyus-vertical-p2 {
    margin-top: 30px
}

.whyus-style h1 {
    font-family: 'Nixie One', cursive;
    font-size: 30px;
    color: #333
}

.whyus-style p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 2
}

.whyus-style h3 {
    font-size: 24px;
    color: #333;
    font-family: "Nixie One", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0
}

.whyus-style a {
    font-family: 'Nixie One', cursive;
    font-size: 17px
}

.txt-white {
    color: #fff
}

.bg-dark-blue {
    background: #00506f
}

.border-bottom-bold {
    border-bottom: 3px solid #726c6e
}

.border-bottom-bold1 {
    border-bottom: 3px solid #726c6e;
    float: right
}

.partners-container {
    max-width: 1170px;
    margin-left: 20%;
    margin-right: 20%
}

.page-banner-sm {
    background: #062c50
}

.page-banner-sm .img-responsive-about {
    padding: 10px
}

.page-banner-sm .div-cont {
    background: #1b4d79;
    margin-bottom: 10px
}

.main-wrapper {
    width: 1200px;
    margin: 0 auto
}

.txt-white {
    color: #fff
}

.team h1 {
    padding-top: 50px;
    font-size: 30px
}

.team p {
    font-size: 20px
}

.my-custom-class-for-label {
    width: 50px;
    height: 20px;
    border: 1px solid #eb3a44;
    border-radius: 5px;
    background: #fee1d7;
    text-align: center;
    line-height: 20px;
    font-weight: 700;
    font-size: 14px;
    color: #eb3a44
}

.overlay {
    border: none;
    background: rgba(76, 76, 76, .5);
    font-weight: 400;
    padding: 6px 7px;
    padding: 3px;
    font-size: 13px;
    color: #fff;
    width: max-content
}

.overlay-blue:after {
    content: " ";
    position: absolute;
    background-color: rgba(0, 60, 93, .5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.scrollable {
    height: 1200px
}

.country-map-details {
    width: 100%;
    background: linear-gradient(180deg, #0b1317 0, #003c5c);
    padding: 30px 0;
    height: auto
}

.continent-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 350px;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden
}

.continent-list li {
    position: relative!important;
    text-align: left!important;
    top: 0!important;
    left: 20px!important;
    width: auto!important;
    margin-bottom: 0
}

.continent-list li a {
    display: inline-block;
    padding: 6px 12px;
    margin: 0;
    color: #fff;
    background: #4c4c4c;
    font-weight: 400;
    font-size: 13px
}

.continent-list .brand-africa a {
    background-color: rgba(202, 66, 44, .65)
}

.combo-dest .custom-combobox {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    color: #333
}

.combo-dest .custom-combobox-input {
    margin: 0;
    padding: .5em;
    width: 100%;
    border-radius: 5px;
    color: #5c5c5c;
    font-weight: 400
}

.com-dest .custom-combobox {
    width: 100%!important
}

.custom-combobox .ui-state-focus .ui-icon,
.custom-combobox .ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)!important
}

.custom-combobox .ui-state-default .ui-icon {
    font-family: FontAwesome;
    content: "\f0dd";
    color: #333
}

.combo-dest .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #9a9a9a!important
}

.chckbx-extend-btn {
    background-color: #306ce7!important;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    height: 25px;
    font-size: 13px;
    color: #fff
}

.tour-text-title {
    line-height: 1.5em;
    height: 3.5em;
    overflow: hidden
}

.tour-text-content {
    line-height: 1.5em;
    height: 5em;
    overflow: hidden
}

.debug {
    border: 1px dashed red
}

.debug-b {
    border: 1px dashed red;
    background-color: red
}

.debug-bg {
    background: red
}

@media only screen and (max-width:768px) {
    .header-inner .header-container hgroup h1 {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 14pt
    }
    .header-inner .header-container hgroup h3 {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 14pt;
        line-height: initial
    }
    .itinerary-map-image {
        width: 100%;
        height: 470px;
        margin-left: 20px;
        margin-top: 50px
    }
    .header-inner .header-container.blog_cont hgroup h1 {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 14pt;
        line-height: 80px
    }
    .hotel-card-img>a {
        height: 100px;
        width: 100px
    }
    .hotel-card-new {
        width: 350px;
        height: 120px
    }
    .hotel-card-desc {
        height: 105px
    }
    .hotel-card-desc .card-desc-title {
        max-height: 20px
    }
}

@media only screen and (max-width:375px) {
    .header-inner .header-container.blog_cont hgroup h1 {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
    .hotel-card-img>a {
        display: none
    }
}

@media only screen and (max-width:320px) {
    .header-inner .header-container.blog_cont hgroup h1 {
        margin-top: 0!important;
        font-size: 30px;
        margin-right: 30px!important;
        line-height: 50px
    }
    .header-inner .header-container.blog_cont hgroup h3 {
        font-size: 15px!important;
        margin-right: 30px!important
    }
}

@media only screen and (max-width:1024px) {
    .navbar-header {
        float: none
    }
    .navbar-left,
    .navbar-right {
        float: none!important
    }
    .navbar-toggle {
        display: block;
        margin-right: 15px
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    .navbar-collapse.collapse {
        display: none!important
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px
    }
    .navbar-nav>li {
        float: none
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .collapse.in {
        display: block!important;
        width: 100%
    }
    .custom .navbar-nav {
        margin-top: 0
    }
    .custom .navbar-nav>li {
        border-bottom: 1px solid #094667
    }
}

@media only screen and (min-width:320px) {
    .custom .navbar-toggle .icon-bar {
        background-color: #e3e3e3
    }
    .custon .navbar-toggle {
        margin-right: 0
    }
}

.custom.navbar>.container {
    padding-left: 0;
    padding-right: 0
}

.custom.navbar {
    margin-bottom: 0;
    border: 0;
    min-height: inherit
}

.custom.navbar .navbar-brand {
    color: #fff;
    line-height: initial;
    height: initial
}

.custom.navbar .navbar-nav>li {
    padding: 0
}

.custom.navbar .navbar-nav>li>a {
    color: #67b0d6;
    font-weight: 700
}

.custom.navbar .nav>li>a:focus,
.custom.navbar .nav>li>a:hover {
    background-color: transparent
}

.custom.navbar .navbar-nav>li.active {
    background-color: transparent
}

.filter-section .f-group p,
.filter-section .f-group ul>li {
    color: #fff;
    margin-bottom: 20px;
    font-size: 12pt
}

.filter-section .f-group .row {
    margin-left: 0;
    margin-right: 0
}

.highlight-cont-tab ul>li {
    color: #fff;
    font-size: 12pt;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #0f4c6d
}

.itineary-secondary-wrap .nav li>a {
    background: #2f6ce7;
    color: #fff;
    border-radius: 15px
}

.itineary-secondary-wrap .nav li.active>a {
    background-color: #1547ab;
    color: #fff
}

.itineary-secondary-wrap .nav li:first-child {
    padding: 0
}

.itineary-secondary-wrap .nav li>a:active,
.itineary-secondary-wrap .nav li>a:focus,
.itineary-secondary-wrap .nav li>a:hover {
    background-color: #1547ab;
    color: #fff
}

.break-word {
    text-overflow: ellipsis;
    word-wrap: break-word
}

div#items-list>.row-centered {
    margin-bottom: 15px
}

.hotel-card-new {
    position: relative;
    padding: 0;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    background-color: #f2f2f2;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
    display: block;
    padding: 10px
}

.hotel-card-img {
    float: left;
    width: 40%
}

.hotel-card-img>a {
    position: relative
}

@media screen and (max-width:1200px) {
    .hotel-card-img>a {
        height: 150px;
        width: 150px
    }
    .hotel-card-new {
        width: 450px;
        height: 170px
    }
    .hotel-card-desc {
        height: 150px
    }
    .hotel-card-desc .card-desc-title {
        max-height: 50px
    }
}

@media only screen and (max-width:480px) {
    .hotel-card-img>a {
        height: 90px;
        width: 90px
    }
    .hotel-card-new {
        width: 300px;
        height: 120px
    }
    .hotel-card-desc {
        height: 105px
    }
    .hotel-card-desc .card-desc-title {
        max-height: 20px
    }
    .hotel-card-desc p {
        font-size: 10px;
        height: 20px!important
    }
    .hotel-card-desc .card-desc-title {
        margin-bottom: 2px
    }
}

@media only screen and (max-width:320px) {
    .hotel-card-img>a {
        height: 80px;
        width: 80px
    }
    .hotel-card-new {
        width: 260px;
        height: 100px
    }
    .hotel-card-desc {
        height: 85px
    }
    .hotel-card-desc .card-desc-title {
        max-height: 20px
    }
    .hotel-card-desc p {
        font-size: 10px;
        height: 20px!important
    }
    .hotel-card-desc .card-desc-title {
        margin-bottom: 2px
    }
}

.hotel-card-img>a {
    display: block;
    background: #eaeaea;
    overflow: hidden;
    cursor: pointer
}

.hotel-card-img>a>img {
    width: 100%;
    height: 100%
}

.hotel-card-desc {
    float: left;
    width: 60%;
    position: relative
}

.hotel-card-desc p {
    font-size: 12px;
    line-height: inherit;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    margin: 0;
    height: 35px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-align: justify
}

.hotel-card-desc .card-desc-title {
    margin-bottom: 5px;
    overflow: hidden
}

.card-stars {
    margin-left: 0
}

.card-stars>li {
    padding: 0;
    color: #fbd032;
    font-size: 14px
}

.hotel-card-new .btn-right-arrow:hover {
    cursor: pointer
}

.hotel-card-new .btn-right-arrow {
    margin-bottom: 0
}

.trip-ad>li>span {
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
    position: relative;
    border-width: 2px 2px 2px;
    border-style: solid solid solid;
    border-color: #84af71 #84af71 #84af71;
    border-image: initial;
    background: #fff;
    padding: 2px;
    border-radius: 50%;
    border-top: 2px solid #84af71
}

.trip-ad>li {
    padding: 0
}

.trip-ad {
    position: absolute;
    bottom: 0
}

.trip-ad>li>span>i {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #84af71;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.undone {
    background: red;
    color: #fff
}

.tours {
    padding: 60px 30px;
    border-bottom: 1px solid #e3e3e3
}

.tours>h2 {
    color: #404047;
    font-family: Roboto;
    font-size: 35px;
    font-weight: 100;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px
}

.tours .lead-msg {
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.3em
}

.holiday-card-head,
.hotel-card-head-new {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden
}

.holiday-card-head img,
.hotel-card-head-new img {
    height: 100%
}

.holiday-card-head>h1,
.holiday-card-head>h3,
.hotel-card-head-new>h3 {
    line-height: initial;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    width: 70%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-top: .5em;
    padding-bottom: .5em;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    z-index: 2;
    font-weight: 600;
    color: #fff
}

.holiday-card-head>img,
.hotel-card-head-new>img {
    height: 100%
}

.holiday-card-head .airline-logo {
    position: absolute;
    width: 146px;
    height: 36px;
    bottom: 0;
    right: 0;
    border-top-left-radius: 10px;
    overflow: hidden;
    padding: 0 5px;
    background: #fff;
    z-index: 3
}

.holiday-card-head .airline-logo>img {
    min-height: initial
}

.holiday-card-body {
    background: #fff;
    padding: 10px;
    height: 100px;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    margin: 0;
    margin-bottom: 5px;
    padding-top: 0
}

.holiday-card-body h3 {
    color: #003c5d;
    font-weight: bolder;
    font-size: 1.2em;
    text-transform: uppercase;
    line-height: initial
}

.hotel-card-new-body {
    background: #324251;
    padding: 10px;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    margin-bottom: 5px;
    padding-top: 0;
    color: #fff
}

.hotel-card-new-body h3 {
    color: #fff;
    font-weight: 700;
    font-size: 20px
}

.hotel-card-new-body p {
    color: #fff
}

.hotel-card-new-footer {
    padding: 10px
}

.hotel-card-new-footer .more-link {
    color: #fff;
    background-color: #337ab7;
    padding: 10px 15px;
    margin-top: 10px;
    border-radius: 7px
}

.hotel-card-new-body .insp-hotel-rating .icon-Star {
    font-size: 17px;
    margin-top: 3px;
    margin-bottom: 3px
}

.hotel-card-price {
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    background-color: #dab07dd4;
    border-bottom-left-radius: 6px;
    text-align: right;
    padding: 7px 5px 5px 7px
}

.hotel-card-price p {
    font-size: 13px
}

.hotel-card-price span {
    font-style: italic
}

.hotel-card-price strong {
    font-size: 22px
}

.hotel-card-trip {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff80;
    padding: 7px;
    min-height: 45px;
}

.hotel-card-trip .trip-left {
    display: inline-block;
    color: #000
}

.hotel-card-trip .trip-right {
    float: right;
    margin-right: 10px
}

.holiday-card-head::before {
    content: "\0a0";
    position: absolute;
    height: 100%;
    width: 100%;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6;
    background: #003c5d;
    top: 0;
    right: 0;
    z-index: 1
}

.holiday-card-body>p {
    color: #003c5d
}

.holiday-card-foot {
    height: 90px;
    background: #003c5d;
    color: #fff;
    position: relative
}

.holiday-card-foot a.read-more-btn {
    color: #fff;
    position: absolute;
    bottom: 1em;
    right: 1em
}

.holiday-card-foot h3.holiday-price {
    position: absolute;
    top: .9em;
    right: .5em;
    font-size: 2em;
    color: #e2af75
}

.holiday-card-foot .holiday-duration {
    position: absolute;
    font-size: .9em;
    top: 2em;
    left: 1em;
    color: #fff
}

.holiday-card-foot .holiday-airline {
    position: absolute;
    font-size: .9em;
    bottom: 2.3em;
    left: 1em;
    color: #fff
}

.holiday-card-foot .holiday-dest {
    position: absolute;
    font-size: .9em;
    top: .5em;
    left: 1em;
    color: #fff
}

#county-map-destinations .owl-dots {
    margin-bottom: 10px
}

.row-centered {
    text-align: center
}

.my-card {
    width: 50%;
    display: inline-block
}

.my-card>a {
    display: block
}

#destination-nav>li {
    float: none;
    display: inline-block;
    zoom: 1
}

#destination-nav {
    text-align: center;
    margin-bottom: 20px;
    border: 0
}

#destination-nav>li>a {
    border: 0;
    display: block;
    color: #818181;
    padding: 6px 12px;
    font-size: 12px;
    text-transform: uppercase
}

#destination-nav>li>a:hover {
    border-color: transparent;
    background-color: transparent
}

.full-screen-modal {
    overflow-y: auto
}

.full-screen-modal .modal-header {
    border: 0;
    font-family: Roboto, sans-serif
}

.full-screen-modal .modal-header {
    text-align: center;
    color: #8c8c8c;
    font-family: Roboto, sans-serif;
    font-size: 1em;
    padding: 10px
}

.full-screen-modal .modal-body p.sub-heading {
    margin-bottom: 10px;
    text-align: center;
    color: #8c8c8c;
    font-family: Roboto, sans-serif
}

.full-screen-modal .modal-header h4.modal-title {
    color: #5c5c5c;
    font-family: Roboto, sans-serif;
    font-size: 30px;
    font-weight: 100;
    line-height: 25px;
    text-align: center
}

.full-screen-modal .card-container {
    overflow: auto;
    margin-bottom: 10px
}

.header-card {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
    display: inline-block
}

.header-card-body {
    display: inline-block;
    padding: 0 10px 10px
}

.header-card-img {
    display: inline-block
}

.header-card-img img {
    height: 70px;
    width: 70px
}

.header-card-body p {
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1em;
    color: #6b6868
}

.header-card-body h2 {
    margin: 0;
    font-size: 16px;
    margin-bottom: 10px;
    color: #0e5275
}

.excursion-card {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e3e3e3
}

.excursion-card .ex-card-img img {
    display: block
}

.excursion-card .ex-card-body {
    position: relative;
    padding: 10px
}

.excursion-card .ex-card-body h2 {
    margin: 0;
    font-size: 1.3em;
    overflow: hidden;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.excursion-card .ex-card-body p {
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis
}

.excursion-card .ex-card-body .read-more {
    position: absolute;
    bottom: 1em;
    font-weight: 700;
    color: #0075bf
}

.featured-excursion {
    background: #fbfbfb;
    padding: 10px;
    margin-bottom: 10px
}

.featured-excursion .ex-card-img {
    display: block;
    background: #e3e3e3
}

.featured-excursion .ex-card-img img {
    display: block;
    height: 100%
}

.featured-excursion .ex-card-body h2 {
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden
}

.featured-excursion .ex-card-body {
    position: relative
}

.featured-excursion .ex-card-body p {
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis
}

.featured-excursion .ex-card-body .view-all {
    position: absolute;
    background: #0075bf;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    border-radius: 10px;
    color: #fff
}

.mobile-menu>ul>li>a {
    color: #e3e3e3;
    padding: 15px;
    display: block;
    cursor: pointer
}

.mobile-menu>ul>li {
    padding: 0;
    border-bottom: 1px solid #0c4277
}

.index-tour-body>h1.tour-name {
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    line-height: normal
}

.index-tour-body>h2.tour-desc {
    color: #fff;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-tour-body .airline {
    width: 120px
}

.index-tour-body .airline img {
    min-height: initial
}

.index-tour-body .tour-destination {
    padding: 0;
    margin: 0
}

.index-tour-body .tour-destination h1 {
    margin: 0;
    font-size: 24px
}

.index-tour-body .price .explore-btn {
    padding: 10px;
    background: rgba(145, 146, 77, .2);
    display: block;
    text-align: center;
    margin-bottom: 10px;
    border: 2px solid #deb335;
    border-radius: 5px;
    color: #deb335;
    font-weight: 700;
    text-decoration: none
}

@media only screen and (min-width:320px) {
    .home-tour p {
        margin-bottom: 20px
    }
    .tour-card-details>h3 {
        font-size: 1.8em
    }
    .insp-hotel-card {
        height: 370px;
        width: 270px
    }
    .insp-hotel-card-details {
        padding: 10px 10px
    }
    .insp-hotel-card-img {
        height: 175px
    }
    .blog-post-img-wrapper {
        min-height: 200px
    }
    .blog-item .blog-post-img-wrapper img {
        height: 200px
    }
    .latest-news-img-wrapper {
        height: 200px
    }
    .insp-hotel-card {
        float: none;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px
    }
    input#search,
    input#tour-search-btn {
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        font-size: 1em
    }
    .media-card {
        height: initial
    }
    .media-card-image.pull-left {
        width: 100%
    }
    .media-card-content.pull-left {
        width: 100%
    }
    .tripadvisor-rating {
        position: initial
    }
    .media-card-image {
        height: 200px
    }
    .media-card-controls {
        width: 100%
    }
    a.media-select-room {
        position: initial;
        margin-top: 15px
    }
    p.media-nights {
        text-align: left
    }
    h2.media-price {
        margin: 5px 0 5px 0
    }
    #t-operators.owl-carousel .owl-item img {
        margin: 0 auto;
        width: 70%
    }
    .gal-thumb {
        height: 155px
    }
    .modal.full-screen-modal .modal-dialog {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        max-height: 500px;
        top: 250px
    }
    .iti-day .iti-img {
        width: 100%;
        height: 180px
    }
    .iti-day .iti-desc {
        width: 100%
    }
    .hot_offer {
        height: initial
    }
    .header-container h1.br-tour-name {
        color: #fff;
        font-size: 2.5em;
        font-weight: 700;
        line-height: 1em;
        margin-bottom: 22px
    }
    .ctry-thumb.thumbnail>a,
    .thumbnail>a {
        height: 200px
    }
    .header-container h2.br-tour-info.br-tour-info-days {
        color: #fff
    }
    .header-container h2.br-tour-info.br-tour-info-price {
        color: #fff;
        font-size: 25px;
        margin: 10px
    }
    .header-container .br-tour-intro>p {
        color: #fff;
        font-size: 1.5em;
        line-height: 1em
    }
    .holiday-card-head {
        height: 200px
    }
    .holiday-card-head>h1,
    .holiday-card-head>h3 {
        font-size: 9pt
    }
    .br-destination-tagline {
        margin-top: 0
    }
    .best-hotels-to-stay-heading {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        width: 90%;
        z-index: 2
    }
    .header-inner.hotel-view .header-container {
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0
    }
    #top-attractions p.lead {
        width: 90%
    }
    .insp-card.feature-card>.insp-card-img {
        height: 205px;
        background: #f5f5f5;
        border: 1px solid #e3e3e3
    }
    .header.hotel-view hgroup h1 {
        line-height: initial;
        font-size: 2em;
        margin-bottom: 0
    }
    .holiday-card {
        border-radius: 1em;
        background: #fff;
        height: 400px;
        overflow: hidden;
        -webkit-box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75);
        -moz-box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75);
        box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75);
        margin-bottom: 20px;
        width: 280px;
        margin: 0 auto;
        margin-bottom: 15px
    }
    .hotel-new-card {
        border-radius: 1em;
        background: #324251;
        height: 460px;
        overflow: hidden;
        -webkit-box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75);
        -moz-box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75);
        box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75);
        margin-bottom: 20px;
        width: 280px;
        margin: 0 auto;
        margin-bottom: 15px;
        text-align: left;
    }
    .home-tour .owl-item.active.center>div.home-tour-card .tour-card-details>h3 {
        font-size: 2em
    }
    .home-tour-card {
        width: 230px;
        height: 302px;
        color: #fff;
        text-align: center;
        display: block;
        margin: 0 auto;
        margin-top: 15px
    }
    .home-tour .owl-item.center>div.home-tour-card {
        width: 230px;
        height: 302px;
        margin-top: 0
    }
    .when-to-visit-details {
        padding-top: 0
    }
    .when-to-visit-image {
        height: auto;
        margin-bottom: 20px
    }
    .when-to-visit-image::before {
        content: " ";
        display: none
    }
    #diners .owl-nav {
        margin-left: 0
    }
    .hotel-recreations-rooms-wrapper {
        height: auto
    }
    .hotel-details-hover h1,
    .hotel-details-hover h3 {
        font-size: 1.5em;
        line-height: normal
    }
    .ta-review-user-card h3 {
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-top: 10px;
        width: 50px
    }
    .ta-review-user-card .user-card-img {
        display: block;
        margin: 0 auto
    }
    .hotel-gallery-thumb {
        height: 90%;
        width: 90%
    }
    .lightbox-thumbs-container {
        width: 100%
    }
    .tour-cta-desc {
        margin-bottom: 0
    }
    .home-tour {
        top: 55%
    }
    .autocomplete-items {
        top: 85px;
        left: 0
    }
    .search-bar-top .form-inline .form-group .input-group {
        width: 100%
    }
    .index-tour-body>h1.tour-name {
        font-size: 28px;
        max-height: 70px;
        text-align: center
    }
    .index-tour-body>h2.tour-desc {
        margin: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        height: 50px;
        font-size: 14px;
        line-height: 16px;
        text-align: center
    }
    .index-tour-body .airline {
        margin: 0 auto;
        margin-bottom: 10px
    }
    .index-tour-body .tour-destination h1 {
        margin: 0;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 10px
    }
    .index-tour-body .price>h2 {
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight: lighter
    }
    .index-tour-body .price>h2>span {
        display: inline-block;
        font-size: 30px;
        color: #ffd761;
        font-weight: 700
    }
    .index-tour-body .price>h2>span:before {
        content: '20A4';
        margin-right: 5px
    }
    .index-tour-body .price .explore-btn {
        padding: 10px;
        display: block;
        width: 50%;
        margin: 0 auto;
        margin-bottom: 10px
    }
    .inspiration-card {
        height: 380px
    }
    .header-card {
        padding: 0
    }
    .owl-carousel .owl-item img {
        margin-bottom: 10px
    }
    .hotel-gallery-thumb img {
        margin-bottom: 0
    }
    .my-card {
        width: 100%
    }
    .navbar-nav {
        margin: 0
    }
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
    #destination-nav>li {
        padding: 0
    }
    .full-screen-modal .card-container {
        height: initial;
        overflow: auto;
        margin-bottom: 10px
    }
    .header-card-body {
        display: block;
        width: 100%;
        padding: 0
    }
    .header-card-img {
        display: block;
        width: 100%
    }
    .header-card-img img {
        height: 200px;
        margin-bottom: 10px
    }
    .header-card-body p {
        height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1em;
        color: #6b6868
    }
    .header-card-body h2 {
        margin: 0;
        font-size: 16px;
        margin-bottom: 10px;
        color: #0e5275
    }
    .cart-div-index {
        margin: 0
    }
    .insphols-navbar .insphols-navbar-top {
        margin-top: 15px
    }
    .insphols-navbar .insphols-navbar-bottom ul.nav-list>li,
    .insphols-navbar .insphols-navbar-top ul.nav-list>li {
        min-width: 30px
    }
    .insphols-nav>.insphols-logo>a {
        height: 60px
    }
    .insphols-nav>.insphols-logo {
        width: 30%
    }
    .insphols-nav>.insphols-navbar {
        width: 70%
    }
    .featured-excursion .ex-card-body {
        float: left;
        height: 250px
    }
    .featured-excursion .ex-card-body p {
        height: 80px
    }
    .featured-excursion .ex-card-body h2 {
        height: 3em
    }
    .featured-excursion .ex-card-img {
        float: left
    }
    .featured-excursion {
        height: 500px
    }
    .excursion-card .ex-card-body {
        height: 200px
    }
    .excursion-card .ex-card-img img {
        height: 200px
    }
    #top-attr .owl-nav .owl-next,
    .city-tab .owl-nav .owl-next,
    .dest-tab .owl-nav .owl-next {
        position: absolute;
        right: 0;
        top: 90px;
        text-align: center;
        background: #003c5d!important;
        width: 25px;
        border-radius: 50%;
        border: 1px solid #095eb0!important
    }
    #top-attr .owl-nav .owl-next>span,
    #top-attr .owl-nav .owl-prev>span,
    .city-tab .owl-nav .owl-next>span,
    .city-tab .owl-nav .owl-prev>span,
    .dest-tab .owl-nav .owl-next>span,
    .dest-tab .owl-nav .owl-prev>span {
        color: #fff
    }
    #top-attr .owl-nav .owl-prev,
    .city-tab .owl-nav .owl-prev,
    .dest-tab .owl-nav .owl-prev {
        position: absolute;
        left: 0;
        top: 90px;
        text-align: center;
        background: #003c5d!important;
        width: 25px;
        border-radius: 50%;
        border: 1px solid #095eb0!important
    }
    #top-attr .owl-nav .owl-next>i,
    #top-attr .owl-nav .owl-prev>i,
    .city-tab .owl-nav .owl-next>i,
    .city-tab .owl-nav .owl-prev>i,
    .dest-tab .owl-nav .owl-next>i,
    .dest-tab .owl-nav .owl-prev>i {
        color: #e3e3e3
    }
    .excursion-card .ex-card-body p {
        height: 80px
    }
    .excursion-card .ex-card-body h2 {
        height: 55px
    }
    .excursion-card {
        height: initial
    }
}

@media only screen and (min-width:375px) {
    .header-inner .header-container {
        position: absolute;
        padding-top: 0;
        padding-left: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 90%
    }
    .home-tour-card {
        width: 220px;
        height: 302px;
        color: #fff;
        text-align: center;
        display: block;
        margin: 0 auto;
        margin-top: 10px
    }
    .home-tour .owl-item.center>div.home-tour-card {
        width: 300px;
        height: 394px;
        margin-top: 0
    }
}

.menu-overlay {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    right: 0;
    display: none;
    position: fixed;
    -webkit-transform: translateZ(0);
    z-index: 998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto
}

@media only screen and (max-width:1024px) {
    div#ui-datepicker-div {
        position: fixed!important;
        top: 50%!important;
        left: 50%!important;
        transform: translate(-50%, -50%);
        width: 90%!important
    }
    #list-view-items-explore .media-body p {
        font-size: 10pt;
        line-height: initial
    }
    #list-view-items-explore .media-body h2.media-heading {
        font-size: 10pt;
        font-weight: bolder
    }
}

.mobile-menu {
    -webkit-transform: translateZ(0);
    position: fixed;
    z-index: 999;
    background: #064786;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 270px;
    display: none
}

.mobile-m-open {
    display: block
}

@media only screen and (min-width:667px) {
    .insp-hotel-card {
        float: left;
        margin: 10px;
        width: 205px;
        height: 320px
    }
    .insp-hotel-card-img {
        height: 150px
    }
    .insp-hotel-card-details {
        padding: 5px;
        font-size: 10pt;
        line-height: initial
    }
    input#search,
    input#tour-search-btn {
        display: block;
        margin: initial;
        margin-top: initial;
        font-size: 1em
    }
    input#tour-search-btn {
        margin-top: 20px
    }
    .ctry-thumb.thumbnail>a,
    .thumbnail>a {
        display: block;
        background: #e3e3e3;
        height: 100px;
        overflow: hidden
    }
    .header-container h1.br-tour-name {
        color: #fff;
        font-size: 2.5em;
        font-weight: 700;
        line-height: 3.5rem;
        margin-bottom: 5px
    }
    .header-container h2.br-tour-info.br-tour-info-days {
        font-size: 23px;
        color: #fff;
        margin: 0;
        color: #fff
    }
    .header-container h2.br-tour-info.br-tour-info-price {
        color: #fff;
        font-size: 36px;
        color: #fff;
        margin: 5px 0 0 0
    }
    .header-container .br-tour-intro>p {
        color: #fff;
        font-size: 1em;
        line-height: initial;
        padding: 5px
    }
    .header-inner .header-container {
        position: absolute;
        padding-top: 0;
        padding-left: 0;
        top: 60%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 90%
    }
    .best-hotels-to-stay-heading p {
        margin: 5px 0 20px 0
    }
    .header-inner.hotel-view .header-container {
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0
    }
    .header.hotel-view hgroup h1 {
        font-size: 2em
    }
    .header.hotel-view hgroup p {
        margin: 5px 0
    }
    .best-hotels-to-stay-heading {
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        width: 90%
    }
    .best-hotels-to-stay-heading h1,
    .best-hotels-to-stay-heading h3 {
        font-size: 2em;
        line-height: 1.3em
    }
    .best-hotels-to-stay-heading .best-dest-hot {
        font-size: 40px
    }
    .best-hotel-details .best-hot-price {
        font-weight: 500;
        font-size: 22px;
        color: #fff
    }
    .best-hotel-details .best-hot-price span {
        color: #e2af75;
        font-weight: 400;
        font-size: 18px;
        font-style: italic
    }
}

.hotel-italic-price {
    font-style: italic;
    font-size: 18px!important
}

.hotel-italic-price strong {
    font-style: normal;
    font-size: 25px
}

.hotel-card-block .text-left {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 5px;
    margin-left: 10px
}

.hotel-card-block .text-left .airline-logo img {
    width: 100px
}

.hotel-card-block .text-right {
    position: absolute;
    bottom: 0;
    right: 0
}

.owl-carousel.off {
    display: block
}

.insphols-nav {
    position: absolute;
    z-index: 997;
    top: 0;
    left: 0;
    right: 0;
    background: #324251;
    /*background: rgba(0, 37, 93, .5)*/
}

.insphols-nav.full-color {
    background: #00255d
}

.insphols-nav>.insphols-logo {
    float: left;
    padding: 10px
}

.insphols-nav>.insphols-logo>a {
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.insphols-nav>.insphols-navbar {
    float: left;
    padding: 0 10px
}

.insphols-navbar .insphols-navbar-bottom,
.insphols-navbar .insphols-navbar-top {
    height: 50px
}

.insphols-navbar .insphols-navbar-bottom ul.nav-list>li,
.insphols-navbar .insphols-navbar-top ul.nav-list>li {
    line-height: 50px
}

.insphols-navbar .insphols-navbar-bottom ul.nav-list>li {
    margin: 0 15px;
    position: relative
}

.insphols-navbar .insphols-navbar-top ul.nav-list>li.nav-tog {
    position: relative;
    height: 24px
}

.insphols-navbar .insphols-navbar-bottom ul.nav-list>li>a,
.insphols-navbar .insphols-navbar-top ul.nav-list>li>a {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Goudy Old Style", sans-serif
}

.insphols-navbar .insphols-navbar-bottom ul.nav-list>li>a {
    font-size: 16px;
    font-family: "Goudy Old Style", sans-serif;
    font-weight: 600;
}

.insphols-navbar .insphols-navbar-bottom ul.nav-list>li.active>a,
.insphols-navbar .insphols-navbar-top ul.nav-list>li.active>a {
    color: #90bde4
}

.insphols-navbar .insphols-navbar-bottom ul.nav-list>li.opened:after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px
}

.insphols-navbar .insphols-navbar-bottom ul.nav-list>li>a:hover,
.insphols-navbar .insphols-navbar-top ul.nav-list>li>a:hover {
    color: #90bde4
}

.insphols-navbar .insphols-navbar-bottom ul.nav-list>li>a>i,
.insphols-navbar .insphols-navbar-top ul.nav-list>li>a>i {
    margin-right: 5px
}

.insphols-navbar .insphols-navbar-top ul.nav-list>li.nav-tog {
    position: relative;
    text-align: center;
    line-height: inherit
}

.full-screen-modal .modal-dialog {
    position: absolute;
    width: 100%;
    margin: 0
}

.full-screen-modal .modal-content {
    height: auto;
    border-radius: 0;
    box-shadow: none;
    border: 0
}

.btn-tog {
    display: none;
    border: 0;
    background: 0 0;
    font-size: 12px;
    color: #094b75;
    text-transform: uppercase;
    margin-top: 10px
}

#toggleSideMenu {
    padding: 4px;
    border-radius: 4px
}

#toggleSideMenu>span {
    width: 25px;
    height: 3px;
    background-color: #fff;
    margin: 4px 0;
    display: block;
    vertical-align: middle
}

.full-screen-modal {
    padding: 0!important
}

.search-bar-top {
    position: absolute;
    z-index: 1200;
    background: #fff;
    top: 50px;
    padding: 20px 10px;
    left: 10px;
    right: 10px;
    display: none;
    -webkit-box-shadow: 0 9px 35px -5px rgba(117, 117, 117, 1);
    -moz-box-shadow: 0 9px 35px -5px rgba(117, 117, 117, 1);
    box-shadow: 0 9px 35px -5px rgba(117, 117, 117, 1)
}

.search-bar-top .form-inline .form-group {
    width: 100%
}

.search-bar-top .form-inline .form-group .input-group-addon {
    width: 40px;
    background: 0 0;
    border: none;
    border-right: 1px solid #e3e3e3
}

.search-bar-top .form-control:focus {
    box-shadow: none;
    border: 0;
    font-size: 18px
}

.search-bar-top a.btn {
    font-size: 12px;
    cursor: pointer
}

.search-form-button {
    padding: 0;
    background: 0 0;
    color: #fff;
    line-height: inherit;
    font-size: 22px
}

.search-whole {
    width: 600px
}

.search-whole>.form-inline {
    margin-top: 5px
}

.search-whole>.form-inline .form-group {
    width: 100%
}

.search-whole>.form-inline .form-group .input-group {
    width: 50%
}

.search-whole>.form-inline .form-group .input-group .input-group-addon {
    width: 40px;
    background: 0 0;
    border: 0;
    border-right: 1px solid #1f5994
}

.search-whole>.form-inline .form-group .input-group .input-group-addon>i {
    color: #fff
}

.search-whole>.form-inline .form-group .input-group input {
    font-size: 18px;
    padding: 10px;
    color: #fff;
    text-shadow: 0 0 0 #c7c7c7;
    -webkit-text-fill-color: transparent;
    background: 0 0;
    border-bottom: 1px solid #1f5994
}

.search-whole>.form-inline .form-group .input-group input::placeholder {
    color: #234869;
    opacity: 1
}

.search-whole>.form-inline .form-group .input-group input:-ms-input-placeholder {
    color: #234869
}

.search-whole>.form-inline .form-group .input-group input::-ms-input-placeholder {
    color: #234869
}

.search-whole>.form-inline .form-group .input-group input:focus {
    border: 0;
    border-color: transparent;
    box-shadow: none
}

.autocomplete-items {
    position: absolute;
    background: #00255d;
    width: 100%;
    padding: 10px;
    overflow: auto;
    color: #e3e3e3;
    max-height: 300px
}

.autocomplete-items>div {
    padding: 10px 5px;
    border-bottom: 1px solid #103267;
    cursor: pointer
}

.autocomplete-items>div:hover {
    background: #063171
}

.autocomplete-items>div>strong {
    color: #7fb1d2
}

.inspiration-card img {
    position: absolute;
    z-index: 1
}

.inspiration-card {
    display: inline-block;
    width: 100%;
    border-left: 1px solid #e3e3e3;
    background: #3d6881;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden
}

.inspiration-card-body ul>li {
    color: #fff;
    text-align: center
}

.inspiration-card:last-child {
    border-left: 0
}

.inspiration-card:after {
    content: '';
    position: absolute;
    background: rgba(0, 60, 93, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.inspiration-card-body {
    position: absolute;
    top: 35%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 3
}

.inspiration-card-body>h1 {
    margin-bottom: 10px;
    margin: 0 auto;
    text-align: center
}

.inspiration-card-body>h2,
.inspiration-card-body>h4 {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #dee5ea;
    text-overflow: ellipsis;
    vertical-align: middle
}

.inspiration-card-body>p {
    width: 200px;
    font-size: 14px;
    line-height: 18px;
    color: #e3e3e3;
    margin: 0 auto;
    text-align: center;
    height: 100px;
    font-family: Roboto, sans-serif;
    text-overflow: ellipsis
}

.inspiration-card-body>p>a.btn {
    display: block;
    font-size: 1em;
    width: 90%;
    margin: 0 auto;
    margin-top: 15px
}

.map-holder {
    border: 1px solid #e3e3e3;
    width: 100%
}

.map-holder img {
    max-width: none
}

#index-tours,
.index-tour {
    height: 100%
}

#index-tours .index-tour {
    border: 1px solid #e3e3e3;
    height: 100%;
    display: inline-block;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    position: relative
}

#index-tours .index-tour:before {
    content: '';
    position: absolute;
    background: rgba(0, 60, 93, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#index-tours .index-tour .index-tour-body {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
    right: 10%;
    background: rgba(0, 60, 93, .2);
    padding: 10px
}

.affix,
.affix-top {
    position: static
}

@media (max-width:1023px) {
    #sidebar.affix {
        position: static
    }
}

.hotel-info-container.insphols-section {
    padding: 30px 0
}

.hotel-info-container>h1,
.hotel-info-container>h3 {
    color: #003c5d;
    font-family: Roboto, sans-serif;
    font-size: 2.5rem;
    text-align: center;
    margin: 0 0 1.5em 0;
    font-weight: 300;
    border-bottom: 1px solid #ececec;
    padding: 0 0 5px 0;
    position: relative;
    line-height: 4.8125rem
}

.hotel-info-container>h1::after,
.hotel-info-container>h3::after {
    content: "";
    width: 50px;
    background: #1d53c8;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px
}

.ta-content {
    padding: 15px
}

.ta-content h2 {
    font-size: 1.3em;
    font-weight: 900
}

.ta-card span {
    display: block
}

.ta-card img {
    vertical-align: middle;
    width: initial;
    height: 15px
}

.ta-review {
    padding: 15px 0 15px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #e3e3e3
}

.ta-review p {
    color: #928c8c
}

.ta-review h3 {
    color: #00af87;
    margin-bottom: 10px
}

.ta-review-user-card {
    border-right: 1px solid #e3e3e3
}

.ta-review-user-card h3 {
    margin-left: 10px;
    color: #0e2e43;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ta-review-user-card .user-card-img {
    height: 80px;
    width: 80px;
    background: #e3e3e3;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid #00af87
}

.ta-content .progress {
    width: 100%;
    max-width: initial;
    height: 50px;
    background: #e3e3e3;
    border-radius: 5px
}

.ta-content .progress-bar {
    padding: 15px;
    color: #fff;
    font-size: 24px;
    background-color: #2bbe9e
}

.ta-content .progress-bar-striped,
.ta-content .progress-bar-success {
    height: 50px
}

.hotel-info-container p {
    color: grey
}

.hotel-info-container p.lead {
    width: 80%;
    margin: 0 auto;
    font-size: 1.6em;
    line-height: 2em
}

.hotel-info-container p.intro-text {
    width: 89%;
    margin: 0 auto;
    color: grey;
    text-align: center;
    font-size: 1.5em;
    font-weight: initial;
    line-height: initial;
    margin-top: 50px;
    margin-bottom: 50px
}

.tripadvisor-details {
    text-align: center
}

.tripadvisor-details img {
    display: block;
    margin: 0 auto;
    width: 50px;
    margin-bottom: 10px
}

#map-hotel {
    height: 700px
}

#map-contact {
    height: 700px
}

.dest-container {
    background: #f1f1f1;
    margin: 0 auto;
    height: 600px;
    -webkit-box-shadow: 0 0 35px 0 rgba(186, 186, 186, 1);
    -moz-box-shadow: 0 0 35px 0 rgba(186, 186, 186, 1);
    box-shadow: 0 0 35px 0 rgba(186, 186, 186, 1);
    margin-top: 50px
}

.insphols-section {
    padding: 5% 0 2% 0;
    border-bottom: 1px solid #e3e3e3
}

.insphols-section p.lead-msg {
    padding: 15px
}

.insphols-section.explore {
    background-color: #f7f8fa;
    padding-top: 50px;
    padding-bottom: 50px
}

.insphols-section h2 {
    color: #404047;
    font-family: Roboto;
    font-size: 35px;
    font-weight: 100;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px
}

.dest-container>.dest-container-map-holder {
    display: inline-block;
    vertical-align: top;
    height: 100%
}

.dest-container>.dest-container-sidebar {
    background: #fff;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    height: 100%;
    position: relative
}

.dest-container>.dest-container-sidebar .sidebar-title {
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 5px
}

.sidebar-title>h2 {
    padding-bottom: 10px;
    color: #505050;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 5px
}

.sidebar-content .map-list-items {
    min-height: 70px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 9px 10px;
    display: block
}

.map-list-items .item-text-content>h2 {
    margin: 0;
    margin-bottom: 5px;
    text-align: left;
    font-weight: initial;
    font-size: 12pt
}

.map-list-items p {
    font-size: 10pt;
    line-height: 14pt;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    text-align: justify;
    color: #5f5f5f
}

.map-list-items p:after {
    content: "...";
    background: #fff;
    position: absolute;
    height: 15px;
    width: 15px;
    bottom: 2px;
    right: 0
}

.map-list-items img {
    width: 50px;
    background: #e6e6e6;
    height: 50px;
    float: left;
    margin-right: 10px
}

#explore-btn {
    background: #fff;
    border-radius: 30px;
    padding: 15px 35px;
    border: 1px solid #2f88cc;
    color: #2f88cc;
    margin: 0 auto;
    white-space: normal!important;
    max-width: 200px;
    display: block;
    margin-top: 20px;
    cursor: pointer
}

.explore-btn {
    background: #fff;
    border-radius: 30px;
    padding: 15px 35px;
    border: 1px solid #2f88cc;
    color: #2f88cc;
    margin: 0 auto;
    white-space: normal!important;
    max-width: 200px;
    display: block;
    margin-top: 20px;
    cursor: pointer
}

#explore-back-country,
#explore-back-destination {
    display: none
}

.back-btn {
    border: 0;
    background: 0 0;
    font-size: 12px;
    color: #094b75;
    text-transform: uppercase;
    margin-top: 10px;
    text-decoration: none
}

#search {
    font-size: 20px
}

.home-header-section {
    position: relative;
    height: 100%
}

.home-tour {
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
    overflow: hidden
}

.tour-card-content {
    position: relative;
    overflow: hidden
}

.home-tour .owl-item.active>div.home-tour-card>.tour-card-content:before {
    content: " ";
    position: absolute;
    background: rgba(0, 60, 93, .5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.home-tour .owl-item.active.center {
    background-size: contain;
    background-repeat: no-repeat
}

.home-tour .owl-item.active>.home-tour-card .tour-card-cta>.btn,
.home-tour .owl-item.active>.home-tour-card .tour-card-cta>p.tour-cta-desc {
    display: none
}

.home-tour .owl-item.active.center>div.home-tour-card .tour-card-cta>.btn,
.home-tour .owl-item.active.center>div.home-tour-card .tour-card-cta>p.tour-cta-desc {
    display: inline-block
}

.home-tour .owl-item.active.center>.home-tour-card .tour-card-cta>p.tour-card-availability {
    display: none
}

.home-tour .owl-item.active.center>div.home-tour-card>.tour-card-content:before {
    background: rgba(0, 60, 93, .3)
}

.tour-card-details {
    position: absolute;
    top: 10%;
    transform: translateY(-10%);
    text-align: center;
    width: 100%
}

.tour-card-details>h3 {
    line-height: initial;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(19, 18, 18, .4)
}

.tour-card-details .tour-desc {
    width: 80%;
    margin: 0 auto;
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 1px 0 rgba(19, 18, 18, .4)
}

.tour-card-details .tour-price {
    width: 80%;
    margin: 0 auto;
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #e2af75;
    font-size: 2em;
    font-weight: bolder;
    margin-top: 10px;
    text-shadow: 0 1px 0 rgba(19, 18, 18, .4)
}

.tour-card-details .tour-price:before {
    content: "\00A3" " "
}

.home-tour-card .tour-card-cta {
    position: absolute;
    bottom: 10px;
    width: 100%
}

.home-tour h2 {
    color: #e3e3e3;
    font-family: Roboto;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-shadow: 0 1px 0 rgba(19, 18, 18, .4)
}

.home-tour p {
    color: #e3e3e3;
    text-align: center;
    text-shadow: 0 1px 0 rgba(19, 18, 18, .4)
}

.home-tour-card .tour-card-cta p {
    font-size: 10pt;
    line-height: initial;
    text-shadow: 0 1px 0 rgba(19, 18, 18, .4)
}

.home-tour-card .tour-card-cta p.tour-cta-desc {
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-tour-card .tour-card-cta p.tour-card-availability {
    color: #e3e3e3
}

.home-tour-card .tour-card-cta .btn {
    background: #e3e3e3;
    border-radius: 20px;
    padding: 10px 20px;
    margin-top: 10px;
    border: 1px solid #003c5d;
    color: #003c5d;
    text-transform: uppercase
}

.home-tour .owl-nav {
    position: absolute;
    width: 100px;
    right: 0;
    bottom: 10px
}

.home-tour .owl-nav>.owl-next,
.home-tour .owl-nav>.owl-prev {
    display: inline-block;
    padding: 5px;
    background: #bfbfbf;
    background: rgba(169, 169, 169, .5);
    border-radius: 5px;
    width: 40px;
    text-align: center;
    font-size: 1.3em;
    line-height: inherit;
    color: #000;
    margin: 0 3px
}

.tour-card-content {
    height: 100%;
    border: 1px solid #24405d;
    background-color: #383653;
    border-radius: 5px;
    -webkit-box-shadow: 0 9px 22px -5px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 9px 22px -5px rgba(0, 0, 0, .75);
    box-shadow: 0 9px 22px -5px rgba(0, 0, 0, .75);
    background-size: cover
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.header.header-inner.index:before {
    content: " ";
    position: absolute;
    background: rgba(0, 37, 93, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.hotel-gallery-thumb {
    display: inline-block;
    background: #00255d;
    overflow: hidden;
    border: 3px solid #e3e3e3;
    vertical-align: middle
}

.hotel-gallery-thumb>img {
    height: 110%!important;
    width: 110%!important;
    margin-bottom: 0!important
}

.hotel-info>h3 {
    color: #383d41
}

.hotel-info {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px
}

.hotel-info-ratings>img {
    margin-bottom: 5px;
    height: 25px
}

.hotel-info-ratings>p {
    text-align: left
}

.offer-details>h2 {
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-bottom: 20px
}

.offer-details>p.address {
    margin-bottom: 20px
}

.offer-details>#map-hotel {
    margin-bottom: 20px
}

.hotel-rooms {
    margin-top: 20px
}

.hotel-room {
    background: #5287d8;
    margin: 15px 0;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background-size: auto;
    min-height: 350px
}

.hotel-room>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.hotel-room .hotel-details-hover>a {
    width: 100%;
    height: 100%;
    position: absolute
}

.hotel-room .hotel-details-hover {
    position: absolute;
    background: rgba(0, 37, 93, .7);
    width: 100%;
    height: 20%;
    bottom: 0
}

.hotel-room .hotel-details-hover {
    display: block;
    opacity: 1
}

.hotel-details-hover h1,
.hotel-details-hover h3 {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: left;
    transform: translateY(-50%);
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(19, 18, 18, .4);
    padding-left: 10px
}

.hotel-details-hover p.hotel-details-view {
    position: absolute;
    width: 100%;
    text-align: right;
    bottom: 5px;
    color: #e3e3e3;
    text-shadow: 0 1px 0 rgba(19, 18, 18, .4);
    padding-right: 5px;
    font-style: italic
}

.hotel-details-hover h1:after,
.hotel-details-hover h3:after {
    content: " ";
    position: absolute;
    height: 3px;
    width: 50px;
    display: block;
    bottom: 0;
    left: 50%;
    background: #00255d;
    transform: translateX(-50%)
}

.hotels-tab-content>.tab-content {
    padding: 0 15px
}

.hotels-tab-content>.tab-content>.tab-pane p {
    text-align: left
}

.hotels-tab-content>.tab-content>.tab-pane>h1,
.hotels-tab-content>.tab-content>.tab-pane>h3 {
    font-size: 1.5em;
    font-weight: lighter;
    color: #00255d
}

#diners .owl-nav,
#hotel-recreations .owl-nav,
#hotel-rooms .owl-nav,
#hotel-weddings .owl-nav,
#hotel-weddings-mobile .owl-nav {
    width: 100%;
    min-height: 30px;
    padding: 10px;
    margin-top: 10px;
    text-align: right
}

#diners .owl-nav .owl-next,
#diners .owl-nav .owl-prev,
#hotel-recreations .owl-nav .owl-next,
#hotel-recreations .owl-nav .owl-prev,
#hotel-rooms .owl-nav .owl-next,
#hotel-rooms .owl-nav .owl-prev,
#hotel-weddings .owl-nav .owl-next,
#hotel-weddings .owl-nav .owl-prev,
#hotel-weddings-mobile .owl-nav .owl-next {
    border: 0;
    border-radius: 20px;
    height: 30px;
    width: 30px;
    -webkit-backface-visibility: visible
}

#diners .owl-nav .owl-next>span,
#diners .owl-nav .owl-prev>span,
#hotel-recreations .owl-nav .owl-next>span,
#hotel-recreations .owl-nav .owl-prev>span,
#hotel-rooms .owl-nav .owl-next>span,
#hotel-rooms .owl-nav .owl-prev>span,
#hotel-weddings .owl-nav .owl-next>span,
#hotel-weddings .owl-nav .owl-prev>span,
#hotel-weddings-mobile.owl-nav .owl-next>span,
#hotel-weddings-mobile.owl-nav .owl-prev>span {
    color: #636363;
    font-size: 8rem;
    -webkit-backface-visibility: visible
}

#diners .owl-nav .owl-next.disabled span,
#diners .owl-nav .owl-prev.disabled span,
#hotel-recreations .owl-next.disabled span,
#hotel-recreations .owl-prev.disabled span,
#hotel-rooms .owl-nav .owl-next.disabled span,
#hotel-rooms .owl-nav .owl-prev.disabled span,
#hotel-weddings .owl-next.disabled span,
#hotel-weddings .owl-prev.disabled span,
#hotel-weddings-mobile.owl-nav .owl-next.disabled span,
#hotel-weddings-mobile.owl-nav .owl-prev.disabled span {
    color: #c8c8c8c8;
    -webkit-backface-visibility: visible
}

#diners .owl-nav,
#hotel-recreations .owl-nav,
#hotel-rooms .owl-nav {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    padding: 0
}

#diners .owl-nav .owl-prev,
#hotel-recreations .owl-nav .owl-prev,
#hotel-rooms .owl-nav .owl-prev {
    position: absolute;
    left: -10px;
    top: -50px
}

#hotel-weddings .owl-nav .owl-prev {
    position: absolute;
    left: -10px;
    top: 140px
}

#diners .owl-nav .owl-next,
#hotel-recreations .owl-nav .owl-next,
#hotel-rooms .owl-nav .owl-next {
    position: absolute;
    right: -10px;
    top: -50px
}

#hotel-weddings .owl-nav .owl-next {
    position: absolute;
    right: -10px;
    top: 140px
}

#diners .owl-dots,
#hotel-recreations .owl-dots,
#hotel-rooms .owl-dots,
#hotel-weddings .owl-dots {
    text-align: center;
    margin-top: 10px
}

#diners .owl-dots .owl-dot,
#hotel-recreations .owl-dots .owl-dot,
#hotel-rooms .owl-dots .owl-dot,
#hotel-weddings .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

#diners .owl-dots .owl-dot span,
#hotel-recreations .owl-dots .owl-dot span,
#hotel-rooms .owl-dots .owl-dot span,
#hotel-weddings .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

#diners .owl-dots .owl-dot.active span,
#holiday-rooms .owl-dots .owl-dot.active span,
#hotel-recreations .owl-dots .owl-dot.active span,
#hotel-weddings .owl-dots .owl-dot.active span {
    background: #626262
}

.card.diner-card {
    background: #fff;
    min-height: 450px;
    margin-bottom: 15px;
    position: relative;
    -webkit-box-shadow: 0 5px 18px -8px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 5px 18px -8px rgba(0, 0, 0, .75);
    box-shadow: 0 5px 18px -8px rgba(0, 0, 0, .75);
    background-size: cover;
    margin: 0 auto
}

.card.diner-card>.diner-img {
    height: 200px;
    overflow: hidden;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.card.diner-card>.diner-img>img {
    height: 110%;
    width: 110%
}

.card.diner-card>.diner-content>h1,
.card.diner-card>.diner-content>h3 {
    font-size: 1.6em;
    font-weight: bolder;
    color: #4e4848;
    text-align: center;
    height: 50px;
    overflow: hidden;
    line-height: 4.8125rem;
    margin: 0
}

.diner-content>p {
    height: 150px;
    overflow: auto;
    color: #505050;
    padding: 10px;
    margin-bottom: 10px
}

.card.diner-card>.diner-footer {
    padding: 0 15px
}

div#diners,
div#hotel-recreations {
    margin: 0 auto
}

#diners .tab-content {
    margin-top: 20px;
    border-top: 1px solid #e3e3e3;
    padding-top: 20px;
    margin-bottom: 100px
}

#diners>.tab-content {
    margin-top: 20px
}

.diner-tab p {
    text-align: left;
    text-align: left;
    margin-bottom: 20px;
    overflow: hidden;
    color: #505050
}

.diner-tab h1,
.diner-tab h3 {
    color: #4e4948;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 4.8125rem;
    margin: 0
}

.sidebar-offer {
    background: #fff;
    border: 5px solid #00255d;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer
}

.sidebar-offer>a>.sidebar-offer-main>h1 {
    font-size: 1.5em;
    color: #00255d;
    line-height: initial;
    width: 100%;
    height: 50px;
    overflow: hidden
}

.sidebar-offer>a {
    text-decoration: none
}

.sidebar-offer>a>.sidebar-offer-sec>p.off-desc {
    height: 50px;
    overflow: hidden;
    line-height: initial;
    font-size: 10pt;
    color: #fff
}

.sidebar-offer>a>.sidebar-offer-main>p.off-duration {
    line-height: initial;
    font-size: 10pt;
    color: #cc4237
}

.sidebar-offer>a>.sidebar-offer-main>.off-airline-logo {
    position: absolute;
    bottom: 5px;
    right: 0;
    height: 40px;
    overflow: hidden
}

.sidebar-offer>a>.sidebar-offer-main {
    height: 150px;
    position: relative;
    padding: 15px
}

.sidebar-offer>a>.sidebar-offer-sec {
    background: #00255d;
    padding: 15px;
    position: relative;
    min-height: 150px
}

.sidebar-offer>a>.sidebar-offer-sec span.read-more {
    position: absolute;
    color: #fff;
    bottom: 10px;
    right: 10px
}

.sidebar-offer>a>.sidebar-offer-sec h3 {
    font-size: 2em;
    margin-bottom: 10px
}

.sidebar-offer>a>.sidebar-offer-sec h3:before {
    content: '£ '
}

.insphols-calendar .fc-toolbar .fc-right {
    display: none
}

.insphols-calendar .fc-toolbar .fc-left {
    float: none;
    display: inline-block
}

.insphols-calendar .fc-toolbar .fc-left>h2 {
    font-size: 1.5em;
    color: #00255d;
    font-weight: 400
}

.insphols-calendar .fc-day-grid-event .fc-content {
    text-align: center
}

.insphols-calendar {
    background: #f7f7f7;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #e3e3e3
}

.insphols-calendar .fc-head {
    background: #00255d;
    color: #e3e3e3
}

.insphols-calendar .fc-head .fc-widget-header tr>th {
    padding: 10px
}

.insphols-calendar .fc-head .fc-widget-header tr>th>span {
    color: #67b0d6
}

.insphols-calendar td {
    border-color: #67b0d6
}

.insphols-calendar td>span {
    color: #00255d;
    font-weight: bolder
}

.insphols-calendar td.fc-today {
    background: #dfecff
}

.price-container .form-group label {
    display: block;
    text-align: center
}

.price-container>.row-centered {
    margin-top: 20px;
    margin-bottom: 20px
}

.price-container>.row-centered .form-group>.form-control {
    border: 1px solid #e3e3e3;
    border-radius: 5px
}

.price-graph {
    margin-bottom: 50px;
    padding: 15px;
    text-align: center;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.price-graph-container {
    margin: 5px
}

.price-graph-container .chart {
    display: block;
    width: 100%;
    height: 200px;
    margin: 0 auto;
    text-align: center
}

.price-graph-container .chart div {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    height: 200px;
    width: 85px
}

.price-graph-container .chart span {
    margin: 0 auto;
    width: 50px;
    display: block;
    background: #abcaf9;
    animation: draw 1s ease-in-out;
    position: absolute;
    bottom: 0
}

.price-graph-container .chart>div:nth-child(odd)>span {
    background: #7da5e0
}

.price-graph-container .chart span:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: block;
    text-align: center;
    content: attr(title);
    word-wrap: break-word;
    background: #00255d;
    font-size: 10pt;
    text-transform: uppercase;
    color: #e3e3e3
}

.price-graph-container .chart span::after {
    content: attr(data-value);
    text-align: center;
    display: block;
    font-size: 10px;
    position: absolute;
    top: 0;
    width: 100%
}

@keyframes draw {
    0% {
        height: 0
    }
}

#inpirationModal .modal-body {
    padding: 0
}

.itineary-collapse.opened {
    display: block
}

.inspholscat-debug {
    height: 100px;
    overflow: auto
}

.when-to-visit-details h1 {
    color: #6f6f6f;
    font-family: Roboto;
    font-size: 35px;
    font-weight: 200;
    margin-bottom: 20px
}

.when-to-visit-details h2 {
    color: #6f6f6f;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 300;
    line-height: 34px;
    margin-bottom: 20px;
    margin-left: 20px;
    border-left: 1px solid #e3e3e3;
    padding-left: 20px
}

.when-to-visit-details p {
    color: #404047;
    font-family: Roboto;
    font-size: 1em;
    font-weight: initial;
    line-height: 26px;
    margin-bottom: 20px;
    text-indent: 50px;
    margin-top: 50px
}

.insp-part {
    float: left
}

.left-insp-part.insp-part,
.right-insp-part.insp-part {
    width: 20%;
    background: #101010;
    display: none
}

.tab-open .left-insp-part.insp-part,
.tab-open .right-insp-part.insp-part {
    display: block
}

.mid-insp-part.insp-part {
    width: 60%;
    background: #ab6464;
    position: relative
}

.mid-insp-part.insp-part .tab-pane.fade {
    display: none
}

.mid-insp-part.insp-part .tab-pane.fade.in.active {
    display: block
}

.tours-cat {
    height: 588px;
    background: #101010;
    padding: 15px;
    overflow: auto;
    position: relative
}

.tours-cat>h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: lighter
}

.tours-cat .insp-tours-wrap {
    padding: 10px 0;
    border-bottom: 1px solid #1f1f1f;
    margin-bottom: 10px
}

.insp-tours-wrap h3 {
    color: #e3e3e3;
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 5px
}

.insp-tours-wrap p {
    color: #525252
}

.insp-tours-wrap span {
    color: #2c7ed6
}

a.insp-tours-back {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-decoration: none
}

a.insp-tours-back:hover {
    color: #f7f7f7;
    text-decoration: none
}

a.insp-tours-back::before {
    content: '✖';
    text-align: center;
    display: block;
    color: #e3e3e3
}

.tour-wrap-content {
    float: left;
    width: 80%
}

.tour-wrap-control {
    float: left;
    width: 20%;
    text-align: center;
    padding: 15px
}

.insp-tours-wrap .insp-select-btn {
    text-transform: uppercase;
    border-radius: 40px;
    min-width: 150px;
    margin-top: 5%
}

.mid-insp-part.insp-part::before {
    content: "";
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .31) 28%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(28%, rgba(0, 0, 0, .31)), color-stop(90%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .31) 28%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .31) 28%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .31) 28%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .31) 28%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 1) 100%);
    width: 100%;
    height: 40%;
    position: absolute;
    z-index: 2;
    bottom: 0
}

.tours-cat div.insp-tours-wrap:last-child {
    margin-bottom: 20%
}

.insp-part-cont {
    height: 588px;
    background: #000;
    position: relative;
    overflow: auto
}

.insp-part-cont .insp-cat {
    height: 200px;
    border: 1px solid #0a0a0a;
    border-bottom: 0;
    text-align: center;
    position: relative;
    background-position: center center;
    background-size: cover
}

.insp-part-cont .insp-cat>a {
    display: block;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.insp-part-cont .insp-cat:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .5)
}

.insp-cat-title>h1 {
    line-height: 200px;
    font-size: 1.5em;
    font-weight: lighter
}

.wrap-div {
    background: #101010
}

.info-inspiration {
    padding: 15px;
    height: 588px;
    overflow: auto
}

.info-inspiration>img {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #232323
}

.desc-info-inspiration {
    margin-bottom: 10px
}

.offer-group-content {
    width: 90%;
    background: #fff;
    margin: 0 auto;
    margin-top: -20%;
    position: relative
}

.offer-group-items {
    padding: 15px
}

.insp-panel {
    background: #062b56;
    padding: 15px;
    color: #e3e3e3;
    margin-bottom: 20px;
    border-radius: 10px
}

.insp-panel>h1 {
    color: #f3f3f3;
    font-weight: inherit;
    font-size: 1.5em;
    margin-bottom: 10px
}

.insp-filter-container {
    margin-bottom: 20px;
    text-align: center
}

.insp-filter-container ul.list-inline>li {
    padding: 10px
}

.tour-images {
    height: 100%
}

#itineary-main-slider .owl-nav {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    min-height: 50px
}

#itineary-main-slider .owl-nav>.owl-next,
#itineary-main-slider .owl-nav>.owl-prev {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    transform: translateY(-50%)
}

#itineary-main-slider .owl-nav>.owl-next span,
#itineary-main-slider .owl-nav>.owl-prev span {
    color: #fff;
    font-size: 2em;
    line-height: 1em
}

#itineary-main-slider .owl-nav>.owl-prev {
    left: 0
}

#itineary-main-slider .owl-nav>.owl-next {
    right: 0
}

#itineary-main-slider .owl-nav>.owl-next.disabled,
#itineary-main-slider .owl-nav>.owl-prev.disabled {
    display: none
}

#itineary-main-slider .owl-nav:before {
    content: "";
    height: 2px;
    background: #949494;
    width: 98%;
    margin: 0 auto;
    display: block
}

.tour-card {
    height: 500px;
    overflow: hidden;
    width: 280px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
    -webkit-box-shadow: -1px 13px 38px -23px rgba(0, 0, 0, .75);
    -moz-box-shadow: -1px 13px 38px -23px rgba(0, 0, 0, .75);
    box-shadow: -1px 13px 38px -23px rgba(0, 0, 0, .75);
    border: 1px solid #f1f1f1
}

.tour-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    width: 170px;
    height: 240px;
    background-image: url(../img/boarding-pas.png);
    background-size: contain;
    background-repeat: no-repeat
}

.tour-card h1 {
    color: #3c3c3c;
    font-size: 1em;
    text-align: center;
    line-height: initial;
    margin: 10px 0
}

.tour-card .tour-card-fig {
    width: 180px;
    height: 230px;
    margin: 0 auto;
    border: 1px dotted #e3e3e3;
    position: relative;
    background: #a0bfff
}

.tour-card .tour-card-fig::before {
    content: "";
    background: rgba(0, 0, 0, .5);
    position: absolute;
    height: 100%;
    width: 100%
}

.tour-card-fig>span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 0;
    text-align: center;
    width: 90%;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.tour-card p.desc {
    color: #5c5c5c;
    font-family: "San Francisco Display", sans-serif
}

.tour-card .btn-container {
    position: absolute;
    bottom: 5%;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

.btn-container .view-iti {
    background: #306ce7;
    color: #e3e3e3;
    height: 50px;
    line-height: 35px;
    border-radius: 30px;
    width: 60%;
    margin-bottom: 5px
}

.btn-container .add-wish {
    display: inline-block;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #e8e8e8;
    border-radius: 28px;
    color: #5c5c5c;
    padding: 4px 20px;
    margin-top: 5px;
    margin-bottom: 7px
}

@media screen and (min-width:1600px) {
    .wide-container {
        width: 1570px!important
    }
}

@media screen and (min-width:1900px) {
    .wide-container {
        width: 1900px!important
    }
    .insp-hotel-card {
        margin: 14px
    }
}

.debug-ib {
    border: 1px dotted red;
    display: inline-block
}

#holiday-offer-dest .owl-stage-outer .owl-stage {
    margin: 0 auto;
    margin-top: 50px
}

#paginate-tours .owl-stage-outer .owl-stage {
    margin: 0 auto;
    margin-top: 50px
}

#holiday-offer-dest .owl-nav,
#holiday-offers .owl-nav,
#paginate-tours .owl-nav {
    height: 30px;
    text-align: right
}

#counter,
#counter-attr,
#counter-blog,
#counter-dest,
#counter-exc,
#counter-hot,
#counter-hotdinner,
#counter-hotrec,
#counter-hotroom,
#counter-hotwed,
#counter-insp,
#counter-tour {
    display: none
}

#holiday-offer-dest .owl-next,
#holiday-offer-dest .owl-prev,
#holiday-offers .owl-next,
#holiday-offers .owl-prev,
#paginate-tours .owl-next,
#paginate-tours .owl-prev {
    background: #bfbfbf;
    height: 30px;
    width: 30px;
    font-size: 12pt;
    border-radius: 5px;
    margin-right: 5px;
    color: #fff;
    line-height: 28px
}

ul.when-list>li>a {
    font-size: 12pt;
    color: #757575;
    padding: 5px 0;
    margin: 5px 0;
    text-decoration: none
}

.insphols-heading {
    color: #404047;
    font-family: Roboto;
    font-size: 35px;
    font-weight: 100;
    line-height: 1;
    margin-bottom: 20px
}

ul.about-menu-list {
    margin-top: 50px;
    margin-left: 0;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px
}

ul.about-menu-list>li {
    padding: 10px 20px
}

ul.about-menu-list>li:first-child {
    padding-left: 0
}

ul.about-menu-list>li.active>a {
    color: #484848;
    font-weight: 500
}

ul.about-menu-list>li>a {
    color: #797979;
    text-decoration: none
}

.about-tabs article {
    margin-top: 20px
}

.about-tabs article>img {
    margin-bottom: 20px
}

.about-tabs article>p {
    line-height: 1.5em
}

.insp-card-small {
    margin-bottom: 25px
}

.insp-card-small-img {
    width: 40%;
    height: 100%;
    float: left;
    margin-right: 10px;
    position: relative
}

.insp-card-small-img img {
    background: #efefef;
    display: block;
    height: 100%;
    width: 100%
}

.insp-card-small-body {
    width: 55%;
    height: 100%;
    float: left
}

.insp-card-small-body>h3 {
    color: #424242;
    font-size: 12pt
}

.insp-card-small-body>h3 {
    color: #424242;
    font-size: 12pt
}

.insp-card.feature-card {
    padding: 15px
}

.insp-card.feature-card>.insp-card-img {
    margin-bottom: 20px
}

.insp-card.feature-card>.insp-card-img>img {
    height: 100%
}

.insp-card.feature-card .insp-card-body>h3 {
    font-size: 16pt;
    color: #424242;
    margin: 10px 0
}

.insp-card.feature-card .insp-card-body>p {
    line-height: 1.5em;
    margin: 20px 0 0 0;
    color: #1b1b1b
}

.insp-card.feature-card .insp-card-body a.btn {
    background: #3b84e2;
    width: 200px;
    display: block;
    text-align: center;
    padding: 8px 10px;
    margin: 0 auto;
    border-radius: 30px;
    color: #fff;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 10px;
    text-decoration: none
}

#county-map-destinations .owl-dots,
#insp-card-wrapper .owl-dots,
#insp-card-wrapper-excursions .owl-dots,
#items-list .owl-dots,
#top-attr-country .owl-dots,
.dot-on .owl-dots {
    text-align: center
}

#county-map-destinations button.owl-dot,
#insp-card-wrapper-excursions button.owl-dot,
#insp-card-wrapper.owl-carousel button.owl-dot,
#items-list button.owl-dot,
#top-attr-country button.owl-dot,
.dot-on button.owl-dot {
    background: 0 0;
    color: #777;
    height: 30px;
    width: 30px;
    border-radius: 4px;
    margin: 1px 1px;
    border: 1px solid #e3e3e3
}

#county-map-destinations button.owl-dot.active,
#insp-card-wrapper-excursions button.owl-dot.active,
#insp-card-wrapper.owl-carousel button.owl-dot.active,
#items-list button.owl-dot.active,
#top-attr-country button.owl-dot.active,
.dot-on button.owl-dot.active {
    background: #3d668a
}

#county-map-destinations button.owl-dot.active>span,
#insp-card-wrapper-excursions.owl-carousel button.owl-dot.active>span,
#insp-card-wrapper.owl-carousel button.owl-dot.active>span,
#items-list button.owl-dot.active>span,
#top-attr-country button.owl-dot.active>span,
.dot-on button.owl-dot.active>span {
    font-size: 12px;
    color: #d6d6d6
}

#county-map-destinations .owl-dots,
#insp-card-wrapper-excursions.owl-carousel .owl-dots,
#insp-card-wrapper.owl-carousel .owl-dots,
#items-list .owl-dots,
#top-attr-country .owl-dots,
.dot-on .owl-dots {
    counter-reset: dots
}

#county-map-destinations .owl-dot>span:before,
#insp-card-wrapper-excursions.owl-carousel .owl-dot>span:before,
#insp-card-wrapper.owl-carousel .owl-dot>span:before,
#items-list .owl-dot>span:before,
#top-attr-country .owl-dot>span:before,
.dot-on .owl-dot>span:before {
    counter-increment: dots;
    content: counter(dots)
}

#items-list .owl-next,
#items-list .owl-prev,
.dot-on .owl-next,
.dot-on .owl-prev,
div#county-map-destinations .owl-next,
div#county-map-destinations .owl-prev,
div#insp-card-mobile-wrapper .owl-next,
div#insp-card-mobile-wrapper .owl-prev,
div#insp-card-mobile-wrapper-excursion .owl-next,
div#insp-card-mobile-wrapper-excursion .owl-prev,
div#top-attr-country-mobile .owl-next,
div#top-attr-country-mobile .owl-prev {
    border-radius: 30px;
    background: #00255d;
    color: #fff
}

div#insp-card-mobile-wrapper .owl-next.disabled,
div#insp-card-mobile-wrapper .owl-prev.disabled,
div#insp-card-mobile-wrapper-excursion .owl-next.disabled,
div#insp-card-mobile-wrapper-excursion .owl-prev.disabled,
div#top-attr-country-mobile .owl-next.disabled,
div#top-attr-country-mobile .owl-prev.disabled {
    opacity: .1
}

div#insp-card-mobile-wrapper .owl-prev,
div#insp-card-mobile-wrapper-excursion .owl-prev,
div#top-attr-country-mobile .owl-prev {
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0
}

div#insp-card-mobile-wrapper .owl-next,
div#insp-card-mobile-wrapper-excursion .owl-next,
div#top-attr-country-mobile .owl-next {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0
}

div#insp-card-mobile-wrapper .owl-nav,
div#insp-card-mobile-wrapper-excursion .owl-nav,
div#top-attr-country-mobile .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%
}

.about-tabs .tab-pane img {
    border: 1px solid #e3e3e3
}

#top-attractions p.lead {
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 14pt
}

.highlight-cont-tab {
    color: #fff
}

.item-image {
    margin-right: 5px;
    width: 20%;
    float: left
}

.item-text-content {
    width: 75%;
    float: left
}

.map-dest-list {
    margin-top: 20px
}

#tour-detail-map {
    height: 400px
}

#tour-overview {
    padding-bottom: 20px
}

.insphols-content-wrapper {
    position: relative;
    margin: 0 auto;
    padding-top: 20px
}

.grey-bg {
    background: #dadada
}

.header-inner.tours-page .header-container hgroup h1 {
    margin-bottom: 20px
}

.header-inner.tours-page .header-container hgroup h3 {
    margin-bottom: 20px
}

.header-inner.tours-page .header-container hgroup ul.list-inline>li.active>a {
    font-weight: bolder
}

.header-inner.tours-page .header-container hgroup ul.list-inline>li>a {
    color: #fff;
    font-size: 1.3em;
    text-decoration: none
}

.insphols-content-wrapper .filter-top {
    padding: 15px;
    margin-bottom: 20px;
    text-align: center
}

.panel.insp-filter-panel {
    padding: 15px 15px 30px 15px;
    background: #003c5d;
    color: #e3e3e3
}

.panel.insp-filter-panel button {
    color: #000
}

.insp-filter-panel-title {
    font-size: 1.3em;
    line-height: initial;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 500
}

.filter-container-title {
    color: #003c5d;
    font-size: 1em
}

.bu {
    position: absolute;
    background-size: cover;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center center
}

.top-cent {
    background-position: top center!important
}

.tour-single-card {
    margin-bottom: 20px;
    min-height: 450px
}

.tour-single-boxed-title {
    height: 230px;
    position: relative;
    margin: 0 auto;
    background: #f1f1f1
}

span.boxed-title-text {
    position: absolute;
    padding: 10px 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 1.3em;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bolder;
    text-transform: uppercase
}

.tour-single-boxed-title>span.bu::after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.tour-single-desc>h3 {
    color: #000;
    font-size: 1.35em;
    text-align: center;
    margin-top: 10px;
    line-height: initial
}

.tour-single-desc {
    text-align: center
}

span.tours-pricing {
    color: #c32e1c;
    font-size: 1.45em
}

.curr-CAD::before {
    content: "C$";
    margin-right: 5px
}

.curr-USD::before {
    content: "$";
    margin-right: 5px
}

.curr-AED::before {
    content: "AED";
    margin-right: 5px
}

.curr-ZAR::before {
    content: "R";
    margin-right: 5px
}

.curr-GBP::before {
    content: "£";
    margin-right: 5px
}

.btn-price-off .curr-GBP::before {
    content: "£";
    margin-right: 0!important
}

.button-holder {
    height: 40px;
    margin-top: 5px
}

a.btn-add-wishlist-vert {
    display: inline-block;
    color: #fff;
    font-family: "San Francisco Display", sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #e8e8e8;
    border-radius: 28px;
    color: #5c5c5c;
    padding: 4px 20px;
    margin-top: 5px;
    margin-bottom: 7px
}

#filter-list>li>a {
    padding: 10px;
    display: block;
    text-decoration: none;
    color: #003c5d
}

ul#aboutCityTabs>li.active,
ul#filter-list>li.active {
    background: #003c5d;
    border-radius: 25px
}

ul#aboutCityTabs>li.active>a,
ul#filter-list>li.active>a {
    color: #e3e3e3
}

ul#aboutCityTabs>li:first-child {
    padding-left: 20px
}

ul.list-unstyled.list-stacked>li>a {
    display: block;
    color: #e3e3e3;
    border-bottom: 1px solid #0e4665;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px
}

ul.list-unstyled.list-stacked {
    display: inline-block
}

ul.list-unstyled.list-stacked.accordion.radio-like {
    display: block
}

ul.list-unstyled.list-stacked>li {
    margin-bottom: 5px
}

ul.list-unstyled.list-stacked {
    margin-left: 0
}

ul.list-unstyled.list-stacked>li>a:hover {
    background: #225d7d
}

ul.areas>li>a {
    display: block;
    color: #888;
    padding: 8px 3px;
    text-decoration: none;
    position: relative;
    padding-left: 20px
}

ul.list-unstyled.list-stacked>li:not(.collapse) {
    display: block;
    width: 100%
}

ul.list-stack-child>li>a {
    display: inline-block;
    color: #888;
    padding: 8px 3px;
    text-decoration: none;
    position: relative;
    padding-left: 20px
}

ul.areas>li>a:hover,
ul.list-stack-child>li>a:hover {
    background: #0f4969;
    color: #e3e3e3
}

ul.list-stack-child>li {
    border-bottom: 1px solid #143e54
}

ul.radio-like>li>a {
    position: relative;
    padding-left: 20px
}

ul.radio-like>li>a>span {
    content: "";
    background: #d4d4d4;
    position: absolute;
    height: 10px;
    width: 10px;
    left: 0;
    border-radius: 25px;
    top: 15px
}

ul.radio-like>li>a.opened>span {
    background: #4d9cc7;
    height: 11px;
    width: 11px;
    border: 3px solid #d4d4d4
}

.btn-bottom {
    margin-top: 20px
}

.btn-radius {
    border-radius: 25px
}

div#filter-country-container .autocomplete-items {
    position: absolute;
    background: #102b3a;
    width: 100%;
    padding: 10px;
    overflow: auto;
    color: #e3e3e3;
    max-height: 300px;
    top: 40px;
    z-index: 1500
}

div#filter-country-container {
    position: relative;
    margin-bottom: 0
}

div#filter-country-container .autocomplete-items>div:hover {
    background: #12374c
}

.modal-dialog.loading-dialog {
    position: absolute;
    width: 50px;
    height: 50px;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    text-align: center;
    line-height: 50px
}

#loadingModal .fa-spinner {
    font-size: 42px;
    color: #19384e
}

.hidden-md.hidden-lg>.section-left {
    margin-top: 40px
}

div#map-hotel-mobile {
    height: 300px
}

.explore-map-section {
    margin-top: 20px;
    padding: 15px
}

.explore-map-section>a {
    text-decoration: none
}

.modal-body .modal-title {
    font-size: 1.5em;
    font-weight: lighter;
    margin-bottom: 10px;
    text-align: center
}

.insphols.media {
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
    margin-top: 0;
    display: block;
    cursor: pointer
}

.insphols.media .media-heading {
    font-weight: initial;
    color: #0c1b25
}

a.cover-click {
    position: absolute;
    width: 100%;
    height: 100%
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-5 {
    margin-bottom: 5px
}

.bs-wizard {
    margin-top: 20px;
    margin-bottom: 20px
}

.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0
}

.bs-wizard>.bs-wizard-step {
    padding: 0;
    position: relative
}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 16px;
    margin-bottom: 5px
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    background: #e2e2e2;
    top: 35px;
    left: 40%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
    content: ' ';
    width: 30px;
    height: 30px;
    background-color: #ececec;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-repeat: no-repeat;
    background-position: center center
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot.hotel:after {
    background-image: url(../../media/img/hotelicon.png)
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot.arrival:after {
    background-image: url(../../media/img/arrival.png)
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot.departure:after {
    background-image: url(../../media/img/departure.png)
}

.bs-wizard>.bs-wizard-step>.progress {
    position: relative;
    border-radius: 0;
    height: 8px;
    box-shadow: none;
    margin: 20px 0
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
    width: 0;
    box-shadow: none;
    background: #e2e2e2
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
    width: 100%
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
    width: 50%
}

.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
    width: 0%
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
    width: 100%
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
    background-color: #f5f5f5
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
    opacity: 0
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
    left: 50%;
    width: 50%
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
    width: 50%
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none
}

.bs-wizard-step.complete.last .progress {
    width: 50%
}

p.offer-info {
    margin-bottom: 20px;
    font-size: 1.5rem
}

ul.list-unstyled.offer-info>li {
    margin: 0;
    font-size: 1.5rem;
    padding: 0;
    margin-bottom: 5px
}

ul.list-unstyled.offer-info {
    margin-bottom: 10px
}

.insphols-panel .panel-title {
    font-size: 2rem;
    margin-bottom: 5px
}

.panel.panel-primary.insphols-panel>.panel-heading {
    background: #00255d;
    border-color: #00255d;
    color: #e3e3e3
}

.insphols-panel .panel-footer {
    background: #dbb37c;
    padding: 20px 10px;
    border-top: 0
}

#offer-map {
    height: 500px;
    margin-bottom: 20px
}

.insphols-well.well.well-sm>p {
    margin-bottom: 10px
}

.insphols-well.well.well-sm>h2>a {
    color: #00255d
}

.insphols-well.well.well-sm>h2 {
    margin-bottom: 5px
}

.insphols-well.well.well-sm>h3 {
    margin-bottom: 10px;
    color: #6c81a0
}

.insphols-well.well.well-sm {
    background: #f7f7f7
}

.form-container {
    margin-top: 50px;
    margin-bottom: 50px
}

h3.offer-tagline {
    font-size: 2rem
}

h3.offer-tagline.colored {
    color: #ffeda6;
    font-size: 3em;
    line-height: initial
}

h3.offer-tagline.colored span.small {
    color: inherit;
    font-size: .45em
}

.btn-insphols {
    background: #324251;
    margin-top: 10px;
    color: #fff
}

.btn-insphols:active,
.btn-insphols:hover,
.btn-insphols:visited {
    color: #e3e3e3
}

.offer-details {
    color: #fff;
    font-size: 2rem;
    line-height: initial;
    padding: 0!important;
    font-style: italic;
    font-weight: lighter
}

.offer-airline-icon {
    width: 120px;
    margin-top: 20px
}

.form-container .form-control {
    border: 1px solid #e3e3e3
}

.blog-post-img-wrapper {
    border: 1px solid #e3e3e3;
    position: relative;
    background-size: cover;
    background-position: center
}

.blog-post-article-content-text img {
    margin-bottom: 10px
}

.blog-post-article-content-text,
.blog-post-article-content-text p {
    font-size: 14pt!important;
    line-height: initial!important;
    color: #353535!important;
    opacity: 1!important;
    font-family: inherit!important
}

.terms_shares p {
    color: #fff!important
}

ul.text-center.list-inline.dd-menu {
    margin-bottom: 15px;
    margin-top: 10px
}

.carousel-me-thumbnail .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    min-height: 40px;
    transform: translateY(-50%);
    line-height: 40px
}

.carousel-me-thumbnail.owl-carousel .owl-nav button.owl-next,
.carousel-me-thumbnail.owl-carousel .owl-nav button.owl-prev {
    background: #fff;
    width: 40px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .39);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .39);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .39)
}

.carousel-me-thumbnail.owl-carousel .owl-nav button.owl-next>span,
.carousel-me-thumbnail.owl-carousel .owl-nav button.owl-prev>span {
    color: #252525;
    font-size: 20px;
    line-height: initial
}

.carousel-me-thumbnail.owl-carousel .owl-nav button.owl-next {
    right: 0;
    position: absolute
}

.carousel-me-thumbnail.owl-carousel .owl-nav button.owl-next.disabled {
    opacity: .3
}

.carousel-me-thumbnail.owl-carousel .owl-nav button.owl-prev {
    margin-left: 5px
}

.carousel-me-thumbnail.owl-carousel .owl-nav button.owl-next {
    margin-right: 5px
}

ul.text-center.list-inline.dd-menu>li {
    padding: 5px 3px
}

.thumbnail .caption h3 {
    font-size: 1.3em;
    color: #2f2f2f
}

.thumbnail img {
    display: block;
    width: 100%;
    height: 100%
}

.ctry-thumb.thumbnail>a,
.thumbnail>a {
    display: block;
    background: #e3e3e3;
    overflow: hidden
}

.blog-post {
    padding: 10px
}

section.full-height.results-section {
    position: relative
}

.results-section {
    background: url(../img/search-main-banner.jpg) 0 0 no-repeat cover
}

.results-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 37, 93, .5)
}

.results-section .search-box {
    position: absolute;
    width: 100%;
    bottom: 0
}

.search-box .search-box-wrapper {
    background: #003c5d;
    padding: 20px 10px
}

.search-box .form-group label {
    color: #e3e3e3
}

.search-box .form-group label>span {
    display: block
}

.search-box .form-group input {
    color: #003c5d
}

.searchbox-btn {
    margin-top: 15px
}

.media-card-image.pull-left {
    position: relative;
    border: 1px solid #e3e3e3;
    background: #e3e3e3
}

.media-card-content.pull-left {
    padding: 10px
}

.media-card-white {
    background: #fff
}

.media-card-content {
    height: 100%;
    position: relative
}

.media-card-controls {
    padding: 15px
}

.media-card {
    border: 1px solid #e3e3e3;
    margin-bottom: 20px
}

.btn-list-back {
    margin-top: 10px
}

a.insp-top-item {
    text-decoration: none
}

a.insp-top-item {
    display: inline-block;
    height: 70px;
    width: 48%;
    background: #fff;
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
    margin-right: 10px
}

a.insp-top-item .media {
    height: 100%
}

a.insp-top-item .media .media-left {
    height: 100%
}

a.insp-top-item .media .media-left .media-object {
    display: block;
    background: #efefef;
    height: 60px;
    width: 60px;
    margin-top: 4px;
    margin-left: 4px
}

a.insp-top-item .media .media-body h4.media-heading {
    font-size: 12pt;
    font-weight: bolder;
    margin: 5px 0;
    color: #696969
}

a.insp-top-item .media .media-body p {
    font-size: 10pt;
    color: #909090;
    line-height: initial;
    height: 35px;
    overflow: hidden;
    text-align: justify;
    position: relative;
    margin-bottom: 10px;
}

a.insp-top-item .media .media-body p::before {
    content: "...";
    background: #fff;
    position: absolute;
    height: 15pt;
    width: 10pt;
    bottom: -5px;
    right: 0;
    line-height: 20px
}

#destination-contents {
    position: relative;
    padding-bottom: 30px
}

.page_navigation {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%
}

.page_navigation a,
.page_navigation span {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 0 1px;
    line-height: 30px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    color: #777;
    text-decoration: none
}

a#pgback-btn {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    color: #003a58;
    text-decoration: none;
    padding: 2px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f3f3f3;
    font-size: 10pt;
    text-transform: uppercase
}

.page_navigation a.no_more {
    color: #b9b9b9;
    border: 1px solid #e3e3e3
}

.page_navigation a.active_page {
    background: #3d668a;
    color: #e3e3e3
}

.header-inner.blog::before {
    content: " ";
    position: absolute;
    background: rgba(0, 37, 93, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.blog-post-article-content-text img {
    margin: 10px 0
}

.blog-post-article-content-text {
    margin-top: 10px
}

.hot_bg_ban::after {
    content: "";
    background: rgba(0, 37, 93, .5);
    position: absolute;
    width: 100%;
    height: 100%
}

.hot_offer>a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1
}

.country-filter-checkbox {
    float: left;
    margin-top: 14px!important;
    display: block;
    z-index: 1;
    position: inherit
}

.area-filter-checkbox {
    float: left;
    margin-top: 11px!important;
    display: block;
    z-index: 1;
    position: inherit
}

.insp-results {
    height: 600px;
    color: #e3e3e3;
    background: #1f1f1f
}

.insp-results>.insp-col {
    float: left
}

.right-hand.insp-col {
    width: 25%;
    height: 100%;
    overflow: auto
}

.middle-pane.insp-col {
    width: 50%;
    height: 100%;
    overflow: auto;
    padding: 50px 0
}

.insp-vert-card {
    height: 150px;
    overflow: hidden;
    width: 100%;
    position: relative;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
    cursor: pointer
}

.insp-vert-card:hover::after {
    background: rgba(0, 0, 0, .25)
}

.insp-vert-card::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0
}

.insp-vert-card>ul {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    left: 0
}

.insp-vert-card>ul>li {
    color: #e6e6e6;
    font-size: 10pt;
    line-height: initial
}

.insp-vert-card>ul>li>h2,
.insp-vert-card>ul>li>h4 {
    color: #e3e3e3;
    font-size: 12pt;
    line-height: initial;
    margin: 0
}

.middle-pane.insp-col>div.tour-data {
    width: 70%;
    margin: 0 auto;
    border-bottom: 1px solid #383d41;
    display: table;
    padding: 10px;
    cursor: pointer
}

.tour-data.hidden {
    display: none
}

.tour-data-details h2,
.tour-data-details h4 {
    font-size: 14pt;
    margin-bottom: 5px;
    color: #464646
}

.tour-data-controls,
.tour-data-details {
    display: table-cell;
    vertical-align: middle
}

.tour-data-details {
    width: 80%
}

.tour-data-details p {
    font-size: 10pt;
    color: #545151;
    margin-bottom: 10px
}

.tour-data-details ul>li.tour-duration {
    color: #1d415f;
    padding-right: 15px;
    border-right: 1px solid #1d415f
}

.tour-data-details ul>li.tour-price {
    color: #636363
}

.tour-data-controls .btn-rounded {
    color: #867979
}

.btn-rounded {
    border-radius: 50px;
    min-width: 100px
}

.tour-data.active,
.tour-data:hover {
    cursor: pointer
}

.tour-data.active .tour-data-details h2,
.tour-data.active .tour-data-details h4,
.tour-data:hover .tour-data-details h2,
.tour-data:hover .tour-data-details h4 {
    color: #fff
}

.tour-data.active .tour-data-details ul>li.tour-duration,
.tour-data:hover .tour-data-details ul>li.tour-duration {
    color: #337ab6;
    border-right: 1px solid #337ab6
}

.tour-data.active .tour-data-details ul>li.tour-price,
.tour-data:hover .tour-data-details ul>li.tour-price {
    color: #fff
}

.tour-data.active .tour-data-details p,
.tour-data:hover .tour-data-details p {
    color: #bbb
}

.tour-data.active .tour-data-controls .btn-rounded,
.tour-data:hover .tour-data-controls .btn-rounded {
    color: #fff
}

.no-tours-warning,
.view-all-tours {
    padding: 20px;
    text-align: center;
    color: #676767;
    display: none;
    margin-bottom: 10px
}

.view-all-tours {
    display: block
}

div#insp-result {
    width: 25%;
    height: 100%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden
}

.loading-results {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.loading-results::after {
    content: "Loading Results";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.iti-wrapper img {
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #3c3c3c;
    width: 100%
}

.iti-container {
    margin-top: 15px;
    margin-bottom: 15px
}

.iti-wrapper h2 {
    padding: 0 15px;
    margin: 0;
    font-size: 14pt;
    color: #e3e3e3
}

.iti-container .iti-item {
    margin-bottom: 10px;
    padding: 15px;
    clear: both;
}

.iti-item h2 {
    padding: 0;
    margin-bottom: 10px;
    font-size: 12pt;
    color: #337ab7
}

.iti-item p {
    color: #bbb;
    font-size: 10pt
}

.iti-item p>a {
    display: block
}

.iti-day .iti-img {
    float: left;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    position: relative
}

.iti-day .iti-desc {
    float: left
}

.iti-day {
    margin-bottom: 15px
}

.iti-slider-label {
    position: absolute;
    width: 100%;
    bottom: 10px;
    text-align: center;
    color: #e3e3e3;
    z-index: 1;
    font-weight: bolder
}

.iti-excursions {
    margin: 15px 0
}

.iti-excursions>h2 {
    margin: 0;
    font-size: 14pt;
    padding: 0;
    text-align: left
}

.iti-excursions ul>li>a {
    color: #2398d6;
    font-size: 12pt;
    text-decoration: none
}

.offer-star-rating {
    height: 0
}

.offer-star-rating li {
    float: unset
}

.insp-result-btn {
    padding: 15px;
    text-align: right;
    float: right;
    padding-top: 0;
}

.btn-insp {
    background-color: #003054;
    color: #e3e3e3
}

.btn-insp.focus,
.btn-insp:focus,
.btn-insp:hover {
    color: #e3e3e3;
    background-color: #01365f
}

.insp-result-btn .btn {
    text-transform: uppercase
}

.inspiration-card-body ul>li {
    padding: 0
}

div#insp-listings {
    padding: 10px 0
}

div#insp-listing-content,
div#insp-lst-res {
    background: #1f1f1f;
    margin-top: 20px
}

div#insp-listing-content .tour-data-mobile {
    border-bottom: 1px solid #383d41;
    margin-bottom: 10px;
    padding: 10px;
    color: #e3e3e3
}

.tour-data-mobile>.tour-data-mobile-details {
    color: #e3e3e3
}

.tour-data-mobile>.tour-data-mobile-details>h2,
.tour-data-mobile>.tour-data-mobile-details>h4 {
    color: #fff
}

.tour-data-mobile-controls {
    height: 50px;
    display: table;
    width: 100%
}

.tour-data-mobile-left,
.tour-data-mobile-right {
    display: table-cell;
    vertical-align: middle
}

.tour-data-mobile-right {
    width: 20%
}

.tour-data-mobile-left {
    width: 80%;
    color: #6fb0e2
}

.tour-price-footer ul>li:first-child {
    margin-bottom: 15px
}

.tour-price-footer ul>li>strong {
    font-size: 14px
}

.tour-price-footer ul>li {
    font-size: 10px
}

.tour-price-footer ul>li>span {
    display: block;
    line-height: 0;
    right: 9px;
    position: absolute
}

.iti-wrapper-mobile h2 {
    color: #e3e3e3
}

.with-nav .owl-nav {
    position: absolute;
    height: 40px;
    width: 100%;
    top: 50%;
    line-height: 40px
}

.with-nav .owl-nav>.owl-next,
.with-nav .owl-nav>.owl-prev {
    background-color: #144875!important;
    width: 40px;
    height: 40px;
    position: absolute;
    color: #fff!important;
    border-radius: 30px;
    border: 1px solid #2a89d8!important
}

.with-nav .owl-nav>.owl-prev {
    left: 5px
}

.with-nav .owl-nav>.owl-next {
    right: 5px
}

.with-nav .owl-nav>.owl-next>span,
.with-nav .owl-nav>.owl-prev>span {
    font-size: 22pt;
    line-height: 0;
    display: block;
    margin-top: -2px
}

.with-nav .owl-nav>.owl-next.disabled,
.with-nav .owl-nav>.owl-prev.disabled {
    opacity: .3
}

.btn-listing {
    margin-top: 65px
}

ul#destination-nav-mobile>li {
    float: left;
    display: block;
    padding: 0;
    width: 50%
}

ul#destination-nav-mobile>li>a {
    text-align: center;
    padding: 5px 10px
}

a.dest-card {
    display: inline-block;
    padding: 15px;
    min-height: 300px;
    width: 100%
}

a.dest-card .dest-card-image {
    position: relative;
    overflow: hidden;
    background: #e8e8e8;
    height: 250px
}

.dest-card-content p {
    color: #6f6f6f
}

div#list-view-items {
    position: relative;
    height: 470px
}

.map-list-item {
    padding: 15px 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e3e3e3e3;
    display: block;
    color: #4a4a4a
}

.map-list-item-img {
    display: table-cell;
    width: 20%;
    vertical-align: middle
}

.map-list-item-body {
    display: table-cell;
    width: 80%;
    vertical-align: top
}

.map-list-item-body>h2 {
    font-size: 12pt;
    margin: 0;
    margin-bottom: 5px
}

.map-list-item-img img {
    border: 1px solid #e3e3e3;
    width: 40px;
    height: 40px
}

div#list-view-items .btn {
    position: absolute;
    left: 0;
    bottom: 50px
}

section#tour-gallery .title-underlined {
    font-size: 30px;
    font-weight: 500
}

section#tour-gallery {
    padding: 30px 0
}

section#tour-gallery p.gallery-desc {
    padding-top: 2.75rem;
    padding-bottom: 1rem;
    color: #3a3a43;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 2.625rem;
    text-align: center
}

div#exlore-map,
div#list-view-map-explore {
    min-height: 650px
}

div#list-view-items-explore .media .media-left>img {
    width: 50px
}

div#list-view-items-explore .media .media-left {
    vertical-align: middle
}

div#list-view-items-explore .media {
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    padding: 11px;
    cursor: pointer;
    display: table;
    width: 100%;
    color: #1d1d1d
}

div#list-view-items-explore .media .media-body .media-heading {
    font-size: 12pt;
    text-align: left;
    font-weight: bolder;
    margin: 0 0 5px
}

div#list-view-items-explore {
    position: relative;
    height: 600px;
    margin-top: 20px
}

.btn-explore {
    border: 1px solid;
    margin-top: 20px
}

div#list-view-items-explore .btn {
    font-size: 1.2em;
    padding-bottom: 10px
}

.modal.full-screen-modal .modal-dialog {
    height: auto
}

.tour-slid .blog-post {
    height: 400px;
    display: block
}

.blog-post-content {
    height: 180px;
    position: relative
}

.tour-slid .blog-post .img-wrapper {
    height: 200px
}

.tour-slid .blog-post .img-wrapper img {
    max-height: 200px
}

.blog-post-footer .media img {
    width: 40px;
    height: 40px
}

.blog-post-footer {
    position: absolute;
    bottom: 0
}

.tour-offer-card {
    height: 300px;
    position: relative;
    display: block;
    color: #fff;
    z-index: 1
}

.tour-offer-card:hover {
    color: #fff
}

.tour-offer-card .tour-offer-detail {
    width: 70%;
    float: left;
    padding: 20px;
    height: 100%;
    position: relative
}

.tour-offer-card .tour-offer-subdetail {
    width: 30%;
    float: left;
    height: 100%;
    position: relative
}

.tour-offer-detail h1 {
    font-size: 12pt;
    text-transform: uppercase;
    line-height: inherit;
    padding: 10pt;
    border-top: 2px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3
}

.tour-offer-detail p {
    color: #fff;
    margin-top: 20px
}

.tour-offer-detail h2 {
    position: absolute;
    bottom: 0;
    color: #e3e3e3;
    font-size: 14pt
}

.tour-offer-price {
    background: #003c5d;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    border-bottom-left-radius: 5px
}

.tour-offer-price h1 {
    font-size: 14pt;
    line-height: initial;
    color: #e3e3e3
}

.tour-offer-startend {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px
}

.tour-offer-price span {
    text-align: right;
    display: block;
    font-style: italic
}

.tour-offer-0 {
    background: #00245d;
    position: relative
}

.tour-offer-0::before {
    content: "";
    position: absolute;
    background: rgba(0, 36, 93, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.tour-slid.with-nav .owl-nav {
    width: 110%;
    top: 50%;
    transform: translateX(-50%);
    left: 50%
}

section.insphols-section.explore .dest-container {
    height: initial
}

.tour-item-tour .holiday-card-foot.tour-price-footer ul>li {
    font-size: 10pt
}

.tour-item-tour .holiday-card-foot.tour-price-footer .tt-info,
.tour-item-tour .holiday-card-foot.tour-price-footer .tt-pricing {
    width: 50%;
    height: 100%;
    padding: 5px 10px
}

.tour-item-tour .holiday-card-foot.tour-price-footer ul>li {
    padding: 0
}

.tour-item-tour .holiday-card-foot.tour-price-footer .tt-pricing>ul>li {
    text-align: right
}

.tour-item-tour .holiday-card-foot.tour-price-footer .tt-pricing>ul>li.tt-price {
    position: relative;
    font-weight: bolder;
    font-size: 12pt
}

.tour-item-tour .holiday-card-foot.tour-price-footer .tt-pricing>ul>li.tt-price>span {
    position: unset;
    display: inline-block
}

.tour-item-tour .holiday-card-foot.tour-price-footer .tt-pricing>ul>li:first-child {
    margin-bottom: 10px
}

.tour-item-tour .holiday-card-foot.tour-price-footer .tt-pricing>ul>li.tt-price::before {
    content: "from";
    font-size: 8pt;
    font-weight: 100;
    top: 0;
    position: absolute;
    left: 10px;
    font-style: italic
}

.tour-item-tour .holiday-card-foot.tour-price-footer .tt-pricing>ul>li.tt-price::after {
    content: "person";
    position: absolute;
    font-size: 8pt;
    bottom: -10px;
    right: 0;
    font-weight: 100;
    font-style: italic
}

.blog-container {
    position: relative;
    z-index: 2
}

.latest-post {
    background-color: #e3e3e3!important;
    background-position: center center!important;
    background-size: cover!important;
    position: relative
}

.latest-post::before {
    content: "";
    position: absolute;
    width: 100%;
    background: rgba(15, 48, 81, .52);
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.latest-post-info {
    color: #fff;
    margin-top: 20px
}

.latest-post-info .blog-post-footer {
    position: initial
}

.blog-post-text>h3>a {
    font-size: 14pt
}

.blog-post-text span.read-more>a {
    display: inline-block;
    font-style: italic;
    padding: 0;
    margin-top: 10px;
    opacity: 1;
    font-size: 10pt;
    text-shadow: 2px 2px 5px #313131
}

.blog-post-text span.read-more {
    display: block;
    text-align: right
}

.blog-post-text h3 {
    margin: 0 0 15px;
    font-size: 2rem;
    color: #fff;
    text-shadow: 2px 2px 5px #313131
}

.blog-post-text p {
    text-shadow: 2px 2px 5px #313131
}

div#cheapest-price-panel h2 {
    font-size: 12pt;
    text-align: left;
    margin: initial;
    color: #565656;
    font-weight: inherit;
    margin-bottom: 5px
}

.cp-info {
    border-bottom: 1px solid #00235d;
    padding: 15px
}

.cp-flight h3,
.cp-info h2,
.cp-info p {
    color: #00245d!important;
    font-weight: bolder!important
}

.cp-flights {
    border-bottom: 1px solid #00235d;
    margin-bottom: 10px;
    padding: 15px
}

.cp-flight {
    padding: 10px 0 5px 0;
    margin-bottom: 5px;
    position: relative
}

span.cp-flight-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 30px
}

.cp-flight:first-child {
    border-bottom: 1px dashed #a0a0a0
}

.cp-flight p {
    font-size: 1em;
    color: #00245d;
    font-weight: bolder
}

div#cheapest-price-panel>.panel-heading {
    background-color: #00245d;
    color: #fff;
    font-size: 12pt;
    border-color: #7da4e0
}

.cp-pricing {
    padding: 15px
}

.cp-pricing>a {
    font-size: 12pt;
    color: #6291da;
    font-weight: bolder
}

.cp-pricing>a.collapsed:after {
    content: "\f106";
    font-family: FontAwesome;
    margin-left: 5px
}

.cp-pricing>a:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 5px
}

div#cp-pri {
    padding: 10px 0;
    border-top: 1px dashed #e3e3e3;
    margin-top: 10px;
    border-bottom: 1px dashed #e3e3e3
}

.cp-person>h3 {
    font-size: 14pt;
    color: #ff007f;
    font-weight: bolder
}

.cp-person>h2 {
    font-size: 12pt;
    color: #4c4c4c!important;
    font-weight: bolder
}

.cp-person {
    margin-bottom: 5px
}

.cp-person h2 {
    color: #4c4c4c!important
}

.cp-person.with-bottom-border {
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px
}

.cp-person.discounted>h2 {
    color: #ff007f!important
}

h2.br-tour-info.br-tour-info-price>span {
    display: block;
    font-size: 12pt;
    font-weight: initial;
    font-style: italic
}

.inspiration-card h2,
.inspiration-card h4 {
    font-size: 2rem;
    color: #e3e3e3;
    font-weight: bolder
}

.insp-cal {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e3e3e3
}

.insp-cal .fc-today-button {
    display: none
}

.insp-cal.hidden-nav .fc-button-group {
    display: none
}

.insp-cal .fc-toolbar .fc-left {
    width: 100%;
    position: relative
}

.insp-cal .fc-toolbar .fc-left>h2 {
    text-align: center;
    float: none;
    font-size: 1.3em;
    line-height: 2em;
    font-weight: bolder;
    color: #00235d
}

.insp-cal .fc-button-group {
    width: 100%;
    float: none!important;
    position: absolute;
    top: 0;
    left: 0
}

.insp-cal .fc-toolbar.fc-header-toolbar {
    position: relative
}

.insp-cal .fc-button-group .fc-next-button {
    float: right
}

.insp-cal .fc-toolbar>*>* {
    margin: 0
}

.insp-cal .fc-row.fc-widget-header {
    background: #00245d;
    color: #fff
}

.insp-cal td.fc-today {
    background: #6ba6d8;
    color: #fff
}

.hotel-rec-holder {
    position: relative
}

#pricing {
    display: none
}

.panel-heading>span::after {
    content: "person";
    position: absolute;
    font-size: 7pt;
    bottom: -7px;
    right: 0
}

.panel-heading>span {
    position: relative
}

.insp-cal .ic-btn {
    position: absolute;
    top: 15px
}

.insp-cal .ic-btn.left {
    left: 30px
}

.insp-cal .ic-btn.right {
    right: 30px
}

.insp-cal .fc-content {
    text-align: center;
    padding: 2px 3px
}

div#pricing-details {
    display: none
}

.pricing-other-info {
    margin-top: 20px
}

.media-card-content .star-rating {
    display: inline-block
}

.media-card-content .star-rating .icon-Star {
    font-size: 14px
}

.media-card-content h2 {
    font-size: 16pt;
    font-weight: initial;
    margin: 0;
    line-height: 18pt
}

.media-card-content p.media-card-desc {
    margin-top: 20px
}

.tripadvisor-rating {
    bottom: 0;
    padding: 15px 0
}

.cradio {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 0
}

.cradio:hover input~.checkmark {
    background-color: #ccc
}

.cradio input:checked~.checkmark {
    background-color: #2196f3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.cradio input:checked~.checkmark:after {
    display: block
}

.cradio .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slider-selection {
    background: #f77500!important
}

.slider-success .slider-selection {
    background-color: #5cb85c!important
}

.slider-primary .slider-selection {
    background-color: #428bca!important
}

.slider-info .slider-selection {
    background-color: #5bc0de!important
}

.slider-warning .slider-selection {
    background-color: #f0ad4e!important
}

.slider-danger .slider-selection {
    background-color: #d9534f!important
}

.slider.slider-horizontal {
    width: 100%!important;
    height: 20px
}

.slider-handle {
    background-color: #fff!important;
    background-image: none!important;
    -webkit-box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, .75)!important;
    -moz-box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, .75)!important;
    box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, .75)!important
}

.slider-strips .slider-selection {
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, .08) 5px, rgba(252, 252, 252, .08) 10px)!important;
    background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, .08) 5px, rgba(252, 252, 252, .08) 10px)!important;
    background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, .08) 5px, rgba(252, 252, 252, .08) 10px)!important;
    background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, .08) 5px, rgba(252, 252, 252, .08) 10px)!important
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #bdbdbd!important;
    text-align: center;
    background-color: transparent!important;
    border-radius: 4px
}

.tooltip.top .tooltip-arrow {
    display: none!important
}

.slider .tooltip.top {
    margin-top: -25px!important
}

.well {
    background: 0 0!important;
    border: none!important;
    box-shadow: none!important;
    width: 100%!important;
    padding: 0
}

.slider-ghost .slider-track {
    height: 5px!important
}

.slider-ghost .slider-handle {
    top: -2px!important;
    border: 5px solid #f77500
}

.slider-success.slider-ghost .slider-handle {
    border-color: #5cb85c
}

.slider-primary.slider-ghost .slider-handle {
    border-color: #428bca
}

.slider-info.slider-ghost .slider-handle {
    border-color: #5bc0de
}

.slider-warning.slider-ghost .slider-handle {
    border-color: #f0ad4e
}

.slider-danger.slider-ghost .slider-handle {
    border-color: #d9534f
}

.fc-state-highlight {
    background: #35a21a
}

ul.list-inline.filter-block-menu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #003c5d;
    font-weight: 700
}

ul.list-inline.filter-block-menu li.active>a {
    color: #616161
}

h3.h3-lead {
    color: #003c5c;
    font-size: 12pt;
    margin-bottom: 10px
}

ul.list-inline.filter-block-menu {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px
}

.flight-slider {
    padding: 15px;
    margin-bottom: 10px
}

.fl-slider {
    margin-top: 15px
}

a.media-select-room {
    padding: 10px 5px;
    background: #324251;
    display: block;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-size: 14pt;
    text-decoration: none;
    width: 100%;
    bottom: 10px
}

p.media-nights {
    margin-top: 5px;
    text-transform: uppercase
}

h2.media-price {
    color: #1c3450;
    font-weight: bolder
}

h2.media-price i {
    font-size: .5em
}

.media-price span {
    font-size: .75em;
    font-style: italic
}

.ctrls {
    position: relative;
    height: 100%
}

.room-result-menu {
    background: #dbb37c;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px
}

.panel-group .insp-panel-room+.insp-panel-room {
    margin-top: 0
}

.insp-panel-room {
    border: 0;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase
}

.insp-panel-room .panel-heading .accordion-toggle:after {
    font-family: FontAwesome;
    content: "\f054";
    float: right;
    color: grey
}

.insp-panel-room .panel-heading .accordion-toggle.collapsed:after {
    content: "\f078"
}

.insp-panel-room .panel-heading {
    padding: 15px
}

.insp-panel-room .list-group>li.list-group-item span {
    text-transform: capitalize;
    font-size: 10pt;
    display: inline-block
}

.insp-panel-room .list-group>li.list-group-item label {
    display: block
}

.room-blocks {
    padding: 10px;
    -webkit-box-shadow: 0 5px 20px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 5px 20px -6px rgba(0, 0, 0, .75);
    box-shadow: 0 5px 20px -6px rgba(0, 0, 0, .75)
}

h2.room-blocks-head {
    padding: 30px 10px;
    margin: 0
}

.holiday-info-card {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 5px 20px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 5px 20px -6px rgba(0, 0, 0, .75);
    box-shadow: 0 5px 20px -6px rgba(0, 0, 0, .75)
}

.hif-img {
    height: 200px;
    position: relative
}

.hif-content {
    padding: 15px
}

span.hif-img-tit {
    position: absolute;
    background: rgba(17, 48, 138, .5);
    z-index: 2;
    height: 100%;
    width: 100%
}

ul.hif-list>li {
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
    font-size: 10pt
}

.hif-img-tit>h1 {
    font-size: 10pt;
    line-height: initial;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    text-transform: uppercase
}

.holiday-info-pricing {
    background: #324251;
    padding: 10px;
    color: #fff
}

ul.hif-list>li>span:first-child {
    text-transform: uppercase;
    font-weight: bolder
}

.btn-book {
    background: #dbb37c;
    font-size: 16pt;
    margin-top: 10px;
    color: #324251
}

ul.price-includes {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #6f5028
}

ul.price-breakdown {
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #6f5028
}

.price-breakdown>li.total-price {
    font-size: 14pt;
    padding: 0
}

#nav-itinerary .navbar.breadcrumb {
    padding: 15px
}

#nav-itinerary .navbar.breadcrumb>li a {
    color: #e3e3e3
}

.icon-Flight-Departure::before {
    content: url(../../media/img/departure.png)
}

.icon-Flight-Arrival::before {
    content: url(../../media/img/arrival.png)
}

.flight-item {
    padding: 10px
}

.flight-segment.tohide {
    background-color: #ddd;
    display: none
}

.flight-segment.tohide>.flights {
    padding: 15px 10px
}

.flight-segment.nohide:hover {
    cursor: pointer
}

.flight-segment>.change-flight,
.flight-segment>.flights {
    padding: 5px
}

.flight-segment>.flights>.flight-dropdown {
    vertical-align: middle;
    font-size: 25pt
}

.contact-mobile {
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 99;
    line-height: 35px;
}

.tel-top {
    text-align: right;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-right: 20px;
}

.contact-mobile-details {
    position: absolute;
    top: 16px;
    z-index: 9;
    background: rgba(0, 37, 93, .8);
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 31px;
    text-align: center;
    font-size: 1.9rem;
    color: #fff
}

.contact-mobile-details span {
    color: #fff!important;
    font-weight: 700;
    font-size: 1.6rem;
    -webkit-text-fill-color: #fff
}

.interstitial-page {
    position: fixed;
    -webkit-transform: translateZ(0);
    background: rgb(50, 66, 81);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: none;
    background-size: cover
}

.interstitial-page .int-page-container {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    text-align: center;
    z-index: 2;
    background-size: cover
}

.int-page-container>* {
    color: #fff!important
}

#int-page-content>* {
    color: #fff!important
}

.int-page-logo {
    height: 180px;
    width: 180px;
    margin: 0 auto
}

.int-page-logo img {
    vertical-align: middle;
    display: inline-block;
    height: 100%
}

.int-page-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    border-top: 1px solid #4d4f50;
    color: #e3e3e3
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

div#interstitial-page::before {
    content: '';
    background: rgba(0, 37, 93, .25);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.flight-group {
    width: 100%;
    position: relative;
    background: #fff
}

.flight-item {
    -webkit-box-shadow: 0 5px 20px -6px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 5px 20px -6px rgba(0, 0, 0, .75);
    box-shadow: 0 5px 20px -6px rgba(0, 0, 0, .75);
    border-top: 1px solid #e3e3e3;
    padding: 15px;
    margin-bottom: 15px
}

.flight-line::before {
    right: 0
}

.flight-line::after {
    left: 0
}

.flight-segment {
    margin-bottom: 1px
}

.flight-segment h3 {
    color: #585858;
    font-size: 12pt
}

.flight-segment.flight-inbound,
.flight-segment.flight-outbound {
    padding: 10px
}

.flight-segment.flight-outbound {
    background: #f7f7f7
}

i.icon-Flight.flight-r {
    transform: rotate(180deg);
    display: inline-block
}

.airline-details {
    float: left;
    width: 20%;
    background: pink
}

.flight-mobile {
    background: #e3e3e3
}

ul.nav.nav-list.list-unstyled.list-stacked.accordion.radio-like>li {
    padding: 0
}

.insp-hotel-card {
    background: #fff;
    -webkit-box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75);
    box-shadow: 0 0 33px -9px rgba(0, 0, 0, .75);
    border: #e3e3e3;
    color: #777;
    cursor: pointer;
    overflow: hidden
}

.insp-hotel-card-img {
    position: relative;
    width: 100%;
    background: #151515
}

h1.insp-hotel-card-title,
h3.insp-hotel-card-title {
    color: #2079a9;
    font-size: 12pt;
    line-height: initial;
    height: 2.5em;
    font-weight: 500;
    margin: 0
}

ul.insp-hotel-rating>li {
    display: inline-block;
    padding: 0;
    color: #fbd032
}

.insp-hotel-card-flight {
    float: left;
    width: 45%;
    padding: 5px
}

.insp-hotel-card-more-details {
    float: left;
    width: 55%
}

.insp-hotel-card-flight>img {
    height: initial;
    display: block
}

.insp-hotel-card-more-details ul>li {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 8pt;
    line-height: initial
}

.insp-hotel-card-more-details .italic {
    font-size: 8pt;
    font-style: italic
}

.insp-hotel-card-more-details ul>li>strong {
    letter-spacing: -1px;
    font-size: 15pt;
    color: #00255d;
    font-weight: bolder
}

.pagination>li {
    padding-left: 0
}

.tab-title {
    padding: 15px;
    font-size: 1.5em;
    line-height: initial
}

.navbar-header .pg-menu {
    display: none
}

@media only screen and (max-width:440px) {
    .btn.visible-xs.hotels-filters-mb {
        width: 100%!important;
        border-radius: 0!important
    }
}

a.link-btn {
    background: #324251;
    color: #fff;
    text-transform: none;
    text-decoration: none
}

a.link-btn:focus,
a.link-btn:hover {
    color: #fff
}

hgroup .contentHolder {
    padding: 10px;
    background: rgba(0, 37, 93, .3);
    width: fit-content;
    width: -moz-fit-content
}

hgroup .contentHolder>h3 {
    color: #fff;
    font-size: 2em
}

@media (max-width:425px) {
    .insphols-section.fullheight.explore .dest-container {
        margin: 20px
    }
    .hot_offer .terms_shares {
        margin-right: 0;
        padding-right: 10px
    }
    .hot_offer .terms_shares p.term-p {
        font-size: 11px!important
    }
    .hot_offer .terms_shares p>span {
        font-size: 9px!important
    }
    .hotel-card-head-new {
        height: 230px
    }
    .best-hotel-details .best-hot-price {
        margin-bottom: 10px
    }
    .client-head {
        height: 110px!important
    }
    .hotel-info-container p.lead {
        font-size: 1.75rem;
        line-height: 2.875rem;
        width: 100%;
        text-align: left!important
    }
    .hotel-info-container p.intro-text {
        margin: 0;
        width: 100%;
        font-size: 1.5rem;
        padding-bottom: 10px;
        text-align: left!important
    }
    a.dest-card .dest-card-image {
        height: 150px
    }
    .header.city .header-container {
        top: 50%
    }
    .latest-news-img-wrapper img {
        height: 200px
    }
    .insphols-nav>.insphols-logo {
        width: 40%
    }
    .insphols-nav>.insphols-navbar {
        width: 60%
    }
}

@media (max-width:320px) {
    .header-inner .header-container hgroup .f22 {
        font-size: 100%!important
    }
    .header.city .header-container {
        top: 22%!important
    }
    .header-inner .header-container hgroup h1 {
        font-size: 30px;
        line-height: 25px!important
    }
    .hotel-info-container.summary {
        padding: 10px 0
    }
    a.dest-card .dest-card-image {
        height: 100px
    }
}

#destinationModal {
    z-index: 2147483647!important
}

@media (max-width:425px) and (min-width:350px) {
    .best-hotels-to-stay-heading {
        padding-bottom: 50px
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .itinerary-map-image {
        width: 90%;
        height: 470px;
        margin-left: 20px!important;
        margin-top: 20px
    }
    .itineary-primary {
        margin-left: 15px;
        width: 56%
    }
}

@media (min-width:768px) and (max-width:1050px) {
    .iti-overview-img {
        width: 200px;
        height: 120px
    }
    .thumb-tour-img {
        width: 37%!important;
        margin: 0 3% 2%
    }
    .contact-menu li {
        margin-left: -15px;
        margin-bottom: 5px;
        margin-top: 10px
    }
}

@media screen and (max-width:991px) {
    .rooms-list .pull-right {
        text-align: right
    }
    .flight-info {
        padding-left: 25px
    }
    .flight-block:after {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        background: #c8c8c8
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .trip-advisor-head {
        max-width: 24px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .hotel-card-wr:nth-child(4n+4) {
        clear: none
    }
    .hotel-card-wr:nth-child(3n+3) {
        clear: left
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .destination-block .destination-description {
        padding-left: 5px
    }
    .item-tours-section .tour-with-text .tour-carousel-item {
        width: 50%
    }
    .holiday-carousel-item {
        width: 50%
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .card-block .dbd-text {
        display: none
    }
}

v @media (min-width:768px) and (max-width:1024px) {
    text-align: right
}

.blog-post p {
    font-size: 14px
}

.wider-offer {
    margin: 0;
    width: 100%;
    padding: 0;
    /*margin-left: 24px*/
}

.wider-tour {
    margin: 0;
    width: 100%;
    padding: 0
}

.header-nav .navbar-toggle[aria-expanded=true] {
    top: 33px;
    right: 32px
}

.itineary .header-top .contact-menu {
    padding-top: 20px!important
}

.hot-adjustment {
    /*margin-left: 35px*/
    display: inline-block;
    text-align: center;
    margin: auto;
    width: 100%;
}

.hotel-gallery-thumb {
    height: 100px
}

.insp-card.feature-card>.insp-card-img img {
    height: 203px
}

#footer-logo-r-inline {
    width: 35%
}

#footer-logo-r-inline-atl {
    width: 25%
}

#footer-logo-grp-inline {
    margin-top: 25px;
    width: 100%
}

#footer-logo-r-inline {
    width: 200px
}

#footer-logo-r-inline-atl .atl-logo {
    width: 90px
}

#footer-logo-r-inline-atl {
    text-align: center;
    margin-top: 10px
}

#footer-logo-grp-inline {
    margin-top: 25px;
    width: 100%
}

#menu-ih,
#menu-ptd,
#menu-thd {
    width: 100%
}

#footer-logo-r-inline {
    width: 180px
}

#footer-logo-r .atl-logo {
    width: 90px!important;
    margin-top: 20px
}

#footer-logo-grp-inline>a,
#footer-logo-grp>a {
    font-size: 1.2em;
    border-radius: 20px;
    background: #ccc;
    padding: 5px 10px;
    color: #324251;
    margin: 2px
}

.lock-screen {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed
}

.price-chart-head {
    color: #003c5d;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 4.8125rem;
    margin: 0;
    border-bottom: 1px solid #ddd
}

.price-head {
    color: #fff;
    font-size: 3.6875rem;
    font-weight: 600;
    line-height: 4.8125rem;
    margin: 0
}

.hot_info h3 {
    font-size: 12pt;
    margin: 0;
    line-height: initial;
    font-weight: 500;
    color: #fff
}

.offer-filter-star {
    margin-left: 10px
}

.offer-filter-star i {
    color: #fbd032;
    font-size: 15px
}

.collapse-country {
    cursor: pointer;
    font-size: 16px!important
}

.collapse-country:after {
    font-family: FontAwesome;
    content: "\f054";
    float: right;
    color: #fff;
    transition: all .5s
}

.collapse-country.collapsed:after {
    content: "\f078";
    transition: all .5s
}

.check-underline .checkbox {
    margin: 10px;
    margin-left: 0;
    border-bottom: 1px solid #0e4665;
    padding: 5px 5px 5px 0
}

#address-map {
    height: 250px;
    margin-bottom: 20px;
    width: -moz-available;
    width: -webkit-fill-available
}

a[href*='tel:']:not(.btn) {
    font-size: 2rem
}

.tooltip-inner {
    margin: 10px;
    font-size: 16px;
    color: #324251!important;
    text-align: left;
    max-width: 750px
}

.tooltip[role=tooltip] {
    background: #ccc;
    border-radius: 10px
}

.tooltip.right .tooltip-arrow {
    border-right-color: #ccc!important;
    margin-left: -5px
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ccc!important;
    margin-top: -5px
}

.tooltip.bottom {
    margin-top: 6px
}

.tooltip.right {
    margin-left: 6px
}

@media (max-width:374px) and (min-width:200px) {
    .header-inner .header-container hgroup h3 {
        font-size: 1.5em
    }
    .header.city .header-container {
        top: 30%
    }
    .header-inner .header-container {
        top: 30%;
        padding-left: 0
    }
}

.padd-125 {
    padding-top: 125px
}

.book-titl {
    color: #003052;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 15px
}

.need-assist {
    color: #124b71;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px
}

.client-inpt {
    border: 1px solid #828181
}

.error.red {
    color: #f73636;
    font-weight: 700;
    font-size: 1.7rem;
    margin-top: 16px
}

.opensans.size30.lblue.xslim {
    color: #124b71;
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px
}

.client-head {
    height: 125px;
    background-color: #0e2e43;
    margin-bottom: 15px
}

.pagecontainer2.needassistancebox {
    border: 2px solid #2473a7!important
}

@media (max-width:414px) {
    .holiday-card {
        width: 76vw;
        height: 75vh;
        max-height: 500px
    }
    .holiday-card-head,
    .hotel-card-head-new {
        height: 50%
    }
    .holiday-card-head>h3,
    .hotel-card-head-new>h3 {
        font-size: 12pt
    }
    .holiday-card-body {
        height: 26%
    }
    .holiday-card-foot {
        height: 20%
    }
    .header.hotel-view hgroup h1 {
        margin-top: 60px
    }
}

@media only screen and (max-width:375px) {
    .br-tour-name {
        margin-bottom: 5px!important;
        font-size: 1.75em!important
    }
    .insphols-nav>.insphols-logo {
        width: 50%
    }
    .insphols-nav>.insphols-navbar {
        width: 50%
    }
}

@media only screen and (max-width:360px) {
    .dedicated_list_wide .holiday-card {
        width: 90vw;
        height: 80vh;
        margin-left: 1px;
        max-height: 500px
    }
    .destination-country .holiday-card {
        margin-left: -14px;
    }
    .header-container {
        padding: 10px!important
    }
    .br-tour-name {
        margin-bottom: 5px!important;
        font-size: 1.5em!important
    }
    .offer-tagline {
        font-size: 2.5rem!important;
        line-height: 2.5rem!important
    }
    ul.star-rating {
        padding-bottom: 0!important
    }
    .hotel-gallery-thumb {
        height: 60px
    }
    .header-container .br-tour-info.br-tour-info-days {
        font-size: 2rem;
        margin: 0!important
    }
    .offer-airline-icon {
        display: none
    }
}

.readmoreless {
    background: -webkit-linear-gradient(#333, #eee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.readmoreless.rmwhite {
    background: -webkit-linear-gradient(#fff, #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.morecontent span {
    display: none
}

.morelink {
    display: block;
    -webkit-text-fill-color: #324251!important;
    font-weight: bolder;
    color: #324251!important
}

.morelink.rmwhite {
    -webkit-text-fill-color: #fff!important;
    color: #fff!important
}

.morelink:focus {
    text-decoration: none!important
}

.m-0 {
    margin: 0!important
}

.mt-0 {
    margin-top: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.ml-0 {
    margin-left: 0!important
}

.mr-0 {
    margin-right: 0!important
}

.mt-10 {
    margin-top: 10px!important
}

.mb-10 {
    margin-bottom: 10px!important
}

.ml-10 {
    margin-left: 10px!important
}

.mr-10 {
    margin-right: 10px!important
}

.mt-20 {
    margin-top: 20px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

.ml-20 {
    margin-left: 20px!important
}

.mr-20 {
    margin-right: 20px!important
}

.p-0 {
    padding: 0!important
}

.pt-0 {
    padding-top: 0!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pl-0 {
    padding-left: 0!important
}

.pr-0 {
    padding-right: 0!important
}

.pt-10 {
    padding-top: 10px!important
}

.pb-10 {
    padding-bottom: 10px!important
}

.pl-10 {
    padding-left: 10px!important
}

.pr-10 {
    padding-right: 10px!important
}

.pt-20 {
    padding-top: 20px!important
}

.pb-20 {
    padding-bottom: 20px!important
}

.pl-20 {
    padding-left: 20px!important
}

.pr-20 {
    padding-right: 20px!important
}

.f20 {
    font-size: 20px!important
}

.f22 {
    font-size: 22px!important
}

.f24 {
    font-size: 24px!important
}

.f26 {
    font-size: 26px!important
}

#accordion-destoverview .panel-default,
#accordion-whentogo .panel-default {
    border-color: transparent
}

#accordion-destoverview .panel-default>.panel-heading,
#accordion-whentogo .panel-default>.panel-heading {
    color: #fff;
    background-color: #324251;
    border-color: #324251;
    border-top-left-radius: initial;
    border-top-right-radius: initial
}

#accordion-destoverview .panel-default>.panel-heading>.panel-title,
#accordion-whentogo .panel-default>.panel-heading>.panel-title {
    font-weight: bolder
}

#accordion-destoverview .panel-collapse>.panel-body,
#accordion-whentogo .panel-collapse>.panel-body {
    padding: 15px 0;
    text-align: justify
}

#accordion-destoverview .panel-default>.panel-heading>.panel-title>a,
#accordion-whentogo .panel-default>.panel-heading>.panel-title>a {
    text-decoration: none!important
}

.custom-vertical-tab {
    margin: 15px
}

.custom-vertical-tab .tab-link {
    background-color: #003054;
    color: #fff;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    height: calc(100vh - 30px);
    min-height: 300px;
    padding-top: 25px;
    max-height: 60vh
}

.custom-vertical-tab .tab-link a.active,
.custom-vertical-tab .tab-link a:hover {
    background-color: #e1ae74
}

.custom-vertical-tab .tab-link a {
    font-size: 18px;
    display: flex;
    color: #fff;
    text-transform: capitalize;
    padding: 15px 30px;
    border-radius: 0;
    display: flex!important;
    align-items: center;
    transition: .2s
}

.custom-vertical-tab .tab-content {
    overflow-y: auto;
    height: calc(100vh - 30px);
    min-height: 300px;
    padding: 0 45px;
    background-color: #fff;
    border: 1px solid #ddd;
    max-height: 60vh
}

.custom-vertical-tab .tab-content img {
    max-height: 320px;
    max-width: 320px;
    padding: 0 15px 15px 0
}

.custom-vertical-tab h1,
.custom-vertical-tab h2,
.custom-vertical-tab h3,
.custom-vertical-tab h4,
.custom-vertical-tab h5,
.custom-vertical-tab h6 {
    color: #003052!important;
    font-weight: 500!important;
    line-height: 1.3!important
}

.custom-vertical-tab .tab-content .tab-pane>p {
    margin: 10px 0!important;
    text-align: justify;
    font-size: 1.3em;
    line-height: 30px
}

.custom-vertical-tab span.fa {
    color: #e1ae74;
    font-size: 35px;
    width: 53px
}

.custom-vertical-tab .link-icon {
    display: inline-block;
    background-repeat: no-repeat!important;
    background-image: url(../aboutus/images/icons/sprite/icon-sprite.png)!important;
    width: 53px
}

@media screen and (max-width:767px) {
    .custom-ih-gallery .half-thumb,
    .custom-ih-gallery a {
        width: 100%!important
    }
    .custom-vertical-tab .tab-link {
        min-height: initial
    }
    .custom-vertical-tab .tab-content {
        min-height: initial;
        border: none;
        overflow: unset;
        height: 100%;
        padding: 0;
        display: inline
    }
    .custom-vertical-tab .tab-content .mobile-tab-collapse {
        color: #fff;
        background-color: #324251;
        border-top-left-radius: initial;
        border-top-right-radius: initial;
        border-color: #324251;
        padding: 5px;
        margin-bottom: 5px
    }
    .custom-vertical-tab .tab-content .mobile-tab-collapse a {
        padding-left: 10px;
        display: flex;
        color: #fff;
        align-items: center;
        transition: .2s;
        margin: 5px;
        font-size: 16px;
        font-weight: 500
    }
    .custom-vertical-tab .tab-content .mobile-tab-collapse.active {
        background-color: #e1ae74
    }
}

.link-icon-2 {
    height: 39px;
    background-position: -5px -267px
}

.link-icon-1 {
    height: 38px;
    background-position: -5px -171px
}

.custom-vertical-tab .tab-content .mobile-tab-collapse.active a .link-icon-1,
.custom-vertical-tab .tab-link a.active .link-icon-1,
.custom-vertical-tab .tab-link a:hover .link-icon-1 {
    background: url(../aboutus/images/icons/sprite/icon-sprite.png) -5px -219px
}

.custom-vertical-tab .tab-content .mobile-tab-collapse.active a .link-icon-2,
.custom-vertical-tab .tab-link a.active .link-icon-2,
.custom-vertical-tab .tab-link a:hover .link-icon-2 {
    background-position: -5px -316px
}

.custom-vertical-tab .tab-content .mobile-tab-collapse.active a span.fa,
.custom-vertical-tab .tab-link a.active span.fa,
.custom-vertical-tab .tab-link a:hover span.fa {
    color: #fff
}

.custom-vertical-tab a:focus {
    text-decoration: none
}

.custom-ih-gallery a {
    min-height: 460px;
    margin-bottom: 15px
}

.custom-ih-gallery a div {
    min-height: 460px
}

.ih-gal-caption>*,
.ih-gal-caption>*>* {
    color: #fff;
    min-height: unset!important;
    display: block
}

.ih-gal-caption .cat_name,
.ih-gal-caption .cat_price {
    font-size: 25px;
    font-weight: 600
}

.ih-gal-caption {
    background: rgba(0, 37, 93, .7);
    width: 100%;
    height: 20%;
    bottom: 0;
    min-height: unset!important;
    position: absolute
}

.ih-gal-thmb {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px #ccc solid
}

.custom-ih-gallery .half-thumb>*,
.custom-ih-gallery .half-thumb>*>* {
    min-height: 222px!important;
    padding: 0
}

.custom-ih-gallery .half-thumb .ih-gal-caption {
    height: 40%!important
}

.ih-gal-caption .caption-left {
    text-align: left
}

.btn-enquire.btn-bg-ih {
    background: #00255d!important
}

.btn-enquire.btn-lg {
    padding: 10px 60px!important
}

.offset-5 {
    margin: 5px
}

.offset-10 {
    margin: 10px
}

.offset-15 {
    margin: 15px
}

.offset-20 {
    margin: 20px
}

.offset-top-0 {
    margin-top: 0
}

.offset-top-5 {
    margin-top: 5px
}

.offset-top-10 {
    margin-top: 10px
}

.offset-top-15 {
    margin-top: 15px
}

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

.offset-top-20 {
    margin-top: 25px
}

.offset-top-30 {
    margin-top: 30px
}

.offset-top-50 {
    margin-top: 50px
}

.offset-top-80 {
    margin-top: 80px!important
}

.offset-bottom-0 {
    margin-bottom: 0
}

.offset-bottom-5 {
    margin-bottom: 5px
}

.offset-bottom-10 {
    margin-bottom: 10px
}

.offset-bottom-15 {
    margin-bottom: 15px
}

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

.offset-bottom-30 {
    margin-bottom: 30px
}

.offset-left-5 {
    margin-left: 5px
}

.offset-left-10 {
    margin-left: 10px
}

.offset-left-15 {
    margin-left: 15px
}

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

.offset-right-5 {
    margin-right: 5px
}

.offset-right-10 {
    margin-right: 10px
}

.offset-right-15 {
    margin-right: 10px
}

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

.padding-5 {
    padding: 5px
}

.padding-10 {
    padding: 10px
}

.padding-15 {
    padding: 15px
}

.padding-20 {
    padding: 20px
}

.padding-30 {
    padding: 30px
}

.padding-0 {
    padding-right: 0;
    padding-left: 0
}

.padding-top-5 {
    padding-top: 5px
}

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

.padding-top-15 {
    padding-top: 15px
}

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

.padding-top-30 {
    padding-top: 30px
}

.padding-top-40 {
    padding-top: 40px
}

.padding-top-50 {
    padding-top: 50px
}

.padding-bottom-5 {
    padding-bottom: 5px
}

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

.padding-bottom-15 {
    padding-bottom: 15px
}

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

.padding-bottom-25 {
    padding-bottom: 25px
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-40 {
    padding-bottom: 40px
}

.padding-bottom-50 {
    padding-bottom: 50px
}

.padding-bottom-60 {
    padding-bottom: 60px
}

.padding-bottom-110 {
    padding-bottom: 110px
}

.padding-left-0 {
    padding-left: 0
}

.padding-left-5 {
    padding-left: 5px
}

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

.padding-left-15 {
    padding-left: 15px
}

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

.padding-left-30 {
    padding-left: 30px
}

.padding-right-5 {
    padding-right: 5px
}

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

.padding-right-15 {
    padding-right: 15px
}

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

.padding-right-30 {
    padding-right: 30px
}

input[type=text].ui-autocomplete-loading {
    background-color: #fff!important;
    background-image: url(../img/spinner.gif)!important;
    background-size: 25px 25px!important;
    background-position: right center!important;
    background-repeat: no-repeat!important
}

.lazyLoad {
    filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    -moz-filter: blur(2px);
    -webkit-filter: blur(2px)
}

.p-footer {
    text-align: center
}

.p-footer p {
    color: #fff
}

.p-footer a {
    color: #dab07d
}

#ui-datepicker-div {
    z-index: 99!important
}
.hot-adjustment .col-centered {
    display: inline-block;
    float: none;
    text-align: left;
}

/*new home page*/
.tcc-home-prof {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    background-position: center center;
}
.meet-profimg {
    width: 110px;
    height: 110px;
    background-size: cover;
    background-color: #fff;
    border-radius: 50%;
}
.tcc-profile-box {
    margin-top: 100px;
    background-color: rgb(255 255 255 / 67%);
    padding: 30px 40px;
}
.tcc-profile-box h2 a, .tcc-profile-box p {
    color: #324251;
}
.prof-write p{
    font-family: "Dancing Script", sans-serif!important;
    font-size: 22px;
    line-height: 1.5;
}
.tcc-profile-box h2 a {
    font-size: 40px;
}
.tcc-profile-box p {
    font-weight: 500;
}
.tcc-profile-box .profile-contact i{
    border-radius: 20px;
    background: #b39d7c;
    padding: 8px 10px;
    color: #fff;
    margin: 2px;
    height: 34px;
    width: 34px;
    text-align: center;
}
.home-tcc-change {
    background-color: #324251;
    color: #fff;
}
.change-sec-content {
    padding: 60px;
    text-align: center;
}
.change-sec-content h2 {
    color: #fff;
    font-size: 40px;
}
.change-sec-content.sec-change p {
    font-size: 18px
}
.change-sec-col {
    background-color: #fff;
    padding: 40px 25px;
    min-height: 500px;
    position: relative;
    margin-bottom: 20px;
}
.change-sec-col:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    background-color: #32425136;
    width: 100px;
    height: 120px;
    border-top-left-radius: 100%;
}
.change-sec-col img {
    width: 85px;
    margin-bottom: 15px;
}
.change-sec-col h3 {
    color: #b39d7c;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700;
}
.change-sec-col p {
    color: #324251;
    font-size: 19px;
    line-height: 1.5;
}
.home-tcc-change .container {
    padding-bottom: 60px;
}

.tcc-input {
    border: 1px solid #b39d7c;
}
.tcc-form label{
    color: #324251;
    font-family: 'Goudy Old Style', sans-serif;
    font-weight: 600;
    font-size: 20px;
}
.tcc-form {
    padding: 40px 60px;
}

.home-reasons, .home-holidays, .top-picks {
    background-color: #f2f2f2;
}
.tcc-aboutmesec {
    background-color: #324251;
}
.home-reasons .reasons-head {
    text-align: center;
    padding: 30px 50px;
    margin-bottom: 20px;
}
.home-reasons .reasons-head h2, .tcc-destination h2, .top-picks h2 {
    font-size: 40px;
    color: #324251;
    text-align: center;
}
.home-reasons .reasons-head p{
    font-size: 18px;
    color: #324251;
}
.reasons-text-left {
    margin-bottom: 15px;
}
.reasons-text-left table {
    width: 100%;
}
.r-left-tb span {
    font-size: 60px;
    font-family: 'Goudy Old Style', sans-serif;
    font-weight: 600;
    color: #b49e7c;
}
.r-left-tb {
    width: 15%;
}
.r-right-tb {
    width: 85%;
}
.r-right-tb h2{
    font-size: 24px;
    color: #324251;
}
.r-right-tb p {
    color: #5c5c5c;
    font-size: 16px;
    line-height: 1.5;
}
.reasons-img-right {
    position: relative;
    height: 325px;
    margin-bottom: 15px;
}
.right-img-r {
    position: absolute;
    width: 75%;
    top: 0;
    left: 20%;
    right: 5%;
    height: 300px;
    background-repeat: no-repeat;
    z-index: 3;
    background-size: cover;
}
.right-img-d {
    position: absolute;
    width: 200px;
    height: 100px;
    background-color: #324251;
    z-index: 1;
    bottom: 0;
    right: 0;
}
.left-img-r {
    position: absolute;
    width: 75%;
    top: 0;
    right: 20%;
    left: 5%;
    height: 300px;
    background-repeat: no-repeat;
    z-index: 3;
    background-size: cover;
}
.left-img-d-yellow {
    position: absolute;
    width: 200px;
    height: 100px;
    background-color: #b49e7c;
    z-index: 1;
    bottom: 0;
    left: 0;
}
.off-tb-30 {
    margin-bottom: 30px;
}
.home-holidays h2, .myoffers h2, .myreviews h2 {
    color:#324251;
    font-size: 40px;
    text-align: center;
}
.home-holidays .container .row {
    margin-bottom: 50px;
}

.holidays-block {
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 30px;
}
.holidays-block .holidays-type-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #324251ab;
    padding: 20px;
}
.holidays-block .holidays-type-name p {
    color: #fff;
}
.home-travel-asst {
    background-color: #b9a687;
}
.personal-travel-head {
    text-align: center;
    margin: 50px 0;
}
.personal-travel-head h2, .personal-travel-head p {
    color: #fff;
}
.personal-travel-head h2 {
    font-size: 40px;
}
.personal-travel-head p  {
    font-size: 18px;
}
.home-asst-block {
    background-color: #ffffff;
    padding: 35px 30px;
    margin-bottom: 30px;
}
.home-asst-block .asst-img-div {
    background-color: #324251;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    margin-bottom: 20px;
    margin: auto;
    position: relative;
}
.home-asst-block .asst-img-div .img-asst {
    background-color: #fff;
    height: 196px;
    width: 196px;
    border-radius: 50%;
    background-size: cover;
    margin: auto;
    top: 2px;
    left: 2px;
    position: absolute;
    border: 6px solid#fff;
}
.asst-details h3 a {
    font-size: 24px;
    color: rgb(50, 66, 81);
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
}
.asst-details p {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
}
.asst-details i {
    color: #b9a687;
}
.asst-details {
    margin-top: 20px;
}
.destination-blocks {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 250px;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.destination-blocks .destination-blocks-inf {
    padding: 15px;
    margin: 0;
    width: 100%;
    background-color: #324251a6;
    color: #fff
}
.destination-blocks .destination-blocks-inf h3 a {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

/*footer tcc*/
.tcc-logo-footer {
    width: 300px;
}
.footer-tcc-menu li {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}
.footer-tcc-menu li a {
    text-transform: uppercase;
    font-size: 16px!important;
    font-family: 'Goudy Old Style', sans-serif!important;
    font-weight: 600!important;
}
.footer-tcc-c {
    color: #fff;
}

/*top pick offers template*/
.pick-tour {
    position: relative;
    background-size: cover;
    padding-top: 200px;
    min-height: 260px;
}
.pick-tour-price {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #ffffff82;
    border-bottom-left-radius: 89%;
    color: #324251;
    padding: 10px 30px 20px 40px;
}
.pick-tour-price p {
    font-size: 19px;
    font-weight: 600;
}
.pick-tour-price span {
    font-size: 15px;
}
.pick-tour-dest {
    padding: 10px 10px 10px 80px;
    text-align: right;
    color: #fff;
}
.pick-tour-dest {
    padding: 10px 10px 10px 80px;
    text-align: right;
    color: #fff;
}
.pick-tour-name {
    padding: 20px;
    background-color: #324251;
    text-align: center;
}
.pick-tour-name h3 {
    font-size: 20px;
    font-weight: 600;
}
.pick-hotel-price {
    position: absolute;
    top: 5%;
    right: 5%;
    padding: 15px;
    background-color: #324251;
    color: #fff;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    text-align: center;
    padding-top: 30px;
}
.pick-hotel-price p {
    font-size: 19px;
    font-weight: 600;
}
.pick-hotel-dest {
    padding: 10px;
    background-color: #0000007a;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.pick-hotel-name {
    background-color: #fff;
    padding: 15px;
    min-height: 180px;
}
.pick-hotel-name h3, .pick-hotel-name a {
    font-size: 20px;
    font-weight: 600;
    color: #324251;
} 
.photel-name {
    width: 50%;
    display: inline-block;
}
.photel-name a {
    color: #fff;
}
.photel-star {
    width: 40%;
    display: inline-block;
    text-align: right;
}
.photel-star i {
    color: #e7c11d;
}
.pick-airline-img {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-color: #eae6e6;
    border-radius: 50%;
    text-align: center;
    margin: auto;
}
.pick-airline-img img {
    width: 50px;
    padding-top: 12px;
}
.pick-hotel-name table {
    width: 100%;
    margin-top: 10px;
}
.pick-hotel-name table tr td {
    width: 50%;
    padding-left: 10px;
}
.pick-hotel-name table tr td p {
    color: #324251;
}
.pick-hotel-name table tr td span {
   color: #b39d7c;
}
.pick-cruise-price {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #324251;
    color: #fff;
    padding: 10px;
}
.pick-cruise-price p {
    font-size: 18px;
}
.pick-cruise-price span {
    font-size: 15px;
}
.pick-hotel-name.cruisep span {
    color: #fff;
    background-color: #b39d7c;
    border-radius: 5px;
    padding: 5px;
}
.px {

}

/*profile page*/
.profile-before:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    background-color: #ffffff9c;
    z-index: 2;
    height: 100%;
}
.profile-tag {
    left: 8%;
    position: absolute;
    top: 30%;
    z-index: 3;
}
.profile-tag h2, .profile-tag h4{
    color: #324251;
}
.profile-tag h2 {
    font-size: 40px;
}
.profile-tag h4 {
    font-size: 20px;
    font-weight: 700!important;
}
.profile-tag p {
    font-weight: 500;
}
.profile-tag.prof-page {
    top: 14%;
    width: 600px;
}
.prof-page .tcc-profile-box {
    padding-left: 20px!important
}
.profile-tag.prof-page .tcc-profile-box {
    border-bottom: 5px solid #324251;
}
.myoffers-tcc {
    margin-bottom: 20px;
}
.myoffers-head {
    background-size: cover;
    width: 100%;
    padding-top: 150px;
    position: relative;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.myoffers-price {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #b9a687;
    padding: 5px 7px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 10px;
}
.myoffers-price b {
    font-size: 21px;
}
.myoffers-hotel {
    color: #fff;
    background-color: #00000094;
    padding: 10px 15px;
}
.myoffers-details {
    background-color: #324251;
    color: #fff;
    padding: 10px 18px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.myoffers-more {
    color: #fff;
    background-color: #0d71cf;
    padding: 5px 7px;
    border-radius: 6px;
}
.aboutme-dash {
    border-bottom: 2px solid #fff;
}
.aboutme-text h3 {
    font-size: 30px;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}
.aboutme-text p {
    line-height: 1.5;
    color: #fff;
}
.dash-conf {
    margin-left: 1px;
    margin-right: 1px;
}
.reviewsme {

}
.reviewsme img{
    width: 130px;
    margin: 15px;
}
.reviewsme h3 {
    color: #324251;
    font-size: 30px;
    padding: 15px;
}
.reviews-text {
    padding: 15px;
}
.reviews-text p {
    color: #324251;
    line-height: 1.5;
}
.reviews-text b {
    color: #b9a687;
}
.profile-vid {
    background-color: #324251;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #fff;
}
.profile-vid .nav-tabs {
    border-bottom: 1px solid #b9a687;
}
.profile-vid .nav-tabs li.active a {
    color: #b9a687;
}
.profile-vid .nav-tabs li a {
    color: #e4e4e4;
    text-transform: uppercase;
}
.profile-vid .nav-tabs li a:hover {
    background-color: #c8a687a8;
    color: #e4e4e4;
    border: 1px solid #c8a687a8;
}
.video-temp {
    background-size: cover;
    width: 100%;
    height: 200px;
    position: relative;
}
.video-temp i {
    position: absolute;
    top: 40%;
    left: 41%;
    font-size: 40px;
}
.video-carousel {
    padding: 20px 0px;
}
.blog-container .explore-btn {
    padding: 10px!important;
}
.container.mybook {
    padding-top: 150px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
    color: #000;
    font-size: 13px;
}
.home-main {
    position: relative;
    z-index: 4;
}
.footer-logos div {
    height: auto!important;
}
#footer-logo-ttafp.l-abta {
    width: 100%;
}
#footer-logo-atol.atl-logo {
    width: 120px!important;
}
@media (max-width: 1440px){
    .header.city .header-container p {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }
}
@media (max-width: 1300px){
    .insphols-navbar .insphols-navbar-bottom {
        display: none!important;
    }
    .nav-tog {
        display: block!important;
    }
    #toggleSideMenu {
        float: right;
    }
    .insphols-nav>.insphols-logo {
        width: 25%!important;
    }
    .insphols-nav>.insphols-navbar {
        width: 75%!important;
    }  

}
.insphols-nav>.insphols-logo {
    width: 15%;
}
.insphols-nav>.insphols-navbar {
    width: 85%;
}
@media (max-width: 768px){
    .insphols-nav>.insphols-logo {
        width: 30%!important;
    }
    .insphols-nav>.insphols-navbar {
        width: 70%!important;
    }
}
@media (max-width: 425px){
    .insphols-nav>.insphols-logo {
        width: 60%!important;
    }
    .insphols-nav>.insphols-navbar {
        width: 40%!important;
    }
}

.tcc-nl {
    position: absolute;
    bottom: -16px;
    left: 0; 
}