@import url("normalize.css");

/* ----------------------------------STYLE SHEET LAYOUT--------------------------------------------- */

body {
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: normal !important;
    color: #4a4a4a;
    font-size: 14px;
    font-family: lato;
    font-weight: 400;
}

*,
*:before,
*:after {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    vertical-align: top;
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

figure {
    margin: 0 !important;
    padding: 0 !important;
}

.table th,
.table td {
    padding: 6px;
}

a:hover {
    text-decoration: none;
    -webkit-transform: all 0.5s linear 0s;
    -moz-transform: all 0.5s linear 0s;
    -ms-transform: all 0.5s linear 0s;
    -o-transform: all 0.5s linear 0s;
    transform: all 0.5s linear 0s;
}

@font-face {
    font-family: 'QuillScript';
    src: url('../fonts/quills/quills.ttf');
    src: url('../fonts/quills/quills.otf'), url('../fonts/quills/quills.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@media (min-width: 1441px) {
    .container {
        max-width: 1346px;
    }
}

.font12 {
    font-size: 12px;
    line-height: 12px;
}


/* ======================================================== */


/*  Text  */


/* ======================================================== */

h1 {
    font-size: 36px;
    margin-bottom: 0px;
}

h2 {
    font-size: 28px;
    margin-bottom: 0px;
}

h3 {
    font-size: 18px;
    margin-bottom: 0px;
}

h4 {
    font-size: 16px;
    margin-bottom: 0px;
}

h5 {
    font-size: 14px;
    margin-bottom: 0px;
}

h6 {
    font-size: 12px;
    margin-bottom: 0px;
}

.whiteText {
    color: #fff;
}

.text-success {
    color: #1a7971 !important;
}

.cursor-pointer {
    cursor: pointer !important;
}


/*html{
        scroll-behavior: smooth;
}*/

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

.bold900 {
    font-weight: 900 !important;
}

.bold700 {
    font-weight: 700 !important;
}


/* ======================================================== 
                        Main Header CSS
   ======================================================== */

#main-header {
    position: relative;
    top: 0;
    left: 0;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.users-navigation-panel ul.languages {
    /* float: right; */
    margin-left: 25px;
    display: inline-block;
}

.users-navigation-panel ul.user-menus {
    /* float: left; */
    display: inline-block;
}

.users-navigation-panel ul.languages li:not(:last-child) {
    border-right: 1px solid #fff;
}

.users-navigation-panel ul.languages a {
    padding: 1px 9px;
}


/* navigation Top bar css */

#main-header #navigation-top {
    /* background: rgb(41, 48, 180);
    background: -moz-linear-gradient(left, rgba(42, 158, 176, 1) 0%, rgba(41, 48, 180, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(42, 158, 176, 1) 0%, rgba(41, 48, 180, 1) 100%); */
    background: linear-gradient(to right, rgba(42, 158, 176, 1) 0%, rgba(41, 48, 180, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2930b4', endColorstr='#2a9eb0', GradientType=1);
}

.number-emial-panel ul li,
.users-navigation-panel ul li {
    display: inline-block;
    position: relative;
}

.number-emial-panel ul li a,
.users-navigation-panel ul li a {
    color: #fff;
    font-size: 10px;
    margin: 0;
    padding: 7px 10px;
    display: block;
}

.users-navigation-panel ul li a .fa {
    font-size: 14px;
}
.users-navigation-panel ul li.cart-items i.fa.fa-cart-plus {
    font-size: 19px;
}
.users-navigation-panel ul li.cart-items a {
    padding: 2px 10px;
}
.number-emial-panel ul li:not(:last-child)::after {
    border-right: 2px solid #ddd;
    position: absolute;
    top: 50%;
    right: -2px;
    height: 50%;
    display: block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
}

.users-navigation-panel ul li a {
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
}

.users-navigation-panel ul li a::after,
.users-navigation-panel ul li a::after,
.users-navigation-panel ul li a::after {
    background: rgb(42, 158, 176);
    background: -moz-linear-gradient(left, rgba(42, 158, 176, 1) 1%, rgba(42, 158, 176, 1) 1%, rgba(41, 48, 180, 1) 98%);
    background: -webkit-linear-gradient(left, rgba(42, 158, 176, 1) 1%, rgba(42, 158, 176, 1) 1%, rgba(41, 48, 180, 1) 98%);
    background: linear-gradient(to right, rgba(42, 158, 176, 1) 1%, rgba(42, 158, 176, 1) 1%, rgba(41, 48, 180, 1) 98%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2a9eb0', endColorstr='#2930b4', GradientType=1);
    position: absolute;
    top: 50%;
    left: 0px;
    content: "";
    clear: both;
    width: 100%;
    height: calc(100% - 2px);
    z-index: -1;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    transform: translateY(-50%);
    transition: all 0.5s;
    opacity: 0;
}

.users-navigation-panel ul li a:hover::after,
.users-navigation-panel ul li a:active::after,
.users-navigation-panel ul li a:focus::after,
.users-navigation-panel ul li.active a::after,
.users-navigation-panel ul li a.active::after {
    opacity: 1;
}


/* ======================================================== 
                        Logo And Main Navigations
   ======================================================== */

.headerSticy .logo-navigations {
    width: 100%;
    z-index: 99;
    position: fixed;
    top: 0;
    /* -webkit-animation: headerjump 1s linear 0s 1;
    -o-animation: headerjump 1s linear 0s 1;
    animation: headerjump 1s linear 0s 1; */
}

@-webkit-keyframes headerjump {
    from {
        transform: translateY(-100px);
    }
    to {
        transform: translateY(0px);
        position: fixed;
    }
}

@-o-keyframes headerjump {
    from {
        transform: translateY(-100px);
    }
    to {
        transform: translateY(0px);
        position: fixed;
    }
}

@-moz-keyframes headerjump {
    from {
        transform: translateY(-100px);
    }
    to {
        transform: translateY(0px);
        position: fixed;
    }
}

@keyframes headerjump {
    from {
        transform: translateY(-100px);
    }
    to {
        transform: translateY(-0);
    }
}

.headerSticy:not(.navimenuSticy) .logo-navigations {
    border-bottom: 1px solid #ddd;
    /*	padding-bottom:8px;*/
}

.logo-navigations {
    padding-bottom: 0px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.logo-navigations .logo-with-nav-container {
    position: relative;
}

.logo-with-nav-container .mobile_menu_bar {
    display: none;
}

.logo-with-nav-container .mobile_menu_bar a {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #3950A3;
    display: block;
    font-size: 20px;
    border-radius: 5px;
}

.logo-wraper img.img-fluid {
    margin-top: 10px;
}

#navigation {
    position: relative;
}

#navigation #main-menu li.nav-item:not(:last-child) {
    margin-right: 20px;
}

#navigation #main-menu li.nav-item a {
    display: block;
    font-size: 14px;
    text-align: left;
    padding: 5px 15px 9px 15px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin-top: 20px;
}

#navigation #main-menu li.nav-item a:hover,
#navigation #main-menu li.nav-item a:focus,
#navigation #main-menu li.nav-item a:active,
#navigation #main-menu li.active a::after,
#navigation #main-menu li.nav-item a.active,
#navigation #main-menu li.nav-item.current-item a {
    color: #ffffff;
    background: #336699;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


/* ======================================================== 
                        Banner Part
   ======================================================== */

#page-hero-section {
    position: relative;
}

#page-hero-section .offers-hotels-rows {
    padding-top: 30px;
}


/* Offer packages */


/*.offers-hotels-container{
        width:80%;
        margin:0 auto;
}*/

.offers-hotels .hotel-row .hotel-thumbnail {
    width: 100%;
    display: block;
    background-color: #ddd;
    position: relative;
    height: auto;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-attachment: inherit;
    background-clip: border-box;
    background-origin: border-box;
}


/*biggest-offer*/

.offers-hotels .biggest-offer {
    padding-left: 0px;
}

.offers-hotels .secound-offer {
    padding-right: 0px;
}

.offers-hotels .biggest-offer .hotel-row .hotel-thumbnail {
    /*padding-top:50%;*/
}

.offers-hotels .secound-offer .hotel-row .hotel-thumbnail {
    /*padding-top:25%;*/
}

.offers-hotels .hotel-row .hotel-thumbnail svg {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
}

.offers-hotels .hotel-row .hotel-thumbnail img {
    /*position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;*/
    height: auto;
    display: block;
}

.popular_tour_container .title.text-left.white-color {
    margin-bottom: 20px;
}

.homepage-hero-section .hotel-offer-content {
    background-color: #ffa800;
    padding: 15px;
    color: #fff;
    position: relative;
}

.homepage-hero-section .secound-offer .hotel-offer-content {
    padding: 5px 10px;
}

.homepage-hero-section .biggest-offer .hotel-offer-content .hotel-name-wraper {
    border-right: 1px solid #fff;
}

.homepage-hero-section .hotel-offer-content .package-subtitle,
.homepage-hero-section .hotel-offer-content .package-price-title {
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0px;
    line-height: 24px;
}

.homepage-hero-section .hotel-offer-content .package-title {
    font-size: 20px;
    font-weight: 600;
    margin: 5px 0px;
    text-transform: uppercase;
}

.homepage-hero-section .hotel-offer-content .package-price {
    font-size: 18px;
    font-weight: 600;
    margin: 5px 0px;
}

.homepage-hero-section .biggest-offer .hotel-offer-content:before {
    position: absolute;
    top: -25px;
    content: '';
    width: 0;
    height: 0;
    border-bottom: solid 25px #ffa800;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}

.homepage-hero-section .secound-offer .secound-first-package .hotel-offer-content {
    background-color: #3d6eeb;
}

.homepage-hero-section .secound-offer .secound-secound-package {
    position: relative;
}

.homepage-hero-section .secound-offer .secound-secound-package .hotel-offer-content {
    background-color: #2930b4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.homepage-hero-section .secound-offer .secound-secound-package .hotel-offer-content:after {
    width: 100%;
    height: 99%;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: .0px;
    transform-origin: bottom left;
    -ms-transform: skew(-25deg, 0deg);
    -webkit-transform: skew(-25deg, 0deg);
    transform: skew(-25deg, 0deg);
    z-index: 3;
    background-color: #2930b4;
    z-index: -1;
}


/* ======================================================== 
                        Mian Menus SubMenu
   ======================================================== */

.navimenuSticy .navimenu-submenu {
    width: 100%;
    z-index: 101;
    position: fixed;
    top: 0-2px;
    /* border-bottom: 1px solid #ddd; */
    /* -webkit-animation: headerjump 0.1s linear 0s 1;
    -o-animation: headerjump 0.1s linear 0s 1;
    animation: headerjump 0.1s linear 0s 1; */
}

@-webkit-keyframes headerjump {
    from {
        transform: translateY(-100px);
    }
    to {
        transform: translateY(0px);
        position: fixed;
    }
}

@-o-keyframes headerjump {
    from {
        transform: translateY(-100px);
    }
    to {
        transform: translateY(0px);
        position: fixed;
    }
}

@-moz-keyframes headerjump {
    from {
        transform: translateY(-100px);
    }
    to {
        transform: translateY(0px);
        position: fixed;
    }
}

@keyframes headerjump {
    from {
        transform: translateY(-100px);
    }
    to {
        transform: translateY(-0);
    }
}

.navimenu-submenu {
    width: 100%;
    position: relative;
    background: #336699;
    top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}

.navimenu-submenu .menus {
    position: relative;
}

#holiday-menu .menus li.link-item:not(:last-child) {
    margin-right: 15px
}

#holiday-menu .menus li.link-item:last-child a {
    padding-right: 0px;
}

#holiday-menu .menus li.link-item>a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: block;
    position: relative;
    padding: 08px 0;
    text-decoration: none;
    padding: 15px;
    font-weight: 700;
}

#holiday-menu .menus .holiday-dropdown>a:after {
    content: "\f107";
    font-family: FontAwesome;
    display: inline-block;
    margin: 0px 5px;
    font-size: 12px;
    vertical-align: middle;
    font-weight: 400;
    transition: all 0.5s
}

#holiday-menu .menus .holiday-dropdown:hover>a:after,
#holiday-menu .menus .holiday-dropdown.has-open>a:after {
    content: "\f106";
}

.holiday-dropdown .holiday-submenu .submenu-list li:hover a,
.holiday-dropdown .holiday-submenu .submenu-list li:focus a,
.holiday-dropdown .holiday-submenu .submenu-list li:active a .holiday-dropdown .holiday-submenu .submenu-list li.active a {
    color: #2930b4;
}

#holiday-menu .menus li.link-item:hover>a,
#holiday-menu .menus li.link-item:hover>a,
#holiday-menu .menus li.link-item:hover>a,
#holiday-menu .menus li.link-item.active>a {
    color: #3DECD7;
}

.holiday-dropdown .holiday-submenu {
    width: 100%;
    position: absolute;
    border: 0;
    left: 0;
    z-index: 9;
    background-color: #336699;
    padding: 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0s;
    -ms-transition: all 0s;
    transition: all 0s;
    -webkit-transform: translateY(150px);
    -ms- transform: translateY(150px);
    transform: translateY(150px);
}

.holiday-dropdown .holiday-submenu .submenu-list {
    list-style: circle;
    list-style-position: outside;
    padding-left: 18px;
}

.holiday-dropdown .holiday-submenu .dropdown-title h4 {
    font-size: 37px;
    font-weight: 600;
    margin: 0;
    padding: 15px 0px;
    color: #fff;
}

.holiday-dropdown .holiday-submenu .submenu-list.list-part-3 li {
    position: relative;
    padding: 10px 0px;
    display: inline-block;
    width: calc(calc(100% / 3) - 12px);
}

.holiday-dropdown .holiday-submenu .submenu-list.list-part-1 li {
    position: relative;
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
}

.holiday-dropdown .holiday-submenu .submenu-list.list-part-2 li {
    position: relative;
    padding: 10px 0px;
    display: inline-block;
    width: 48%;
}

.holiday-dropdown .holiday-submenu .submenu-list li a {
    font-size: 14px;
    color: #000;
    font-weight: 200;
    padding: 10px 0;
}

.holiday-dropdown .holiday-submenu .submenu-list li a:before {
    /* content: "\f111";
    font-family: FontAwesome;
    display: inline-block;
    margin: 0px 5px;
    font-size: 3px;
    vertical-align: middle; */
}

.holiday-dropdown .holiday-submenu .submenu-list li a .Menu.Icon {
    float: left;
}

.holiday-dropdown .holiday-submenu .submenu-list li a span {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
}

@media (min-width: 992px) {
    #holiday-menu .menus li.link-item:hover>.holiday-submenu {
        opacity: 1;
        visibility: visible;
        transition: all 0.1s;
        transform: translateY(0px);
    }
}

#holiday-menu .menus li.link-item.has-open>.holiday-submenu {
    opacity: 1;
    visibility: visible;
    transition: all 0.1s;
    transform: translateY(0px);
}

.headerSticy .holiday-dropdown .holiday-submenu {
    /* border: 1px solid #f1f1f1 !important; */
    border-top: none;
}

.nemenubox span {
    width: 100%;
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 2px;
    font-weight: 500;
}

.nemenubox {
    color: #ffffff;
    margin-bottom: 15px;
}

.nemenubox:last-child {
    margin-bottom: 0;
}

.nemenubox a {
    color: #fff;
}

.nemenubox a:hover {
    color: #3DECD7;
}

.nemenubox p {
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
}


/* ======================================================== 
                        Mian Menus SubMenu
   ======================================================== */

#main-footer {
    background: url(../img/footer-bg.jpg);
    padding-top: 15px;
    padding-bottom: 15px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

footer#main-footer:before {
    background: linear-gradient(to right, rgba(41, 48, 180, 1) 0%, rgba(42, 158, 176, 1) 100%);
    height: 10px;
    width: 100%;
    content: "";
    display: block;
}

#subscribe-row .subscriber-container .title {
    color: #fff;
    font-size: 32px;
    float: right;
    margin: 5px 0px;
    padding-right: 15px;
    font-family: 'QuillScript';
}

.subscriberform {
    height: 40px;
    overflow: height
}

.subscriberform .form-control,
.subscriberform .btn {
    height: 100%;
    display: block;
    border: 0px;
    border-radius: 0px;
}

.subscriberform .form-control {
    width: calc(100% - 100px);
}

.subscriberform .btn {
    background: #edc407;
    font-size: 16px;
    text-transform: uppercase;
    float: left;
    width: 100px;
    padding: 7px 0px;
    border: 1px solid #edc407;
    font-weight: 600;
}

.subscriberform .btn .fa {
    margin-right: 10px;
}

.footer-row {
    padding-top: 50px;
    padding-bottom: 50px;
}

.footer-row .footer-panel-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #3851A3;
    font-weight: 600;
    margin: 0;
    padding: 0 0 10px 0px;
}

.footer-row .about-description {
    font-size: 12px;
    font-weight: 600;
    color: #3A3A3A;
    line-height: 27px;
}

.footer-row .footer-items .footer-menu {
    padding-left: 18px;
    color: #3A3A3A;
}

.footer-row .footer-items .footer-menu li {
    padding: 5px 0px;
}

.footer-row .footer-items .footer-menu li a {
    font-size: 12px;
    font-weight: 600;
    color: #3A3A3A;
    display: block;
    text-transform: uppercase;
}

.footer-row .footer-items .footer-menu li a:hover {
    color: #3851A3;
}

.footer-row .footer-items .footer-addrss-panel .contact-content p,
.footer-row .footer-items .contact-title,
.footer-row .footer-items .footer-addrss-panel .contact-content a {
    font-size: 12px;
    line-height: 23px;
    color: #3A3A3A;
}

.footer-row .footer-items .contact-row {
    margin-bottom: 15px;
}

.footer-row .footer-items .contact-row .fa {
    color: #3A3A3A;
    float: left;
}

.footer-row .footer-items .contact-title {
    text-transform: uppercase;
}

.footer-row .footer-items .contact-title .fa {
    margin-right: 10px;
}

.footer-row .footer-items .contact-social li a {
    padding: 10px;
    color: #fff;
}


/* ======================================================== 
                        Search Compare book
   ======================================================== */

.section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.session-header {
    margin-bottom: 0px;
}

.session-header .title {
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    background: linear-gradient(to right, #cf2f8a 0%, #ee0a0b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.session-header .title.primary-text {
    background: linear-gradient(to right, rgba(42, 158, 176, 1) 5%, rgba(41, 48, 180, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.session-header .title.black-color {
    -webkit-text-fill-color: black;
}

.session-header .title.white-color {
    -webkit-text-fill-color: #fff;
}

.search-compare-book {
    padding-top: 100px;
    padding-bottom: 100px;
}

.search-compare-book .search-compare-container .section-container .description p {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    padding: 0 25%;
}


/* ======================================================== 
                        HOT DEALS IN PACKAGE TOURS
   ======================================================== */


/*#popularTour {
    border-top: 1px solid #f1f1f1;
}*/

.owl-nav button:focus {
    outline: none;
}

section#popularTour {
    padding-top: 0px;
    padding-bottom: 0px;
}

.popular_tour_container {
    width: calc(100% - 60px);
    margin: 0 auto;
    position: relative;
}

#popularTour .popular_tour_container {
    width: calc(100% - 30px);
}

#popularTour .popular_tour_container .session-header {
    padding: 0px 15px;
}

.item.package-item {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    margin-bottom: 50px;
    min-height: 384px;
}

.popular_tour_slider .package-item .package-thumbnail {
    position: relative;
    top: 0;
    overflow: hidden;
    background-color: #f1f1f1;
}

.popular_tour_slider .package-item .package-thumbnail a {
    position: relative;
    top: 0;
    padding-bottom: 70%;
    overflow: hidden;
}

.popular_tour_slider .package-item .package-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
}

.popular_tour_slider .package-item .package-thumbnail .thumbnail-city {
    background-color: #ff7550;
    font-size: 12px;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
}

.popular_tour_slider .package-item .package-info {
    padding: 30px 15px;
    background-color: #fff;
    border-bottom: 1px solid#e6e6e6;
}

.package-info .package-header .title,
.package-info .package-header .title a {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #000;
    margin-bottom: 10px;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.package-info .package-shortconent p {
    color: #676767;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.popular_tour_slider .package-item .package-user-info {
    padding: 15px;
    background-color: #fff;
}

.popular_tour_slider .package-item .package-user-info .package-days i.fa {
    color: #676767;
    font-size: 18px;
}

.popular_tour_slider .package-item .package-user-info .package-days span {
    color: #676767;
    font-size: 13px;
    padding-left: 8px;
}

.popular_tour_slider .package-item .package-user-info .package-price {
    text-align: right;
}

.popular_tour_slider .package-item .package-user-info .package-price .del-price {
    font-size: 13px;
    color: #676767;
    padding-bottom: 10px;
}

.popular_tour_slider .package-item .package-user-info .sale-price .price-simble,
.popular_tour_slider .package-item .package-user-info .sale-price .price {
    font-size: 20px;
    color: #ff7550;
    font-weight: 700;
}

.popular_tour_slider .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
}

.popular_tour_slider .owl-carousel {
    position: static;
}


/*.popular_tour_slider .owl-carousel .owl-stage-outer{overflow:inherit;}*/

.popular_tour_slider .owl-nav button span {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px !important;
    background-color: #ff7550 !important;
    color: #fff !important;
    font-size: 25px !important;
    display: block;
    transition: all 0.5s;
}

.popular_tour_slider .owl-nav button span:hover {
    border-radius: 50%;
}

.popular_tour_slider .owl-nav .owl-prev {
    margin-right: 10px;
}

.popular_tour_slider_contain .owl-item {
    padding: 15px;
}


/* ======================================================== 
                        EXCLUSIVE HOTEL BOOKING OFFERS
   ======================================================== */

#exclusiveHotel {
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 0px;
}

#exclusiveHotel .container-fluid {
    backdrop-filter: blur(5px);
    padding-bottom: 70px;
}

#exclusiveHotel .container-fluid .popular_tour_container .title.text-left.white-color {
    text-align: center !important;
    margin-top: 40px;
    width: 100%;
}

#exclusiveHotel:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.popular_tour.section-padding.parallax-window {
    padding-top: 100px;
    padding-bottom: 100px;
}

.parallax-window .item.package-item {
    margin-bottom: 0px;
}

