@import url(./startravel-login.css);
/*_________________________ SEARCHBOX STYLE_________________________ */
.searchbox-container{background-size: cover;width: 100%;height:600px;background-size: cover;}
.hotel-bg{    background-image: url(../images/moscow-russia-bg.jpg);}
.tour-bg{    background-image: url(../images/st-basils-cathedral-bg.jpg);}
.title-search-box{color: white;text-shadow: 1px 1px 3px #626769;margin: 0 auto;margin-top: 120px;margin-bottom: 70px;text-align: center;font-size: 3rem;}
.inputs-module{max-width:1000px;width: 100%;margin: 0 auto;background-color: white; border-radius: 8px;padding: 10px;}
.tabs-module{max-width: 1000px;width: 100%;margin: 0 auto;}
.tabs-module>ul>li{width: 90px;text-align: center; background-color: rgba(255, 255, 255, 0.7);border-radius: 4px;cursor: pointer;padding: 16px 20px;display: inline-block;}
.tabs-module>ul>li.active-module{background-color: white ;border-radius: 4px 4px 0 0;cursor: pointer;margin-bottom: 6px;padding: 20px 20px;margin-bottom: -8px;padding-bottom: 30px;}
.search-box-header ul {display: inline-block;border-radius: 2em;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);padding: 0.3em 0.5em;}
.search-box-header ul li {width: 135px;display: inline-block;border-radius: 2em;padding: 0.3em;}
.search-box-header ul li p {display: inline-block;}
.search-box-header ul li svg {vertical-align: middle;margin-right: 0.5em;}
.search-box-header ul li:not(.active-module):hover {background-color: white ;border-radius: 4px 4px 0 0;cursor: pointer;margin-bottom: 6px;padding: 20px 20px;margin-bottom: -8px;padding-bottom: 30px;}
.active-module {background-color: white ;border-radius: 4px 4px 0 0;cursor: pointer;margin-bottom: 6px;padding: 20px 20px;margin-bottom: -8px;padding-bottom: 30px;}
.active-module svg {fill: #fff;}
.input-container input {height: 55px;padding: 22px 0.7em 0 0.7em;border: 1px solid #e1e1e1;border-radius: 5px;}
.Noactive-date,.Noactive-date-section .floating-label-special {background: #e3e3e3;}
.passenger_section .inner-container {    margin: 0 auto;    width: 94% !important;    height: 55px;    padding: 0 0.5em;    border: 1px solid #e1e1e1;    border-radius: 5px;}
.floating-label-special {padding: 0.5em;pointer-events: none;left: 0.2em;transition: 0.2s;transition-timing-function: ease;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);opacity: 0.7;}
.country:focus ,.start_date:focus,.end_date:focus,.clicked-input {border-color: var(--second-color) !important ;box-shadow: 0 0 0 2px var(--second-color-light);}
/* .country:valid{} */
/* .mini-loading {right: 1em;top: 0.9em;} */
.searchList {box-shadow: 0 4px 8px rgba(144,149,167,.2);z-index: 9;background-color: #fdfeff;}
.ul-list {z-index: 100;background: #fdfeff;max-height: 250px;overflow: auto;}
.ul-list li {padding: 1em;position: relative;cursor: pointer;}
.ul-list li:not(:first-child)::before {content: "\f041";position: absolute;font-family: "fontawesome";right: 0.2em;top: 1.2em;color: #2d348e;}
.ul-list li:not(:first-child) {border-bottom: 1px solid #c8cfd7;}
.searchList::before {content: '';background: #fdfeff;box-shadow: 0 0 10px rgb(0 0 0/17%);width: 16.2px;height: 16.2px;position: absolute;top: -8px;left: 16px;transform: rotate(45deg);z-index: 1;}
.ul-list li:not(:first-child):hover{background-color: #f6f6f6}
.inner-container {width: 97%;}
.start_date {border-right: none !important;border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.end_date {border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
.form_search-btn {border-radius: 5px;height: 55px;min-width: 100%;background-color: var(--second-color);color: white;font-weight: 700;}
.form_search-btn:hover {cursor: pointer; background-color: var(--selected);}
.passenger_section .inner-container label {padding: 0.5em;left: 2em;top: -1em;}
.passenger_section .inner-container::after {content: "\f107";font-family: 'fontawesome';position: absolute;right: 1em;top: 0.7em;font-weight: 900;color: #7e8186;font-size: 24px;}
.room-space{padding-top: 25px;padding-left: 1px; font-weight: 900;color: var(--title-text-color);}
.count-passengers >span.font_14.floating-label-special.background-color_white.p-absolute.no-line-height{padding-left: 14px;}
.count-passengers .count,.count-passengers .count-room {padding-right: 0.5em;}
.CountPassenger::before {content: '';background: #fdfeff;box-shadow: 0 0 10px rgb(0 0 0/17%);width: 16.2px;height: 16.2px;position: absolute;top: -8px;left: 16px;transform: rotate(45deg);z-index: 1;}
.CountPassenger {box-shadow: 0 4px 8px rgba(144,149,167,.2);z-index: 9;background-color: #fdfeff;}
.CountPassenger .count {font-size: 13px;color: #444;}
.section-result-search {width: 100%;top: 0;}
.first-part-CountPassenger {width: 50%;float: left;line-height: 30px;padding-left: 5px;}
.second-part-CountPassenger {width: 50%;float: right;padding: 3px;border: 1px solid var(--disabled);border-radius: 5px;}
.passenger-button {width: 33.3%;float: right;text-align: center;}
.plus-minus span, .plus-minus-ch span, .plus-minus-ins span , .plus-minus-room span {border-radius: 5px;font-size: 25px;width: 25px;height: 25px;line-height: 25px;text-align: center;color: #fff;display: inline-block;}
.item-CountPassenger-content {background: #fdfeff;z-index: 100;max-height: 250px;overflow: auto;}
.item-CountPassenger {padding: 1em 0.5em 0 0.5em;}
.item-CountPassenger input {text-align: center;height: 25px;}
.section-select-age{width: 90%;margin: 5px auto;}
.createChildDropdown {width: 49%;float: left;margin: 0.5em 0.1em;}
.createChildDropdown select ,.datepicker.BithdatePassenger,.FlightClass {background-color: var(--gray-disabled);border-radius: 3px;width: 100%;padding: 10px 5px;font-size: 11px;}
.createChildDropdown label,.BirthdatePassenger label {font-size: 10px;display: block;margin-bottom: 0.5em;}
.section-select-age .select-arrow::before {right: 0.8em;top: 2.5em;}
.select-arrow::before {content: "\f107";font-family: 'FontAwesome';position: absolute;font-size: 10px;right: 1.5em;top: 1em;z-index: 9;font-weight: 700;color: var(--primary);}
.confirm {padding: 1em 0.8em;text-align: center;color: #fff;margin: 1em auto;width: 90%;font-size: 13px;background-color: var(--second-color);font-weight: 700;}
.confirm:hover {background-color: var(--selected); cursor: pointer;}
.plus-btn,.minus-btn {color: var(--primary) !important;cursor: pointer;}
.RoomRow {font-size: 20px;font-weight: 700;line-height: 24px;padding: 0 0.5em;border-bottom: 1px solid #c8cfd7;}
.contentRoom {margin-bottom: 0.5em;}
.section-input_list input[type="checkbox"],.section-input_list input[type="radio"] {width: 17px;height: 17px;cursor: pointer;top: 0;z-index: 9;opacity: 0;left: 0.5em;}
.section-input_list label {font-size: 12px;color: #5c5d5f;}
.section-input_list .checkbox {width: 100%;text-align: left;}
.section-input_list span::before, .section-input_list span::after {content: '';position: absolute;top: 0;width: 14px;height: 14px;border-radius: 5px;}
.section-input_list span.checkbox::before {border: 2px solid #505050;left: 0.5em;top: 0;transition: border-color .2s;}
.section-input_list input[type="checkbox"]:checked + label span.checkbox::after,.section-input_list input[type="radio"]:checked + label span.checkbox::after {color: #2e2726;}
.section-input_list span::before, .section-input_list span::after {content: '';position: absolute;width: 12px;height: 12px;border-radius: 3px;}
.section-input_list span.checkbox::after {font-weight: 600;content: '\f00c';font-family: "fontawesome";top: 0;left: 0.7em;color: transparent;transition: color .2s;width: 15px;height: 15px;line-height: 16px;text-align: center;font-size: 10px;}
.section-input_list input[type="checkbox"]:checked + label span.checkbox::before,.section-input_list input[type="radio"]:checked + label span.checkbox::before {border-color: #2e2726 ;}
.check-hotel-date {margin-top: 1em;}
.text-checkbox {margin-left: 2.2em;}
.child-item {width: 100%;padding-left: 10px;}
.check-hotel-date-container {margin-top: 1em;}
.warning {color: #f42e36;margin-top: 1em;}
/* dropdownlist country */
.countryFlight {box-shadow: 3px 4px 8px rgba(144,149,167,.2);z-index: 99;background-color: #FFFFFF;color: #424242;line-height: 25px;border-radius: 5px;font-size: 12px;width: 100%;}
.countryFlight .selectCountry {width: 100%;padding: 5px;border-radius: 5px;box-sizing: border-box;background-color: white;}
.countryFlight .selectCountry:first-child::before {content: '';background: #fdfeff;box-shadow: 0 0 10px rgb(0 0 0/17%);width: 16.2px;height: 16.2px;position: absolute;top: -8px;left: 16px;transform: rotate(45deg);z-index: 1;}
.countryFlight .selectCountry:hover {background-color: #f6f6f6;}
.parent-item {width: 100%;}
.child-item {width: 100%;padding-left: 10px;}
.selectCountry {border-bottom: 1px solid #f1f1f1;cursor: pointer;text-align: left;}
.selectCountry i {font-size: 11px;float: left ;line-height: 25px;width: 10%;margin: 0 !important;}
.selectCountry .txtcountry {float: right;width: 90%;}
/* dropdownlist country */
.search-box-hidden {
    display: none;
}
/*_________________________ SEARCHBOX STYLE_________________________ */
/*_________________________ BODY STYLE_________________________ */
.title-section{font-size: 1.5rem ;font-weight: bold;}
.outer { margin:0 auto;}
.tabs-title{width: 100%;}
#tabs-content .item { height: 500px; padding: 54px 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; }
#thumbs .item {  height:70px; line-height:70px; padding: 0px;  color: var(--disabled);  text-align: center; cursor: pointer;}
#thumbs  .item>h2 { font-size: 1rem;}
#thumbs .item p { font-size: 18px; }
#thumbs .current .item::after {content: "";display: block;width: 9px;height: 9px;border-radius: 100%;background-color: var(--selected);margin: -14px auto 1px;position: relative; z-index: 100; }
#thumbs .current .item>h2 {color: var(--selected);}
.tabs-title::after {content: "";border-bottom: 1px solid var(--selected);display: block;width: 100%;position: relative;bottom: 10px;}
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled2:hover { background-color: #D6D6D6; }
#tabs-content.owl-theme { position: relative; }
#tabs-content.owl-theme .owl-next, #tabs-content.owl-theme .owl-prev {   margin-top: -68px; position: absolute; top: 95%; background:var(--selected); border-radius: 100px;-webkit-box-shadow: 0px 6px 10px rgba(92, 96, 141, 0.16);box-shadow: 0px 6px 10px rgba(92, 96, 141, 0.16);padding: 12px 20px;display: inline-block;color: #FFFFFF;}
#tabs-content.owl-theme .owl-next:hover, #tabs-content.owl-theme .owl-prev:hover { background-color: red;}
#tabs-content.owl-theme .owl-prev { right: 90px; }
#tabs-content.owl-theme .owl-next { right: 20px; }
#tabs-content.owl-theme .owl-prev2 { right: 90px !important; }
#tabs-content.owl-theme .owl-next2 { right: 20px !important; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { display: none;}
.owl-prev2.disabled2,.owl-next2.disabled2{ margin-top: -68px; position: absolute; top: 95%; background:var(--disabled); border-radius: 100px;-webkit-box-shadow: 0px 6px 10px rgba(92, 96, 141, 0.16);box-shadow: 0px 6px 10px rgba(92, 96, 141, 0.16);padding: 12px 20px;display: inline-block;color: #FFFFFF;}
.owl-prev2.disabled2::before{content: "\f177";font-family: 'fontawesome'; }
.owl-next2.disabled2::before{content:"\f178";font-family: 'fontawesome'; }
.description-content-owl {max-width: 548px;overflow: hidden;width:100%;display: -webkit-box;-webkit-line-clamp: 12;-webkit-box-orient: vertical;background:#fff;}
.icon-arrow-link-left:before {content: "\f177";font-family: 'fontawesome';}
.icon-arrow-link-right:before {content:"\f178";font-family: 'fontawesome';}
.img-owl-city{border-radius: 10px;width: 540px;height: 428px;}
.title-in-content-owl{font-family: "Jost", sans-serif;font-style: normal;font-weight: normal;font-size: 34px;line-height: 40px;color: var(--title-text-color);margin-bottom: 30px;text-align: left;}
.description-content-owl{padding: 0 50px 0 0;font-family: "Jost", sans-serif;font-style: normal;font-weight: normal;font-size: 20px;line-height: 29px;color: var(--text-gray);margin-bottom: 30px;text-align: justify;}
.view-more{color: white;background-color: red;border-radius: 50px;padding: 20px 30px;}
.view-more:hover{background-color: var(--selected);cursor: pointer;}
.welcome-block {padding: 0;overflow: hidden;}
.welcome-title {font-family: "Jost", sans-serif;font-style: normal;font-weight: 600;font-size: 50px;line-height: 54px;color: #FFFFFF;}
.welcome-title::before{content: "";content: "";background-color: var(--selected);width: 43%;height: 428px;display: block;position: absolute;left: 0;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.welcome-title>div{position: relative; z-index: 999;text-align: left;margin: auto;padding-top: 160px ;padding-left: 20px;}
.column-flex{    -webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.row {max-width: 1200px;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto;}
.description-welcome{margin: 12px 10px;width: 54%;}
.description-welcome>p{font-family: "Jost", sans-serif;font-style: normal;font-weight: normal;font-size: 20px;line-height: 29px;color: var(--text-gray);margin-bottom: 30px;text-align: justify;}
.icon-holder{min-width: 60px;width: 60px;height: 60px;background-color: var(--gray-disabled);color: var(--primary);border-radius: 100px;margin-right: 40px;display: flex;justify-content: center;}
.icon-icon-1-concierge-about:before {content: url(../images/support.svg);font-size: 32px;line-height: 60px;}
.icon-icon-2-license-about {margin-top: 8px;}
.icon-icon-2-license-about:before {content: url(../images/certificate.svg);font-size: 32px;line-height: 60px;}
.icon-icon-3-customer-tour-about:before { content: url(../images/man.svg);font-size: 32px;line-height: 60px;}.owl-dots{display: none;}
.certificate-justify>svg{padding: 5px;}

.fa-long-arrow-down:before{content:"\f175"}
.fa-long-arrow-up:before{content:"\f176"}
.fa-long-arrow-left:before{content:"\f177"}
.fa-long-arrow-right:before{content:"\f178"}

.d-flex.flex-column.justify-content-center.align-items-center.mt-30>p{font-family: "Jost", sans-serif;font-style: normal;font-weight: normal;font-size: 16px;line-height: 29px;color: var(--text-gray);}
/*_________________________ BODY STYLE_________________________ */
.owl-stage{height: max-content !important;}
/*<!--------------------------------START CSS LOGIN-------------------------------*/
#Login_box .shine-hover{color:#fff;background-color:#002eb0;border:1px solid #002eb0}
#Login_box .shine-hover:hover{background-color:#002eb0}
.login_module_prev:hover{color:#000;border-color:#000}
.login_info i{color:#002eb0!important}
.login-link{border:1px solid #002eb0;}
.login-link:hover {background-color: #002eb0;color: #fff !important}
.login-btn {background-color: #002eb0;font-family: 'Lato', sans-serif;}
.login-title i {color: #002eb0}
.login-btn:hover {background-color: #03133d;}
.bottom-content .action-loading {background-color: #002eb0;}
/*<!--------------------------------END CSS LOGIN-------------------------------*/
/* ________________________ Responsive  _________________________ */
@media only screen and (max-width:1200px){
    /* owl */
    .popular.item-container{width: 90%; margin: 3em auto;}
    #thumbs .item>h2 {font-size: 0.75rem;}
    /* owl */
}
@media only screen and (max-width:1150px){
    /* welcome box */
    .item-container.welcome-block>.row.d-flex-sb{display: block;}
    .welcome-title::before {
        content: "";
        background-color: var(--selected);
        width: 100%;
        height: 400px;
        display: block;
        position: absolute;
        left: 0;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .description-welcome {
        margin: 12px auto;
        width: 95%;
        margin-top: 200px;
    }
    .description-welcome>p {
        font-size: 16px;
        line-height: 29px;
        color: var(--text-gray);
        margin-bottom: 15px;
        text-align: justify;
    }
    .description-welcome>ul>li{width: 90%;justify-content: start;text-align: left;}
    /* welcome box */
}
@media only screen and (max-width:1000px){
    /* searchbox */
    #search-box{width: 97%; margin: 0 auto;}
    /* searchbox */
}
@media only screen and (max-width: 940px){
    /* owl */
    .title-in-content-owl{text-align: center;}
    .description-content-owl{text-align: center;
        padding: 0;
        font-size: 20px;
        line-height: 29px;
        color: var(--text-gray);
        margin-bottom: 30px;
        max-width: 100%;
        width: 100%;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 50% !important;
        height: auto !important;
        margin: 0 auto;
        -webkit-transform-style: preserve-3d;
    }
    .item .text-left{text-align: center;}
    .owl-item>.item>div{width: 100%;}
    .owl-item>.item{display: block;width: 100%;}
    #tabs-content.owl-theme .owl-prev,#tabs-content.owl-theme .owl-next,#tabs-content.owl-theme .owl-next2,#tabs-content.owl-theme .owl-prev2,.owl-nav{top:50px;}
    #thumbs .owl-item{width: 100% !important;}
    .tabs-title::after {
        display: none;
    }

    #thumbs .owl-item.active>.item{display: none !important;}
    #thumbs .owl-item.active.current>.item{display: block !important;}
    .owl-item.active.current{background-color: var(--gray-disabled);border-radius: 40px;}
    #thumbs .current .item::after{display: none;}
    #thumbs.owl-item.active.current.item>h2{color: #FFF !important;}
    #thumbs .current .item>h2 {
        color: var(--selected);
        font-size: 1.5em;
    }
    #thumbs .item {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        height: 70px;
        line-height: 70px;
        padding: 0px;
        text-align: center;
        cursor: pointer;
    }
    .tabs-title{margin-top: 20px;}
    /* owl */
}
@media only screen and (max-width: 689px){
    /* searchbox */
    #search-box{width: 96%; margin: 0 auto;}
    .form-search{display: flex;flex-direction: column;flex-wrap: wrap;}
    .form-search>div{width: 100%;margin: 10px auto;}
    .CountPassenger,.inner-container{width: 100%;}
    .passenger_section .inner-container {margin: 0 auto;width: 100% !important;height: 55px;padding: 0 0.5em;border: 1px solid #e1e1e1;border-radius: 5px;}
    .title-search-box {
        color: white;
        text-shadow: 1px 1px 3px #626769;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 10px;
        text-align: center;
        font-size: 1.5rem;
    }
    /* searchbox */
}
@media only screen and (max-width: 500px){
    /* owl */
    .owl-carousel .owl-item img {
        display: block;
        width: 95% !important;
        height: auto !important;
        margin: 0 auto;
        -webkit-transform-style: preserve-3d;
    }
    /* owl */
    /* start-end-date searchbox */
    .width_50.float-left.result-for.p-relative {
        width: 100%;
        /* margin: 0 0 10px 0 */
        }
    .start_date {
        border-right: 1px solid #e1e1e1 !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }
    .end_date {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }
    .form-search>div {
        width: 100%;
        margin: 0 auto;
    }
    #hotel-form .input-container.p-relative{
        margin: 0 0 10px 0;

    }
    .form_search-btn {
        margin-top: 10px;
    }
    /* start-end-date searchbox */
}

@media only screen and (max-width:250px) {
    /* welcome box */
    .welcome-title {
        font-size: 32px;
    }    
    .welcome-title>div {
        padding-top: 76px;
    }
    .welcome-title::before {
        height: 265px;
    }
    .description-welcome {
        width: 90%;
        margin: 0 auto;
        margin-top: 120px;
    }
    .icon-holder {
        margin-right: 0;
    }

    .description-welcome>ul {
        margin: 0 auto;
    }
    .description-welcome>ul>li {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        margin: unset;
        margin-top: 10px;
        padding: 10px 0;
        text-align: center;
    }
    .description-welcome>ul>li>p {
        width: 100%;
        text-align: justify;
    }
        /* welcome box */
}
/* ________________________ Responsive  _________________________ */
#Tour,#item-Tour{display: none !important;}