@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
body{font-family: "Cairo", sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 700}
.page-new h1{margin-bottom: 20px;color: #663300}
.controls{margin-bottom: 20px}
.controls .control{
    background-color: #ffb531;color: #fff;padding:10px 15px;
    border: 0;border-radius: 7px;margin-left: 10px;font-weight: 700
}
.controls .mixitup-control-active{color: #663300}
.mix{float: right}
.the-box img{max-width: 100%}
.the-box-info div{float: right}
.the-box-info h2{font-size: 14px;color: #663300}
.the-box-info{padding: 10px 2px}
.trip-num{
    padding-left: 5px;padding-right: 5px;text-align: center;color: #663300;
    font-size: 10px;border-left: 1px dashed #663300
}
.trip-num span{
    display: block;font-weight: 700;font-size: 25px;color: #ffb531;
    text-shadow: 1px 1px 1px #663300, 1px 1px 1px #663300;
}
.trip-details .row > div{
    padding-left: 5px;padding-right: 5px;font-size: 11px;margin-bottom: 5px;
    margin-top: 7px;font-weight: 700
}
.trip-details img{height: 15px}
.trip-details{padding-left: 1px;padding-right: 1px}
.mix{margin-bottom: 15px}
.the-container{padding-bottom: 180px}
.more-details span{color: #663300;font-weight: 700;margin-top: 10px;display: block}
.more-details p{font-size: 11px;line-height: 21px}
.row.trip-details > div{
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    margin-bottom: 5px;
    /*margin-top: 7px;*/
    font-weight: 700;
}
.row.trip-details{width: 100%}
.the-form label{min-height: 38px;font-size: 13px;display: block;margin-top: 10px}
.contact-form.the-form .form-control{padding: 3px 12px}
.product-slider img{max-width: 100%}
.product-slider .carousel-indicators li{text-indent: initial}
.product-slider .carousel-indicators{position: initial;width: 100%}
.product-slider .carousel-indicators li {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    border: 1px solid rgb(255 255 255 / 43%);
    overflow: hidden;
    border-radius: 3px;opacity: .58
}
.product-slider .carousel-indicators li.active{opacity: 1}
.the-indicators{padding: 0 8px}
.product-details h2{text-align: initial;max-width: 450px;line-height: 30px}
.product-details .breadcrumb{padding-left: 0;padding-right: 0;background: rgb(245 245 245 / 0%);color: #434343}
.product-details a{color: #434343}
.product-details .breadcrumb>li+li:before{color: #434343}
.breadcrumb2{margin-bottom: 0}
.breadcrumb2 a{text-decoration: underline}
.product-details .breadcrumb img{height: 18px;margin-left: 3px}
.breadcrumb3 span{font-weight: 700;font-size: 15px}
.price-1{float: right}
.price-2{float: left;font-weight: 700;font-size: 18px}
.product-price{overflow: hidden;margin-bottom: 15px}
.product-btn img{height: 16px;margin-left: 5px}
.product-btn,a.product-btn{
    color: #fff;background-color: #ffb531;border-radius: 5px;padding: 10px;
    width: 100%;display: block;text-align: center;margin-bottom: 5px
}
.product-btns > div{padding-left: 4px;padding-right: 4px}
.product-btn:hover,a.product-btn:hover{text-decoration: none;opacity: .9}
.product-btn-2,a.product-btn-2{background-color: #bd3e1e}
.the-note{color: #663300;margin-top: 8px;font-weight: 700;text-align: center;margin-bottom: 8px}
.product-title span{
    background-color: #ffb531;color: #fff;display: inline-block;
    border-radius: 5px 5px 0 0;padding: 10px 15px;font-size: 16px
}
.product-title{border-bottom: 2px solid #ffb531}
.product-bg{background-color: rgba(255, 255, 255, 0.5);padding: 15px}
.product-bg img{max-width: 100%}
.product-bg p{margin: 10px 0}
.activity-details > div{float: right;padding-left: 3px;padding-right: 3px;margin-bottom: 5px;margin-top: 10px; font-weight: 700}
.activity-details > div span{color: #663300}
.activity-details p{font-size: 14px}
.ms-choice{border: 0;text-align: right}
.ms-choice>div.icon-caret{left: 8px;right: auto}
.ms-drop ul>li label{padding-left: initial;padding-right: 1.55rem}
.ms-drop input[type="radio"], .ms-drop input[type="checkbox"]{margin-left: auto;margin-right: -1.55rem}
.ms-drop{right: 0}
.navbar-default .navbar-nav>li>a{font-weight: 700}
.Contact-us h1{font-weight: 700}
.footer .footer_nav li a{font-weight: 700}
.lang{padding: 5px 7px}
.navbar-default .navbar-nav>li>a.nav-btn{background: #bd3e1e;padding: 5px 20px;border-radius: 5px;color: #fff}
.navbar-default .navbar-nav>li>a.nav-btn:hover{opacity: .92}
.mobile-menu a.nav-btn{background: #bd3e1e;padding: 7px 40px;border-radius: 5px;color: #fff;margin-top: 5px;display: inline-block}
.footer .footer_nav li a.nav-btn{background: #bd3e1e;padding: 7px 20px;border-radius: 5px;color: #fff}
.footer .footer_nav li a.nav-btn:hover{opacity: .92;color: #fff !important}
.footer .footer_nav li a{font-size: 11px}
.footer .copyright{font-size: 11px}
.back-icon{position: absolute;left: 20px;top: 20px;display: none}
.back-icon img{height: 18px}
.category-box{position: relative}
.the-category{
    position: absolute;top: 15px;left: 15px;background-color: #ffb531;font-size: 11px;
    color: #fff;min-width: 53px;min-height: 53px;border-radius: 50%;text-align: center;padding-top: 8px
}
.the-category img{height: 18px;display: block;margin: auto}
.category1{color: #bd3e1e}
.lg-outer .lg-inner{direction: ltr}
.carousel-inner>.item img:hover{cursor: zoom-in;opacity: .9}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #ffb531;
}
#lg-download-1{display: none}
.trip-img img{width: 100%}
.trip-data{padding-bottom: 100px;margin-top: 15px}
.trip-img{position: relative}
.trip-number{
    position: absolute;top: 20px;left: 35px;background-color: #ffb531;
    border-radius: 5px;padding: 10px;color: #fff;text-align: center
}
.trip-number span{display: block;font-weight: 700;font-size: 33px;line-height: 33px}
.nav-tabs>li{float: right;font-size: 17px}
.trip-title{margin: 10px 0;line-height: 35px;color: #000;font-size: 19px}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: #ffb531;border-color: #ffb531;color: #fff;margin: 0;
}
.nav-tabs>li>a{color: #000;font-weight: 700}
.nav-tabs{border-bottom: 2px solid #ffb531}
.nav>li>a:focus, .nav>li>a:hover{background: rgb(238 238 238 / 0%);border: 1px solid rgb(238 238 238 / 0%);color: #fff}
.trip-list{list-style: disc;margin-right: 15px;margin-top: 15px}
.trip-list li {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 700;
}
.trip-feature > div{
    background: rgba(255, 255, 255, 0.5);border-radius: 7px;padding:20px 10px 0;margin-top: 10px;min-height: 72px}
.trip-feature img{height: 22px;margin: 0 5px}
.trip-feature span{font-weight: 700}
.trip-feature{float: right;}
.trips-btn{max-width: 800px;margin:20px auto 0}
.ms-drop ul>li label{min-height: 15px;margin-top: 5px}
.form-request{padding-bottom: 150px}
.form-request .row > div{float: right;min-height: 90px}
.form-request.the-form label{min-height: 36px;margin-top: 0}
.form-request.the-form .form-group{margin-bottom: 0}
.form-group label{display: inline-block}
.order-num{text-align: end}
.the-products{margin-top: 15px;border-bottom: 0;margin-bottom: 20px}
.the-products.nav-tabs>li>a{font-size: 14px;border-radius: 4px;background: #fff}
.the-products.nav-tabs>li.active>a{background: #ffb531}
.the-products.nav-tabs>li>a:hover{color: #000;opacity: .9}
.dropzone {
    background: white;
    border-radius: 5px;
    border: 2px dashed #ced4da;
    border-image: none;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #a2a5a9;
    min-height: 134px;
    margin-bottom: 10px
}
.contact-form.the-form textarea.form-control{min-height: 134px}
.dropzone .dz-preview .dz-image{z-index: 0}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark{z-index: 0}
.products-container2{padding-bottom: 150px}
.products-container2 .the-form .row > div{float: right}
.store-btn img{height: 20px}
.store-btn{
    float: right;width: 49%;text-align: right;font-size: 10px;border: 1px solid #404040;
    border-radius: 35px;padding: 3px 10px 3px 0;margin-top: 5px;line-height: 14px;position: relative
}
.store-btn:first-of-type{margin-left: 2%}
.store-btns{width: 100%;overflow: hidden;margin: 2px 0 5px}
.store-btn img{float: right;max-width: 20px;margin-top: 5px}
.store-btn > div{float: right;width: calc(100% - 20px);padding-right: 3px}
.store-btn span{font-weight: 700;display: block}
.footer .store-btns + .copyright {
    margin-top: 0;
    float: none;
    text-align: center;
}
.store-btn > a{position: absolute;top: 0;right: 0;width: 100%;height: 100%;display: block}
.footer .row > div.col-lg-3{float: left}
body{overflow: initial;height: initial;position: relative}
.full-page{padding-bottom: 80px}
body > img.bg{height: 100%}
.search-body{height: 100%;padding-bottom: 60px}
.keyboard{bottom: 0}
.products-container{
    padding-bottom: 0;overflow-y: initial;height: auto;/*display: initial*/
}
.form-request{padding-bottom: 0}
.search-bar{padding-bottom: 30px}
::-webkit-scrollbar {
    width: 10px;
    height: 1em
}
/*::-webkit-scrollbar-button {
    background: #ccc
}*/
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}
@media (max-width: 1200px) {
    .the-container > .col-sm-6{width: 50%}
    .trip-details .col-sm-6{width: 50%}
    .trip-details .row > div.col-sm-4{width: 33.33333333%;}
    .controls .control{margin-bottom: 5px}
    .the-container{padding-bottom: 0}
}
@media (max-width: 768px) {
    .trip-num{width: 100%;border-left: 0}
    .the-box-info{gap:10px}
    .trip-details .row > div.col-sm-4{width: 50%}
    .the-box-info h2{font-size: 12px}
    .trip-num{font-size: 12px}
    .controls .control{font-size: 12px;margin-left: 5px}
    .trip-details.row > div.col-sm-4 {width: 50%;}
    .the-form label{min-height: auto}
    .mobile-menu{gap:16px;font-size: 26px;font-family: "Cairo", sans-serif}
    .back-icon{display: inline-block}
    nav.navbar.navbar-default{margin-top: 30px}
    .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{width: 50px !important;height: 50px !important}
    .lg-outer .lg-thumb-item{float: right}
    .lg-outer.lg-animate-thumb .lg-thumb{transform: translate3d(0, 0px, 0px) !important}
    .trip-number{font-size: 12px;padding: 6px;top: 10px;left: 25px}
    .trip-number span{font-size: 22px;line-height: 15px}
    .nav-tabs>li{font-size: 13px}
    .trip-title{font-size: 17px;line-height: 25px}
    .form-request .row > div{width: 100%}
    .form-request .row > div{min-height: initial;margin-bottom: 10px}
    .form-request.the-form label{min-height: initial;margin-bottom: 5px}
    .dropzone{padding: 10px}
    .dropzone .dz-preview{margin: 16px 5px}
    .dropzone .dz-preview .dz-image{width: 90px;height: 90px}
    .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
        width: 44px;
        height: 44px;
    }
    .order-num{text-align: center;margin-bottom: 15px}
    .products-container2 .the-form .row > div{width: 100%}
    .footer .row > div.col-lg-3{width: 60%}
}
@media (max-width: 480px) {
    .the-box-info h2{font-size: 14px}
    .the-container > .col-sm-6{width: 100%}
    .trip-details .row > div{font-size: 13px}
    .mobile-menu{font-size: 23px;gap:13px}
    .trip-number{top: 5px;left: 20px;font-size: 10px}
    .nav-tabs>li{font-size: 11px}
    .nav-tabs>li>a{padding: 10px 6px}
    .trip-feature > div{min-height: 60px}
    .trip-feature{width: 100%}
    .trip-title{font-size: 15px}
    .trip-list li{font-size: 13px}
    .activity-btn{display: block;width: 100%;float: none}
    .footer .row > div.col-lg-3{width: 80%}
}