.parallax-window .popular_tour_slider .owl-nav button span {
    background-color: #ff7550 !important;
}

.parallax-window .popular_tour_slider .package-item .package-info {
    padding: 20px 20px;
}


/* ======================================================== 
                        TOP EXCURSION IN THAILAND & SOUTH EAST ASIA
   ======================================================== */

#top-excursion-in-thailand {
    border-bottom: 1px solid #f1f1f1;
}

.top-excursion-in-thailand .package-thumbnail {
    position: relative;
    top: 0;
    overflow: hidden;
    background-color: #ddd;
}

.top-excursion-in-thailand .package-thumbnail a {
    position: relative;
    top: 0;
    height: 100%;
    overflow: hidden;
    padding-bottom: 65%;
}

.top-excursion-in-thailand .package-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
}

.top-excursion-in-thailand .packrow {
    padding: 15px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #fff;
}

.top-excursion-in-thailand .top-excursion-in-content .package-name h3 a {
    font-size: 15px;
    line-height: 20px;
    color: #000;
}

.top-excursion-in-thailand .package-price .sale-price,
.top-excursion-in-thailand .package-price .price-start {
    text-align: right;
    display: block;
}

.top-excursion-in-thailand .package-price .price-start {
    font-size: 14px;
    font-weight: 600;
}

.top-excursion-in-thailand .package-price .sale-price .price,
.top-excursion-in-thailand .package-price .sale-price .price-simble {
    font-size: 20px;
    color: #ff7550;
    font-weight: 700;
}

.top-excursion-in-thailand-container {
    position: relative;
}

.top-excursion-in-thailand-container .owl-carousel {
    position: static;
}

.top-excursion-in-thailand .top-excursion-in-slider {
    padding-top: 10px;
}

.top-excursion-in-thailand .top-excursion-in-slider .owl-nav button span {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px !important;
    background-color: #ff7550 !important;
    color: #fff !important;
    font-size: 25px !important;
    display: block;
    transition: all 0.5s;
    border-radius: 50%;
}

.top-excursion-in-thailand .top-excursion-in-slider .owl-nav {
    position: absolute;
    top: 50%;
    left: -50px;
    width: calc(100% + 100px);
    transform: translateY(-50%);
}

.top-excursion-in-thailand .top-excursion-in-slider .owl-nav .owl-prev {
    position: absolute;
    left: 0px;
}

.top-excursion-in-thailand .top-excursion-in-slider .owl-nav .owl-next {
    position: absolute;
    right: 0px;
}

.top-excursion-in-thailand-container h2.title.primary-text.text-left,
.popular_tour_container .title {
    width: calc(100% - 90px);
}


/* ======================================================== 
                        EXCLUSIVE DEALS - TRAVEL IN FEBRUARY
   ======================================================== */


/*.exclusive-deal-month-container{
        width:80%;
        margin:0 auto;
}*/

.exclusive-deal-month-container .month-package {
    margin-bottom: 30px;
}

.exclusive-deal-month-container .package-box {
    overflow: hidden;
    background-position: center center;
}

.exclusive-deal-month-container .exclusive-deal-month-content {
    margin-left: -15px;
    margin-right: -15px;
}

.exclusive-deal-month-container [data-image] {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: initial;
}

.exclusive-deal-month-container .package-box .package-thumbnail {
    position: relative;
    padding: 50px;
    padding-top: 44.25%;
}

.exclusive-deal-month-container .package-box .package-thumbnail .detailcat {
    position: absolute;
    bottom: 36px;
    z-index: 5;
}

.exclusive-deal-month-container .package-box .package-thumbnail .detailcat .name {
    color: #fff;
    font-size: 26px;
    opacity: 1;
    font-weight: bold;
    background: green;
    padding: 5px 15px;
    display: block;
    float: left;
}

.exclusive-deal-month-container .package-box .package-thumbnail .detailcat .datedep {
    color: #fff;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 27px;
    display: block;
    float: left;
    width: 100%;
}

.exclusive-deal-month-container .full-part-4 .package-box .package-thumbnail {
    padding-top: 91.2%;
}

.exclusive-deal-month-container .package-box .package-thumbnail:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-image: linear-gradient(to bottom, transparent, transparent, rgba(0, 0, 0, 0.8));
    /* background: -webkit-gradient(linear, left top, left bottom, from(rgba(221, 221, 221, 0)), to(rgba(0, 0, 0, .7))); */
    /* background: linear-gradient(to bottom, rgba(221, 221, 221, 0) 0, rgba(0, 0, 0, .7) 100%); */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.exclusive-deal-month-container .package-box .package-content {
    position: absolute;
    bottom: 50px;
    z-index: 2;
}

.exclusive-deal-month-container .package-box .package-content .package-price {
    background-color: #000;
    padding: 4px 8px;
    display: inline-block;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 800;
    margin-bottom: 15px;
}

.exclusive-deal-month-container .package-box .package-content .package-price.pink-price {
    background-color: #ff007c;
}

.exclusive-deal-month-container .package-box .package-content .package-price.red-price {
    background-color: red;
}

.exclusive-deal-month-container .package-box .package-content .package-name {
    text-transform: capitalize;
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 15px;
}

.exclusive-deal-month-container .package-box .package-content .package-name,
.exclusive-deal-month-container .package-box .package-content .package-departure,
.exclusive-deal-month-container .package-box .package-content .package-validdate {
    color: #fff;
    font-family: 'Muli', sans-serif;
}

.exclusive-deal-month-container .package-box .package-content .package-departure {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px;
}

.exclusive-deal-month-container .package-box .package-content .package-validdate {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
}

.book-hotel-form .hotel-area-seach.ui.search .prompt,
.book-hotel-form .roomsandchildrens input[type="text"] {
    border-radius: 5px !important;
    border: none !important;
    /* border-bottom: 2px solid #f1f5ff!important; */
    width: 260px !important;
    color: #000;
    padding-left: 7px;
    font-size: 13px;
    font-weight: 400;
    height: 25px;
}

.t-dates {
    padding-left: 0px;
    color: #000;
}

.book-hotel-form .hotel-area-seach.ui.search .prompt {
    color: #000;
    background: #fff;
}

.book-hotel-form .hotel-area-seach.ui.search .prompt::placeholder {
    color: #fff;
}

.book-hotel-form .hotel-area-seach.ui.search .prompt::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

::-webkit-input-placeholder {
    /* Edge */
    color: #fff;
}

 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

 ::placeholder {
    color: #fff;
}

.book-hotel-form .roomsandchildrens input[type="text"] {
    padding: 7px;
    margin-left: 15px;
    width: 160px !important;
    cursor: pointer;
}

.book-hotel-form .roomsandchildrens input:focus {
    box-shadow: none;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #3d6eeb;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #3d6eeb;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #3d6eeb;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #3d6eeb;
}

#popularTour .owl-nav {
    right: 15px;
}


/* .layer{position: relative;}
.layer:after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;} */


/* .book-hotel-form .roomsandchildrens input:focus .book-hotel-container .roomsandchildrens .room_select_box{display: block !important;} */

div#roomhandler {
    padding: 6px 0px;
    height: 38px;
    box-sizing: border-box;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none !important;
    /* border-bottom: 2px solid #fff !important; */
    width: 120px !important;
    color: #000;
    padding-left: 0px;
    font-size: 13px;
    font-weight: 400;
    height: 37px;
    /* margin-left: 15px; */
    cursor: pointer;
    background: #71BDE1;
}

.hotelRoomsAndGest span#roomsbooked {
    height: 25px;
    background: #fff;
    display: block;
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 4px 0 0 7px;
}

.hotelRoomsAndGest span#gestbooked {
    height: 25px;
    background: #fff;
    display: block;
    float: left;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 4px 7px 0px 3px;
}

.ui.search.hotel-area-seach .ui.icon.input {
    width: 300px;
}

.book-hotel-container .roomsandchildrens {
    position: relative;
}

.book-hotel-container .roomsandchildrens .room_select_box {
    width: 316px;
    background-color: #fff;
    position: absolute;
    top: 65px;
    left: 50%;
    transform: translate(-50%);
    z-index: 999;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    display: none;
}

.room_select_box-inner {
    overflow-y: scroll;
    max-height: 350px;
    padding: 15px;
}

.book-hotel-container .roomsandchildrens .room_select_box .heading {
    color: #000;
    font-size: 12px;
    padding-bottom: 15px;
    position: relative;
}

.book-hotel-container .roomsandchildrens .room_select_box .heading:after {
    content: "";
    display: block;
    border: 12px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translate(-50%);
}

.book-hotel-container .roomsandchildrens .room_select_box .adult {
    margin-bottom: 15px;
}

.book-hotel-container .roomsandchildrens .room_select_box .adult .title {
    font-size: 12px;
    padding-bottom: 10px;
}

.book-hotel-container .roomsandchildrens .room_select_box .adult .title span {
    color: #b0b0b0;
    padding-left: 5px;
}

.adult_select_btn ul li {
    list-style: none;
}

.adult_select_btn ul li .adult_btn {
    font-size: 14px;
    color: #666;
    padding: 2px 5px 1px;
    cursor: pointer;
}

.adult_select_btn ul li .adult_btn:hover {
    background: rgba(51, 146, 225, .12);
    color: #164880;
    border-radius: 3px;
}

.adult_select_btn ul li .adult_input:checked+label .adult_btn {
    background-color: #164880;
    color: #fff;
    border-radius: 3px;
}

.book-hotel-container .roomsandchildrens .room_select_box:after {
    width: 0;
    height: 0;
    left: 40%;
    position: absolute;
    top: -20px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    display: block;
    content: "";
}

.book-hotel-container .roomsandchildrens .room_select_box .add_room_part {
    padding-top: 15px;
}

.book-hotel-container .roomsandchildrens .room_select_box .add_room_part .add_room {
    color: #666;
    border: 1px solid#999;
    font-size: 12px;
    display: inline-block;
    padding: 7px 16px;
    text-transform: uppercase;
}

.book-hotel-container .roomsandchildrens .room_select_box .add_room_part .done {
    display: inline-block;
    color: #666;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 2px;
}

.book-hotel-form .hotel-area-seach.ui.search .prompt::placeholder {
    color: #000;
}

.book-hotel-form .hotel-area-seach.ui.search .prompt:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
}

.book-hotel-form .hotel-area-seach.ui.search .prompt::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000;
}


/*.book-hotel-form .hotel-area-seach .results.transition.visible:before {
    color: #3f3f3f;
    position: absolute;
    width: 100%;
    background: #fff;
    padding: 0;
    box-sizing: border-box;
    z-index: -1;
    box-shadow: 0 0 12px 5px rgba(0,0,0,.19);
    content: "";
}*/

.book-hotel-form .hotel-area-seach .results {
    box-shadow: 0px 0px 13px 5px rgba(0, 0, 0, .19) !important top: calc(100% + 10px);
}

.book-hotel-form .hotel-area-seach .results.transition.visible {
    border-radius: 0px !important;
}

.book-hotel-form .hotel-area-seach .results:after {
    display: inline-block;
    border-color: transparent transparent #fff;
    border-width: 12px;
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    content: '';
    top: -22px;
    left: 30px;
}

span.checkin,
span.checkout {
    position: absolute;
    top: 10px;
    color: #000;
    width: 98px;
    z-index: 11;
    overflow: hidden;
    display: block;
}

span.checkin {
    left: 10px;
}

span.checkout {
    right: 85px;
}

.t-dates.t-date-check-in,
.t-dates.t-date-check-out {
    padding-left: 105px !important;
}

.t-check-in .t-date-info-title,
.t-check-out .t-date-info-title {
    display: none;
}

.t-datepicker {
    font-size: 12px;
}

.checkin-and-checkpout.t-datepicker {
    width: calc(300px + 85px) !important;
    background: #71BDE1;
    padding: 6px;
}

.checkin-and-checkpout.t-datepicker .t-check-in,
.checkin-and-checkpout.t-datepicker .t-check-out {
    border-radius: 0px;
    border: none;
    /* border-bottom: 2px solid #fff !important; */
    background: #fff;
    border-radius: 5px;
}

.checkin-and-checkpout.t-datepicker .t-check-in {
    /*margin-right:20px;*/
}

.search-btn {
    width: 105px;
    text-align: right;
}

.search-btn input {
    color: #3950A3;
    background-color: #87DCFA;
    border: 0;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 24px;
    border-radius: 5px;
    cursor: pointer;
}

.book-hotel-container {
    padding-top: 3px;
    padding-bottom: 3px;
}


/*.t-datepicker-day{
            left: -100%;
}
.t-check-out .t-datepicker-day {
    right: calc(-100% - -10px);
    left: auto;
}
.t-dates{
        padding-left:0px;
}
.t-check-in .t-date-info-title, .t-check-out .t-date-info-title {
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    font-weight: 400;
    opacity: 1;
    font-size: 13px;
    cursor: pointer;
    background-color: #fff;
}
table.t-table-condensed td {
    border: 1px solid #f1f1f1;
    padding: 15px;
}
.t-datepicker-days {
    width: 767px;
}
*/


/* ------------- Page search ------------- */

#breadcrumbs {
    background-image: url('../img/header-banner-bg-new.jpg');
    background-size: cover;
    background-position: bottom;
    padding-top: 15px;
    padding-bottom: 15px;
}

#breadcrumbs .breadcrumbs_container .breadcrumbs_top_part ul li {
    list-style: none;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 600;
    margin-right: 30px;
    position: relative;
}

#breadcrumbs .breadcrumbs_container .breadcrumbs_top_part ul li:first-child:after {
    content: "";
    display: block;
    border: solid #9b9b9b;
    border-width: 0 1px 1px 0;
    padding: 2px;
    position: absolute;
    right: -15px;
    top: 39%;
    transform: translateY(-50%);
    transform: rotate(-45deg);
}

#breadcrumbs .breadcrumbs_container .breadcrumbs_top_part ul li a {
    color: #008cff;
}

#breadcrumbs .breadcrumbs_container .session-header {
    margin: 10px 0 15px;
}

#breadcrumbs .breadcrumbs_container .session-header .title {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    -webkit-text-fill-color: black;
    text-align: left;
    text-transform: none;
}

#breadcrumbs .breadcrumbs_container .breadcrumbs_bottom_part .sort_by ul li {
    list-style: none;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    margin-right: 8px;
    position: relative;
}

#breadcrumbs .breadcrumbs_container .breadcrumbs_bottom_part .sort_by ul li a {
    color: #008cff;
    position: relative;
}

#breadcrumbs .breadcrumbs_container .breadcrumbs_bottom_part .sort_by ul li a:after {
    content: "";
    display: block;
    border: solid#008cff;
    border-width: 0 2px 2px 0;
    padding: 2px;
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%)rotate(45deg);
}

#breadcrumbs .breadcrumbs_container .breadcrumbs_bottom_part .sort_by ul li .popularty_inner_box {
    background-color: #fff;
    border: 1px solid#efefef;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 20px;
    width: 212px;
    display: none;
    z-index: 1
}

#breadcrumbs .breadcrumbs_container .breadcrumbs_bottom_part .sort_by ul li .popularty_inner_box li {
    padding: 5px 15px;
}

#breadcrumbs .breadcrumbs_container .breadcrumbs_bottom_part .sort_by ul li .popularty_inner_box li a {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 600;
    display: block;
}

#breadcrumbs .breadcrumbs_container .breadcrumbs_bottom_part .sort_by ul li .popularty_inner_box li a:hover {
    color: #0084ff;
}

#breadcrumbs .breadcrumbs_container .breadcrumbs_bottom_part .sort_by ul li .popularty_inner_box li a:after {
    display: none;
}

#breadcrumbs .breadcrumbs_container .search_hotel_input {
    width: 300px;
}

#breadcrumbs .breadcrumbs_container .search_hotel_input .search_box {
    position: relative;
}

#breadcrumbs .breadcrumbs_container .search_hotel_input .search_box .form-control {
    height: auto;
    border: solid 1px #e3e7eb;
    padding: 8px 10px 8px 38px;
    font-size: 16px;
    color: #4a4a4a;
    font-weight: 400;
}

#breadcrumbs .breadcrumbs_container .search_hotel_input .search_box span {
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%);
    font-size: 15px;
}

#hotelSelect {
    padding-top: 50px;
    padding-bottom: 50px;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_heading {
    margin-bottom: 10px;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_heading h2 {
    font-weight: 700;
    font-size: 20px;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_btn {
    display: none;
    margin-bottom: 15px;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_btn a {
    background-color: #ccc;
    display: inline-block;
    color: #000;
    padding: 10px 30px;
    font-size: 18px;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box {
    padding: 10px 0;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box .filter_box_head {
    margin-bottom: 15px;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box .filter_box_head h2 {
    font-size: 16px;
    font-weight: 700;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box .filter_box_head a {
    color: #008cff;
    font-size: 12px;
    font-weight: 600;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box h3 {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 400;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box ul li {
    list-style: none;
    margin-bottom: 12px;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box ul li .show_more {
    color: #008cff;
    font-size: 12px;
    font-weight: 600;
}

li.show_moreli~li:not(.show_moreli) {
    display: none;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box ul li:last-child {
    margin-bottom: 0;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box ul li .filter_checkbox {
    width: 18px;
    height: 18px;
    border: 1px solid #9b9b9b;
    border-radius: 2px;
    background-color: #fff;
    display: block;
    position: relative;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box ul li .filter_checkbox:after {
    content: "\f00c";
    display: block;
    font-family: FontAwesome;
    color: #fff;
    font-size: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box ul li .filter_input:checked+label .filter_checkbox {
    background-color: #008cff;
    border-color: #008cff;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box ul li .filter_input:checked+label .filter_checkbox:after {
    opacity: 1;
}

#hotelSelect .hotel_select_section .hotel_select_content .filter_part .filter_box ul li p {
    font-size: 14px;
    padding-left: 10px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part {
    width: 100%;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box {
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, 0.08);
    border: 1px solid#bababa;
    margin-bottom: 15px;
    /* cursor: pointer; */
    background-clip: border-box;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box:hover {
    /* background: #f4faff;
    border-color: #008cff; */
    overflow: hidden;
}


/* Hotel Selected */

.selectedhotel {
    background: #fff6e7 !important;
    border-color: #efd8b1;
    overflow: hidden;
}


/* Hotel sold Out  */

.soldout {
    background: #ffe8e9 !important;
    border-color: #eb2026;
    overflow: hidden;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box:last-child {
    margin-bottom: 30px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left {
    width: 100%;
    padding: 15px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_left_img {
    width: 245px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_left_img .hotel_select_img_top {
    width: 100%;
    height: 165px;
    border-radius: 4px 4px 0 0;
    margin-bottom: 5px;
    position: relative;
    background-color: #ddd;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_left_img .hotel_select_img_top img {
    border-radius: 4px 4px 0 0;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_left_img .thumbnail_img .thumbnail_img_box {
    width: 23%;
    height: 50px;
    position: relative;
    overflow: hidden;
    min-width: 56px;
    margin-bottom: 5px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_left_img .thumbnail_img .thumbnail_img_box a {
    display: block;
    width: 100%;
    height: 100%;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_left_img .thumbnail_img .thumbnail_img_box img {
    /* max-width: 100%; */
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    opacity: 0.8;
    background-color: #ddd;
    object-position: 50% 50%;
    margin: auto;
    display: block;
    right: 0;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_left_img .thumbnail_img .thumbnail_img_box img:hover {
    opacity: 1;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right {
    width: calc(100% - 245px);
    padding-left: 20px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .mmt_assured ul li {
    list-style: none;
    margin-right: 10px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .mmt_assured ul li:last-child {
    margin-right: 0;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .mmt_assured .apartment {
    color: #34A4C6;
    border: 1px solid#34A4C6;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    display: block;
    border-radius: 4px;
    text-transform: uppercase;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .mmt_assured .mmt_img {
    width: 96px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .mmt_assured .mmt_img img {
    max-width: 100%;
    max-height: 100%;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading {
    margin-bottom: 15px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .title {
    width: 80%;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .title h2 {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 12px;
}

.hotel_select_inner_right_heading .starrate span {
    border: 1px solid;
    /* padding: 2px 5px;*/
    border-radius: 3px;
    margin-left: 10px;
}

.hotel_select_inner_right_heading .starrate {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.hotel_select_box_right_part {
    /* background: #f5f5f5; */
    border-left: 1px #e6e6e6 solid;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .title h3 {
    color: #9b9b9b;
    font-size: 12px;
    font-weight: 700;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .title p {
    color: #4a4a4a;
    font-size: 12px;
    font-weight: 600;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .review {
    width: 20%;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .review ul {
    margin-bottom: 3px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .review ul li {
    list-style: none;
    margin-right: 5px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .review ul li:last-child {
    margin-right: 0;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .review .my_img {
    background-image: url('../img/hotelSprite.png');
    background-size: 400px 350px;
    width: 19px;
    height: 18px;
    background-position: -567px -601px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .review .rev_num {
    border-radius: 4px;
    padding: 0px 5px;
    font-size: 12px;
    color: #fff;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .review .blue_c {
    background-color: #3d6eeb;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_select_inner_right_heading .review .rev_point {
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li {
    list-style: none;
    margin-right: 15px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li:last-child {
    margin-right: 0;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .web-icon {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_wifi {
    background-image: url('../img/wireless_internet_(wi-fi).png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_swimingpool {
    background-image: url('../img/swimming_pool.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_bar {
    background-image: url('../img/bars.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_beach {
    background-image: url('../img/beach_river_front.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_beauty {
    background-image: url('../img/beauty_salon.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_car {
    background-image: url('../img/car_rent.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_children {
    background-image: url('../img/children_club_baby_siting.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_coffee {
    background-image: url('../img/coffee_shop.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_doctor {
    background-image: url('../img/doctor_on_call.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_fitnes {
    background-image: url('../img/fitness_center.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_internet {
    background-image: url('../img/internet_cafe.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_massage {
    background-image: url('../img/massage_spa_center.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_smoking {
    background-image: url('../img/no_smoking_rooms.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_postal {
    background-image: url('../img/postal_service.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_restaurant {
    background-image: url('../img/restaurant.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_room {
    background-image: url('../img/room_service.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_safety {
    background-image: url('../img/safety_deposit_box.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_shuttle {
    background-image: url('../img/shuttle_bus.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li .facility_viking {
    background-image: url('../img/viking_nature_resort.png');
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part ul li p {
    font-size: 12px;
    color: #4a4a4a;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part .more_option {
    margin-top: 10px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part .more_option p {
    color: #3d6eeb;
    font-size: 12px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_inner_left .hotel_select_inner_left_content .hotel_select_inner_right .hotel_right_facility_part .more_option p .more_text {
    color: #9b9b9b;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content {
    padding: 30px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .include_part {
    text-align: right;
    /* margin-bottom: 60px; */
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .include_part span {
    color: #000;
    font-size: 16px;
    margin-top: 20px;
    display: block;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .include_part h2 {
    font-size: 10px;
    color: #4a4a4a;
    text-transform: uppercase;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .include_part ul li {
    list-style: none;
    font-size: 12px;
    color: green;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .include_part ul li:before {
    content: "\2713";
    padding-right: 5px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .include_part ul {
    margin-top: 3px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .include_part ul li p {
    color: #249995;
    font-size: 12px;
    display: inline-block;
    position: relative;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .include_part ul li p:after {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 12px;
    color: #249995;
    position: absolute;
    top: 0;
    left: -20px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .save_part {
    margin-bottom: 10px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .save_part .save {
    font-size: 12px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .save_part .save_money {
    font-size: 12px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .price_part {
    text-align: right;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .price_part .del_price {
    color: #9b9b9b;
    font-size: 16px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .price_part .main_price {
    font-size: 26px;
    color: #000;
    font-weight: 700;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .price_part .hold_time {
    color: #9b9b9b;
    font-size: 12px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .login_part {
    margin-top: 15px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotel_select_right_box .hotel_select_box_right_part .hotel_select_box_right_content .login_part .login_btn {
    font-size: 12px;
    color: #008cff;
    font-weight: 700;
    text-transform: uppercase;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotelbuttons {
    display: block;
    width: 100%;
    bottom: 25px;
    padding-right: 20px;
    padding-bottom: 15px;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotelbuttons .booknow {
    color: #fff;
    border-radius: 5px;
    background: #53b2fe;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    font-size: 13px;
    text-transform: uppercase;
    padding: 9px 20px;
    font-weight: 700;
    width: 135px;
    text-align: center;
    display: block;
    float: right;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotelbuttons .ind_enqu {
    color: #fff;
    border-radius: 5px;
    background: #F0823E;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    display: block;
    float: right;
    font-size: 13px;
    text-transform: uppercase;
    padding: 9px 20px;
    font-weight: 700;
    width: 135px;
    text-align: center;
    margin: 15px auto auto auto;
}

#hotelSelect .hotel_select_section .hotel_select_content .hotel_select_right_part .hotelbuttons .roomoption {
    color: #0084ff;
    text-align: center;
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: 7px;
}

.filter_box ul {
    max-height: 200px;
    overflow-y: scroll;
}

.filter_box ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.filter_box ul::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.filter_box ul::-webkit-scrollbar-thumb {
    background-color: #0ae;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}

div#inquirymodel {
    z-index: 1111;
}

.label {
    display: inline-block;
    position: relative;
    background-color: #3d6eeb;
    border-radius: 5px;
    padding: 3px;
    color: #fff !important;
}

.label span {
    display: inline-block;
    vertical-align: middle!important;
    line-height: 15px;
    font-size: 13px;
}


/* ------------ / Page search ------------ */


/* ------------- Single-hotel -------------- */

#hotelInfo {
    padding-top: 30px;
    padding-bottom: 30px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_info_top_part {
    margin-bottom: 25px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_info_top_part .hotel_review_part {
    margin-bottom: 10px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_info_top_part .hotel_review_part #rateYo {
    width: 75px !important;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_info_top_part .hotel_review_part .jq-ry-group-wrapper svg {
    width: 15px;
    height: 15px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_info_top_part .hotel_review_part p {
    font-size: 14px;
    color: #999;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_info_top_part .session-header {
    margin-bottom: 0;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_info_top_part .session-header .title {
    font-size: 30px;
    font-weight: 500;
    text-align: left;
    text-transform: none;
    -webkit-text-fill-color: #333;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_info_top_part .hotel_addresh .description {
    color: #999;
    font-size: 14px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part {
    padding-left: 0;
    overflow: hidden;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part .hotel_slider_left_content {
    position: relative;
    height: 100%;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part .hotel_slider_left_content div:not(.view_all):not(.owl-nav) {
    height: 100%;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part .owl-carousel .item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 50%;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part .owl-carousel .item a img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part .owl-carousel .item a .view_all {
    padding: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part .owl-carousel .item a .view_all p {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part .owl-carousel .item a .view_all p:after {
    content: "\f178";
    font-family: FontAwesome;
    display: block;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 10px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 10px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_left_part .owl-carousel .owl-nav button i {
    width: 30px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    font-size: 50px;
    font-weight: 600;
    display: block;
    color: #fff;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part {
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, 0.08);
    border-radius: 4px;
    border: solid 1px #bababa;
    background: #fff;
    padding: 25px 25px 45px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .mercury_part .title {
    font-size: 16px;
    color: #008cff;
    font-weight: 700;
    margin-bottom: 10px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .mercury_part .facility li {
    list-style: none;
    color: #249995;
    font-weight: 700;
    font-size: 14px;
    position: relative;
    margin-bottom: 3px;
    padding-left: 15px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .mercury_part .facility li:first-child {
    color: #d0021b;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .mercury_part .facility li:after {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 10px;
    color: #249995;
    position: absolute;
    top: 1px;
    left: 0px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .hold_time {
    margin: 5px 0;
    text-align: right;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .hold_time .hold {
    font-size: 13px;
    color: #9b9b9b;
    font-weight: 600;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .hold_time .person {
    font-size: 13px;
    font-weight: 600;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .price_part .del_price_part .del_price {
    font-size: 14px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .price_part .main_price .price_symbol {
    padding-right: 5px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .price_part .main_price .price {
    color: #008cff;
    font-size: 22px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .price_part .save_part .saving_price {
    color: #d0021b;
    font-size: 13px;
    font-weight: 600;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .book_now_part {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid#bababa;
    margin-top: 20px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .book_now_part .book-now {
    color: #fff;
    border-radius: 35px;
    background-image: linear-gradient(96deg, #53b2fe, #065af3);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    padding: 9px 20px;
    font-weight: 700;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .book-more {
    color: #3d6eeb;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin-top: 50px;
}

#hotelfeatures {
    position: sticky;
    top: 115px;
    z-index: 99;
}

#hotelFituresmenu {
    background: #fff;
    box-shadow: 0 4px 8px 5px rgba(138, 107, 118, 0.08);
    border-bottom: 0.7px solid #bababa;
}

#hotelFituresmenu .menu_section .menu_content ul li {
    list-style: none;
}

#hotelFituresmenu .menu_section .menu_content ul li a {
    width: 160px;
    padding: 16px 0 14px;
    text-transform: uppercase;
    text-align: center;
    color: #4a4a4a;
    font-weight: 700;
    display: block;
    font-size: 15px;
}

#hotelFituresmenu .menu_section .menu_content ul li.active a {
    color: #0084ff;
    border-bottom: 2px solid#0084ff;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .personsco {
    text-align: right;
    margin: 30px 0;
    line-height: 18px;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .hotelbuttons {
    display: block;
    width: 100%;
    bottom: 25px;
    padding-right: 0;
    padding-bottom: 15px;
    float: left;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .hotelbuttons .booknow {
    color: #fff;
    border-radius: 5px;
    background: #53b2fe;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    font-size: 13px;
    text-transform: uppercase;
    padding: 9px 20px;
    font-weight: 700;
    width: 135px;
    text-align: center;
    display: block;
    float: right;
    margin-right: 0;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .hotelbuttons .ind_enqu {
    color: #fff;
    border-radius: 5px;
    background: #f0823e;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    display: block;
    float: right;
    font-size: 13px;
    text-transform: uppercase;
    padding: 9px 20px;
    font-weight: 700;
    width: 135px;
    text-align: center;
    margin: 15px auto auto auto;
    clear: both;
}

#hotelInfo .hotel_info_section .hotel_info_content .hotel_slider_part .hotel_slider_right_part .hotel_slider_right_content .hotelbuttons .roomoption {
    color: #0084ff;
    text-align: center;
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: 7px;
    clear: both;
}


/* ------------- / Single-hotel ------------ */

.primaryBtn {
    border-radius: 5px;
    background: #53b2fe;
    /*box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);*/
    display: inline-block;
    flex-shrink: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 4px;
    font-weight: 900;
    padding: 9px 20px;
    cursor: pointer;
    outline: 0;
    border: 0;
    text-align: center;
}

.primaryBtn:hover {
    color: #fff;
}

.recommended {
    border-radius: 8.9px;
    text-transform: uppercase;
    background-image: linear-gradient(259deg, #3a7bd5, #00d2ff);
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    padding: 2px 8px;
}

.selectRoomData {
    padding: 10px;
    padding-top: 0px;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    position: relative;
    padding-left: 0px;
}

.room-selected-data .edit-room {
    position: absolute;
    right: 5px;
    top: 0;
    color: blue;
}

span.delete-room {
    position: absolute;
    top: 3px;
    right: 10px;
    cursor: pointer;
    font-size: 16px;
    color: gray;
}

#hotelfeatures {
    /* margin-bottom: 50px; */
}


/* all-rooms-container */

.hotel-single-info {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 50px;
    padding-top: 30px;
}

.roomnav {
    padding: 16px 20px;
    background: #f0f0f0;
    border-top: solid 1px #bababa;
    border-bottom: solid 1px #bababa;
    width: 260px;
    border-left: solid 1px #bababa;
}

.roomnav h3 {
    font-size: 12px;
}

.roomnav.room-price-nav {
    width: calc( 100% - calc( 260px * 3));
    border-right: solid 1px #bababa;
}

.roomrow .roomleft {
    width: 260px;
}

.roomrow .roomleft.multioptions .room-type-content {
    position: sticky;
    top: 212px;
    z-index: 9;
    background: #fff;
}

.all-rooms-container .roomleft:not(.multioptions) .room-type-content .room-name {
    position: sticky;
    top: 212px;
    z-index: 9;
    background: #fff;
}

.roomrow .roomright {
    width: calc( 100% - 260px);
}

.roomrow .roomright .option_row {
    width: 100%;
}

.roomrow .roomright .option_row.selectedhotel {
    background: #fff6e7;
}

.roomrow .roomright .option_row.soldout {
    background: #ffe8e9;
}

.room-more-infobtn a {
    color: #0084ff !important;
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 15px 0px;
}

.room-more-infobtn .sprite-icon.arrow-right {
    background: url(../img/hotelSprite.png) no-repeat;
    display: inline-block;
    background-size: 400px 350px;
    font-size: 0px;
    flex-shrink: 0;
    width: 18px;
    height: 14px;
    background-position: -313px -136px;
    margin-left: 10px;
}

.roomrow .room-option,
.roomrow .room-included {
    width: 260px;
}

.roomrow .room-price {
    width: calc( 100% - calc( 260px * 2));
    border-right: solid 1px #bababa;
}

.roomWrap {
    border-bottom: solid 8px #bababa;
}

.room-all-roomheader {
    position: sticky;
    top: 165px;
    z-index: 10;
}

.all-rooms-container {
    font-family: 'Lato', sans-serif;
}

.all-rooms-container .room-box .room-type-content {
    padding: 20px;
}

.all-rooms-container .roomrow .room-box {
    border-left: solid 1px #bababa;
}

.all-rooms-container .room-box .room-thumbnail {
    width: 100%;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 20px;
    height: 0;
    position: relative;
    padding-bottom: 100%;
}

.all-rooms-container .room-box .room-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
}

.all-rooms-container .room-box .room-inside-content ul {
    list-style: none;
}

.all-rooms-container .room-box .room-inside-content li {
    margin-bottom: 5px;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400;
}

.icon {
    width: 24px;
    display: inline-block;
    background-image: url(../img/amenitySprite2.png);
    background-size: 200px 450px;
    font-size: 0px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.icon.defaulticon {
    background-position: -60px -404px;
}

.icon.bed {
    background-position: 0px -403px;
}

.icon.room {
    background-position: -174px -293px
}

.all-rooms-container .room-box .room-inside-content li .roomIconWrap {
    width: 20px;
    margin-right: 10px;
}

.all-rooms-container .room-box .room-inside-content li .iconopt {
    display: inline-block;
    background-image: url(../img/hotelSprite.png);
    display: inline-block;
    background-size: 400px 350px;
    font-size: 0px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    margin: 0 auto;
    display: block;
}

.all-rooms-container .room-box .room-inside-content li .iconopt.roomBreakfastIcon {
    width: 22px;
    height: 21px;
    background-position: -369px -133px;
}

.all-rooms-container .room-box .room-inside-content li .iconopt.nonRefundableIcon {
    width: 32px;
    height: 28px;
    background-position: -237px -130px;
}

.bghilited {
    background-color: #fff6e7;
}

.all-rooms-container .room-box.room-option .optionsname {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}

.all-rooms-container .room-box .room-inside-content .option {
    margin-bottom: 30px;
}
.all-rooms-container .room-box .room-inside-content .radiobtn {
    margin-top: 10px;
}
.all-rooms-container .room-box .room-inside-content .radiobtn label {
    color: green;
    font-weight: 600;
    margin-left: 5px;
}
.all-rooms-container .room-box .room-inside-content .radiobtn label:hover {
    color: #336699;
    cursor:pointer;
}
.all-rooms-container .room-box.room-included .room-type-content {
    padding-top: 60px;
}

.all-rooms-container .room-box.room-price .del-price {
    color: #9b9b9b;
    font-weight: 700;
    font-size: 14px;
}

.all-rooms-container .room-box.room-price .sale-price {
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.all-rooms-container .room-box.room-price .price-for {
    font-size: 12px;
    line-height: 12px;
    color: #9b9b9b;
}

.all-rooms-container .room-box.room-price .price-options {
    color: #000000;
    margin-bottom: 10px;
}


/*room-facilities*/

#hotel-facilities {
    padding-top: 50px;
    padding-bottom: 50px;
}

.roomsfacilities-container .facilities-header {
    margin-bottom: 30px;
}

.roomsfacilities-container .most-facilities {
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, 0.08);
    background-color: #ffffff;
    border: solid 1px #bababa;
    padding: 15px 20px;
    margin: 20px 0 26px 0;
}

.roomsfacilities-container .regular-facilities .amenitiesList li {
    width: 20%;
    flex-shrink: 0;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.roomsfacilities-container .regular-facilities .amenitiesList li .amenitiesDot {
    width: 4px;
    height: 4px;
    background: #878787;
    border-radius: 50%;
}

.roomsfacilities-container .regular-facilities .amenitiesList li .amenitiesName {
    padding: 0 10px;
    font-weight: 400;
    font-size: 13px;
}


/*hotel-policies*/

.hotel-policies-container .list-of-policies {
    margin-top: 30px;
}

.hotel-policies-container .policies-header {
    margin-bottom: 20px;
}

.hotel-policies-container .policies-of-time .alert {
    padding: 5px;
}

.hotel-policies-container .list-of-policies .infoListing li {
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
    padding: 0 0 0 20px;
    flex: 0 0 48%;
    width: 48%;
}

.hotel-policies-container .list-of-policies .infoListing li::before {
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px #979797 solid;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
}


/*hotel-review*/

#hotel-review {
    padding-bottom: 50px;
}

.hotel-review-container .hotel-review-header .userRating {
    width: 193px;
    border-radius: 4px;
    background: #ffffff;
    border: solid 1px #23a095;
    flex-shrink: 0;
    overflow: hidden;
    margin-right: 30px;
}

.hotel-review-container .hotel-review-header .userRatingTop {
    height: 80px;
    background-image: linear-gradient(64deg, #26bd99, #219393);
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.hotel-review-container .hotel-review-header .userRatingBottom {
    text-align: center;
    background: #fff;
    text-transform: uppercase;
    padding: 6px 0;
    letter-spacing: 1.8px;
}

.hotel-review-container .hotel-review-header .rating {
    font-weight: ;
    font-size: 42px;
    margin-right: 12px;
    color: #fff;
}

.hotel-review-container .hotel-review-header .ratingRight {
    color: #fff;
    font-size: 13px;
}

.hotel-review-container .hotel-review-header {
    margin-top: 30px;
    margin-bottom: 30px;
}

.hotel-review-container .hotel-review-header .ratingList li {
    flex: 0 0 33%;
    width: 33%;
}

.hotel-review-container .hotel-review-header .ratingList li span:first-child {
    font-size: 24px;
}

.hotel-review-container .hotel-review-header .ratingList li span:last-child {
    font-size: 11px;
}

.hotel-review-container .tabingofriew-with-types {
    border-left: 1px solid #f1f1f1;
    padding-left: 25px !important;
}

.hotel-review-container .tabingofriew-with-types li {
    display: inline-block;
    margin: 0 8px 8px 0;
}

.hotel-review-container .tabingofriew-with-types li a.active {
    background: #0084ff;
    color: #fff;
}

.hotel-review-container .tabingofriew-with-types li a {
    display: block;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    padding: 9px 15px;
    font-size: 17px;
    color: #000;
}

.all-review-with-content .reviewBox {
    margin-bottom: 30px;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, 0.08);
    background-color: #ffffff;
    border: solid 2px #ededed;
    padding: 30px;
    margin-bottom: 30px;
}

.all-review-with-content .reviewRow .reviewBoxLeft p.review-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

.all-review-with-content .reviewRow .reviewBoxLeft p.review-publish-datetime {
    color: #9b9b9b;
    margin-bottom: 15px;
}

.all-review-with-content .reviewRow .reviewBoxLeft p.review-comment {
    font-size: 16px;
    line-height: 22px;
}

.all-review-with-content .reviewRow .reviewBoxRight {
    width: 50px;
    height: 50px;
    margin-left: 100px;
    flex-shrink: 0;
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, 0.08);
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    font-weight: 700;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    color: #1a7971;
    border: 1px #1a7971 solid;
}

#detpg_review_ratings_pagination .pagination {
    margin-bottom: 30px;
}

#detpg_review_ratings_pagination .pagination li {
    margin: 0 5px;
}

#detpg_review_ratings_pagination .pagination li a {
    display: block;
    border-radius: 4px;
    border: solid 1px #0084ff;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #008cff;
    text-decoration: none;
    cursor: pointer;
}

#location .location-container {
    border-bottom: 2px solid#ebebeb;
    padding-bottom: 20px;
}

#location .location-container .location-header {
    margin-bottom: 20px;
}

#location .location-container .location-header .title {
    color: #4a4a4a;
    font-size: 22px;
    font-weight: 600;
}

#location .location-container .location-header .description {
    color: #4a4a4a;
    font-size: 16px;
}

#location .location-container .location_bottom_part .location_left_part {
    border: 1px solid#efefef;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_left_header_part {
    padding: 22px 15px 10px;
    border-bottom: 1px solid#efefef;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_left_header_part .location_icon {
    background-image: url('../img/hotelSprite.png');
    background-size: 400px 350px;
    width: 22px;
    height: 27px;
    background-position: -242px -7px;
    margin-right: 15px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_left_header_part .location_header {
    width: calc(100% - 37px);
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_left_header_part .location_header h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 12px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_left_header_part .location_header .location_header_tabbing .nav-tabs {
    border: 1px solid #9dd3ff;
    border-radius: 20px;
    overflow: hidden;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_left_header_part .location_header .location_header_tabbing .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border: 0;
    background: #008cff;
    color: #fff;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_left_header_part .location_header .location_header_tabbing .nav-tabs .nav-link {
    border: 0;
    color: #008cff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    border-radius: 0;
}


/* #location .location-container .location_bottom_part .location_left_part .location_left_content .location_left_header_part .location_header .location_header_tabbing .nav-tabs .nav-item{margin-bottom: 0;} */

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content {
    height: 440px;
    overflow-y: auto;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li {
    list-style: none;
    border-bottom: 1px solid#efefef;
    padding: 15px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_img {
    width: 48px;
    height: 48px;
    position: relative;
    overflow: hidden;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_img img {
    width: 100%;
    height: 100%;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description {
    width: calc(100% - 48px);
    padding-left: 15px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description .near_hotel_review {
    margin-bottom: 5px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description .near_hotel_review .rating {
    font-size: 9px;
    padding: 0px 5px;
    border-radius: 32px;
    margin-right: 5px;
    background: #f5a623;
    color: #fff;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description .near_hotel_review .perfomce {
    color: #f5a623;
    font-size: 10px;
    font-weight: 700;
    margin-right: 5px;
    text-transform: uppercase;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description .near_hotel_review .review {
    font-size: 10px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description .hotel_name .hotel_title {
    width: 70%;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description .hotel_name .hotel_title h2 {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 2px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description .hotel_name .hotel_title .star_rating i {
    font-size: 11px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description .hotel_name .hotel_title .star_rating .c-star {
    color: #ccc;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description .hotel_name .hotel_price {
    width: 30%;
    text-align: right;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description .hotel_name .hotel_price .price {
    font-size: 15px;
    font-weight: 700;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_top .near_hotel_top_description .hotel_name .hotel_price .del_price {
    font-size: 11px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_bottom .near_hotel_tabing_bottom_left {
    width: 70%;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_bottom .near_hotel_tabing_bottom_left p {
    color: #9b9b9b;
    font-size: 10px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_bottom .near_hotel_tabing_bottom_left p span {
    color: #249995;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_bottom .near_hotel_tabing_bottom_right {
    width: 30%;
    text-align: right;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content ul li .near_hotel_tabing_bottom .near_hotel_tabing_bottom_right p {
    color: #9b9b9b;
    font-size: 10px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part {
    padding: 15px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_header {
    border-bottom: 2px solid#f8f8f8;
    padding: 10px 0;
    cursor: pointer;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_header .point_box_header_marker {
    background-image: url('../img/hotelSprite.png');
    width: 22px;
    height: 27px;
    background-position: -242px -7px;
    background-size: 400px 350px;
    display: block;
    margin-right: 15px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_header .point_box_header_title {
    width: calc(100% - 37px);
    position: relative;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_header .point_box_header_title:after {
    content: "\f107";
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 0;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_header .point_box_header_title .title h2 {
    font-size: 12px;
    font-weight: 700;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_header .point_box_header_title .title p {
    color: #9b9b9b;
    font-size: 11px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_content {
    display: none;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_content ul {
    height: 250px;
    overflow-y: auto;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_content ul li {
    padding: 8px 40px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_content ul li a {
    width: 100%;
    height: 100%;
    display: block;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_content ul li a h2 {
    position: relative;
    color: #0084ff;
    font-size: 14px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_content ul li a h2:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background: #9ed3ff;
    position: absolute;
    top: 5px;
    left: -15px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .point_box_content ul li a p {
    color: #9b9b9b;
    font-size: 11px;
}

#location .location-container .location_bottom_part .location_left_part .location_left_content .location_header_tabing_content .point_part .point_box_part .rotate_icon .point_box_header_title:after {
    transform: rotate(180deg);
}

#location .location-container .location_bottom_part .google_map_part {
    background-color: #ccc;
    width: 100%;
    height: 442px;
}

.room-info-mobile li {
    padding: 0px;
}

.room-info-mobile .icon {
    height: 24px;
    vertical-align: middle;
}

.allrooms-mobile-container .room-row .room-header {
    background: #f2f9ff;
    padding: 12px 20px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
}

.allrooms-mobile-container .room-row .room-content {
    background-color: #f2f9ff;
    padding: 20px;
    padding-bottom: 100px;
}

.allrooms-mobile-container .room-row .room-thumbnail {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.allrooms-mobile-container .room-row .room-thumbnail img {
    width: 100%;
    border-radius: 5px;
}

.allrooms-mobile-container .roomTileWrap {
    margin-top: -70px;
    padding: 50px;
    padding-top: 0px;
}

.allrooms-mobile-container .roomTileWrap .tariffCradList>li {
    min-height: 146px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #dbdfe3;
    position: relative;
    margin-bottom: 20px;
}

.allrooms-mobile-container .roomTileWrap .tariffCradList .leftside {
    padding: 12px 0 12px 12px !important;
}

.allrooms-mobile-container .roomTileWrap .tariffCradList .leftside .roomOtherInfo {
    padding-left: 15px;
    font-size: 10px;
    line-height: 12px;
    padding-bottom: 10px;
}

.allrooms-mobile-container .roomTileWrap .tariffCradList .rightside {
    width: 95px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 16px 12px 12px 6px !important;
}

.allrooms-mobile-container .roomTileWrap .roomTile.selected {
    background-color: #fffaf2;
}

.allrooms-mobile-container .roomTileWrap .package-price .del-price {
    font-size: 11px;
    line-height: 11px;
    color: #9b9b9b;
}

.allrooms-mobile-container .roomTileWrap .package-price .sale-price {
    font-weight: 900;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
}

.allrooms-mobile-container .roomTileWrap .package-price .price-for {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 15px;
    font-weight: 900;
}

.allrooms-mobile-container .roomTileWrap .selectBtn {
    background: none;
    border: solid 0px #c1c1c1;
    border-radius: 4px;
    color: #000;
    padding: 3px 0;
    font-size: 10px;
    line-height: 12px;
}

.roomSelected {
    height: 16px;
    width: 16px;
    border-radius: 9px;
    background: #000;
    display: none;
    position: relative;
    margin-right: 3px;
    vertical-align: middle;
}

.roomSelected .tickMark {
    display: inline-block;
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
    border-color: #fff;
    border-image: none;
    border-style: none solid solid none;
    border-width: medium 2px 2px medium;
    height: 8px;
    left: 6px;
    position: absolute;
    top: 3px;
    transition-delay: 0.3s;
    width: 4px;
}

.allrooms-mobile-container .roomTileWrap .selectBtn.notselected {
    background: #fff;
    border: solid 1px #c1c1c1;
    color: #008cff;
    border-radius: 4px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    margin-top: 15px;
}

.onHoverContent {
    padding: 15px;
    background-color: #2d3e52;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transform: translateX(-100%);
    transition: all 0.5s;
    font-size: 15px;
}

.package-thumbnail:hover .onHoverContent {
    transform: translateX(-0%);
    opacity: 0.7;
}

.onHoverContent li {
    padding: 10px 0px !important;
}

.onHoverContent .htsprice {
    margin-bottom: 15px;
}

.onHoverContent li:before {
    content: "\f00c";
    margin-right: 10px;
    color: #ff7550;
    font-family: "FontAwesome";
    font-size: 18px;
    line-height: 1em;
}


/* pakcages Page */
.searchinput{
	line-height: 100%;
	display: table;
	margin: 0;
	width: 100%;
	text-align: left;
}

.searchinput .text{
    width: 85%;
    padding: 15px;
	color: #336699;
	border: 1px solid #336699;
	font-size: 15px;
	text-transform: capitalize;
	outline: none;
}

.searchinput ::-webkit-input-placeholder{
   	color: #336699;
}

.searchinput ::-moz-input-placeholder{
	color: #336699;
}

.searchinput ::-ms-input-placeholder{
	color: #336699;
}

.searchinput .text:focus{
	box-shadow: 1px 1px 8px #336699;
}

.searchinput .submit{
    padding: 10px;
    height: 49px;
    width: 164px;
    font-size: 16px;
    color: white;
    background: #336699;
    border: none;
    margin: 0;
    border-radius: 0;
	outline: none;
}

.searchinput .submit:active{
	box-shadow: 0px 0px 7px #336699;
}


section#search-result-of-pageckages {
    margin-top: 50px;
}

.holidaypackage-row .holidayPackage-header {
    display: block;
    color: #2930b4;
    font-size: 20px;
    text-shadow: none;
    cursor: pointer;
    text-decoration: none;
    line-height: 20px;
    margin-bottom: 10px;
}

.holidaypackage-row .package-validays {
    color: #595d5f;
}

.holidaypackage-row .holidayPackage-content {
    border: 1px solid #c8c8c8;
    background: #fff;
    clear: both;
    margin-bottom: 50px;
    box-sizing: border-box;
}

.holidaypackage-row .holidayPackage-content .pakcage-thumbnail {
    padding: 15px;
    overflow: hidden;
}

.holidaypackage-row .holidayPackage-content .thumbnail {
    background-position: center center;
    background-size: cover
}

.holidaypackage-row .holidayPackage-content .package-informations .package-details {
    padding: 15px 25px 20px 0;
}

.package-informations .package-details .tour-cote {
    font-size: 14px;
    color: #595d5f;
    text-shadow: none;
    margin-left: 0;
    position: relative;
    font-weight: 700;
    text-transform: capitalize;
}

.holidaypackage-row .holidayPackage-content .package-informations .package-priceinfo {
    background-color: #f0f2ff;
    height: 100%;
    overflow: hidden;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    padding: 15px;
}

.package-informations .package-details .tour-cote .package-validays {
    font-weight: 400;
}

.package-informations .package-details .heading-title {
    padding-right: 10px;
    width: 100px;
    display: inline-block;
}

.infoInPackages {
    margin-top: 15px;
}

.infoInPackages .packagepoint {
    font-size: 14px;
    color: #595d5f;
    text-shadow: none;
    margin-bottom: 9px;
    margin-left: 0;
    position: relative;
    font-weight: 900;
}

.infoInPackages .includeinpackages li {
    margin-right: 15px;
}

.infoInPackages .includeinpackages li .packagepoint {
    font-weight: 700;
}

.infoInPackages .includeinpackages li .packagepoint .fa {
    margin-right: 5px;
}

.infoInPackages .includeinpackagesLikeButtons .packagepoint {
    background-color: #FFF;
    border: 1px solid #c8c8c8;
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 13px;
    margin-right: 10px;
}

.infoInPackages .includeinpackagesLikeButtons li {
    margin-right: 10px;
}

.infoInPackages .includeinpackagesLikeButtons li .packagepoint {
    font-weight: 700;
}

.infoInPackages .includeinpackagesLikeButtons li .packagepoint .fa {
    color: #3d6eeb;
    margin-right: 10px;
}

.infoInPackages .hotel-types {
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.infoInPackages .hotel-types .hotelTypes-header {
    padding: 10px;
    background-color: #f0f2ff;
    border-bottom: 1px solid #ccc;
}

.infoInPackages .hotel-types .hoteltyperadio {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 4px;
}

.infoInPackages .hotel-types .hotel-row {
    padding: 5px 10px;
}

.infoInPackages .hotelsWithTypes {
    padding: 10px 0px;
}

.infoInPackages .hotel-row .hotel-place-name h3 {
    font-weight: 400;
    font-size: 12px;
    color: #595d5f;
}

.infoInPackages .hotel-row .hotel-name h3 {
    font-size: 12px;
    color: #0055b7;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
}

.infoInPackages .hotel-row .hotel-star {
    font-size: 12px;
    color: #0055b7;
    cursor: pointer;
    text-decoration: none;
}

.infoInPackages .hotel-row .hotel-star span.fa {
    color: #f5a623;
}

[data-opener-radio-div="0"] {
    display: none;
}

.holidaypackage-row .holidayPackage-content .package-informations .package-priceinfo .price_part .del_price {
    color: #83898b;
    font-size: 18px;
    text-decoration: line-through;
    line-height: 22px;
}

.holidaypackage-row .holidayPackage-content .package-informations .package-priceinfo .main_price {
    color: #ca3902;
    font-size: 36px;
    margin-bottom: 1px;
    line-height: 44px;
}

.holidaypackage-row .holidayPackage-content .package-informations .package-priceinfo .hold_time {
    color: #83898b;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 16px;
}

.package-priceinfo .buttons li {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 5px;
}

.package-priceinfo a {
    width: 100%;
    display: block;
    color: #fff;
}

.package-priceinfo .btn-default {
    background-color: #676767;
}

.package-priceinfo .btn.btn-custom {
    border: 1px solid #1e70bf;
    color: #1e70bf;
    border-radius: 25px;
    margin-top: 30px;
}


/* ========= checkout room ============ */

.bdr {
    border: solid 1px #bababa;
}

.padding20 {
    padding: 20px;
}

.hotel_right_facility_part .amenitiesName {
    margin-left: 10px;
}

.hotel_right_facility_part li {
    padding-bottom: 10px !important;
}

.hotel_right_facility_part span {
    display: block !important;
    float: left !important;
}

#hotelSelect .hotel_select_section .hotel_right_facility_part li {
    padding-bottom: 10px !important;
    flex-wrap: unset !important;
}

.roomListing {
    border-radius: 4px;
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-top: 20px;
    padding: 10px;
}

.roomListing .roomColLeft {
    flex: 1;
}

.roomListing .imgCol {
    width: 150px;
    height: 85px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 4px;
    align-self: flex-start;
    background-size: cover;
}

.roomListing .makeFlex {
    display: flex;
    margin-bottom: 20px;
}

.roomListing .stdRoom {
    width: 200px;
    flex-shrink: 0;
    border-right: 1px #ececec solid;
    margin-right: 20px;
}

.roomListing .roomnam {
    color: #008cff!important;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}

.roomListing .prsn {
    margin-top: 5px;
    font-size: 12px;
    line-height: 12px;
}

.roomListing .trfttl {
    font-size: 10px;
    line-height: 10px;
    color: #9b9b9b!important;
    text-transform: uppercase;
}

.roomListing .trftype {
    font-size: 12px;
    line-height: 12px;
    list-style: none;
}

.roomListing .trftype li {
    display: inline-flex;
    margin: 0 30px 8px 0;
}

.roomListing .trftype .redText {
    color: #eb2026;
}

.roomListing .trftype li::before {
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    border: solid #4a4a4a;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    margin-right: 10px;
    flex-shrink: 0;
}

.roomListing .Tariffinclu {
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 10px;
    color: #9b9b9b;
    text-transform: uppercase;
}

.roomListing .tarifInclusionList {
    font-size: 12px;
    line-height: 12px;
}

.roomListing .tarifInclusionList li {
    display: inline-block;
    margin: 0 30px 10px 0;
    padding: 0 0 0 12px;
    position: relative;
}

.roomListing .tarifInclusionList li:before {
    width: 4px;
    height: 4px;
    background: #878787;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
}

.paymentDetails.bxPayNow {
    background: #f2f9ff;
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, 0.08);
    border-radius: 4px 4px 0 0;
    top: 64px;
    z-index: 1;
}

.paymentDetails .btnPayNowOuter {
    background: #f2f9ff;
    box-shadow: 0 4px 8px 0 rgba(138, 107, 118, 0.08);
    border-radius: 4px 4px 0 0;
    position: sticky;
    position: -webkit-sticky;
    top: 78px;
    z-index: 1;
    padding: 20px;
}

.paymentDetails .primaryBtn.btnPayNow {
    width: 100%;
    border-radius: 4px;
    min-height: 45px;
    font-size: 16px;
    align-items: center;
    color: #fff;
    justify-content: center;
    display: flex;
    padding: 9px 10px;
    margin-bottom: 5px;
}

.paymentDetails .noCreditCard {
    cursor: pointer;
    position: relative;
}

.paymentDetails .noCreditCard .makeFlex.hrtlCenter {
    align-items: center;
    margin-top: 20px;
    display: flex;
    font-size: 12px;
    line-height: 12px;
}

.paymentDetails .noCreditCard .sprite.infoIconBlue {
    width: 19px;
    height: 19px;
    background-position: -205px -211px;
    background-image: url('http://67.23.248.106/~asiatravelestate/front_html/assets/img/xhotelSprite.png.pagespeed.ic.BpCTKgmZpX.webp');
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 400px 350px;
    font-size: 0px;
    flex-shrink: 0;
    margin-right: 5px;
}

.paymentDetails .toolTip {
    background: #000;
    padding: 15px;
    position: absolute;
    width: 100%;
    border-radius: 4px;
    top: 30px;
    left: 0;
    display: none;
    color: #ffffff;
}

.paymentDetails .toolTip .lineHight16 {
    line-height: 16px !important;
    font-size: 12px;
}

.paymentDetails .toolTip .latoBlack {
    font-weight: bold;
}

.paymentDetails .noCreditCard:hover .toolTip {
    display: block;
}

.paymentDetails .toolTip::after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #000;
    border-width: 6px;
    margin-left: -6px;
}

.paymentDetails.bdr.noTopBorder {
    border-top: 0;
}

.paymentDetails .bdrBottom {
    border-bottom: solid 1px #bababa;
}

.paymentDetails .padding20 {
    padding: 20px;
}

.paymentDetails .bdrBottom:last-child {
    border-bottom: solid 0px #bababa;
}

.paymentDetails .priceRow {
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.paymentDetails .discountedPrice {
    background: rgba(201, 201, 201, 0.1);
    border-bottom: solid 1px #bababa;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
}

.paymentDetails .discountedPrice .makeFlex.spaceBetween {
    justify-content: space-between;
    border-bottom: solid 1px #bababa;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
}

.paymentDetails .discountedPrice .latoBold {
    font-weight: 700;
}

.paymentDetails .discountedPrice .noShrink {
    text-align: right;
}

.paymentDetails .discountedPrice .noShrink .appendBottom5 {
    margin-bottom: 5px;
    font-weight: bold;
}

.paymentDetails .discountedPrice .noShrink .font11 {
    font-size: 11px;
    line-height: 11px;
    color: #9b9b9b;
}

.paymentDetails .priceRow {
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #bababa;
    margin-bottom: 10px;
}

.paymentDetails .totalPayble {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
}

.paymentDetails .totalPayble .makeFlex.spaceBetween {
    justify-content: space-between;
    flex: 1;
    margin-bottom: 3px;
    display: flex;
}

.paymentDetails .totalPayble .makeFlex.spaceBetween .latoBlack {
    font-weight: 900;
    font-size: 16px;
    line-height: 16px;
}


/*-============================== cart page ==================== */

.roomnav.room-perticular-nav {
    width: calc( 100% - calc( 260px * 2));
    border-right: solid 1px #bababa;
}

.roomrow .room-perticular-nav {
    width: calc( 100% - calc( 260px * 2));
    border-right: solid 1px #bababa;
}

.roomrow .roomfull {
    width: 100%;
}

@media screen and (min-width: 992px) {
    body.ux-app {
        background: #fff;
        padding: 40px 0;
    }
}

.basket,
.container {
    padding: 0;
}

@media screen and (min-width: 992px) {
    .basket,
    .container {
        padding: 0 10px;
    }
}

.action-link,
.ux-card a,
.payment>a,
.terms>a {
    color: #008A32;
    font-weight: bold;
    text-decoration: none;
}

.action-link:hover,
.ux-card a:hover,
.payment>a:hover,
.terms>a:hover {
    color: #008A32;
}

.ux-card {
    border: 1px solid #E8E8E8;
    background: #FCFCFC;
    padding: 20px;
    position: relative;
}

.ux-card:hover {
    cursor: pointer;
    border-color: #358AF9;
    background-color: #fff;
}

.ux-card.deleted {
    visibility: hidden;
    overflow: hidden;
    transition: all 0.2s;
    height: 0px;
    padding: 0px;
    margin: 0px;
    box-shadow: none;
    border: none;
}

a {
    color: #333;
}

a:hover {
    color: #000;
}

.product {
    color: #767676;
    margin-bottom: 20px;
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 992px) {
    .product {
        padding-left: 75px;
        box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.1);
    }
}

.product img {
    display: none;
    position: absolute;
    top: 20px;
    left: 20px;
}

.product .seqv {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    font-weight: bold;
}

@media screen and (min-width: 992px) {
    .product img {
        display: block;
    }
}

.product.ux-card.heading {
    box-shadow: none;
    margin-bottom: 0px;
    border-bottom: 0;
}

.product .price {
    color: #333;
    font-weight: bold;
}

.product .tier {
    padding-bottom: 1em;
    font-size: 12px;
}

.product .attr {
    font-size: 13px;
    width: 100%;
    text-align: justify;
    margin-bottom: 15px;
}

.product .renews {
    padding-top: 0;
    font-size: 13px;
    font-weight: bold;
}

.product .title,
.product .tier,
.product .attr,
.product .renews {
    float: left;
    clear: left;
}

.product .price,
.product .term {
    float: right;
    clear: right;
}

.product .remove {
    float: right;
    clear: right;
    display: none;
    color: #fff !important;
    border-width: 1px;
    box-shadow: none !important;
    font-size: 12px;
    padding-bottom: 5px !important;
    background: linear-gradient(96deg, #53b2fe, #065af3);
    border: none;
}

.product .remove .uxicon {
    margin-top: 3px;
    box-shadow: none !important;
}

.product .remove:hover {
    border-color: #ffffff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none;
}

.product.ux-card.heading:hover {
    cursor: unset;
    border-color: #E8E8E8;
}

@media screen and (min-width: 992px) {
    .product .remove {
        display: block;
    }
}

.product span {
    display: block;
}

.summary dl {
    margin: 0;
    padding: 20px;
}

.summary dl dt {
    float: left;
    clear: left;
    font-weight: normal;
}

.summary dl dd {
    float: right;
    clear: right;
    font-weight: bold;
}

.summary dl:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

@media screen and (min-width: 992px) {
    .summary .subtotal {
        border-top: 5px solid #D0D0D0;
    }
    .summary .subtotal dt {
        margin-top: 2px;
    }
    .summary .subtotal dd {
        font-size: 18px;
    }
}

.summary .total {
    background: #128937;
    color: #fff;
    padding: 20px;
}

.summary .total dt {
    text-transform: uppercase;
    margin-top: 0.5em;
    font-weight: bold;
}

.summary .total dd {
    font-size: 1.5em;
}

.summary .support dd {
    float: left;
    font-weight: normal;
    padding-left: 0.5em;
}

.summary button {
    margin: 0 20px;
    width: calc(100% - 40px);
}

.payment,
.terms {
    margin-bottom: 20px;
}

.payment>a,
.terms>a {
    float: right;
    padding-right: 20px;
    text-transform: uppercase;
}

.payment h4,
.payment p,
.terms h4,
.terms p {
    padding: 0 20px;
}

.payment button,
.terms button {
    margin-top: 20px;
}

.terms .agreed {
    display: none;
}

p.agreed {
    padding-left: 50px;
    position: relative;
}

p.agreed:before {
    content: " ";
    background-image: url(https://img1.wsimg.com/fos/react/check.svg);
    position: absolute;
    left: 20px;
    top: 4px;
    width: 20px;
    height: 21px;
}

.cart button[disabled] {
    background: #e8e8e8 !important;
    border-bottom: none !important;
    color: #848484 !important;
    opacity: 1;
}

.price {
    position: relative;
    display: inline-block;
}

.price .old {
    position: absolute;
    right: 0;
    opacity: 1;
}

.price .new {
    opacity: 0;
}

.price .strike {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    border-top: 1px solid #333;
}

#controls {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
}


/* ================ Tour detail page ================= */

.details .box-title {
    margin-top: 5px;
    padding-bottom: 10px;
    letter-spacing: normal;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.details .fourty-space {
    letter-spacing: .04em!important;
}

.details small {
    font-size: 11px;
}

.details .review.pull-left {
    font-size: 12px;
}

.details .price {
    float: left;
    display: block;
    line-height: 1.75em;
    text-align: left;
    color: #2930b4;
    font-size: 14px;
    text-transform: uppercase;
}

.details .feedback {
    padding: 0;
    color: #9E9E9E;
    text-transform: uppercase;
    font-size: .8333em;
    margin-bottom: 5px;
    clear: both;
}

.details hr {
    margin: 11px 0px;
}

.details .features.check>li {
    display: block;
    float: left;
    width: 50%;
    list-style-type: disc;
}

.prisebox .primaryBtn.btnPayNow {
    width: 250px;
    border-radius: 4px;
    height: 45px;
    font-size: 16px;
    align-items: center;
    color: #fff;
    justify-content: center;
    display: flex;
    padding: 9px 10px;
    margin-bottom: 5px;
}

.prisebox .price {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
    margin-top: 10px;
}


/* ========== tour detail ============ */


/* Style the tab */

.tourtab {
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 8px 5px rgba(138, 107, 118, 0.08);
    border-bottom: 0.7px solid #bababa;
    margin-top: 20px;
}


/* Style the buttons inside the tab */

.tourtab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    color: #4a4a4a;
    font-weight: 700;
    font-size: 15px;
    border-bottom: 2px solid #ffffff;
}


/* Change background color of buttons on hover */

.tourtab button:hover {
    background-color: #ddd;
}


/* Create an active/current tablink class */

.tourtab button.active {
    color: #0084ff;
    border-bottom: 2px solid#0084ff;
}


/* Style the tab content */

.tourtabcontent {
    display: none;
    padding: 20px;
    border: 1px solid #ccc;
    border-top: none;
}

.iteday {
    clear: both;
    margin-bottom: 5px;
    overflow: hidden;
}

.arrow_box {
    background: #3D6EEB none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-weight: bolder;
    margin-right: 15px;
    padding: 10px;
    position: relative;
    text-align: center;
}

.iteday .long-description {
    float: left;
    width: 75%;
    padding: 0 5px;
}

.long-description>p {
    text-align: justify;
    margin-bottom: 15px;
}

.long-description strong {
    color: #6c6f71;
}

.check-circle.box {
    margin-left: 20px;
}

.check-circle.box li {
    margin-top: 6px;
}

.sectitle {
    margin-top: 30px;
}

.responstable {
    margin: 1em 0;
    width: 100%;
    overflow: hidden;
    background: #FFF;
    color: #024457;
    border-radius: 10px;
    border: 1px solid #167F92
}

.responstable tr {
    border: 1px solid #3D6EEB
}

.responstable tr:nth-child(odd) {
    background-color: #f1f5ff
}

.responstable th {
    display: none;
    border: 1px solid #FFF;
    background-color: #3D6EEB;
    color: #FFF;
    padding: 1em
}

.responstable th:first-child {
    display: table-cell;
    text-align: center
}

.responstable th:nth-child(2) {
    display: table-cell
}

.responstable th:nth-child(2) span {
    display: none
}

.responstable th:nth-child(2):after {
    content: attr(data-th)
}

@media (min-width: 480px) {
    .responstable th:nth-child(2) span {
        display: block
    }
    .responstable th:nth-child(2):after {
        display: none
    }
}

.responstable td {
    display: block;
    word-wrap: break-word;
    max-width: 7em
}

.responstable td:first-child {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #3D6EEB
}

@media (min-width: 480px) {
    .responstable td {
        border: 1px solid #3D6EEB
    }
}

.responstable th,
.responstable td {
    text-align: left;
    margin: .5em 1em
}

@media (min-width: 480px) {
    .responstable th,
    .responstable td {
        display: table-cell;
        padding: 1em;
        font-size: 13px
    }
}

.hotel-content p {
    color: #838383;
    font-size: 12px;
    margin-bottom: 15px;
}

.hotel-content span {
    color: #838383;
    font-size: 11px;
    margin-bottom: 15px;
}

.cstmsel select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 1px solid #000 !important;
    background: #ffffff;
    background-image: none;
}


/* Custom Select */

.cstmsel {
    position: relative;
    display: block;
    width: 200px;
    height: 30px;
    line-height: 2;
    background: #ffffff;
    overflow: hidden;
    border-radius: .25em;
    margin-bottom: 4px;
}

.cstmsel select {
    width: 100%;
    height: 90%;
    margin: 0;
    padding: 0 0 0 .5em;
    color: #000;
    cursor: pointer;
}

.cstmsel select::-ms-expand {
    display: none;
}


/* Arrow */

.cstmsel::after {
    content: '\25BC';
    position: absolute;
    top: 5px;
    right: 2px;
    bottom: 0;
    padding: 0 5px;
    background: #fff;
    pointer-events: none;
    font-size: 11px;
    height: 15px;
    color: #000;
}


/* Transition */

.cstmsel:hover::after {
    color: #3D6EEB;
}

.cstmsel::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.selectindrp {
    margin-bottom: 15px;
}


/* -====================================== Registre page =================== */

.signup-form h2 {
    margin-bottom: 20px;
}

.signup-form {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.register-form .form-row .form-group.titl {
    width: 22%;
}

.register-form .form-row .form-group.titl select {
    padding: 11px 6px;
}

.register-form .form-row .form-group.fname {
    width: 39%;
}

.register-form .form-row .form-group.lname {
    width: 39%;
}

.register-form .form-group .input-group-prepend select {
    width: auto;
    max-width: 95px;
    padding: 0 6px;
    background: #71BDE1;
    color: #fff;
}

.register-form .form-group .form-check {
    padding-left: 0;
}

.register-form .form-group .forgotpass {
    color: #3d6eeb;
    margin-top: 10px;
    display: block;
}

.signup-form .form-row,
.signup-form .form-radio,
.signup-form .select-icon,
.signup-form .select-icon i {
    display: flex;
    display: -webkit-flex;
}

.register-form {
    padding: 20PX;
}

.register-form .form-row {
    margin: 0 -15px;
}

.register-form .form-row .form-group {
    width: 50%;
    padding: 0 15px;
}

.register-form .form-group {
    margin-bottom: 23px;
    position: relative;
}

.register-form input,
.register-form select,
.register-form textarea {
    display: block;
    width: 100%;
    border: 1px solid #ced4da;
    padding: 11px 20px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 13px;
}

.BookThisRoom {
    margin-top: 10px;
}

.register-form input.form-check-input {
    width: unset;
    margin-left: 7px;
    margin-top: 3px;
}

.register-form label.form-check-label {
    margin-left: 29px;
}

.register-form input:focus,
select:focus {
    border: 1px solid #ff6801;
}

.register-form label {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
    display: block;
}

.register-form .form-radio {
    margin-bottom: 18px;
}

.form-radio input {
    width: auto;
    display: inline-block;
}

.register-form .radio-label {
    padding-right: 72px;
}

.register-form .form-radio-item {
    position: relative;
    margin-right: 45px;
}

.register-form .form-radio-item label {
    font-weight: 500;
    font-size: 13px;
    padding-left: 25px;
    position: relative;
    z-index: 9;
    display: block;
    cursor: pointer;
}

.register-form .check {
    display: inline-block;
    position: absolute;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    height: 13px;
    width: 13px;
    top: 4px;
    left: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.register-form .check:before {
    position: absolute;
    display: block;
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    top: 1px;
    left: 1px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.register-form input[type=radio] {
    position: absolute;
    visibility: hidden;
}

.register-form input[type=radio]:checked~.check {
    border: 1px solid #3d6eeb;
}

.register-form input[type=radio]:checked~.check::before {
    background: #3d6eeb;
}

.register-form .form-select {
    position: relative;
}

.register-form select {
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -o-appearance: none !important;
    -ms-appearance: none !important;
    position: relative;
    background: 0 0;
    z-index: 10;
    cursor: pointer;
}

.register-form .select-icon {
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
}

.register-form .select-icon i {
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    width: 40px;
    height: 20px;
    font-size: 18px;
    color: #999;
}

.register-form .form-submit {
    text-align: left;
    padding-top: 5px;
}

.register-form .submit {
    width: 140px;
    height: 40px;
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    padding: 10px;
    border: none;
    cursor: pointer;
}

.register-form #reset {
    background: #f8f8f8;
    color: #999;
    margin-right: 8px;
}

.register-form #reset:hover {
    background: #ff6801;
    color: #fff;
}

.register-form #submit {
    background: #3d6eeb;
    color: #fff;
}

.register-form #submit:hover {
    background-color: #3d6eeb;
}

@media screen and (max-width: 992px) {
    .register-form .container {
        width: calc(100% - 40px);
        max-width: 100%;
    }
    .register-form .signup-content {
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
    }
    .register-form .signup-img,
    .register-form .signup-form {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .register-form .register-form {
        padding: 50px 40px 50px 40px;
    }
}

@media screen and (max-width: 575px) {
    .register-form .form-row {
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        margin: 0px;
    }
    .register-form .form-row .form-group {
        width: 100%;
        padding: 0px;
    }
    .register-form .radio-label {
        padding-right: 22px;
    }
    .register-form .form-radio-item {
        margin-right: 25px;
    }
}

@media screen and (max-width: 480px) {
    .register-form .form-radio {
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
    }
    .register-form .submit {
        width: 100%;
    }
    .register-form #reset {
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

.categormenu {
    display: inline;
    margin-top: 15px;
}

.categormenu .catmenubox {
    display: inline-block;
    width: 100px;
    /* float: left; */
    margin-right: 17px;
    vertical-align: top;
    margin-bottom: 23px;
}

.categormenu .catmenubox:nth-child(8) {
    margin-right: 0px;
}

.categormenu .catmenubox img {
    max-width: 75px;
    margin: auto;
    display: block;
}

.categormenu .catmenubox .name {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: bold;
}

.bgimage img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 90%;
}

.ui.search.hotel-area-seach.category {
    background: #71BDE1;
    padding: 6px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.t-dates {
    height: 25px;
}

.t-check-out {
    margin-left: 7px;
}

.t-dates {
    padding: 5px 5px;
}


/*====================================== WITHOUT ACCOMODATION TOUR ===============================*/

.multi_step_form {
    background: #f6f9fb;
    display: block;
    overflow: hidden;
}

.multi_step_form #msform {
    text-align: center;
    position: relative;
    padding-top: 20px;
    margin: 0 auto;
    background: #ffffff;
    z-index: 1;
}

.multi_step_form #msform .tittle h2 {
    font: 500 24px/35px "Roboto", sans-serif;
    color: #3f4553;
    padding-bottom: 5px;
}

.multi_step_form #msform .tittle p {
    font: 400 16px/28px "Roboto", sans-serif;
    color: #5f6771;
}

.multi_step_form #msform fieldset {
    border: 0;
    padding: 10px 10px 0;
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
}

.multi_step_form #msform fieldset:not(:first-of-type) {
    display: none;
}

.multi_step_form #msform fieldset h3 {
    font: 500 18px/35px "Roboto", sans-serif;
    color: #3f4553;
}

.multi_step_form #msform fieldset h6 {
    font: 400 15px/28px "Roboto", sans-serif;
    color: #5f6771;
    padding-bottom: 30px;
}

.multi_step_form #msform fieldset .intl-tel-input {
    display: block;
    background: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
}

.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag {
    padding: 0 20px;
    background: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
    width: 65px;
}

.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow {
    border: 0;
}

.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow:after {
    content: "\f35f";
    position: absolute;
    top: 0;
    right: 0;
    font: normal normal normal 24px/7px Ionicons;
    color: #5f6771;
}

.multi_step_form #msform fieldset #phone {
    padding-left: 80px;
}

.multi_step_form #msform fieldset .form-group {
    padding: 0 10px;
}

.multi_step_form #msform fieldset .fg_2,
.multi_step_form #msform fieldset .fg_3 {
    padding-top: 10px;
    display: block;
    overflow: hidden;
}

.multi_step_form #msform fieldset .fg_3 {
    padding-bottom: 70px;
}

.multi_step_form #msform fieldset .form-control.placeholder,
.multi_step_form #msform fieldset .product_select.placeholder {
    color: #5f6771;
}

.multi_step_form #msform fieldset .form-control:-moz-placeholder,
.multi_step_form #msform fieldset .product_select:-moz-placeholder {
    color: #5f6771;
}

.multi_step_form #msform fieldset .form-control::-moz-placeholder,
.multi_step_form #msform fieldset .product_select::-moz-placeholder {
    color: #5f6771;
}

.multi_step_form #msform fieldset .form-control::-webkit-input-placeholder,
.multi_step_form #msform fieldset .product_select::-webkit-input-placeholder {
    color: #5f6771;
}

.multi_step_form #msform fieldset .form-control:hover,
.multi_step_form #msform fieldset .form-control:focus,
.multi_step_form #msform fieldset .product_select:hover,
.multi_step_form #msform fieldset .product_select:focus {
    border-color: #5cb85c;
}

.multi_step_form #msform fieldset .form-control:focus.placeholder,
.multi_step_form #msform fieldset .product_select:focus.placeholder {
    color: transparent;
}

.multi_step_form #msform fieldset .form-control:focus:-moz-placeholder,
.multi_step_form #msform fieldset .product_select:focus:-moz-placeholder {
    color: transparent;
}

.multi_step_form #msform fieldset .form-control:focus::-moz-placeholder,
.multi_step_form #msform fieldset .product_select:focus::-moz-placeholder {
    color: transparent;
}

.multi_step_form #msform fieldset .form-control:focus::-webkit-input-placeholder,
.multi_step_form #msform fieldset .product_select:focus::-webkit-input-placeholder {
    color: transparent;
}

.multi_step_form #msform fieldset .product_select:after {
    display: none;
}

.multi_step_form #msform fieldset .product_select:before {
    content: "\f35f";
    position: absolute;
    top: 0;
    right: 20px;
    font: normal normal normal 24px/48px Ionicons;
    color: #5f6771;
}

.multi_step_form #msform fieldset .product_select .list {
    width: 100%;
}

.multi_step_form #msform fieldset .done_text {
    padding-top: 40px;
}

.multi_step_form #msform fieldset .done_text .don_icon {
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 22px;
    margin-bottom: 10px;
    background: #5cb85c;
    display: inline-block;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
}

.multi_step_form #msform fieldset .done_text h6 {
    line-height: 23px;
}

.multi_step_form #msform fieldset .code_group {
    margin-bottom: 60px;
}

.multi_step_form #msform fieldset .code_group .form-control {
    border: 0;
    border-bottom: 1px solid #a1a7ac;
    border-radius: 0;
    display: inline-block;
    width: 30px;
    font-size: 30px;
    color: #5f6771;
    padding: 0;
    margin-right: 7px;
    text-align: center;
    line-height: 1;
}

.multi_step_form #msform fieldset .passport {
    margin-top: -10px;
    padding-bottom: 30px;
    position: relative;
}

.multi_step_form #msform fieldset .passport .don_icon {
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 22px;
    position: absolute;
    top: 4px;
    right: 0;
    background: #5cb85c;
    display: inline-block;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
}

.multi_step_form #msform fieldset .passport h4 {
    font: 500 15px/23px "Roboto", sans-serif;
    color: #5f6771;
    padding: 0;
}

.multi_step_form #msform fieldset .input-group .custom-file {
    width: 100%;
    height: auto;
}

.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label {
    width: 168px;
    border-radius: 5px;
    cursor: pointer;
    font: 700 14px/40px "Roboto", sans-serif;
    border: 1px solid #99a2a8;
    text-align: center;
    transition: all 300ms linear 0s;
    color: #5f6771;
}

.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label i {
    font-size: 20px;
    padding-right: 10px;
}

.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:hover,
.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:focus {
    background: #5cb85c;
    border-color: #5cb85c;
    color: #fff;
}

.multi_step_form #msform fieldset .input-group .custom-file input {
    display: none;
}

.multi_step_form #msform fieldset .file_added {
    text-align: left;
    padding-left: 190px;
    padding-bottom: 60px;
}

.multi_step_form #msform fieldset .file_added li {
    font: 400 15px/28px "Roboto", sans-serif;
    color: #5f6771;
}

.multi_step_form #msform fieldset .file_added li a {
    color: #5cb85c;
    font-weight: 500;
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

.multi_step_form #msform fieldset .file_added li a i {
    font-size: 22px;
    padding-right: 8px;
    position: absolute;
    left: 0;
    transform: rotate(20deg);
}

.multi_step_form #msform #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
}

.multi_step_form #msform #progressbar li {
    list-style-type: none;
    color: #99a2a8;
    font-size: 9px;
    width: calc(100%/5);
    float: left;
    position: relative;
    font: 500 13px/1 "Roboto", sans-serif;
}

.multi_step_form #msform #progressbar li:nth-child(2):before {
    content: "\f05a";
}

.multi_step_form #msform #progressbar li:nth-child(3):before {
    content: "\f05a";
}

.multi_step_form #msform #progressbar li:before {
    content: "\f05a";
    font: normal normal normal 22px/1 FontAwesome;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    background: #eaf0f4;
    border-radius: 50%;
    margin: 0 auto 10px auto;
}

.multi_step_form #msform #progressbar li:after {
    content: '';
    width: 100%;
    height: 10px;
    background: #eaf0f4;
    position: absolute;
    left: -50%;
    top: 21px;
    z-index: -1;
}

.multi_step_form #msform #progressbar li:last-child:after {
    width: 150%;
}

.multi_step_form #msform #progressbar li.active {
    color: #3950A3;
    font-weight: 600;
}

.multi_step_form #msform #progressbar li.active:before,
.multi_step_form #msform #progressbar li.active:after {
    background: #3950A3;
    color: white;
}

.multi_step_form #msform .action-button {
    background: #3950A3;
    color: white;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
    min-width: 130px;
    font: 700 14px/40px "Roboto", sans-serif;
    border: 1px solid #3950A3;
    margin: 0 5px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 10px;
}

.multi_step_form #msform .action-button:hover,
.multi_step_form #msform .action-button:focus {
    background: #405867;
    border-color: #405867;
}

.multi_step_form #msform .previous_button {
    background: transparent;
    color: #99a2a8;
    border-color: #99a2a8;
}

.multi_step_form #msform .previous_button:hover,
.multi_step_form #msform .previous_button:focus {
    background: #405867;
    border-color: #405867;
    color: #fff;
}

.acomtitle {
    text-align: left;
    font-size: 17px;
    font-weight: bold;
}

.accomdescript h4 {
    text-align: left;
}

.accomdescript p {
    text-align: -webkit-auto;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
}

.multi_step_form .accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}

.multi_step_form .accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
}

.multi_step_form .accordion .card-header {
    text-align: left;
    background: #fff;
    border: unset;
    position: relative;
}

.multi_step_form .accordion .card-header .card-title {
    font-size: 20px;
    font-weight: bold;
}

.multi_step_form .accordion .card-header .card-title:before {
    position: absolute;
    right: 50px;
    top: 19px;
    height: 2px;
    width: 200px;
    background: #c8c8c8;
    content: '';
}

.multi_step_form .accordion .card {
    border: unset;
}

.multi_step_form .accordion .card-body {
    text-align: left;
    padding-top: 0px;
}

.multi_step_form .accordion .card-body p {
    text-align: left;
    padding-bottom: 6px;
}

.multi_step_form .accordion .card-body p .subtitle {
    font-size: 16px;
    display: block;
    padding-bottom: 5px;
}

.multi_step_form .accordion .card-body ul {
    margin-left: 30px;
}

.multi_step_form .onlinebook .title {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: left;
    margin-bottom: 12px;
}

.multi_step_form .onlinebook {
    padding: 0.75rem 1.25rem;
    margin-bottom: 40px;
}

.multi_step_form .onlinebook .row {
    text-align: left;
    padding: 0.75rem 1.25rem;
    border: 1px solid;
    width: 100%;
    margin: auto;
}

.multi_step_form .onlinebook .row lable {
    float: left;
    margin-right: 20px;
}

.multi_step_form .onlinebook .row #datepicker {
    padding: 0px 10px;
}

.multi_step_form .onlinebook .gj-datepicker button.btn.btn-outline-secondary.border-left-0 {
    padding: 0 0!important;
    line-height: 0;
}

.multi_step_form .onlinebook .gj-datepicker button.btn.btn-outline-secondary.border-left-0 i.gj-icon {
    top: 3px;
}

.multi_step_form .onlinebook select {
    min-width: 50px;
    float: left;
    display: block;
}

textarea.packageremark {
    width: 100%;
    padding: 5px;
}

textarea.packageremark::placeholder {
    color: #000;
}

.multi_step_form .package {
    text-align: left;
}

.multi_step_form .withaccohtitle {
    font-size: 22px;
}

.multi_step_form .hotelcol {
    margin-top: 25px;
}

.multi_step_form .hotelcol .withaccohtitle {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 37px;
    display: block;
    clear: both;
}

.multi_step_form .hotelcol .hotelbox {
    border: 1px solid #cccccc;
    margin-bottom: 30px;
}

.multi_step_form .package .blueTable {
    background: #fff;
    border: 1px solid;
    color: #000;
    min-width: 70%;
    margin-top: 5px;
}

.multi_step_form .package table.blueTable th {
    border: 1px solid;
    padding: 10px;
    color: #000;
    background: #b8e3f7;
    font-weight: 600;
}

.multi_step_form .package table.blueTable td {
    padding: 5px 10px;
    border: 1px solid;
}

.viewratepopup .modal-header {
    background: #3950A3;
    color: #fff;
}

.viewratepopup .blueTable {
    background: #fff;
    border: 1px solid;
    color: #000;
    min-width: 70%;
    margin-top: 5px;
}

.viewratepopup table.blueTable th {
    border: 1px solid;
    padding: 5px;
    color: #000;
    background: #b8e3f7;
    font-weight: 600;
    font-size: 12px;
}

.viewratepopup table.blueTable td {
    padding: 5px 10px;
    border: 1px solid;
    font-size: 12px;
}

.viewratepopup .modal-header button.close {
    color: #fff;
    opacity: 1;
}

.viewratepopup h4 {
    margin-top: 15px;
    color: #000;
}

.multi_step_form .hotel-table .roomdetails table.blueTable {
    min-width: 70%;
    margin-top: 10px;
}

.multi_step_form .hotel-table .roomdetails table.blueTable td:first-child {
    width: auto;
}

.multi_step_form .hotel-table .roomdetails table.blueTable th {
    border: 1px solid;
    padding: 6px;
    color: #000 !important;
    background: #b8e3f7 !important;
    font-weight: 600;
    font-size: 12px;
}

.multi_step_form .hotel-table .roomdetails table.blueTable td {
    font-size: 12px;
    padding: 5px 10px;
    border: 1px solid;
    background: #fff;
}

.multi_step_form .finalstep table.blueTable th {
    border: 1px solid;
    padding: 10px;
    color: #000;
    background: #b8e3f7;
    font-weight: 600;
    font-size: 12px;
}

.multi_step_form .finalstep .blueTable {
    background: #fff;
    border: 1px solid;
    color: #000;
    min-width: 70%;
    margin-top: 5px;
}

.multi_step_form .finalstep table.blueTable td {
    padding: 5px 10px;
    border: 1px solid;
    font-size: 12px;
    color: #4a4a4a;
}

.multi_step_form .hotel-table h1.withaccohtitle {
    width: 100%;
    /*    display: table-caption;*/
    text-align: left;
    margin-bottom: 0;
    background: #3950A3;
    color: #ffff;
    padding: 10px 15px;
    font-size: 17px;
    margin-top: 35px;
}

.multi_step_form .hotelcol .hotelbox .topinfo {
    background: #b8e3f7;
    padding: 10px;
    text-align: left;
}

.multi_step_form .hotelcol .hotelbox .topinfo .lable {
    width: 25%;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
}

.multi_step_form .hotelcol .hotelbox .topinfo .value:before {
    content: ":";
    padding-right: 6px;
}

.multi_step_form .hotelcol .hotelbox .hotelsdet .indivi {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    text-align: left;
}

.multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .left {
    display: inline-block;
    width: 80%;
    text-align: left;
}

.multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .left .name {
    display: block;
    width: 100%;
}

.multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .right {
    display: inline-block;
    width: 19%;
    text-align: left;
    vertical-align: top;
}

.multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .right .viewrate {
    color: #3950A3;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .right input[type="radio"] {
    display: none;
}

.multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .right input[type="radio"]+label {
    color: #292321;
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 5px;
}

.multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .right input[type="radio"]+label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
}

.multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .right input[type="radio"]+label span {
    background-color: #efefef;
    border: 1px solid;
}

.multi_step_form .package h3 {
    font-size: 14px !important;
    line-height: 15px !important;
    padding-left: 4px;
    margin-bottom: 10px;
}

.multi_step_form .package .packgprice {
    font-size: 16px;
    padding-left: 4px;
}

.multi_step_form .hotelcol .hotelbox .hotelsdet .indivi .right input[type="radio"]:checked+label span {
    background-color: #336699;
}

.multi_step_form .package ul {
    margin-left: 0;
    margin-top: 5px;
    list-style: none;
}

.multi_step_form .package ul li .adult_cost_selected {
    font-weight: bold;
    margin-left: 15px;
}

.multi_step_form .package ul li {
    min-width: 115px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin-right: 10px;
    padding: 10px;
}

.multi_step_form .package ul li .child_cost_selected {
    font-weight: bold;
    margin-left: 15px;
}

.multi_step_form .hotelcol .hotelbox .hotelsdet {
    max-height: 251px;
    overflow: scroll;
    overflow-x: hidden;
}

.multi_step_form .hotel-table {
    display: table;
    border-collapse: separate;
    border-spacing: 0px 0;
    margin-bottom: 50px;
    width: 100%;
    margin-top: 30px;
}

.multi_step_form .hotel-table .content-row {
    display: table-row;
}

.multi_step_form .hotel-table .column {
    display: table-cell;
}

.multi_step_form .hotel-table .sidebar {
    width: 250px;
    border-top: 1px solid #c8c8c8;
    position: relative;
    vertical-align: top;
}

.multi_step_form .hotel-table .column.content1 {
    border: 1px solid #c8c8c8;
    border-bottom: 0px;
}

.multi_step_form .hotel-table .sidebar .day:before {
    content: "";
    width: 95%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    background-image: linear-gradient(to left, #bababa, rgba(255, 255, 255, 0.5));
}

.multi_step_form .hotel-table .sidebar .day:last-child:before {
    display: none;
}

.multi_step_form .hotel-table .sidebar .day {
    position: relative;
    color: #444444;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 15px 10px 0px;
    text-align: right;
}

.multi_step_form .hotel-table [type="radio"]:checked,
.multi_step_form .hotel-table [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.multi_step_form .hotel-table [type="radio"]:checked+label,
.multi_step_form .hotel-table [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.multi_step_form .hotel-table [type="radio"]:checked+label:before,
.multi_step_form .hotel-table [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.multi_step_form .hotel-table [type="radio"]:checked+label:after,
.multi_step_form .hotel-table [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #3950A3;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.multi_step_form .hotel-table [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.multi_step_form .hotel-table [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.multi_step_form .hotel-table .column.content1 .hotel {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #c8c8c8;
}

.multi_step_form .hotel-table .column.content1 .hotel:last-child {
    border-bottom: unset;
}

.multi_step_form .hotel-table .column.content1 .hotel .name {
    float: left;
    width: 90%;
    display: block;
    margin-bottom: 14px;
}

.multi_step_form .hotel-table .column.content1 .hotel .radiobtn {
    float: right;
}

.multi_step_form .hotel-table .column.content1 .hotel .starrate {
    clear: both;
}

.multi_step_form .hotel-table .sidebar .title {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    padding: 10px;
}

.multi_step_form .hotel-table .content-row:last-child .sidebar {
    border-bottom: 1px solid #c8c8c8;
}

.multi_step_form .hotel-table .content-row:last-child .column.content1 {
    border-bottom: 1px solid #c8c8c8;
}

.multi_step_form .hotel-table .roomdetails {
    text-align: left;
}

tr.roomselectreshead {
    display: none;
}

.multi_step_form .hotel-table .roomdetails tr.roomselection.commentsbox {
    background: white;
}

.multi_step_form .hotel-table .roomdetails tr.roomselection {
    background: rgba(0, 0, 0, 0.05);
}

.multi_step_form .hotel-table .roomdetails td:first-child {
    width: 70%;
}

.multi_step_form .hotel-table .roomdetails td {
    padding: 15px 13px;
}

.multi_step_form .hotel-table .roomdetails .roomname {
    color: #444444;
    font-weight: bold;
    font-size: 14px;
}

.multi_step_form .hotel-table .roomdetails ul.roomoption {
    margin-left: 26px;
    margin-top: 5px;
}

.multi_step_form .hotel-table .roomdetails ul.roomoption li {
    font-size: 13px;
}

.multi_step_form .hotel-table .roomdetails label {
    font-size: 12px;
}

.multi_step_form .hotel-table .roomdetails .roomseltxt {
    font-size: 12px;
}

.multi_step_form .hotel-table .room table.table.table-striped {
    margin-bottom: 0;
}

.multi_step_form .hotel-table .room table.table.table-striped th {
    text-align: left;
    padding-left: 15px;
    background: #b8e3f7;
    color: #000;
}

.multi_step_form .hotel-table .room table.table.table-striped .roomselection td {
    text-align: left;
    padding-left: 15px;
}

.multi_step_form .hotel-table .room table.table.table-striped .roomselection td:first-child {
    width: auto;
}

.multi_step_form .hotel-table .room table.table.table-striped .roomselection td textarea {
    width: 100%;
    height: 85px;
    padding: 10px;
}

.multi_step_form .hotel-table .room table.table.table-striped .roomselection td textarea:-moz-placeholder {
    color: #5f6771;
}

.multi_step_form .hotel-table .room table.table.table-striped .roomselection td textarea::-moz-placeholder {
    color: #5f6771;
}

.multi_step_form .hotel-table .room table.table.table-striped .roomselection td textarea::-webkit-input-placeholder {
    color: #5f6771;
}

.multi_step_form .priclist {
    text-align: left;
    width: 100%;
    margin-bottom: 60px;
}

.multi_step_form .priclist .title {
    background: #3950A3;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    font-weight: 600;
}

.multi_step_form .priclist .pricebox {
    border: 1px solid #c8c8c8;
    padding: 10px;
    vertical-align: top;
}

.multi_step_form .priclist .pricebox .name {
    font-size: 15px;
    font-weight: bold;
    width: 68%;
    display: inline-block;
    vertical-align: top;
}

.multi_step_form .priclist .pricebox .name span {
    width: 100%;
    display: block;
    font-weight: normal;
    font-size: 13px;
    margin-top: 5px;
}

.multi_step_form .priclist .pricebox .detail {
    display: inline-block;
    width: 20%;
    vertical-align: top;
}

.multi_step_form .priclist .pricebox .price {
    text-align: right;
    width: 10%;
    display: inline-block;
}

.multi_step_form .finalstep table.table.table-striped th {
    background: #3950A3;
    color: #fff;
    text-align: left;
}

.multi_step_form .finalstep table.table.table-striped td {
    text-align: left;
}

.multi_step_form .finalstep table.table.table-striped {
    margin-bottom: 40px;
}

.finalstep {
    text-align: left;
}

.contactinform label {
    color: #000;
    font-size: 17px;
    margin-bottom: 5px;
}

.multi_step_form .finalstep .contactinform .form-group {
    margin-bottom: 20px;
}

.multi_step_form .finalstep .contactinform h2 {
    width: 100%;
    display: block;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 23px;
}

.form-group.checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-group.checkbox label {
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

.form-group.checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.form-group.checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.form-group.checkbox {
    display: inline-block;
    width: auto;
}

.multi_step_form .finalstep .contactinform h4 {
    margin-left: 10px;
}

.multi_step_form .finalstep .contactinform h2 {
    width: 100%;
    display: block;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 23px;
}

.multi_step_form .finalstep .contactinform .paymentrt {
    padding: 10px;
    max-height: 250px;
    overflow-x: hidden;
}

.multi_step_form .finalstep .contactinform .temssec {
    margin-left: 27px;
    margin-bottom: 60px;
}


/*============================== Dashboard =======================*/

#dashboard {
    padding-bottom: 50px;
}

#dashboard .nav-link.active {
    border-color: #0084ff #0084ff #fff;
}

#dashboard .nav-tabs {
    border-color: #0084ff;
}

#dashboard .inquirytable {
    margin-top: 25px;
}

#dashboard .nav-tabs {
    border: unset;
    margin-top: -35px;
    text-align: right;
    display: inline-flex;
    float: right;
}

#dashboard .nav-link {
    font-weight: 600;
    margin-left: 10px;
    background: #92aff9;
    color: #fff;
    border-color: #92aff9;
}

#dashboard .nav-link.active {
    background: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    color: #000;
}

#dashboard .dataTables_length label {
    display: inline;
    max-width: 100%;
    font-weight: 700;
}

#dashboard .dataTables_length select.form-control.input-sm {
    display: block;
    float: left;
    display: block;
    width: auto;
    height: 20px;
    margin-right: 10px;
}

#dashboard .dataTables_length {
    margin-top: 15px;
}

#dashboard .dataTables_length label span {
    display: block;
    width: auto;
    margin-right: 10px;
    float: left;
}

#dashboard .dataTables_filter {
    float: right;
    margin-top: 15px;
}

#dashboard .dataTables_filter label span {
    display: block;
    float: left;
}

#dashboard .dataTables_filter label input.form-control.input-sm {
    display: block;
    float: left;
    width: auto;
    height: 20px;
    margin-left: 10px;
}

#dashboard .inquirytable .quotations {
    background: #3d6eeb;
    color: #fff;
    padding: 2px 0px;
    width: 100px;
    float: left;
    text-align: center;
}

#dashboard .inquirytable .viewlead {
    width: 100px;
    clear: both;
    float: left;
    background: #edc409;
    color: #fff;
    padding: 2px 0px;
    text-align: center;
    margin-top: 10px;
}

#dashboard .inquirytable th a {
    float: right;
    cursor: pointer;
}

#dashboard .inquirytable span.badge.badge-bg-rejected {
    background: red;
    color: #fff;
}

#dashboard .inquirytable span.badge.badge-bg-approved {
    background: green;
    color: #fff;
}

#dashboard .inquirytable span.badge.badge-bg-sent {
    background: yellow;
}

#dashboard #profile {
    margin-top: 40px;
}

#dashboard #profile .col-md-6 {
    margin-bottom: 10px;
}

#dashboard #profile .col-md-6 label {
    margin-bottom: 5px;
    color: #000;
}

#dashboard #profile #datepicker {
    height: 30px;
}

#dashboard #profile button.btn.btn-outline-secondary.border-left-0 i.gj-icon {
    top: 5px;
}


/*================== inquiiry ======================*/

#quick-inq-tab {
    background-color: #3d6eeb;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    height: auto;
    letter-spacing: 2px;
    padding: 7px 8px 32px;
    position: fixed;
    right: -73px;
    text-align: center;
    top: 37%;
    transform: rotate(-90deg);
    z-index: 100;
}

div#inquirymodel .modal-header {
    background: #3950A3;
    color: #fff;
}

div#inquirymodel button.btn.btn-primary {
    background: #3950A3;
    color: #fff;
    border-color: #3950A3;
}

div#inquirymodel label {
    margin-bottom: 5px;
}

div#inquirymodel input {
    border-radius: 0px;
}

div#inquirymodel textarea {
    border-radius: 0px;
}

#inquirymodel select {
    border-radius: 0px !important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
}

#inquirymodel select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em
}

div#inquirymodel .modal-body {
    max-height: 400px;
    overflow: auto;
}

div#inquirymodel .modal-header button.close {
    color: #fff;
    opacity: 1;
}

#dashboard .backbtn {
    float: right;
    margin-top: 30px;
    margin-left: 17px;
    margin-bottom: 10px;
}

#dashboard .pdfbtn {
    margin-top: 30px;
    float: right;
    margin-left: 17px;
    margin-bottom: 10px;
}

#dashboard .emailbtn {
    float: right;
    margin-top: 30px;
    margin-left: 0px;
    margin-bottom: 10px;
}

div#inquirymodel .modal-content {
    padding: 0;
    width: auto;
}

.search_box {
    display: none;
}

.nohotelfounf {
    width: 100%;
    text-align: center;
    display: block;
}

.nohotelfounf h2.semi-bold {
    margin-bottom: 10px;
}

.nohotelfounf .btnnfou {
    color: #fff;
    border-radius: 35px;
    background-image: linear-gradient(96deg, #FEC3AD, #F0823E);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    display: block;
    /* float: right; */
    font-size: 13px;
    text-transform: uppercase;
    padding: 9px 20px;
    font-weight: 700;
    width: 200px;
    text-align: center;
    margin: 15px auto auto auto;
}

.moretext {
    display: none;
}

.offferlist li {
    list-style: disc !important;
    margin-left: 18px !important;
    font-size: 11px;
    margin-top: 5px !important;
}

a.moreless-button {
    color: #065af3 !important;
    margin-top: 5px !important;
    display: block;
    font-size: 12px;
}

.price_part .main_price .d-flex.flex-wrap {
    flex-direction: row;
    justify-content: flex-end;
    color: #000;
}

.welcomecontain {
    max-width: 700px;
    margin: 60px auto auto auto;
    text-align: center;
}

.welcomecontain .welcome-title {
    margin-bottom: 20px;
}

.whychose .icon-block .icon-img {
    margin-bottom: 23px;
}

.whychose .icon-block .icon-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.whychose .icon-block .icon-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 20px;
}

.whychose .icon-block {
    text-align: center;
}

.whychose {
    margin-top: 60px;
}

.package-info .package-header .thumbnail-city {
    margin-bottom: 5px;
    display: block;
}

.package-buttons {
    display: block;
    width: 100%;
    margin-top: 15px;
}

.package-buttons .viewmore {
    color: #fff;
    border-radius: 5px;
    background: #53b2fe;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    padding: 5px 15px;
    font-size: 13px;
}

.package-buttons a {
    display: inline-flex;
}

.popular_tour_container .left-title p.color-white-light {
    margin-top: 20px;
}

.package-buttons .booknow {
    color: #fff;
    border-radius: 5px;
    background: #F0823E;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    padding: 5px 15px;
    font-size: 13px;
    float: right;
}

.popular_tour_slider {
    width: 82%;
    float: left;
    margin-top: 60px;
}

.popular_tour_container .left-title {
    float: left;
    width: 220px;
    display: block;
    margin-top: 80px;
    padding-right: 65px;
    color: #fff;
}

.popular_tour_container .left-title .left-title .second-title h2 {
    line-height: 40px;
    font-size: 32px;
}

.popular_tour_container .left-title .underline:after {
    content: '';
    width: 100%;
    background: #FFF;
    height: 5px;
    position: relative;
    display: block;
    float: none;
    margin: 13px 0 0px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.besttourpackages .grid-content {
    margin-right: -15px;
    margin-left: -15px;
}

.besttourpackages .grid-content .list-item-entry:nth-child(4n+1) {
    clear: both;
}

.besttourpackages .grid-content .list-item-entry {
    float: left;
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.besttourpackages .grid-content .hotel-item {}

.besttourpackages .hotel-item {
    position: relative;
    width: 100%;
    float: left;
    display: inline-block;
    -moz-box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.03);
}

.besttourpackages .table-view img {
    max-width: 100%;
}

.besttourpackages .table-view>img {
    width: 100%;
    height: 169px;
    object-fit: cover;
    margin: auto;
    display: block;
}

.besttourpackages .table-view {
    height: 100%;
    width: 100%;
    display: block;
}

.besttourpackages .grid-content .cell-view {
    display: block;
    width: 100%;
}

.besttourpackages .grid-content .cell-view .pricebox {
    position: absolute;
    top: 0;
    background: linear-gradient(96deg, #FEC3AD, #F0823E);
    padding: 5px;
    color: #fff;
    font-size: 12px;
}

.besttourpackages .hotel-item.style-9 .tour-info .departudays {
    font-size: 10px;
    text-transform: none;
    padding-top: 1px;
    padding-bottom: 3px;
}

.besttourpackages .radius-top img {
    width: 100%;
    height: auto;
    display: block;
}

.besttourpackages .hotel-item .title {
    position: relative;
    width: 100%;
    padding: 20px 15px;
}

.besttourpackages .hotel-item .title h4 {
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.besttourpackages .tour-info-line.clearfix.topspace {
    margin-top: 5px;
}

.besttourpackages .hotel-item.style-9 .tour-info {
    /* margin-right: 15px; */
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.besttourpackages .hotel-item .title p {
    color: #000;
    padding: 8px 0px 10px;
    font-size: 12px;
    line-height: 18px;
}

.besttourpackages .tour-info-line.clearfix.bottomspace {
    padding-top: 5px;
    margin-bottom: 10px;
    margin-top: 15px;
    border-top: 1px solid #3950A3;
}

.besttourpackages .tour-info-line.topspace .tour-info.fl span {
    padding-left: 0;
}

.besttourpackages .fl {
    float: left;
}

.besttourpackages .tour-info img {
    vertical-align: bottom;
    float: left;
}

.besttourpackages .tour-info span {
    padding-left: 10px;
    font-size: 10px;
}

.besttourpackages .tour-info.fl span {
    padding-left: 25px;
    font-size: 11px;
    width: 100%;
    display: block;
    padding-top: 2px;
}

.besttourpackages .hotel-item.style-9 .buttons-block .bg-dr-blue-2 {
    background: #66BB6A;
    padding: 30px 20px;
    margin: 0px -20px 0px -20px;
}

.besttourpackages .buttons-block .viewmore {
    color: #fff;
    border-radius: 5px;
    background: #53b2fe;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    padding: 0px 15px;
    font-size: 13px;
    text-transform: capitalize;
    width: 90px;
    text-align: center;
    display: block;
    float: left;
    line-height: 27px;
}

.besttourpackages .buttons-block .booknow {
    color: #fff;
    border-radius: 5px;
    background: #F0823E;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    padding: 0px 15px;
    font-size: 13px;
    float: right;
    text-transform: capitalize;
    width: 90px;
    text-align: center;
    line-height: 27px;
    display: block;
}

.besttourpackages .buttons-block a {
    display: inline-flex;
}

.besttourpackages.packageslist .buttons-block .viewmore {
    width: 121px;
    padding: 5px 5px;
}

.besttourpackages.packageslist .buttons-block .booknow {
    padding: 5px 5px;
    width: 100px;
}

.besttourpackages .buttons-block {
    display: block;
    width: 100%;
    float: left;
    background: #c9e8ff;
    padding: 14px 11px;
    margin-top: -15px;
}

.besttourpackages {
    margin-bottom: 40px;
}

.besttourpackages h2.titlebesttour {
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
}

.besttourexcusrion {
    margin-top: 40px;
}

.besttourexcusrion h2.titlebesttour {
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
}

.besttourexcusrion .single-feature {
    padding: 20px 20px;
    border: 1px solid #eeeeee;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    max-width: 312px;
    margin: auto;
}

.besttourexcusrion .single-feature .feature-details h5 {
    font-size: 21px;
    margin-bottom: 15px;
}

.besttourexcusrion .single-feature:hover {
    border: 1px solid transparent;
    box-shadow: 0px 5px 50px rgba(57, 80, 163, 0.38);
}

.besttourexcusrion .primary-btn {
    position: relative;
    display: inline-block;
    color: #000000;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
}

.besttourexcusrion .single-feature .feature-thumb {
    position: relative;
    overflow: hidden;
    /* background: #f7f9fd; */
    /* padding: 40px; */
    margin-top: 25px;
    text-align: center;
}

.besttourexcusrion .single-feature .feature-thumb .pricebox {
    position: absolute;
    left: 0;
    background: linear-gradient(96deg, #FEC3AD, #F0823E);
    width: 90px;
    padding: 5px;
    text-align: center;
    color: #ffffff;
}

.besttourexcusrion .img-fluid {
    max-width: 100%;
    height: auto;
}

.exclusive-deal-month-container h2.title {
    color: #4a4a4a !important;
    background: unset !important;
    -webkit-text-fill-color: unset !important;
    text-transform: capitalize !important;
    margin-bottom: 30px;
    text-align: center !important;
}

section.welcomsection {
    margin-bottom: 40px;
}

.contact-row .fa {
    color: #fff;
    margin-right: 6px;
}

.contact-content.address {
    display: inline-flex;
}

.contact-content.address p {
    display: inline-block;
    font-size: 13px;
    /* line-height: unset !important;*/
}

.footer-row .footer-items .contact-social li a:first-child {
    padding-left: 0;
}

.footer-row .footer-items .footer-addrss-panel .contact-content a {
    font-size: 13px;
}

.footer-addrss-panel .contact-content .coverbox {
    float: left;
    display: block;
    font-weight: 600;
    width: 80%;
    margin-top: -5px;
}

.footer-row .footer-items .footer-addrss-panel .contact-content a:hover {
    color: #3851A3;
}

.footer-row .followus .footer-panel-title {
    margin-top: 15px;
    color: #3A3A3A;
}

.footer-row .followus ul.social-icons {
    display: block;
    list-style: none;
    margin-top: 5px;
}

.footer-row .followus ul.social-icons li {
    display: inline-block;
}

.footer-row .followus ul.social-icons li a {
    color: #3851A3;
    font-size: 18px;
    height: 40px;
    width: 40px;
    border: 1px solid #3851A3;
    padding: 8px;
    display: block;
    text-align: center;
    margin-right: 5px;
}

.footer-row .followus ul.social-icons li a:hover {
    background: #3851A3;
    color: #fff;
}

.discover-in-footer {
    float: left;
    /* margin-right: 60px; */
    margin-top: 30px;
    width: 30%;
}

.quick-in-footer {
    float: left;
    width: 70%;
    margin-top: 30px;
}

.contact-in-footer {
    margin-top: 30px;
    padding-left: 30px;
}

.footer-row .copyright {
    margin-top: 20px;
    color: #b5b5b5;
}

.quick-in-footer .footer-items .footer-menu li {
    float: left;
    width: 45%;
}

.about-in-footer img.img-fluid {
    margin-bottom: 15px;
}

.viewallhome {
    color: #3950A3;
    font-size: 18px;
    width: 100px;
    display: block;
    margin: 20px auto auto auto;
}

.footer-addrss-panel .contact-content {
    padding-left: 0px;
}

.footer-addrss-panel .contact-social {
    padding-left: 0;
}

.besttourpackages .hotel-item.style-9 .tour-info.fl.tourdaycode span {
    float: left;
    display: block;
    width: auto;
    /* text-transform: none; */
    font-weight: bold;
    font-size: 10px;
}

.besttourpackages .hotel-item.style-9 .tour-info.fl.tourdaycode span:first-child::after {
    content: "||";
    margin-left: 5px;
    margin-right: 5px;
    color: #000000;
    font-size: 9px;
}

.besttourpackages .hotel-item.style-9 .tour-info.fl.tourdaycode span:last-child {
    color: #3950A3;
}


/*================ tour without accomodation last step =======================*/

.multi_step_form .finalstep .tourdetails {
    border: solid 1px #bababa;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 40px;
}

.multi_step_form .finalstep .tourdetails .tourimg img {
    max-width: 100%;
}

.multi_step_form .finalstep .tourdetails .infoleft .title {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.multi_step_form .finalstep .tourdetails .infoleft .details-desc {
    display: inline-block;
    width: 50%;
    margin-top: 15px;
}

.multi_step_form .finalstep .tourdetails .infoleft .details-desc .debox {
    margin-bottom: 5px;
}

.multi_step_form .finalstep .tourdetails .infoleft .details-desc .debox label {
    margin-left: 0px;
    font-size: 13px;
    width: 45%;
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-weight: bold;
}

.multi_step_form .finalstep .tourdetails .infoleft .details-desc .debox label:after {
    content: ":";
    padding-right: 9px;
    float: right;
}

.multi_step_form .finalstep .tourdetails .infoleft .details-desc .debox span {
    margin-left: 0px;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
}

.multi_step_form .finalstep .tourdetails .infoleft .destinations {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    width: 48%;
}

.multi_step_form .finalstep .tourdetails .infoleft .destinations span {
    margin-left: 0px;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-weight: bold;
}

.multi_step_form .finalstep .tourdetails .infoleft .destinations .locationlist {
    list-style: none;
}

.multi_step_form .finalstep .tourdetails .infoleft .destinations .locationlist li {
    display: inline-block;
    width: 49%;
    font-size: 12px;
}

.multi_step_form .finalstep .tourdetails .infoleft .destinations .locationlist li:before {
    content: "\2713";
    margin-right: 10px;
    color: #336699;
    line-height: 1em;
    font-weight: bold;
}

.multi_step_form .finalstep .tourdetails .withaccohtitle {
    font-size: 13px;
    color: #000;
    margin-top: 10px;
}

.multi_step_form .finalstep .paymentDetails .primaryBtn.btnPayNow {
    background: #53b2fe;
    padding: 7px;
    height: 36px;
    font-size: 13px;
    text-align: left;
}

.container-fluid.withoutaccomcont {
    padding-top: 0 !important;
}

.logout {
    float: right;
}


/*================================== breadcrum =======================================*/

.breadcrumnew {
    background: #b8e3f7;
    margin-bottom: 15px;
}

.breadcrumnew .container .nameofpage {
    display: inline-block;
    color: #000;
    text-transform: none;
    font-size: 18px;
    font-weight: 600;
}

.breadcrumnew .container .breadcrumburl {
    /* float: right; */
    display: block;
    float: right;
    color: #000;
}

.breadcrumnew .container .breadcrumburl i {
    padding: 0px 5px;
}

.breadcrumnew .container {
    padding: 20px 0px;
}


/*========================= Tour Details page new ===============================*/

.inner-banner {
    position: relative;
    min-height: 380px;
    text-align: center;
}

.inner-banner.background-block:before {
    background: #0009;
    display: block;
    width: 100%;
    height: 350px;
    content: "";
}

.background-block {
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.inner-banner.style-4 {
    min-height: 350px;
}

.inner-banner .detail-header .detail-price a {
    color: #fff;
    border-radius: 5px;
    background: #F0823E;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    padding: 5px 15px;
    font-size: 13px;
    display: inline-block;
    text-transform: capitalize;
    width: 106px;
    text-align: center;
    float: right;
    /* clear: both; */
    margin-top: 10px;
    margin-left: 8px;
}

.inner-banner .detail-header .detail-price .booknow.ind_enqu {
    border-radius: 5px;
    background: #53b2fe;
}

.inner-banner .detail-header .detail-price {
    line-height: unset;
    padding-top: 0;
}

.inner-banner.style-4 .vertical-align {
    padding-top: 20px;
}

.vertical-align {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 1;
}

.detail-header {
    margin-bottom: 35px;
}

.detail-header h2.detail-title.color-white {
    text-align: left;
    font-size: 32px;
    letter-spacing: 2.5px;
    margin-top: 0px;
}

.color-white {
    color: #fff;
}

.inner-banner h2 {
    font-size: 38px;
    line-height: 40px;
    letter-spacing: 7.5px;
    margin-bottom: 20px;
    margin-top: 90px;
}

.detail-price {
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: right;
    padding-top: 10px;
}

.detail-price span {
    font-size: 28px;
    font-weight: 700;
}

.tourdeailscontain .detail-wrapper.tours .right-sidebar .detail-block {
    padding: 20px 15px 20px 15px;
}

.tourdeailscontain .right-sidebar .detail-block img {
    width: 100%;
}

.tourdeailscontain .detail-block {
    padding: 15px 15px 15px 15px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 30px;
}

.tourdeailscontain .bg-dr-blue-2 {
    background: #336699;
}

.tourdeailscontain .detail-block h4 {
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 22px;
    text-transform: uppercase;
    margin-top: 10px;
}

.tourdeailscontain .details-desc {
    margin-bottom: 20px;
}

.tourdeailscontain .details-desc .color-blue-5 {
    color: #fff;
    font-weight: bold;
}

.tourdeailscontain .detail-block p {
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.tourdeailscontain .details-desc .socialtitle {
    margin-bottom: 0;
    margin-top: 10px;
    padding-top: 5px;
}

.tourdeailscontain .right-sidebar .detail-block .locationlist {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #fff;
    /* float: left; */
    width: 100%;
    display: block;
    margin-top: 3%;
}

.tourdeailscontain .right-sidebar .detail-block .locationlist li {
    display: inline-block;
    width: 49%;
    font-size: 12px;
}

.tourdeailscontain .details-desc .socialshare li:first-child {
    padding-left: 0;
}

.tourdeailscontain .detail-block .locationlist li:before {
    content: "\2713";
    margin-right: 10px;
    color: #87DCFA;
    line-height: 1em;
}

.tourdeailscontain .details-desc .socialshare {
    padding: 0;
    right: 0;
    list-style: none;
    margin-top: 5px;
}

.tourdeailscontain .details-desc .socialshare img {
    width: auto;
    max-width: 24px;
}

.tourdeailscontain .details-desc .socialshare li {
    display: inline-block;
    padding: 5px;
}

.tourdeailscontain .detail-block p label {
    margin-left: 0px;
    font-weight: normal;
    font-size: 12px;
    width: 51%;
    display: inline-block;
    vertical-align: top;
}

.tourdeailscontain .detail-block p label:after {
    content: ":";
    padding-right: 9px;
    float: right;
}

.tourdeailscontain .detail-block p span {
    margin-left: 0px;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    width: 45%;
}

.tourdeailscontain .details-desc .destinationcovered span {
    width: 100%;
}

.tourdeailscontain .right-sidebar {
    margin-top: -50px;
}

.tourdeailscontain .right-sidebar .detail-block.stickymenu {
    position: absolute;
    bottom: 0;
    max-width: 91%;
}

.tourdeailscontain .right-sidebar.stickymenu {
    position: fixed;
    top: -50px;
    width: 257px;
}

.tourdeailscontain .sidebar-text-label {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 21px 15px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 30px;
}

.tourdeailscontain .help-contact h4 {
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 18px;
}

.tourdeailscontain .help-contact p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #000;
}

.tourdeailscontain .help-contact .help-phone {
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 5px;
    color: #fff;
}

.tourdeailscontain .help-contact .details-desc {
    margin-bottom: 0;
    background: #ffff;
    width: 114%;
    margin-left: -7%;
    padding: 0px 15px;
}

.tourdeailscontain .help-contact .help-mail {
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
}

.tourdeailscontain .bg-grey-2 {
    background: #eaeaea;
}

.tourdeailscontain .help-contact {
    padding: 0;
    -moz-border-radius: 4px;
    /* border-radius: 4px; */
    color: #fff;
    border-top: 1px solid;
    margin-top: 15px;
}

.tourdeailscontain .details-btn .viewmore {
    color: #fff;
    border-radius: 5px;
    background: #53b2fe;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    padding: 5px 15px;
    font-size: 13px;
    text-transform: capitalize;
    width: 90px;
    text-align: center;
    display: inline-block;
}

.tourdeailscontain .details-btn .booknow {
    color: #fff;
    border-radius: 5px;
    background: #F0823E;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    padding: 5px 15px;
    font-size: 13px;
    display: inline-block;
    text-transform: capitalize;
    width: 90px;
    text-align: center;
    float: right;
}

.tourdeailscontain .nav-tabsv {
    text-align: right;
    font-size: 0;
    position: relative;
    top: -50px;
    z-index: 2;
}

.tourdeailscontain .nav-tabsv.stickymenu {
    position: fixed;
    right: 8.3vw;
    top: 114px;
}

.tourdeailscontain .nav-tabsv.stickymenu .tab-itm {
    border: 1px solid rgba(255, 255, 255);
    background: rgba(0, 0, 0);
}

.tourdeailscontain .nav-tabsv.stickymenu .tab-itm.active {
    background: rgba(51, 102, 153);
    color: #fff;
}

.tourdeailscontain .nav-tabsv .tab-itm {
    color: #fff;
    background: rgba(0, 0, 0, 0.67);
    display: -webkit-inline-box;
    height: 50px;
    font-size: 12px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 0px 9px;
    border: 1px solid #eaeaea;
    border-left: none;
    cursor: pointer;
    border-radius: 3px;
    max-width: 190px;
    text-align: left;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tourdeailscontain .nav-tabsv .tab-itm.active {
    background: rgba(51, 102, 153, 0.6);
    color: #fff;
    border-left: 1px solid #eaeaea;
}

.tourdeailscontain .tab-info {
    background: #fff;
    border: none;
    padding-left: 20px;
    margin-top: 50px;
    font-size: 14px;
    word-spacing: 3px;
    text-align: justify;
    line-height: 22px;
}

.tourdeailscontain .tab-info h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.tourdeailscontain .tab-info h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 18px;
    color: #222222;
}

.tourdeailscontain .tab-info p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #000;
}

.tourdeailscontain .tab-info ul {
    width: 50%;
    display: inline-block;
    padding-left: 30px;
}

.tourdeailscontain .tab-info ul li {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    padding-left: 14px;
    margin-bottom: 10px;
    color: #000;
}

.tourdeailscontain .tab-info img {
    max-width: 100%;
    margin-top: 50px;
    border-radius: 5px;
    float: right;
}

.tourdeailscontain #itineraries .itinerary {
    /* float: left; */
    display: block;
    margin-top: 25px;
    clear: both;
    /* border-bottom: 1px solid; */
    padding-bottom: 20px;
}

.tourdeailscontain #itineraries .itinerary span.dayno {
    float: left;
    display: block;
    width: auto;
    background: #336699;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
}

.tourdeailscontain #itineraries .itinerary .title {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    padding: 4px 0px;
    width: 80%;
    float: left;
    /* clear: both; */
    margin-left: 15px;
}

.tourdeailscontain #itineraries .itinerary a.itigallery {
    float: right;
    display: block;
    max-width: 86px;
}

.tourdeailscontain #itineraries .itinerary p {
    clear: both;
}

.tourdeailscontain #itineraries p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #000;
    width: 80%;
    margin-top: 10px;
    display: inline-block;
}

.tourdeailscontain #itineraries .services {
    display: table;
}

.tourdeailscontain #itineraries .serv {
    /* float: left; */
    display: inline-table;
    margin-right: 11px;
}

.tourdeailscontain #itineraries .itinerary .serv img {
    float: left;
    display: table-cell;
    margin-bottom: 0;
    border-radius: inherit;
    margin-top: 5px;
}

.tourdeailscontain #itineraries .itinerary .serv span {
    float: left;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding-left: 6px;
    display: table-cell;
    margin-left: 6px;
}

.tourdeailscontain #itineraries h3 {
    font-family: 'Cabin', sans-serif;
    color: #222222;
    font-weight: 700;
}

.tourdeailscontain #incluexclu strong {
    width: 100%;
    display: block;
    color: #000;
    font-weight: 600;
}

.tourdeailscontain #incluexclu .inclexclu {
    width: 90%;
    padding: 0;
    margin-left: 20px;
}

.tourdeailscontain #incluexclu h3 {
    font-family: 'Cabin', sans-serif;
    color: #222222;
    font-weight: 700;
}

.tourdeailscontain #incluexclu strong img {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    border-radius: unset;
}

.tourdeailscontain #hotelsdata table.blueTable {
    background: #fff;
    border: 1px solid;
    color: #000;
    min-width: 100%;
}

.tourdeailscontain #hotelsdata table.blueTable th {
    border: 1px solid;
    padding: 10px;
    color: #000;
    background: #71BDE1;
    font-weight: 600;
}

.tourdeailscontain #hotelsdata table.blueTable tr:nth-child(even) {
    background: #b8e3f7;
}

.tourdeailscontain #hotelsdata table.blueTable td {
    padding: 10px;
    border: 1px solid;
}

.tourdeailscontain #hotelsdata h3 {
    font-family: 'Cabin', sans-serif;
    color: #222222;
    font-weight: 700;
}

.tourdeailscontain #termcondition h3 {
    font-family: 'Cabin', sans-serif;
    color: #222222;
    font-weight: 700;
}

.tourdeailscontain #termcondition p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #000;
}

.tourdeailscontain #termcondition table.blueTable {
    background: #fff;
    border: 1px solid;
    color: #000;
}

.tourdeailscontain #termcondition table.blueTable th {
    border: 1px solid;
    padding: 10px;
    color: #000;
    font-weight: 600;
}

.tourdeailscontain #termcondition table.blueTable td {
    padding: 10px;
    border: 1px solid;
}

.tourdeailscontain #tourcostdata table.blueTable {
    background: #fff;
    border: 1px solid;
    color: #000;
    min-width: 100%;
}

.tourdeailscontain #tourcostdata table.blueTable th {
    border: 1px solid;
    padding: 10px;
    color: #000;
    background: #71BDE1;
    font-weight: 600;
}

.tourdeailscontain #tourcostdata table.blueTable tr:nth-child(even) {
    background: #b8e3f7;
}

.tourdeailscontain #tourcostdata table.blueTable td {
    padding: 10px;
    border: 1px solid;
}

.tourdeailscontain #tourcostdata h3 {
    font-family: 'Cabin', sans-serif;
    color: #222222;
    font-weight: 700;
}

.tourdeailscontain #termcondition {
    margin-bottom: 50px;
}

.tourdeailscontain .tab-info#booknowstep .bgbook {
    background: #e8e8e8;
    padding: 24px;
}

.tourdeailscontain #booknowstep .bookboxtour {
    border: 2px solid #b3b3b3;
    border-radius: 4px;
    width: 100%;
    display: table;
}

.tourdeailscontain #booknowstep .bookboxtour .noof {
    display: table-cell;
    width: 20%;
    vertical-align: top;
    border-right: 2px solid #b3b3b3;
    padding: 15px;
}

.tourdeailscontain #booknowstep .bookboxtour .noof:first-child {
    border: unset;
}

.tourdeailscontain #booknowstep .bookboxtour .noof:nth-child(3) {
    width: 30%;
    border-right: 0px;
}

.tourdeailscontain #booknowstep .bookboxtour .noof span:nth-child(3) {
    margin-top: 15px;
}

.tourdeailscontain #booknowstep .bookboxtour .noof span {
    color: #4a4a4a;
    width: 100%;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}

.tourdeailscontain #booknowstep .bookboxtour .noof select,
.tourdeailscontain #booknowstep .bookboxtour .noof textarea,
.tourdeailscontain #booknowstep .bookboxtour .noof input {
    width: 100%;
    border: unset;
    border-bottom: 1px solid;
    vertical-align: top;
}

.tourdeailscontain #booknowstep .booknowbtn {
    color: #fff;
    border-radius: 5px;
    background: #53b2fe;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    padding: 5px 15px;
    font-size: 18px;
    text-transform: capitalize;
    width: 145px;
    text-align: center;
    display: block;
    border: unset;
    margin: 25px auto auto auto;
}


/*=================== Tour detail new page step 2=============================================*/

.breadcrumnew {
    background: #b8e3f7;
    margin-bottom: 15px;
}

.breadcrumnew .container {
    padding: 20px 0px;
}

.breadcrumnew .container .nameofpage {
    display: inline-block;
    color: #000;
    text-transform: none;
    font-size: 18px;
    font-weight: 600;
}

.breadcrumnew .container .breadcrumburl {
    /* float: right; */
    display: block;
    float: right;
    color: #000;
}

.breadcrumnew .container .breadcrumburl i {
    padding: 0px 5px;
}

section.tourdetailstep2 {
    margin-bottom: 50px;
    margin-top: 40px;
}

section.tourdetailstep2 .selection .title {
    font-size: 18px;
}

section.tourdetailstep2 .selection .title {
    font-size: 18px;
    vertical-align: bottom;
    color: #000000;
    font-weight: 600;
}

section.tourdetailstep2 .selection .title b {
    font-weight: bold;
    color: #fff;
    background: #336699;
    padding: 5px 10px;
    display: inline-block;
    /* float: left; */
    line-height: 15px;
    font-size: 15px;
}

section.tourdetailstep2 .selection div#dncalendar-container {
    display: grid;
    clear: both;
    margin-top: 15px;
}

section.tourdetailstep2 .selection .hotelselec .blueTable {
    background: #fff;
    border: 1px solid;
    color: #000;
    min-width: 100%;
    margin-top: 50px;
}

section.tourdetailstep2 .selection .hotelselec table.blueTable th {
    border: 1px solid;
    padding: 10px;
    color: #000;
    background: #b8e3f7;
    font-weight: 600;
}

section.tourdetailstep2 .selection .hotelselec #exampleModalCenter table.blueTable {
    margin-top: 0;
}

section.tourdetailstep2 .selection .hotelselec table.blueTable td {
    padding: 10px;
    border: 1px solid;
}

section.tourdetailstep2 .selection div#dncalendar-container div#dncalendar-header h2 {
    padding-top: 4px;
    color: #000000;
    font-size: 17px;
}

section.tourdetailstep2 .selection .hotelselec {
    padding-left: 45px;
}

section.tourdetailstep2 .selection .hotelselec h2 {
    text-align: left;
    color: #000000;
    font-size: 17px;
    margin: 10px 0 0px 0;
    line-height: 1;
    float: left;
}

section.tourdetailstep2 .selection .hotelselec table.blueTable .custom-checkbox {
    display: none;
}

section.tourdetailstep2 .selection .hotelselec table.blueTable .custom-checkbox+label {
    font-weight: normal;
    cursor: pointer;
}

section.tourdetailstep2 .selection .hotelselec table.blueTable .custom-checkbox+label span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: relative;
    border: 2px solid #434343;
}

section.tourdetailstep2 .selection .hotelselec table.blueTable .custom-checkbox+label span::before {
    content: "";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 7px;
    height: 7px;
    background-color: #434343;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

section.tourdetailstep2 .selection .hotelselec table.blueTable .custom-checkbox:checked+label span::before {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

section.tourdetailstep2 .selection .hotelselec table.blueTablev .custom-checkbox:disabled+label {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

section.tourdetailstep2 .selection .hotelselec table.blueTable .custom-checkbox:disabled+label,
section.tourdetailstep2 .selection .hotelselec table.blueTable .custom-checkbox:disabled+label span {
    cursor: default;
}

section.tourdetailstep2 .selection .hotelselec table.blueTable th i.fa.fa-info-circle {
    color: #000000;
}

section.tourdetailstep2 .selection .hotelselec table.blueTable th a {
    display: block;
    float: right;
    cursor: pointer;
}

section.tourdetailstep2 .selection .hotelselec a.viewhoteldetail {
    color: #3950A3;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 10px;
    display: block;
    float: right;
}

section.tourdetailstep2 .selection .hotelselec .modal-header {
    background: #336699;
    color: #fff;
}

section.tourdetailstep2 .selection .hotelselec .modal-header h5#exampleModalCenterTitle {
    font-size: 16px;
}

.fa-times-thin:before {
    content: '\00d7';
}

section.tourdetailstep2 .selection .hotelselec .modal-header .close {
    color: #fff;
    opacity: 1;
    font-size: 16px;
    padding: 12px;
}

section.tourdetailstep2 .selection .roomsdetails {
    margin-top: 35px;
}

section.tourdetailstep2 .selection .roomsdetails .room {
    display: table;
    margin-top: 35px;
    width: 100%;
}

section.tourdetailstep2 .selection .roomsdetails .room .name {
    display: table-cell;
    font-size: 18px;
    font-weight: bold;
    width: 15%;
}

section.tourdetailstep2 .selection .roomsdetails .room .adults {
    display: table-cell;
    width: 20%;
    vertical-align: top;
}

section.tourdetailstep2 .selection .roomsdetails .room .childs {
    display: table-cell;
    width: 15%;
    vertical-align: top;
}

section.tourdetailstep2 .selection .roomsdetails .room .ageofchild {
    display: table-cell;
    vertical-align: top;
    width: 52%;
}

section.tourdetailstep2 .selection .roomsdetails .room .delete {
    display: table-cell;
}

section.tourdetailstep2 .selection .roomsdetails .room .delete .removeroom {
    cursor: pointer;
    font-size: 17px;
    color: red;
}

section.tourdetailstep2 .selection .roomsdetails .room .ageofchild .age {
    display: inline-block;
    margin-right: 15px;
}

section.tourdetailstep2 .selection .roomsdetails .room .ageofchild .age label {
    display: block;
    width: 100%;
}

section.tourdetailstep2 .selection .roomsdetails .room .ageofchild .age select {
    display: block;
    margin-top: 10px;
    border: 1px solid #336699;
    height: 23px;
    padding: 0 5px;
}

section.tourdetailstep2 .selection .roomsdetails .room label {
    font-size: 14px;
}

section.tourdetailstep2 .selection .roomsdetails .room .indecinput .value-button {
    display: inline-block;
    border: 1px solid #b8e3f7;
    margin: 0px;
    width: 40px;
    height: 23px;
    text-align: center;
    vertical-align: middle;
    padding: 2px 0;
    background: #b8e3f7;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    font-weight: bold;
}

section.tourdetailstep2 .selection .roomsdetails .room .indecinput .value-button:hover {
    cursor: pointer;
}

section.tourdetailstep2 .selection .roomsdetails .room .indecinput #decrease {
    margin-right: -4px;
    border-radius: 4px 0 0 4px;
}

section.tourdetailstep2 .selection .roomsdetails .room .indecinput #increase {
    margin-left: -4px;
    border-radius: 0 4px 4px 0;
}

section.tourdetailstep2 .selection .roomsdetails .room .indecinput #input-wrap {
    margin: 0px;
    padding: 0px;
}

section.tourdetailstep2 .selection .roomsdetails .room .indecinput input.number {
    text-align: center;
    border: none;
    border-top: 1px solid #b8e3f7;
    border-bottom: 1px solid #b8e3f7;
    margin: 0px;
    width: 40px;
    height: 23px;
}

section.tourdetailstep2 .selection .roomsdetails .room .indecinput input[type=number]::-webkit-inner-spin-button,
section.tourdetailstep2 .selection .roomsdetails .room .indecinput input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

section.tourdetailstep2 .selection .roomsdetails .room .indecinput {
    margin-top: 10px;
}

section.tourdetailstep2 .selection .roomsdetails .addroom {
    display: block;
    color: #fff;
    font-weight: bold;
    float: right;
    background: #336699;
    padding: 5px 15px;
    border-radius: 5px;
}

section.tourdetailstep2 .selection .roomsdetails .amount {
    display: block;
    clear: both;
    background: #ffedd1;
    padding: 5px;
    width: 100%;
    margin-top: 30px;
    float: left;
}

section.tourdetailstep2 .selection .roomsdetails .amount span {
    font-size: 16px;
    font-weight: bold;
}

section.tourdetailstep2 .selection .roomsdetails .notes {
    float: left;
    display: block;
    margin-top: 5px;
}

section.tourdetailstep2 .selection .roomsdetails .remarsk label {
    display: block;
    margin-bottom: 10px;
}

section.tourdetailstep2 .selection .roomsdetails .remarsk {
    display: block;
    margin-top: 20px;
    width: 85%;
    padding-bottom: 20px;
    margin-left: 15%;
}

section.tourdetailstep2 .selection .roomsdetails .remarsk textarea {
    overflow: hidden;
    resize: none;
    height: 65px;
    padding: 6px;
    width: 56%;
    max-width: 535px;
    font-size: 14px;
    border-radius: 4px;
}

section.tourdetailstep2 .selection .roomsdetails .remarsk textarea::placeholder {
    color: #a5a5a5;
    font-size: 14px;
}

section.tourdetailstep2 .selection .stepbtns {
    margin-top: 40px;
}

section.tourdetailstep2 .selection .stepbtns a,
section.tourdetailstep2 .selection .stepbtns button {
    background: #53b2fe;
    color: #ffff;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 4px;
    margin-right: 8px;
    border: none;
    float: left;
    height: 32px;
}

section.tourdetailstep2 .selection .roomsdetails .room .adults .tooltiplimit {
    background: #000000b3;
    color: #fff;
    padding: 5px;
    display: none;
    width: 293px;
    border-radius: 5px;
    margin-top: -22px;
    position: absolute;
    font-size: 12px;
}

section.tourdetailstep2 .selection .roomsdetails .room .adults .roomtype {
    display: block;
    margin-top: 10px;
    border: 1px solid #b8e3f7;
    height: 23px;
    padding: 0 5px;
    background: #b8e3f7;
}


/*=================================== Toourdetail new step 3 ==================================*/

#tourdetailstep3 {
    margin-top: 50px;
    margin-bottom: 50px;
}

#tourdetailstep3 .tourdetails .tourimg img {
    max-width: 100%;
}

#tourdetailstep3 .tourdetails {
    border: solid 1px #bababa;
    border-radius: 5px;
    padding: 15px;
}

#tourdetailstep3 .tourdetails .infoleft .title {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

#tourdetailstep3 .tourdetails .infoleft .details-desc {
    display: inline-block;
    width: 50%;
    margin-top: 15px;
}

#tourdetailstep3 .tourdetails .infoleft .details-desc .debox label {
    margin-left: 0px;
    font-size: 13px;
    width: 45%;
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-weight: bold;
}

#tourdetailstep3 .tourdetails .infoleft .details-desc .debox label:after {
    content: ":";
    padding-right: 9px;
    float: right;
}

#tourdetailstep3 .tourdetails .infoleft .details-desc .debox span {
    margin-left: 0px;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
}

#tourdetailstep3 .tourdetails .infoleft .details-desc .debox {
    margin-bottom: 5px;
}

#tourdetailstep3 .tourdetails .infoleft .destinations {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    width: 48%;
}

#tourdetailstep3 .tourdetails .infoleft .destinations span {
    margin-left: 0px;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-weight: bold;
}

#tourdetailstep3 .tourdetails .infoleft .destinations .locationlist {
    list-style: none;
}

#tourdetailstep3 .tourdetails .infoleft .destinations .locationlist li {
    display: inline-block;
    width: 49%;
    font-size: 12px;
}

#tourdetailstep3 .tourdetails .infoleft .destinations .locationlist li:before {
    content: "\2713";
    margin-right: 10px;
    color: #336699;
    line-height: 1em;
    font-weight: bold;
}

#tourdetailstep3 .tourdetails .infoleft .details-desc .debox.roomdetails {
    margin-top: 15px;
}

#tourdetailstep3 .tourdetails .infoleft .destinations .popuplinks {
    font-size: 13px;
    margin-left: 17px;
    margin-top: 20px;
}

#tourdetailstep3 .tourdetails .infoleft .destinations .popuplinks li {
    margin-bottom: 5px;
}

#tourdetailstep3 .tourdetails .infoleft .destinations .popuplinks li a {
    margin-left: initial;
    font-size: 13px;
    vertical-align: top;
    cursor: pointer;
    color: #336699;
    font-weight: bold;
}

section#tourdetailstep3 .stepbtns {
    margin-top: 10px;
}

section#tourdetailstep3 .stepbtns a,
section#tourdetailstep3 .stepbtns button {
    background: #53b2fe;
    color: #ffff;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 4px;
    margin-right: 8px;
    border: none;
    float: left;
}

.step3model .modal-header {
    background: #336699;
    color: #fff;
}

.step3model .modal-header h5 {
    font-size: 16px;
}

.step3model .modal-header .close {
    color: #fff;
    opacity: 1;
    font-size: 16px;
    padding: 12px;
}

.step3model .itinerary {
    /* float: left; */
    display: block;
    margin-top: 25px;
    clear: both;
    /* border-bottom: 1px solid; */
    padding-bottom: 20px;
}

.step3model .itinerary span.dayno {
    float: left;
    display: block;
    width: auto;
    background: #336699;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
}

.step3model .itinerary .title {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    padding: 4px 0px;
    width: 80%;
    float: left;
    /* clear: both; */
    margin-left: 15px;
}

.step3model .itinerary p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #000;
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    text-align: justify;
}

.step3model .itinerary .services {
    display: table;
}

.step3model .itinerary .serv {
    /* float: left; */
    display: inline-table;
    margin-right: 11px;
}

.step3model .itinerary .serv img {
    float: left;
    display: table-cell;
    margin-bottom: 0;
    border-radius: inherit;
    margin-top: 5px;
}

.step3model .itinerary .serv span {
    float: left;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding-left: 6px;
    display: table-cell;
    margin-left: 6px;
}

.step3model .blueTable {
    background: #fff;
    border: 1px solid;
    color: #000;
    min-width: 100%;
}

.step3model table.blueTable th {
    border: 1px solid;
    padding: 10px;
    color: #000;
    background: #b8e3f7;
    font-weight: 600;
}

.step3model table.blueTable td {
    padding: 10px;
    border: 1px solid;
}

.step3model .incluexclusion h3 {
    font-family: 'Cabin', sans-serif;
    color: #222222;
    font-weight: 700;
}

.step3model .incluexclusion .inclexclu {
    width: 90%;
    padding: 0;
    margin-left: 20px;
}

.step3model .incluexclusion li {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 4px;
    color: #000;
}

.step3model .incluexclusion h3:nth-child(3n) {
    margin-top: 15px;
}

#tourdetailstep3 .contactinform h2 {
    font-size: 20px;
    padding-left: 14px;
    display: block;
    width: 100%;
    margin-bottom: 14px;
    margin-top: 22px;
}

#tourdetailstep3 .contactinform label {
    font-size: 14px;
}

#tourdetailstep3 .contactinform .temssec {
    margin-left: 18px;
}

#tourdetailstep3 .paymentDetails .primaryBtn.btnPayNow {
    background: #53b2fe;
    padding: 7px;
    height: 36px;
    font-size: 13px;
    text-align: left;
}

#tourdetailstep3 .contactinform .form-group.checkbox {
    margin-right: 15px;
}


/*========================= thank you ========================================*/

#thankyou h1 {
    font-size: 60px;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 100px;
}

#thankyou p {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 20px;
    margin-bottom: 140px;
}

#thankyou img {
    display: block;
    max-width: 300px;
    margin: 50px auto auto auto;
}

.modal-backdrop {
    z-index: 99 !important;
}


/*============================== excursion detail page =============================*/

.tourdeailscontain .tab-info .costdropex {
    display: block;
    width: 100%;
    margin-bottom: 25px;
}

.tourdeailscontain .tab-info .costdropex>div {
    display: inline-block;
    margin-right: 10px;
    min-width: 20%;
}

.tourdeailscontain .tab-info .costdropex>div label {
    font-size: 15px;
    display: block;
    width: 100%;
    color: #000;
    margin-bottom: 5px;
}

.tourdeailscontain .tab-info .costdropex>div input {
    border: 1px solid #ebebeb;
    padding: 5px;
    font-size: 13px;
    width: 100%;
}

.tourdeailscontain .tab-info .costdropex>div select {
    padding: 4px;
    border: 1px solid #ebebeb;
    width: 100%;
    font-size: 13px;
}

.tourdeailscontain .tab-info .costdropex>div.loginto a.booknowbtn {
    background: #53b2fe;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 5px 15px;
    border-radius: 2px;
    display: block;
    width: 96px;
    text-align: center;
}

.tourdeailscontain .tab-info .costdropex {
    margin-bottom: 15px;
}

.tourdeailscontain .tab-info ul.fullwidthul {
    width: 100%;
}

.modal-body.resp2 textarea#usermsg {
    width: 100%;
    display: block;
    height: 80px;
}


/*========================= About Us ========================================*/

.about-page-content .topbanner {
    min-height: 350px;
    background-position: center;
    background-size: cover;
}

.about-page-content .topbanner h1 {
    color: #fff;
    font-size: 52px;
    margin-top: 105px;
}

.about-page-content .topbanner span {
    font-size: 26px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
}

.about-page-content .description {
    padding-top: 60px;
    text-align: center;
}

.about-page-content .description p {
    color: #565656;
    font-size: 16px;
    max-width: 800px;
    margin: auto auto 15px auto;
}

.about-page-content .description .becomagtn {
    background: #293B85;
    color: #fff;
    display: block;
    max-width: 315px;
    margin: 35px auto 50px auto;
    font-size: 20px;
    padding: 15px;
}

.about-page-content .ourcommitment {
    background: #293B85;
    color: #fff;
    padding-top: 50px;
}

.about-page-content .ourcommitment h1:before {
    content: "";
    height: 5px;
    border-bottom: 1px solid #01F51B;
    width: 71%;
    display: block;
    position: absolute;
    top: 23px;
    right: 0;
}

.about-page-content .ourcommitment h1 {
    position: relative;
}

.about-page-content .ourcommitment ul {
    display: block;
    list-style: none;
    margin-top: 30px;
    clear: both;
}

.about-page-content .ourcommitment ul li {
    display: inline-block;
    width: 33%;
    font-size: 18px;
    margin-bottom: 30px;
    padding-top: 8px;
    position: relative;
    vertical-align: top;
}

.about-page-content .ourcommitment ul li span {
    display: inline-block;
    float: left;
    vertical-align: middle;
    width: 92%;
}

.about-page-content .ourcommitment ul li:nth-child(4n) {
    clear: both;
}

.about-page-content .ourcommitment ul li:before {
    content: "\002714";
    color: #01F51B;
    font-size: 25px;
    margin-right: 6px;
    margin-top: -5px;
    display: block;
    display: inline-block;
    float: left;
    vertical-align: middle;
}

.about-page-content .ourcommitment ul li:last-child {
    width: 100%;
}

.about-page-content .ourdifferent {
    padding-top: 200px;
}

.about-page-content .ourcommitment .img img {
    margin-bottom: -176px;
    margin-top: 40px;
}

.about-page-content .ourdifferent h1 {
    margin-top: 25px;
    text-align: center;
}

.about-page-content .ourdifferent p {
    text-align: center;
    font-size: 16px;
    max-width: 597px;
    margin: 10px auto auto auto;
}

.about-page-content .ourdifferent li {
    list-style: none;
    display: inline-block;
    width: 33%;
    text-align: center;
    vertical-align: top;
    margin-bottom: 80px;
}

.about-page-content .ourdifferent li .img {
    border: 1px solid #293B85;
    display: block;
    width: 85px;
    margin: auto auto 13px auto;
    border-radius: 50%;
    height: 85px;
}

.about-page-content .ourdifferent li span {
    width: 250px;
    display: block;
    margin: auto;
    font-size: 16px;
}

.about-page-content .ourdifferent ul {
    margin-top: 55px;
}

.about-page-content .ourresources {
    background: #F1F1F1;
    padding: 50px 35px;
}

.about-page-content .ourresources h1 {
    text-align: center;
    color: #000;
}

.about-page-content .resourcebox {
    margin: 40px auto auto auto;
    display: block;
    width: 90%;
}

.about-page-content .resourcebox .title {
    color: #293B85;
    font-weight: bolder;
    font-size: 21px;
}

.about-page-content .resourcebox p {
    font-weight: 600;
    margin-top: 20px;
    word-spacing: 4px;
}

.about-page-content .ourresources .owl-nav button.owl-prev,
.about-page-content .ourresources .owl-nav button.owl-next {
    background: #293B85;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: -75px;
}

.about-page-content .ourresources .owl-nav button.owl-prev span,
.about-page-content .ourresources .owl-nav button.owl-next span {
    color: #fff;
    font-size: 37px;
    line-height: 18px;
    left: 0;
}

.about-page-content .ourresources .owl-nav {
    display: block !important;
}

.about-page-content .ourresources .owl-nav button.owl-next {
    right: -75px;
    position: absolute;
    left: unset;
}

.about-page-content .ourresources button.owl-dot {
    width: 10px;
    height: 10px;
    background: #C9CDD9;
    margin: 10px;
    border-radius: 5px;
}

.about-page-content .ourresources .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.about-page-content .ourresources button.owl-dot.active {
    background: #293B85;
}

.about-page-content .discover {
    padding: 70px 0;
}

.about-page-content .discover h1 {
    color: #000;
}

.about-page-content .discover h3 {
    color: #000;
    margin-top: 15px;
}

.about-page-content .discover p {
    margin-top: 5px;
    font-size: 15px;
    word-spacing: 3px;
}

.about-page-content .discover .imgsection .sideblock {
    width: 450px;
    padding: 20px;
}

.about-page-content .discover .imgsection .sideblock h2 {
    color: #000;
}

.about-page-content .discover .imgsection .sideblock p {
    text-align: justify;
}

.about-page-content .discover .imgsection .sideblock a {
    background: #293B85;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    clear: both;
    float: left;
    margin-top: 25px;
}

.about-page-content .discover .imgsection .sideblock {
    width: 450px;
    padding: 50px;
    position: absolute;
    top: 54px;
    background: #fff;
    right: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.about-page-content .discover .imgsection .sideblock h1 {
    color: #000;
}

.about-page-content .discover .imgsection .sideblock p {
    text-align: justify;
}

.about-page-content .discover .imgsection .sideblock a {
    background: #293B85;
    color: #fff;
    font-size: 20px;
    padding: 10px 20px;
    clear: both;
    float: left;
    margin-top: 25px;
}

.about-page-content .discover .imgsection {
    position: relative;
    margin-top: 15px;
}

.about-page-content .ourteam h1 {
    color: #000;
    text-align: center;
}

.about-page-content .ourteam p {
    text-align: center;
    font-size: 16px;
    width: 600px;
    margin: 10px auto 13px auto;
}

.about-page-content .ourteam .row {
    max-width: 900px;
    margin: auto;
    text-align: center;
    margin-top: 40px;
}

.about-page-content .ourteam {
    margin-bottom: 80px;
}

.ourteam .row .teambox {
    border: 1px solid #293B85;
    padding: 25px;
    max-width: 250px;
    margin: auto;
}

.about-page-content .ourteam .row .teambox .tittle {
    font-size: 19px;
    color: #000;
    margin-top: 10px;
}

.about-page-content .ourteam .row .teambox .postname {
    font-size: 16px;
}

.about-page-content .ourteam .row .teambox:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
}

.about-page-content .ourdestination h1 {
    text-align: center;
    color: #000;
    margin-bottom: 50px;
}

.about-page-content .ourdestination .destinationbox {
    position: relative;
}

.about-page-content .ourdestination .destinationbox .textbox {
    position: absolute;
    bottom: 0;
    width: 90%;
    margin: auto;
    display: block;
    left: 0;
    padding-bottom: 20px;
    right: 0;
    color: #fff;
}

.about-page-content .ourdestination .destinationbox .textbox h2 {
    font-size: 22px;
}

.about-page-content .ourdestination .destinationbox .textbox a {
    color: #F6FF02;
    font-size: 18px;
    margin-top: 5px;
    display: block;
}

.about-page-content .ourdestination .destinationbox .textbox a:after {
    content: "\f101";
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 26px;
    margin-left: 6px;
}

.about-page-content .ourdestination .ourdesslider {
    margin-top: 130px;
}

.about-page-content .ourdestination .owl-nav button.owl-prev,
.about-page-content .ourdestination .owl-nav button.owl-next {
    background: #293B85;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -85px;
    left: 45%;
}

.about-page-content .ourdestination .owl-nav button.owl-prev span,
.about-page-content .ourdestination .owl-nav button.owl-next span {
    color: #fff;
    font-size: 37px;
    line-height: 18px;
    left: 0;
}

.about-page-content .ourdestination .owl-nav button.owl-next {
    right: 45%;
    position: absolute;
    left: unset;
}


/*================================ advance search =============================*/


/* search form styles */

.advance-search-form {
    position: absolute;
    right: 20px;
    top: 23px;
    font-size: 20px;
    z-index: 2;
    -webkit-transition: top .2s linear;
    transition: top .2s linear;
    line-height: 0;
    z-index: 999;
}

.advance-search-form .search-opener {
    color: #5c5e62;
    padding: 10px;
}

.advance-search-form.activeform .search-wrap {
    visibility: visible;
    opacity: 1;
}

.advance-search-form .search-wrap {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .87);
    position: fixed;
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    text-align: center;
    overflow-y: auto;
    padding: 60px 0;
    line-height: 1.2;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.advance-search-form .search-wrap:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 10%;
    margin-right: -.25em;
}

.advance-search-form .search-wrap .close {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 20px;
    line-height: 40px;
    border: 1px solid #fff;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    opacity: 1;
    text-shadow: none;
    color: #fff;
    padding: 0;
}

.advance-search-form.search-opener {
    color: #5c5e62;
    padding: 10px;
}

.advance-search-form .search-wrap .form-control {
    height: 40px;
    font-size: 14px;
    border: 5px solid #71BDE1;
    display: block;
    margin-top: 18px;
    color: #000;
}

.advance-search-form .nav-tabs .nav-link.active,
.advance-search-form .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #336699;
    border-color: #336699;
}

.advance-search-form .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    font-size: 15px;
    color: #fff;
}

.advance-search-form .advancesearch {
    color: #fff;
    margin-bottom: 50px;
}

.advance-search-form .tab-content {
    background: #336699;
    padding: 15px;
}

.advance-search-form .nav-tabs {
    border-bottom: unset;
}

.advance-search-form button.btn.btn-primary {
    background: #71BDE1;
    border: 0px solid #71BDE1;
    width: 95%;
    display: block;
    margin-left: auto;
    margin-top: 19px;
}

.advance-search-form button.btn.btn-primary {
    background: #71BDE1;
    border: 0px solid #71BDE1;
    width: 95%;
    display: block;
    margin-left: auto;
    margin-top: 19px;
}

.searchinput.page-search {
    margin-top: 50px;
}
label.error {
	color: red;
}

/* room image slider */

#allrooms .room-box .room-thumbnail{
    margin-top: 25px;
}
#allrooms .room-type .room-thumbnail .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
}

#allrooms .room-type .room-thumbnail .owl-carousel .owl-nav button i {
    width: 30px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    font-size: 30px;
    font-weight: 600;
    display: block;
    color: #fff;
}

#allrooms .room-type.room-box{
    width: 100% !important;
}

#allrooms .room-type .room-thumbnail .owl-carousel .owl-stage-outer{
    height: 180px;
}

#allrooms .room-type .room-thumbnail .owl-carousel .owl-stage-outer .item{
    height: 180px;
}
#allrooms .room-type .room-thumbnail .owl-carousel .owl-nav .owl-next{
    position: absolute;
    right: 0;
}