*{text-decoration:none;list-style-type:none;margin:0px;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, body{font-family:'IRANSansWeb';height:100%;}
body {background: #f7f7f7;}
input:focus, textarea:focus, select:focus{outline:none !important;}
input, button, select, textarea, option{border: none;background: none;font-family:'IRANSansWeb';	appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;-s-appearance: none;}
main {width: 100%;height: auto;}
a, i, span{display:inline-block;font-style:normal;vertical-align:middle;}
a, i, span, p, h1, h2, h3, h4, input, button{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.transition{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.clr{clear:both;} 
.font_9{font-size: 9px;}
.font_10{font-size: 10px;}
.font_11{font-size: 11px;}
.font_12{font-size: 12px;}
.font_13{font-size: 13px;}
.font_14{font-size: 14px;}
.font_15{font-size: 15px;}
.font_16{font-size: 16px;}
.font_17{font-size: 17px;}
.font_18{font-size: 18px;}
.font_19{font-size: 29px;}
.font_20{font-size: 20px;}
.width_10{width: 10%;}
.width_15{width: 15%;}
.width_20{width: 20%;}
.width_25{width: 25%;}
.width_30{width: 30%;}
.width_39{width: 39%;}
.width_40{width: 40%;}
.width_50{width: 50%;}
.width_49{width: 49%;}
.width_59{width: 59%;}
.width_60{width: 60%;}
.width_70{width: 70%;}
.width_80{width: 80%;}
.width_90{width: 90%;}
.width_96{width: 96%;}
.width_98{width: 98%;}
.width_100{width: 100%;}
.dir-rtl {direction: rtl;}
.dir-ltr {direction: ltr;}
.p-relative {position: relative;}
.p-absolute {position: absolute;}
.d-flex {display: flex;}
.text-justify{text-align: justify;}
.text-left{text-align: left;}
.float_right,.float-right {float: right;}
.float_left,.float-left{float: left;}
.EnNum{font-family:'IRANSansWebEnNum';}
.bc-main{width: 1200px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap;}
.visible{display: block;}
.unvisible{display: none;}
.font-weight{font-weight: bold;}
.cursor{cursor: pointer;}
#content {height: auto; margin: 20px auto;clear: both;display: block;float: right;width: 100%;}
#tem1-hotel-main #header-resize {position: absolute;top: 0;}
/*-------------------------------START CSS DEFAULT-------------------------------*/
#content .text-wrapper{max-height:180px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.call-mobile {position: fixed;bottom: 0; width: 100%;text-align: center;background: #36ae03;padding: 4px;z-index: 9999;color: #fff;font-size: 18px;line-height: 39px;display: none;}
.call-mobile a {color: #fff; }
.main-one{width: 100%;margin: 0 0 30px 0;}
.col-srv{width: 33.3333%;padding: 0px 15px;margin-bottom: 15px;direction: rtl;}
.inner-srv{ width: 300px; margin: 0 auto;background-size: cover;background-repeat: no-repeat;background-position: center top;height: 395px;background-image: url(https://www.basisfly.com/images/reservation-bg-item.png);}
.img-srv{width: 265px;text-align: center;height: 250px;padding-top: 23px;}
.img-srv img{width: 260px;height: auto;}
.desc-srv{padding: 2px 30px; border-radius: 0 0 20px 20px;box-sizing: border-box;direction: rtl;color: #fff;margin-right: 9px;width: 85%;min-height: 138px;}
.desc-srv h2{font-size: 17px;margin-bottom: 10px;text-align: center}
.desc-srv p{font-size: 14px;text-align: center;}
.main-section{width: 100%;margin-bottom: 50px;float: right;display: block;clear: both;}
.title-site{padding: 20px 0;text-align: center;font-size:20px;color: #313131;clear: both;}
.tlt-main{left: 0;right: 0;width: auto;margin: 0 auto;top: -19px;z-index: 99;}
.title-text::before{content: "";position: absolute;top: 13px;left: 110%; width: 8px; height: 8px;border-radius: 8px;}
.title-text::after {content: ""; position: absolute;top: 13px;right: 110%;width: 8px;height: 8px;border-radius: 8px;}
.tlt-main::before  {content: "";position: absolute;top: 16.5px;left: 110%;height: 1px;text-align: center;	width: 160px;}
.tlt-main::after {content: "";position: absolute;top: 16.5px;right: 110%;height: 1px;text-align: center;width: 160px;}
/*<!--------------------------------START CSS TOUR LIST-------------------------------*/
.col-tour {width: 33.33%;float: right;margin-bottom: 30px;}
.owl-carousel .col-tour{width: 100%!important;float: none;}
.col-tour .item-card {display: block;overflow: hidden;line-height: 29px;margin: 0 auto;width: 360px;height: 560px;border-radius: 10px;background: #FFF;box-shadow: 0px 15px 25px 0px rgba(0,0,0,0.05);position: relative;}
.col-tour figure {overflow: hidden;width: 360px;height: 310px;margin: 0 auto;}
.col-tour figure img {width: 100%;max-width: max-content;height: 100%;}
.col-tour header {direction: rtl;color: #595959;text-align: right;float: right;width: 100%;font-size: 13px;line-height: 28px;padding: 1em;}
.col-tour header .tour-name {font-size: 18px;font-weight: normal;float: right;color: #4d4d4d;text-align: right;clear: both;width: 100%;margin-bottom: 10px;}
.col-tour header .tour-ex-info {background: #f5f7f8;padding:0.2em 0.7em;border-radius: 5px;margin-top: 10px;}
.col-tour header .tour-duration,.col-tour header .tour-date {display: inline-block;}
.col-tour header .tour-duration {margin-left: 10px;border-left: 1px solid #e8e8e8;padding-left: 1em;}
.col-tour header .tour-duration::before {content: "\f017";font-family: 'fontawesome';margin-left: 5px;vertical-align: middle;}
.col-tour header .tour-date::before {content: "\f073";font-family: 'fontawesome';margin-left: 5px;vertical-align: middle;} 
.col-tour header div .cost {font-weight: bold;font-size: 16px;}
.col-tour footer {width: 100%;float: right;position: absolute;bottom: 1em;padding: 0 1em;}
.col-tour footer .airline-logo {width: 50%;text-align: right;float: right;position: relative;line-height: 50px;}
.col-tour footer .airline-logo img {vertical-align: middle;}
.col-tour footer .airline-logo img[src=""][alt=""] {height: 0;}
.col-tour footer .view-tour-detail {border: 1px solid #e4e8e9;height: 50px;line-height: 50px;padding: 0 1em;float: left;font-size: 13px;color: #595959;border-radius: 5px;}
.col-tour footer .view-tour-detail:hover {color: #ffffff;background: #595959;}
/*<!--------------------------------END CSS TOUR LIST-------------------------------*/
/*<!--------------------------------START CSS QUESTION LIST-------------------------------*/
.question-list {clear: both;}
.qu-content-inner {direction: rtl;position: relative;padding: 15px 20px;background: #fff;border-radius: 10px;margin-bottom: 15px;box-shadow: 0 6px 10px 0 rgba(145,171,187,.4);}
.qu-content-inner:last-child {border-bottom: unset;}
.qu-content-inner .question {cursor: pointer;width: 100%;line-height: 38px;}
.qu-content-inner .question .qu-text {width: calc(100% - 50px);float: right;font-size: 16px;font-weight: normal;text-align: right;color: #509ad3; }
.qu-content-inner .question .fas.fa-chevron-down {color: #509ad3;float: left;font-size: 16px;line-height: 40px;}
.fa-chevron-down::before {content: "\f078";font-family: 'FontAwesome';}
.qu-content-inner .answer {display: none;padding: 0 20px;text-align: justify;}
.qu-content-inner.active-question .answer {color: #313131;display: block;font-size: 14px;}
.qu-content-inner.active-question .question .qu-icon i, .qu-content-inner.active-question .question .qu-text {color: #509ad3;}
.qu-content-inner.active-question .question .fas.fa-chevron-down {color: #509ad3;transform: rotate(90deg);}
.qu-content-inner.active-question .question .qu-icon i, .qu-content-inner.active-question .question .qu-text {color: #509ad3;}
/*<!--------------------------------END CSS QUESTION LIST-------------------------------*/
/*<!-------------START CSS TOUR CAT SECTION-------------*/
.col-tour-cat {width: 25%;float: right;margin-bottom: 30px;}
.item-card .color_grey_ {display: block;margin: 0px auto;}
.col-tour-cat .item-card img {transform: scale(1.05);overflow: hidden;height: 260px;width: 100%;display: block;margin: 0px auto;border-radius: 10px 10px 0 0;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.col-tour-cat .item-card {overflow: hidden;width: 270px;height: 370px;border-radius: 10px;display: block;margin: 0 auto;box-shadow: -2px 3px 9px 3px rgb(0 0 0 / 8%);background: #fff;}
.col-tour-cat .item-card a {width: 100%;height: 100%;}
.item-card-icon {top: -2.5em;width: 80px;height: 80px;line-height: 80px;margin: 0 auto;background: #fff;border-radius: 50%;box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.06); left: 0; right: 0; margin: 0 auto; }
.col-tour-cat .item-card .item-card-img::before {position: absolute; top: 50%; left: 50%;  z-index: 1; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255,.2); border-radius: 0%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;}
.col-tour-cat .item-card:hover .item-card-img::before {-webkit-animation: circle .95s; animation: circle .95s;}
@-webkit-keyframes circle { 0% { opacity: 1;} 40% { opacity: 1; } 100% {width: 200%;height: 200%; opacity: 0; }}
@keyframes circle { 0% { opacity: 1;} 40% { opacity: 1; } 100% {width: 200%;height: 200%; opacity: 0; }}
.col-tour-cat .item-card:hover .item-card-img img{transform: scale(1); }
.col-tour-cat .title{padding: 4em 0 1em 0;color: #4d4d4d;}
/*<!-------------END CSS TOUR CAT SECTION-------------*/
/*<!--------------------------------START CSS ARTICLE LIST-------------------------------*/
.main-article-list .col-article {width: 50%;float: right;margin-bottom: 30px;}
.main-article-list .col-article a {width: 350px;height: 300px;position: relative;overflow: hidden;display: block;margin: 0 auto;border-radius: 10px;box-shadow: 0px -2px 15px #98989891;}
.main-article-list .col-article figure {width: 350px;height: 300px;}
.main-article-list .col-article figure img {width: 100%;height: 100%;}
.main-article-list .col-article header {position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(18, 24, 30, 0.44);text-align: center;padding-top: 75px;}
.main-article-list .col-article header h2 {border-radius: 100%;border: 4px solid #fff;height: 140px;width: 140px;display: block;margin: 0 auto;line-height: 130px;color: #fff;font-size: 14px;}
.main-article-list .col-article a:hover header {background: rgba(18, 24, 30, 0.74);}
/*<!--------------------------------END CSS ARTICLE LIST-------------------------------*/
.col-list,.col-cat {  margin-bottom: 20px;}
.section_col-list {display: grid;grid-template-columns: 1fr 1fr 1fr;direction: rtl;clear: both;}
.col-list a,.col-cat a{display: block}
.inner-list {width: 350px;margin: 0 auto;height: 280px;}
.inner-list img{width:100% ;height: 280px;border-radius: 30px;border-bottom-left-radius: 50%;}
.desc-list{ width: 100%;height: 100%;display: block;top: 0px;left: 0px;padding:50px; text-align: right;z-index: 2;border-radius: 30px;border-bottom-left-radius: 50%; }
.inner-desc-list {width: 140px; margin: 0 auto;border-radius: 100%;border: 4px solid #fff;height: 140px; display: block; margin-top: 13px;padding: 30px 10px;text-align: center;}
.inner-desc-list span,.inner-desc-list h3 {display: block;color: #fff;font-size:14px;	}
.inner-desc-list span:first-child,.inner-desc-list h3:first-child{padding-bottom: 5px;margin-bottom: 5px;border-bottom: 2px solid #fff}
.inner-list::after{ display: block;content: '';position: absolute; bottom: 0;left: 0;right: -30px;height: 114px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.text-article{padding: 20px;height: 300px;width: 100%;margin: 0 auto;text-align: justify;direction: rtl;background: rgba(255,255, 255, 0.7);color: #313131;border-radius: 10px;}
.text-article p{line-height: 30px;}
.wrapper-back{background: #fff;border-radius: 10px;box-shadow: 0 6px 10px 0 rgba(145,171,187,.4);padding: 20px;}
.banner-article{background-size: 100%;background-repeat: no-repeat;background-position: center center;padding: 100px 0;background-attachment: fixed;}
.more-info{text-align: left;margin: 20px 0;cursor: pointer;}
.cat a::after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0.0) 0%, rgba(3, 20, 48, 0.9) 100%);border-radius: 10px;}
.cat a {border-radius: 10px;width: 270px;height: 370px; margin: 0 auto;}
.caption-style {width: 25%;float: right;margin-bottom: 30px;}
.caption-style:nth-child(4) a,.caption-style:nth-child(8) a {float: left;}
.caption-style:nth-child(1) a,.caption-style:nth-child(5) a  {float: right;}
.cat img {border-radius: 10px;}
.hover-list{opacity: 0;z-index: 99;color: #fff;top: 40%;left: 0;right: 0;margin: 0 auto;text-align: center;text-shadow: 2px 2px 4px #313131;}
.cat .desc-cat {text-align: center;color: #fff;position: relative;text-shadow: 2px 2px 4px #313131;z-index: 999;position: absolute;left: 0;right: 0;top: 40%;}
.caption-style {overflow: hidden; }
.caption-style:hover .caption{opacity: 1;transform: translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px);}
.caption-style img{margin: 0px;padding: 0px;z-index: 4; }
.caption-style .caption{cursor: pointer;position: absolute;opacity: 0;top:160px;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;border-radius: 10px;z-index: 999;}
.caption-style .blur{background-color: rgba(0,0,0,0.7);height: 50px;width: 280px;z-index: 5;position: absolute;border-radius: 0 0 10px 10px;}
.caption-style .caption-text{z-index: 10;color: #fff;position: absolute;width: 280px;height: 50px;text-align: center;top:10px; direction: rtl;}
.hotel-ar-item {margin: 0px auto;float: none;width: 350px;position: relative;border-radius: 30px;box-shadow: 5px -2px 15px #98989891;background: #9898985c;}
.hotel-ar-item .hotel-ar-img {position: relative;height: 200px;overflow: hidden;border-top-right-radius: 30px;border-top-left-radius: 30px;}
.hotel-ar-item .hotel-ar-img img, .hotel-ar-item .hotel-ar-img .hover-effect, .hotel-ar-info .hotel-ar-name {transition: transform .5s;}
.hotel-ar-item .hotel-ar-img img {width: 100%;}
.hotel-ar-item .hotel-ar-info {background: #fff;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;padding: 5px 15px;direction: rtl;color: #989898;height: 80px;line-height: 60px;}
.hotel-ar-info .hotel-ar-name {font-size: 13px;color: #333;font-weight: bold;direction: ltr;line-height: 32px;text-align: center;}
.hotel-ar-item .hotel-ar-info .season-inf {text-align: center;direction: rtl;line-height: 32px;font-size: 9px;}
.hotel-ar-item .hotel-ar-info .season-inf img {vertical-align: middle;}
.hotel-ar-item .ranking-point {text-align: center;width: 50px;height: 50px;line-height: 50px;background-color: #313131;color: #fff;font-family: 'IRANSansWebEnNum';position: absolute;top: 0px;z-index: 1;left: 0px;border-top-left-radius: 30px;border-bottom-right-radius: 30px;}
.hotel-ar-item:hover .hotel-ar-img img {transform: scale(1.1);}
.hotel-ar-item:hover .hotel-ar-img .hover-effect {position: absolute;top: 0;right: 0;background: #00000040;z-index: 1;width: 100%;height: 100%;} 
#content-search {background-color: rgba(255,255,255,0.00);width: 100%;height: auto;position: relative;float: right;box-shadow: 0 6px 10px 0 rgba(145,171,187,.4);border-radius: 10px;}
.content-hotel-search {margin-bottom: 40px;}
#content-search .frm-box {display: block;clear: both;width: 100%;box-shadow: 0 6px 10px 0 rgba(145,171,187,.4);margin: 0px auto 0px;}
#content-search .frm-box .search_form {background: #fff;border-radius: 10px;padding: 18px;width: 100%;clear: both;float: right;position: relative;}
.Wrapper-content {float: right;position: relative;background: #fff;width: 100%;border-radius: 10px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.Wrapper-content input {width: 100%;float: right;border: 1px solid #98989845;border-radius: 5px;height: 55px;line-height: 55px;padding: 0px 20px;color: #989898;font-size: 12px;font-weight: bold;font-family: 'IRANSansWeb';border-radius: 5px;text-align: right;direction: rtl;}
.Wrapper-content input:first-child {margin-left: 2%;}
.content-hotel-search .Wrapper-content span {width: 48%;margin-left: 1%;position: relative;display: block;float: right;}
.content-hotel-search .Wrapper-content span.hstar-search {margin-left: 0px;}
.content-hotel-search .Wrapper-content span input {padding-right: 45px;}
#content-search .search_subumit {width: 10%;text-align: center;color: #FFFFFF;background-color: #8d8d8d;float: left;height: 55px;line-height: 55px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;cursor: pointer;font-size: 14px;font-weight: bold;font-family: 'IRANSansWeb';border: none;border-top-right-radius: 50px;border-bottom-right-radius: 50px;position: absolute;}
.content-hotel-search .Wrapper-content span i {position: absolute;font-style: normal;top: 14px;right: 10px;color: #8d8d8d61;font-size: 25px;}
/*--------------START CSS HEADER FOOTER -------------*/
.menu-wrapper {width:80%; }
.menu-wrapper .log{padding: 2px 10px;width: 20%;text-align: right;margin-top: 20px;}
.menu-wrapper .log button{border: 2px solid #898997;padding: 3px 10px;border-radius: 30px;color: #313131; }
.logo-wrapper {width: 20%;}
.info-tel{color: #313131;margin-top:26px; }
.info-tel a {color: #313131;}
.logo-wrapper i{transform: rotate(90deg); font-size:13px;background: #fff;border-radius: 50%;width: 23px;height: 23px;line-height: 23px;text-align: center;border: 1px solid #6a6a6a;}
.st-body {float:right !important;}
#banner {width: 100%;min-height: 650px !important;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;min-height: 825px;}
#header-wrapper {width: 100%;top:0;height: 150px;}
#home-page #header-wrapper{position: absolute;}
.header{width: 100%;z-index: 99; margin-top:18px;}
#header-wrapper::after {background-image:linear-gradient(to top, rgba(255,0,0,0), rgb(255, 255, 255));position: absolute;height: 100%;width: 100%;content: "";top: 0;right: 0;bottom: 0;left: 0;z-index: 9;}
.header-default .navbar-nav > li{float:right;margin:30px 4px;position:relative;direction: rtl;font-weight: bold;}
.header-default .navbar-nav > li:not(:first-child)::before{content: "|";margin: 0px 10px;color: #898997}
.header-default .navbar-nav > li.inactive-menu::before{width:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
.header-default .navbar-nav > li:not(:first-child) a{color:#313131}
#header.small .header-default .navbar-nav > li a{color:#313131}
.header .navbar-nav > li > .sub-menu{box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);position:absolute;border-radius: 10px;top:150%;right:0;visibility:hidden;z-index:100;min-width:250px;}
.header .navbar-nav > li:hover > .sub-menu{visibility:visible;}
.header .navbar-nav > li .sub-menu{background:rgb(255, 255, 255) none repeat scroll 0 0;width:250px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);}
.header .navbar-nav > li > .sub-menu li{position:relative;}
.header .iw-header .navbar-nav > li > .sub-menu li > a{color:#454545;display:block;font-size:13px;font-weight:400;line-height:28px;padding:0 15px;text-align:right}
.header .iw-header .navbar-nav > li > .sub-menu .sub-menu li a{padding:5px 20px;}
.header .sub-menu .icon-arrow:before{content:"\f0d9";display:inline-block;float:left;font-family:'FontAwesome';font-feature-settings:normal;font-kerning:auto;font-language-override:normal;font-size:100%;font-size-adjust:none;font-stretch:normal;font-style:normal;font-synthesis:weight style;font-variant:normal;font-weight:normal;line-height:inherit;text-rendering:auto;transform:translate(0px, 0px);}
.header .navbar-nav > li > .sub-menu li{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:0;transition:padding 0.3s linear 0s;-webkit-transition:padding 0.3s linear 0s;}
.header .navbar-nav > li > .sub-menu li:last-child{border-bottom:0;}
.header .iw-header .navbar-nav > li:hover > .sub-menu > li{padding:5px 0;}
.header .navbar-nav > li > .sub-menu li .sub-menu{border-radius: 10px;opacity:0;position:absolute;top:0;right:80%;visibility:hidden;-webkit-transition:opacity 0.3s linear, left 0.3s linear;transition:opacity 0.3s linear, left 0.3s linear;z-index:0;}
.header .navbar-nav > li > .sub-menu li:hover > .sub-menu{visibility:visible;opacity:1;right:100%;z-index:10;}
.header .iw-header .iw-menu-main .iw-nav-menu{position:relative;z-index:99;}
.first-part-header .menu-item-has-children::after {content: "";position: absolute;width: 0;height: 0;border: 4px solid transparent;border-top-color: transparent;border-top-color: transparent;border-top-color: #313131;left: -10px;top: 10px;-webkit-transition: border-top-color .2s ease-in-out;transition: border-top-color .2s ease-in-out;}
@media (max-width:1250px){.first-part-header,#header-wrapper::after{display:none;}
.second-part-header{display:block;}
.col1-second-part-header,.col2-second-part-header{width: 33.3%; }
.col3-second-part-header {text-align: left; width: 33.3%; }
.col3-second-part-header a { float: left;right: inherit;left: 11px; }
.not-login-section {top: 12px !important;}
.col3-second-part-header .fa-user { padding: 2px 20px; font-size: 24px; }
.menu_link {display: block;width: 38px;position: relative;top: 12px;right: 11px;}
.second-part-header{direction: rtl;text-align:center;font-size:16px;font-weight:bold;color:#fff;background: #f1f2f4;box-shadow: 0 10px 5px -5px rgba(0,0,0,.25);-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:50px;z-index: 1;}
.second-part-header .not-login-section{display:block;width:38px;position:relative;top: 12px;}
.second-part-header .col1-second-part-header a:before,
.second-part-header .col1-second-part-header a:after{content:'';display:block;height:5px;}
.second-part-header .col1-second-part-header a span{display:block;height:5px;margin:6px 0;}
.top-menu { color: #fff;text-align: center; width: 100%; padding: 10px 0 5px 0; }
/*--------------START CSS  MENU-------------*/
:root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}
body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}
.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0, 0, 0, 0);-webkit-transition-property:bottom, background-color;-o-transition-property:bottom, background-color;transition-property:bottom, background-color;-webkit-transition-duration:0s, .3s;-o-transition-duration:0s, .3s;transition-duration:0s, .3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s, .15s;-o-transition-delay:.45s, .15s;transition-delay:.45s, .15s;font-family:IRANSansWeb;}
.mm-ocd--open{bottom:0;background:rgba(0, 0, 0, .25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:80%;width:var(--mm-ocd-width);min-width:200px;min-width:var(--mm-ocd-min-width);max-width:440px;max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}
.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:calc(100% - 80%);width:calc(100% - var(--mm-ocd-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-ocd-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-ocd-min-width));background:rgba(3, 2, 1, 0)}
.mm-ocd--left .mm-ocd__backdrop{right:0}
.mm-ocd--right .mm-ocd__backdrop{left:0}
.mm-spn,
.mm-spn a,
.mm-spn li,
.mm-spn span,
.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}
:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px}
.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:130%;padding-right:30%;line-height:24px;line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}
.mm-spn ul:after{content:'';display:block;height:50px;height:var(--mm-spn-item-height)}
.mm-spn>ul{left:0}
.mm-spn ul.mm-spn--open{left:0}
.mm-spn ul.mm-spn--parent{left:-30%;overflow-y:hidden}
.mm-spn li{position:relative;background:inherit;cursor:pointer; direction:rtl;text-align:right;font-size:13px;width: 95%;background-color: #fff;
padding: 5px 10px;display: block;border-radius: 5px;color:  #313131;box-shadow: 0 0 10px rgba(0,0,0,.2);margin: 5px auto; height: 40px;}
.mm-spn li:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/4);left:25px;left:calc(var(--mm-spn-item-height)/2);z-index:0;width:8px;height:8px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(-135deg) translate(0, -50%);-ms-transform:rotate(-135deg) translate(0, -50%);transform:rotate(-135deg) translate(0, -50%);}
.mm-spn li:after{content:'';display:block;margin-left:20px;margin-left:var(--mm-spn-item-indent);opacity:.5}
.mm-spn a,
.mm-spn span{position:relative;z-index:1;padding:5px 2px;/*padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/2) var(--mm-spn-item-indent)*/}
.mm-spn a{background:inherit;color:inherit;text-decoration:none;direction:rtl;text-align:right;font-size:13px;}
.mm-spn a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-spn-item-height))}
.mm-spn a:not(:last-child):after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;}
.mm-spn span{background:0 0;display: inline-block;}
.Login-options {display: block !important;}
.mm-spn.mm-spn--navbar{cursor:pointer}
.mm-spn.mm-spn--navbar:before{content:'';display:block;position:absolute;top:121px;/*top:calc(var(--mm-spn-item-height)/4);*/left:20px;left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%, -50%);-ms-transform:rotate(-45deg) translate(50%, -50%);transform:rotate(-45deg) translate(50%, -50%);opacity:.8;}
.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}
.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}
.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;/*position:absolute;*/top:0;left:0;right:0;height:50px;height:var(--mm-spn-item-height);padding:0 40px;padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:50px;line-height:var(--mm-spn-item-height);text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:20px;padding-left:var(--mm-spn-item-indent)}
.mm-spn.mm-spn--navbar ul{top:51px;top:calc(var(--mm-spn-item-height) + 1px)}
.mm-spn.mm-spn--navbar ul:before{content:'';display:block;position:fixed;top:inherit;z-index:2;width:100%;/*border-top:1px solid currentColor;*/opacity:.5}
.mm-spn.mm-spn--light{color:#313131;background: linear-gradient(90deg, rgb(246, 250, 252) 0%, rgb(237, 237, 237) 50%, rgb(255, 255, 255) 100%);}
.mm-spn.mm-spn--dark{color:#ffffff;background: #313131}
.mm-spn.mm-spn--vertical{overflow-y:auto}
.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}
.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-spn-item-indent)}
.mm-spn.mm-spn--vertical ul ul:after{height:25px;height:calc(var(--mm-spn-item-height)/2)}
.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}
.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%, 0);-ms-transform:rotate(135deg) translate(-50%, 0);transform:rotate(135deg) translate(-50%, 0)}
.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none}
.mm-spn li .fa { display: inline-block; margin-left: 7px; padding-left: 7px; border-left: 1px solid #aaa; font-size: 15px; vertical-align: middle; min-width: 16px; text-align: center; }
.mm-spn--open { margin-top: 120px !important; }}
.about-text {max-height: 180px;overflow: auto;}
.news-form {width: 100%;direction: rtl;text-align: right;margin-top: 20px;}
.news-form input{height: 40px;line-height: 40px;color: #656363;font-size: 0.9rem;direction: rtl;padding: 0px 10px;border-radius: 10px;float: right;border: 1px solid #8d8d8d;margin-left: 0.5em;}
.news-form .captcha-content{float: right;}
.news-form .captcha-content input{width: 55%;}
.news-form  .load-captcha {margin: 0 0 0 0.5em}
.captcha-content i{cursor: pointer;}
.news-form input[type=email] {width: 25%;}
.news-form .captcha-contain {width: auto;float: right;margin-left: 0.5em;}
.news-form .captcha-contain input {width: 120px;}
.news-form .Message-Form {font-size: 13px;clear: both;display: block;text-align: right;}
.news-form .Loading_Form {clear: both;}
.news-form input.submit {color: #fff;transition: all 0.3s ease-in-out;cursor: pointer;margin-right: 5px;background: #8d8d8d;margin-bottom: 1em;}
#back-to-top {position: fixed;color: #fff;bottom: 30px;right: 20px;border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;-o-border-radius: 50px;z-index: 10000;height: 50px;width: 50px;line-height: 50px;background-repeat: no-repeat;background-position: center;transition: background-color .1s linear;-moz-transition: background-color .1s linear;-webkit-transition: background-color .1s linear;-o-transition: background-color .1s linear;}
#back-to-top i {font-size: 22px;}
.footer-resize {padding: 20px 0 180px 0;background: #fff;width: 100%;height: auto;margin: 0px auto;background-repeat: no-repeat;background-position: bottom center;background-size: contain;}
.footer-resize h1{margin-bottom: 10px;}
.row1-footer {margin: 20px 0;}
.row1-footer i{border-radius: 50%;width: 30px; height: 30px;line-height: 30px;text-align: center;}
.row1-footer ul li{display: inline-block;margin-left: 5px;}
.basisfly-logo {margin: 0 10px;position: relative;top: 4px;}
.row2-footer{text-align: center;margin: 10px 0;}
.col-first-footer {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;direction: rtl;text-align: center;line-height: 45px;height: 45px;}
.col-first-footer div img {vertical-align: middle;max-height: 45px;}
.col-second-footer_1{width: 33%;float: right;}
.col-second-footer_2{width: 63%;float: left;}
.col-hr{width: 2%;float: right;}
.style-hr-footer{padding: 0;transform: rotate(90deg);border: none;height: 1px;text-align: center;width: 180px;margin: 20px auto 0;position: absolute;left: -75px;top: 62px;}
.row-third-footer{direction: rtl;text-align: center;width: 100%;margin: 0 auto;margin-bottom: 20px;}
.row-fourth-footer{direction: rtl;text-align: center;width: 100%;margin: 0 auto 20px;}
.row-fourth-footer div,.row-third-footer div{display: inline-block;}
.row-third-footer div{margin: 0 5px;width:90px;height: 90px;border-radius: 12px;border: 1px solid #cacaca85;}
.row-third-footer div img{width: 90px;height: 90px;vertical-align: middle;padding: 8px;}
.row-fourth-footer a,.row-fifth-footer a{color:#313131;margin: 0 5px;}
.row-first-footer {margin: 20px 0;background: #f7f7f7;border-radius: 10px;padding: 20px;}
.row-second-footer {margin-bottom: 20px;background: #f7f7f7;border-radius: 10px;padding: 20px;direction: rtl;}
.row-second-footer h3{margin-bottom: 15px;}
.footer-icon-link li{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 5px;}
.footer-icon-link li a{color: #fff;}
.footer-qu {margin-right: 10px;}
.col-second-footer_1_item a {color: #313131;}
.col-second-footer_1_item{margin-bottom: 10px;}
.row-fifth-footer {display: grid;grid-template-columns: 1fr; direction: rtl;text-align: center;    width: 50%;margin: 0 auto;}
/*--------------START CSS LOGIN MOB -------------*/
.email-item-container {max-height: 100px;overflow: auto;text-align: right;}
.email-item-container .inner-input label{color: #444449 ;margin-right: 0 !important;}
.email-item-container .inner-input label span{padding-right: 1.5em;}
.email-item-container .inner-input span::before ,.email-item-container .inner-input span::after,.email-item-container .radioButton{right: 0 !important;}
.inner-input span::after { content: '\f111'; font-family: 'FontAwesome'; right: 20px; top: 0; color: transparent;transition: color .2s;-webkit-transition: color .2s;-moz-transition: color .2s;-ms-transition: color .2s;-o-transition: color .2s;width: 10px;height: 10px;line-height: 10px;text-align: center;border-radius: 50%;font-size: 6px;}
.inner-input span::before, .inner-input span::after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;}
.inner-input span::before {right: 20px;width: 10px;height: 10px;border: 3px solid #ccc;transition: border-color .2s;-webkit-transition: border-color .2s;-moz-transition: border-color .2s;-ms-transition: border-color .2s;-o-transition:border-color .2s;border-radius: 50%;}
.inner-input span::after {content: '\f111';font-family: 'FontAwesome';right: 20px;top: 0; color: transparent; transition: color .2s; -webkit-transition: color .2s;-moz-transition: color .2s;-ms-transition: color .2s;-o-transition: color .2s;width: 10px;height: 10px;line-height: 10px;text-align: center;border-radius: 50%; font-size: 6px;}
.section-input {margin: 10px 0;}
.radioButton {width: 10px !important;height: 10px !important;top: 3px;bottom: 0;z-index: 99;opacity: 0;right: 20px;}
.section-input label {margin-right: 20px;}
.radioButton:checked+label span {color: #2e2813;}
.section-input span::before {right: 20px;width: 10px;height: 10px;border: 2px solid #827979;transition: border-color .2s;border-radius: 50%;}
.section-input span::before, .section-input span::after {content: '';position: absolute;top: 3px;bottom: 0;}
.radioButton:checked+label span::before {border: none}
.section-input span::after {content: '\f111';font-family: 'FontAwesome';right: 20px;top: 3px;color: transparent;transition: color .2s;width: 10px;height: 10px;line-height: 10px;text-align: center;border-radius: 50%;font-size: 6px;}
.Wrapper-logininfo-def .form-title{text-align: center;color: #fff !important;}
.Wrapper-logininfo-def .timing {color: #fff!important;margin: 1em auto;}
.form-title{text-align: center;color: #444449;}
.timing {color: #444449;margin: 1em auto;}
#time-text {color: red;}
.new-user {color: green;font-size: 12px;}
.login_info input:disabled {cursor: not-allowed;}
.login_info.result-container {height: 40px;border-radius: 5px;margin: 15px auto !important;background: #fff;}
.not-allowedLogin { background: #606060 !important; cursor: not-allowed!important; color: #fff!important; }
.not-login { cursor: pointer; }
.section-login input { width: 100%;  border-radius: 5px; height: 38px; padding: 0 10px; box-sizing: border-box;}
.section-login { padding: 0 !important; margin: 15px auto !important;width: 90%; }
.Form_User-btn { width: 100% !important; color: #fff !important; text-align: center !important; cursor: pointer; }
.CheckCaptcha, .CheckCaptcha-Reg-Mail, .CheckCaptchaReg-SMS, .CheckCaptcha-forgetPass, .CheckCaptcha-forgetPass {text-align: center; margin: 10px 0; color: red; }
#ballsWaveG { position:relative; width:70px; height:16px; margin:auto; }
.ballsWaveG { position:absolute; top:0; background-color:rgb(186,186,186); width:9px; height:9px; animation-name:ballsWaveG; -o-animation-name:ballsWaveG; -ms-animation-name:ballsWaveG; -webkit-animation-name:ballsWaveG; -moz-animation-name:ballsWaveG; animation-duration:1.5s; -o-animation-duration:1.5s; -ms-animation-duration:1.5s; -webkit-animation-duration:1.5s; -moz-animation-duration:1.5s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#ballsWaveG_1 { left:0; animation-delay:0.6s; -o-animation-delay:0.6s; -ms-animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; }
#ballsWaveG_2 { left:9px; animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; }
#ballsWaveG_3 { left:18px; animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; }
#ballsWaveG_4 { left:26px; animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; }
#ballsWaveG_5 { left:35px; animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; }
#ballsWaveG_6 { left:44px; animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; }
#ballsWaveG_7 { left:53px; animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; }
#ballsWaveG_8 { left:62px; animation-delay:1.64s; -o-animation-delay:1.64s; -ms-animation-delay:1.64s; -webkit-animation-delay:1.64s; -moz-animation-delay:1.64s; }
@keyframes ballsWaveG { 0% {
background-color:rgba(158, 158, 158, 0.97);
}
100% {
background-color:rgb(255,255,255);
}
}
@-o-keyframes ballsWaveG { 0% {
background-color:rgba(158, 158, 158, 0.97);
}
100% {
background-color:rgb(255,255,255);
}
}
@-ms-keyframes ballsWaveG { 0% {
background-color:rgba(158, 158, 158, 0.97);
}
100% {
background-color:rgb(255,255,255);
}
}
@-webkit-keyframes ballsWaveG { 0% {
background-color:rgba(158, 158, 158, 0.97);
}
100% {
background-color:rgb(255,255,255);
}
}
@-moz-keyframes ballsWaveG { 0% {
background-color:rgba(158, 158, 158, 0.97);
}
100% {
background-color:rgb(255,255,255);
}
}

.Link-Login-def-new,.Link-Login-def-prev ,.Link-Forgetpass, .Link-Register, .Link-ResendMail, .Link-Login,.Link-Forgetpass-def, .Link-Register-def, .Link-ResendMail-def, .Link-Login-def { text-align: center; width: 100%;cursor: pointer }
.Message-LoginRegister { text-align: center; margin: 10px 0; color: #444; }
.section-box { background: none !important; box-shadow: none !important; height: auto !important; text-align: center !important; }
.captcha-input { width: 40% !important;}
.Wrapper h3, .Wrapper-registerinfo h3 { font-size: 15px; text-align: center; padding: 15px 0;color: #444449;}
#login .mm-spn--open { margin-top: 30px !important; }
.login_info.method { width: 90%; margin: 0 auto; direction: rtl; font-size: 13px; }
.section-login::before {display: none !important;}
.captcha_img { width: 30%; text-align: left; }
.captcha_img img{width: 100% ;}
.fa.fa-refresh { border-left: none !important; }
.height_80{height: 80%;padding: 0 10px !important;}
.refresh-img { width: 10%;  color: #fff !important; font-size: 17px;border: none !important; height: 38px; line-height: 38px; text-align: center; padding: 0 !important; }
.fa.fa-refresh { border-left: none !important; padding: 0 !important; margin: 0 !important; font-size: 20px !important; }
.loader { border: 5px solid #f3f3f3; border-radius: 50%; width: 15px; height: 15px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; }
/* Safari */
@-webkit-keyframes spin {  0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
 @keyframes spin {  0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
.fa.fa-user.is-login { color: green; padding: 0 5px !important; font-size: 20px; }
.errorMsg,.error{color: red;}
.successMsg,.success{color: green;}
.UserInfo { width: 60% !important; float: right!important ;text-decoration: none; direction: rtl; padding: 0 !important; font-size: 12px; color: #313131; }
.Link-profile { width: 95%; margin: 20px auto 0; }
.icon-dashboard::before {content: "\f0e4";}
.link-login{ width: 25%;text-align: left;color: green;font-size: 13px; }
.link-logout{ width: 15% ;color: red;font-size: 12px;}
.Link-Register, .Link-ResendMail,.Link-Login-Prev { font-size: 15px!important; color: #313131!important; width: 90% !important; border-bottom: 1px solid; margin: 0 auto !important; }
.Register_info.method { width: 95%; margin: 0 auto; direction: rtl;}
.Register_info.method label { width: 35%;  }
.change-method { border-radius: 5px; border: none; color: #fff; width: 65%; box-sizing: border-box; padding: 0 5px; }
.Register_info.method .fa-arrow-down::before {color: #fff !important;}
.Register_info.method .fa-arrow-down { left: 6px; top: 6px; }
.container-login { position: fixed; top: 0; right: 0; bottom: 100%; left: 0; z-index: 9999999999999; overflow: hidden; -ms-scroll-chaining: none; overscroll-behavior: contain; background: rgba(0, 0, 0, 0); -webkit-transition-property: bottom, background-color; -o-transition-property: bottom, background-color; transition-property: bottom, background-color; -webkit-transition-duration: 0s, .3s;
-o-transition-duration: 0s, .3s;transition-duration: 0s, .3s;-webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: .45s, .15s;
-o-transition-delay: .45s, .15s;transition-delay: .45s, .15s; }
.container-login-content { right: -100%; top: 0; bottom: 0; z-index: 2; width: 80%; width: var(--mm-ocd-width); min-width: 200px; min-width: var(--mm-ocd-min-width); max-width: 440px; max-width: var(--mm-ocd-max-width); background: #f4f7f8; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: .3s;
-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
.container-login-open { bottom: 0; background: rgba(0, 0, 0, .25); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s }
.container-login li, .container-login span, .container-login ul {  padding:0; margin:0; -webkit-box-sizing:border-box; box-sizing:border-box }
.container-login ul { line-height:24px; line-height:var(--mm-spn-line-height); overflow:visible; overflow-y:auto; background:inherit; -webkit-transition:left .3s ease 0s;
-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default }
.container-login li { position:relative; background:inherit; cursor:pointer; direction:rtl; text-align:right; font-size:13px; width: 95%; background-color: #fff; padding: 5px 10px; display: block; border-radius: 5px; color: #888; margin: 5px auto; height: 40px; }
.login_info{border: 1px solid #e0e0e0;}
.login_info .label{font-size: 13px;width: 20%;float: right;line-height: 37px;border-left: 1px solid #eaeaea;height: 37px;text-align: center;}
.login_info input{float: left;text-align: right;font-size: 12px; width: 80%;border-radius: 5px 0 0 5px;background: #f3f3f3;}
.container-login span { position:relative; background:0 0;  z-index:1; }
.loadingLog ,.ResendSMS{display: none;}
.ResultInfo {margin: 20px 0;font-size: 13px;color: #313131;text-align: center;}
.loginRegister{ direction: rtl;}
.Wrapper-registerinfo label{color: #313131 !important;}

/*-------------------------------START CSS SEARCH_BOX-------------------------------*/

/*-------------------------------START CSS ARTICLE LIST-------------------------------*/
.col-article {width: 33.33%;float: right;margin-bottom: 40px;}
.col-article .item-card {display: block;margin: 0 auto;width: 360px;height: 490px;overflow: hidden;position: relative;direction: rtl;border-radius: 10px;background: #FFF;box-shadow: 0px -2px 15px #98989891;text-align: justify;direction: rtl;}
.col-article .item-card-img {overflow: hidden;border-radius: 10px;width: 360px;height: 220px;margin: 0 auto;}
.col-article .item-card-img img {width: 100%;height: 100%;}
.col-article header {width: 100%;clear: both;float: right;padding: 0.6em;}
.col-article header .text-limit-tlt {color: #000;font-size: 18px;text-align: right;margin: 5px 0;}
.col-article header .article-date {color: #313131;z-index: 9;padding: 0.3em 1em 0.3em 3em;top: 2em;left: 2em;box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);width: 160px;border-radius: 25px;direction: ltr;position: absolute;background: #fff;font-size: 12px;text-align: center;}
.col-article header .article-date::after {content: "\f073";font-family: 'fontawesome';position: absolute;background: #595959;color: #ffffff;border: 5px solid #fff;border-radius: 50%;box-shadow: 10px 0px 20px 0px rgba(0,0,0,0.15);left: 0px;top: -6px;width: 30px;height: 30px;line-height: 30px;font-size: 15px;}
.col-article footer {clear: both;float: right;width: 100%;padding: 0.6em;}
.col-article footer p {color: #313131;line-height: 28px;font-size: 13px;}
.article-item-view {float: right;font-size: 12px;text-align: center;;direction: ltr;position: absolute;bottom:0.6em;right: 0.6em;background: #eee;padding: 0.7em;margin-top: 2em;border-radius: 30px;min-width: 120px;overflow: hidden;z-index: 9;}
.col-article .item-card:hover .article-item-view{color: #fff;background: #595959;}
/*-------------------------------START CSS ARTICLE LIST-------------------------------*/
/*-------------------------------START CSS TOUR _ARTICLE LIST-------------------------------*/
.title-list .tlt-main::after,.title-list .tlt-main::before {background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #fff, rgba(0,0,0,0)) !important;}
.title-list .title-text::after,.title-list .title-text::before{background: #fff !important;}
.title-list h1 {direction: rtl;text-align: center;color: #fff;display: inline-block;font-weight: 500;text-shadow: 2px 2px 4px #313131;font-size: 23px;}
.title-list .tlt-main{top: 0 !important;}
.banner-list {background-position: center center;background-repeat: no-repeat;background-size: cover;border-radius: 0 0 50px 50px;height: 350px;}
.banner-tour-list {border-radius: unset;overflow: hidden;}
.banner-tour-list img {width: 100%;object-fit: cover;}
.list-main {padding: 50px 0;}
.navigation {width: 100%;float: right;z-index: 1;text-align: center;direction: rtl;left: 0;right: 0;margin: 0 auto;top: 50%;}
.navigation ul li {display: inline-block;font-size: 15px;color: #fff;text-shadow: 2px 2px 4px #313131;}
.navigation ul li a::after {content: "|";margin: 0 15px;}
.navigation ul li a {color: #fff;}
.title-list {position: absolute; text-align: center ;bottom: 0;width: 80%;left: 0;background: rgba(0, 0, 0, 0.5);right: 0;z-index: 9;margin: 0 auto;min-width: 280px;padding: 5px 0;border-radius: 10px 10px 0 0;}
.content_margin_top {margin-top: 40px !important;}
.more-info-list {text-align: center;margin: 10px auto 0;font-size: 13px;color: #2d2d2d;padding: 15px;}
.tour .inner-desc-list{width: auto;height: auto;border-radius: 10px 10px 10px 50% ;margin-top: 0;padding: 0;}
.tour .inner-desc-list span:first-child, .tour  .inner-desc-list h3:first-child{border-bottom: none;padding: 0 !important;margin: 0 !important;}
.more-info-list span{ display: inline-block;}
.more-info-list p{padding: 2px;}
.tour .desc-list{padding: 20px;}
.banner-list::after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;background: rgb(255, 255, 255);background: linear-gradient(180deg, rgba(255, 255, 255, 0.0) 0%, rgba(3, 20, 48, 0.9) 100%);
}
/*-------------------------------START CSS GALLERY TOUR _ARTICLE LIST-------------------------------*/
.no-gallery{text-align: center;border: 2px solid #e6e6e6;width: 90%;border-radius: 10px;}
.no-gallery .fa{color: #ccc;font-size:40px;}
.demo-gallery > ul {margin-bottom: 0;}
.demo-gallery > ul > li {float: left;margin-bottom: 15px;margin-left: 15px;width: 70px;height: 70px;}
.demo-gallery > ul > li a {border: 3px solid #BCBCBC;border-radius: 10px;display: block;overflow: hidden;position: relative;float: left;height: 70px;width: 70px;}
.demo-gallery > ul > li a > img {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);height: 100%;width: 100%;}
.demo-gallery > ul > li a:hover > img {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1); }
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {opacity: 1;}
.demo-gallery > ul > li a .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.1);bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color 0.15s ease 0s;-o-transition: background-color 0.15s ease 0s;transition: background-color 0.15s ease 0s;}
.demo-gallery > ul > li a .demo-gallery-poster > img {left: 50%;margin-left: -10px;margin-top: -10px;opacity: 0;position: absolute;top: 50%;-webkit-transition: opacity 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s;}
.demo-gallery > ul > li a:hover .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.5);}
.demo-gallery .justified-gallery > a > img {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);height: 100%;width: 100%;  }
.demo-gallery .justified-gallery > a:hover > img {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1); }
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {opacity: 1; }
.demo-gallery .justified-gallery > a .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.1);bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color 0.15s ease 0s;-o-transition: background-color 0.15s ease 0s;transition: background-color 0.15s ease 0s; }
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {left: 50%;margin-left: -10px;margin-top: -10px;opacity: 0;position: absolute;top: 50%;-webkit-transition: opacity 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s; }
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {background-color: rgba(0, 0, 0, 0.5); }
.demo-gallery .video .demo-gallery-poster img {height: 48px;margin-left: -24px;margin-top: -24px;opacity: 0.8;width: 48px; }
.demo-gallery.dark > ul > li a {border: 3px solid #04070a; }
.lg-icon {font-family: 'FG_icon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.lg-actions .lg-next, .lg-actions .lg-prev {background-color: rgba(0, 0, 0, 0.45);border-radius: 2px;color: #313131;cursor: pointer;display: block;font-size: 22px;margin-top: -10px;padding: 8px 10px 9px;position: absolute;top: 50%;z-index: 1080;border: none;outline: none;}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {pointer-events: none;opacity: 0.5;}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {color: #FFF;}
.lg-actions .lg-next {right: 20px;}
.lg-actions .lg-next:before {content: "\e095";}
.lg-actions .lg-prev {left: 20px;}
.lg-actions .lg-prev:after {content: "\e094";}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {-webkit-animation: lg-right-end 0.3s;-o-animation: lg-right-end 0.3s;animation: lg-right-end 0.3s;position: relative;}
.lg-outer.lg-left-end .lg-object {-webkit-animation: lg-left-end 0.3s;-o-animation: lg-left-end 0.3s;animation: lg-left-end 0.3s;position: relative;}
.lg-toolbar {z-index: 1082;left: 0;position: absolute;top: 0;width: 100%;background-color: rgba(0, 0, 0, 0.45);}
.lg-toolbar .lg-icon {color: #313131;cursor: pointer;float: right;font-size: 24px;height: 47px;line-height: 27px;padding: 10px 0;text-align: center;width: 50px;text-decoration: none !important;outline: medium none;-webkit-transition: color 0.2s linear;-o-transition: color 0.2s linear;transition: color 0.2s linear;}
.lg-toolbar .lg-icon:hover {color: #FFF;}
.lg-toolbar .lg-close:after {content: "\e070";}
.lg-toolbar .lg-download:after {content: "\e0f2";}
.lg-sub-html {background-color: rgba(0, 0, 0, 0.45);bottom: 0;color: #EEE;font-size: 16px;left: 0;padding: 10px 40px;position: fixed;right: 0;text-align: center;z-index: 1080;}
.lg-sub-html h4 {margin: 0;font-size: 13px;font-weight: bold;}
.lg-sub-html p {font-size: 12px;margin: 5px 0 0;}
#lg-counter {color: #313131;display: inline-block;font-size: 16px;padding-left: 20px;padding-top: 12px;vertical-align: middle;}
.lg-toolbar, .lg-prev, .lg-next {opacity: 1;-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {opacity: 0;-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
.lg-hide-items .lg-next {opacity: 0;-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
.lg-hide-items .lg-toolbar {opacity: 0;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {-webkit-transform: scale3d(0.5, 0.5, 0.5);transform: scale3d(0.5, 0.5, 0.5);opacity: 0;-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;}
.lg-outer .lg-thumb-outer {background-color: #0D0A0A;bottom: 0;position: absolute;width: 100%;z-index: 1080;max-height: 350px;-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing;}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {-webkit-transition-duration: 0s !important;transition-duration: 0s !important;}
.lg-outer.lg-thumb-open .lg-thumb-outer {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
.lg-outer .lg-thumb {padding: 10px 0;height: 100%;margin-bottom: -5px;}
.lg-outer .lg-thumb-item {border-radius: 5px;cursor: pointer;float: left;overflow: hidden;height: 100%;border: 2px solid #FFF;border-radius: 4px;margin-bottom: 5px;}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {-webkit-transition: border-color 0.25s ease;-o-transition: border-color 0.25s ease;transition: border-color 0.25s ease;}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border-color: #a90707;}
.lg-outer .lg-thumb-item img {width: 100%;height: 100%;object-fit: cover;}
.lg-outer.lg-has-thumb .lg-item {padding-bottom: 120px;}
.lg-outer.lg-can-toggle .lg-item {padding-bottom: 0;}
.lg-outer.lg-pull-caption-up .lg-sub-html {-webkit-transition: bottom 0.25s ease;-o-transition: bottom 0.25s ease;transition: bottom 0.25s ease;}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {bottom: 100px;}
.lg-outer .lg-toogle-thumb {background-color: #0D0A0A;border-radius: 2px 2px 0 0;color: #313131;cursor: pointer;font-size: 24px;height: 39px;line-height: 27px;padding: 5px 0;position: absolute;right: 20px;text-align: center;top: -39px;width: 50px;}
.lg-outer .lg-toogle-thumb:after {content: "\e1ff";}
.lg-outer .lg-toogle-thumb:hover {color: #FFF;}
.lg-outer .lg-video-cont {display: inline-block;vertical-align: middle;max-width: 1140px;max-height: 100%;width: 100%;padding: 0 5px;}
.lg-outer .lg-video {width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;position: relative;}
.lg-outer .lg-video .lg-object {display: inline-block;position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.lg-outer .lg-video .lg-video-play {width: 84px;height: 59px;position: absolute;left: 50%;top: 50%;margin-left: -42px;margin-top: -30px;z-index: 1080;cursor: pointer;}
.lg-outer .lg-has-iframe .lg-video {-webkit-overflow-scrolling: touch;overflow: auto;}
.lg-outer .lg-has-html5:hover .lg-video-play {opacity: 1;}
.lg-outer .lg-video-object {width: 100% !important;height: 100% !important;position: absolute;top: 0;left: 0;}
.lg-outer .lg-has-video .lg-video-object {visibility: hidden;}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {display: none;}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {visibility: visible;}
.lg-progress-bar {background-color: #313131;height: 5px;left: 0;position: absolute;top: 0;width: 100%;z-index: 1083;opacity: 0;-webkit-transition: opacity 0.08s ease 0s;-moz-transition: opacity 0.08s ease 0s;-o-transition: opacity 0.08s ease 0s;transition: opacity 0.08s ease 0s;}
.lg-progress-bar .lg-progress {background-color: #a90707;height: 5px;width: 0;}
.lg-progress-bar.lg-start .lg-progress {width: 100%;}
.lg-show-autoplay .lg-progress-bar {opacity: 1;}
.lg-autoplay-button:after {content: "\e01d";}
.lg-show-autoplay .lg-autoplay-button:after {content: "\e01a";}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;transition-duration: 0s;}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
#lg-zoom-in:after {content: "\e311";}
#lg-actual-size {font-size: 20px;}
#lg-actual-size:after {content: "\e033";}
#lg-zoom-out {opacity: 0.5;pointer-events: none;}
#lg-zoom-out:after {content: "\e312";}
.lg-zoomed #lg-zoom-out {opacity: 1;pointer-events: auto;}
.lg-outer .lg-pager-outer {bottom: 60px;left: 0;position: absolute;right: 0;text-align: center;z-index: 1080;height: 10px;}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {overflow: visible;}
.lg-outer .lg-pager-cont {cursor: pointer;display: inline-block;overflow: hidden;position: relative;vertical-align: top;margin: 0 5px;}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {box-shadow: 0 0 0 2px white inset;}
.lg-outer .lg-pager-thumb-cont {background-color: #fff;color: #FFF;bottom: 100%;height: 83px;left: 0;margin-bottom: 20px;margin-left: -60px;opacity: 0;padding: 5px;position: absolute;width: 120px;border-radius: 3px;-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);}
.lg-outer .lg-pager-thumb-cont img {width: 100%;height: 100%;}
.lg-outer .lg-pager {background-color: rgba(255, 255, 255, 0.5);border-radius: 50%;box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;height: 12px;-webkit-transition: box-shadow 0.3s ease 0s;-o-transition: box-shadow 0.3s ease 0s;transition: box-shadow 0.3s ease 0s;width: 12px;}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;}
.lg-outer .lg-caret {border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px dashed;bottom: -10px;display: inline-block;height: 0;left: 50%;margin-left: -5px;position: absolute;vertical-align: middle;width: 0;}
.lg-fullscreen:after {content: "\e20c";}
.lg-fullscreen-on .lg-fullscreen:after {content: "\e20d";}
.lg-outer #lg-dropdown-overlay {background-color: rgba(0, 0, 0, 0.25);bottom: 0;cursor: default;left: 0;position: fixed;right: 0;top: 0;z-index: 1081;opacity: 0;visibility: hidden;-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;transition-delay: 0s;-moz-transform: translate3d(0, 0px, 0);-o-transform: translate3d(0, 0px, 0);-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);opacity: 1;visibility: visible;}
.lg-outer.lg-dropdown-active #lg-share {color: #FFF;}
.lg-outer .lg-dropdown {background-color: #fff;border-radius: 2px;font-size: 14px;list-style-type: none;margin: 0;padding: 10px 0;position: absolute;right: 0;text-align: left;top: 50px;opacity: 0;visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);-o-transform: translate3d(0, 5px, 0);-ms-transform: translate3d(0, 5px, 0);-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;}
.lg-outer .lg-dropdown:after {content: "";display: block;height: 0;width: 0;position: absolute;border: 8px solid transparent;border-bottom-color: #FFF;right: 16px;top: -16px;}
.lg-outer .lg-dropdown > li:last-child {margin-bottom: 0px;}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {color: #313131;}
.lg-outer .lg-dropdown a {color: #313131;display: block;white-space: pre;padding: 4px 12px;font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;}
.lg-outer .lg-dropdown a:hover {background-color: rgba(0, 0, 0, 0.07);}
.lg-outer .lg-dropdown .lg-dropdown-text {display: inline-block;line-height: 1;margin-top: -3px;vertical-align: middle;}
.lg-outer .lg-dropdown .lg-icon {color: #313131;display: inline-block;float: none;font-size: 20px;height: auto;line-height: 1;margin-right: 8px;padding: 0;vertical-align: middle;width: auto;}
.lg-outer #lg-share {position: relative;}
.lg-outer #lg-share:after {content: "\e80d";}
.lg-outer #lg-share-facebook .lg-icon {color: #3b5998;}
.lg-outer #lg-share-facebook .lg-icon:after {content: "\e901";}
.lg-outer #lg-share-twitter .lg-icon {color: #00aced;}
.lg-outer #lg-share-twitter .lg-icon:after {content: "\e904";}
.lg-outer #lg-share-googleplus .lg-icon {color: #dd4b39;}
.lg-outer #lg-share-googleplus .lg-icon:after {content: "\e902";}
.lg-outer #lg-share-pinterest .lg-icon {color: #cb2027;}
.lg-outer #lg-share-pinterest .lg-icon:after {content: "\e903";}
.lg-group:after {content: "";display: table;clear: both;}
.lg-outer {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1050;text-align: left;opacity: 0;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;}
.lg-outer * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.lg-outer.lg-visible {opacity: 1;}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;transition-duration: inherit !important;-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important;}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;transition-duration: 0s !important;opacity: 1;}
.lg-outer.lg-grab img.lg-object {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.lg-outer.lg-grabbing img.lg-object {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing;}
.lg-outer .lg {height: 100%;width: 100%;position: relative;overflow: hidden;margin-left: auto;margin-right: auto;max-width: 100%;max-height: 100%;}
.lg-outer .lg-inner {width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {display: inline-block !important;}
.lg-outer.lg-css .lg-current {display: inline-block !important;}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {display: inline-block;text-align: center;position: absolute;width: 100%;height: 100%;}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.lg-inner::after {content: "\f00d";font-family: 'fontawesome';color: #fff;position: absolute;top: 60px;left: 20px;cursor: pointer;}
.lg-outer .lg-img-wrap {position: absolute;padding: 0 5px;left: 0;right: 0;top: 0;bottom: 0;font-size: 20px;}
.lg-outer .lg-item.lg-complete {background-image: none;}
.lg-outer .lg-item.lg-current {z-index: 1060;}
.lg-outer .lg-image {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;width: auto !important;height: auto !important;}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {opacity: 0;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;}
.lg-outer .lg-empty-html {display: none;}
.lg-outer.lg-hide-download #lg-download {display: none;}
.lg-backdrop {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1040;background-color: #313131;opacity: 0;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;}
.lg-backdrop.in {opacity: 1;}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;-moz-transition: none 0s ease 0s !important;-o-transition: none 0s ease 0s !important;transition: none 0s ease 0s !important;}
.lg-css3.lg-use-css3 .lg-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.lg-css3.lg-use-left .lg-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.lg-css3.lg-fade .lg-item {opacity: 0;}
.lg-css3.lg-fade .lg-item.lg-current {opacity: 1;}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;}
.lg-css3.lg-slide.lg-use-css3 .lg-item {opacity: 0;}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;}
.lg-css3.lg-slide.lg-use-left .lg-item {opacity: 0;position: absolute;left: 0;}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {left: -100%;}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {left: 100%;}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {left: 0;opacity: 1;}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;}
.img_original img{border: 3px solid #BCBCBC;border-radius: 10px;}
.demo-gallery {text-align: right;direction: rtl;height: 80px;overflow: hidden;}
/*-------------------------------START CSS TOUR _ARTICLE VIEW-------------------------------*/
.title_table {width: 100%;padding: 10px; color: #fff;direction: rtl;border-radius: 10px 10px 0 0;}
.section_col-list-view{display: grid;grid-template-columns: 1fr 1fr 1fr;direction: rtl;gap: 20px;margin-bottom: 15px;}
.col-list-view{	background: #fff;border: 1px solid #E0E0E0;border-radius: 10px;padding: 10px;}
.col-list-view a{width: 100%;}
.inner-list-view{width: 40%;margin: 0 auto;height: 80px;}
.inner-list-view img {width: 100%;height: 80px;border-radius: 10px;}
.desc-list-view{width: 60%;color: #2c2c2c;text-align: right;}
.section_hotel_table {width: 100%; height: auto;margin: 0px auto 25px;}
.hotel_table {width: 100%; height: auto;margin: 0px auto;  text-align: right;direction: rtl;}
.hotel_table .tbl-head {background: rgba(3, 20, 48, 0.05);color: #313131;width: 100%;text-align: center;border: 1px solid #e0e0e0;}
.hotel_table .tbl-head td.first-th {width: 42%;padding: 0px;}
.hotel_table .tbl-head td {padding:1px 5px;text-align: center;}
.hotel_table .hotel-info {width: 100%;}
.hotel_table .tbl-head td.tbl-th11 {width: 60%;}
.hotel_table .tbl-head td.tbl-th2,.hotel_table .tbl-head td.tbl-th3,.hotel_table .tbl-head td.tbl-th8,.hotel_table .tbl-head td.tbl-th4 {width: 12%;}
.hotel_table .tbl-head td.tbl-th5 {width: 16%;}
.hotel_table .tbl-head td.tbl-th6 {width: 8%;}
.hotel_table .tbl-body .td-hotel {width: 100%;height: auto;margin: 0px;padding: 0px;clear: both;line-height: 50px;}
.hotel_table .td-hotel .part1 {width: 60%;padding: 0px 5px;text-align: center;}
.hotel_table .td-hotel .part2 {width: 20%;line-height: 50px !important;min-height: 50px;padding: 0px 5px;}
.hotel_table .td-hotel .part3 {width: 20%;padding: 0px 5px;text-align: center;}
.hotel_table .tbl-body {background: #fff;color: #313131;width: 100%; text-align: center;border: 1px solid #e0e0e0;}
.hotel_table .tbl-body:nth-child(2n) {background-color: rgba(3, 20, 48, 0.05);}
.gallery_view{width: 60%;text-align: right;}
.info_tour{width: 40%;}
.enrollurl{width: 100%;border-radius: 10px 0 10px 0;padding: 7px;color: white;}
.section_row {direction: rtl;text-align: justify;}
.landing-container {color: #2c2c2c;line-height: 30px;margin-bottom: 1em;}
.landing-container .tour_title{display: inline-block;}
.tour-info-new {margin-bottom: 15px;color: #313131;}
.qu {width: 30%;color: #fff;padding: 5px;border-radius: 10px 0 10px 0;}
.ans {width: 70%;padding: 5px;border-radius: 0 10px 0 10px;background: #eaebec;}
.fa-file-pdf {font-size: 20px;color: #db0000;}
.no-padding {padding-bottom: 0;}
.hotel-wrapper {margin-top: 15px;}
.part2 img{width: 100%; height: auto;margin-top: 16px;}
.tour_title::after {display:none;content: ""; position: absolute;top: 19px;right: 105%; width: 100%;height: 2px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.tour_title::before {display:none;content: ""; position: absolute;top: 19px;left: 105%; width: 100%;height: 2px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.tour_title {text-align: center;font-weight: 500;}
.answer-info-tour::before {content: '';width: 4px;height: 4px;margin:0 0.5em;border-radius: 100px;background: #434343;display: inline-block; }
.tour-wrapper-box {margin-bottom: 20px;color: #2c2c2c;line-height: 30px;background: #fff;border: 1px solid #E0E0E0;border-radius: 10px;padding: 15px;}
.section_tour_title {text-align: center;margin-bottom: 15px;font-size: 18px;}
.inline-p .ans_second p:not(:last-child)::after {content: "،";margin: 0px 5px;}
.inline-p .ans_second p {line-height: 31px;display: inline-block;}
.style-bg{background: #fff;border: 1px solid #E0E0E0;border-radius: 10px;padding: 20px;}
.col-list-view:hover {box-shadow: 0 6px 10px 0 rgba(145,171,187,.4)}
.section-view {margin-bottom: 20px;}
.section-view h2{margin-bottom: 10px;}
.margin-bottom-view{margin-bottom: 20px;}
.answer-info-list {margin-right: 5px;}
.desc-list-view h3{margin-bottom: 5px;}
.showhotel {color: #313131;}
.hotel_table {border: 1px solid #CCCCCC;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;}
.hotel_table th:first-child {border-radius: 10px 0 0 0;-moz-border-radius: 10px 0 0 0;-webkit-border-radius: 10px 0 0 0;}
.hotel_table th:last-child {border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;-webkit-border-radius: 0 10px 0 0;}
.text-center{text-align: center;}
.text-center .demo-gallery{width: 700px;margin: 0 auto; text-align: center;}
.share-box {width: 150px;margin: 10px auto;position: relative;display: block;}
.share-box a {width: 100%;}
.share-box a i{font-weight: normal;}
.share-box button {
	width: 100%;
	margin: 0 auto;
	padding: 10px 10px;
	font-family: IRANSansWeb;
	position: relative;
	background: #313131;
	border: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #fff;
	padding-left: 45px;
	cursor: pointer;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #98989891;
}
.share-box button::before {
	content: "\f1e0";
	font-family: "FontAwesome";
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 2;
	font-size: 20px;
	width: 45px;
	background: rgba(0, 0, 0, 0.09);
	border-radius: 10px 0 0 10px;
}
.drop-share {
	position: absolute;
	top: 45px;
	z-index: 999;
	display: none;
}
.drop-share .inner-drop-share {
	background: #313131;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #98989891;
}
.drop-share .inner-drop-share ul li {
	width: 45px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
    display: inline-block;
    text-align: center;
}
.drop-share .inner-drop-share ul li a {
	width: auto;
	padding: 0;
	color: #fff;
}
.fa-whatsapp::before {
	content: "\f232";
}
.fa-paper-plane::before {
	content: "\f1d8";
}
.fa-envelope::before {
	content: "\f0e0";
    color: #fff;
}
.fa-facebook-f::before {
	content: "\f082";
}
.fa-twitter::before {
	content: "\f099";
}
#opinion-resize .tours-inner {
    padding: 0px;
    box-shadow: 5px -2px 15px #98989891;
    border-radius: 15px;
}
.section_info {
	margin-top: 20px;
	padding-bottom: 10px;
    display: block;
}
.section_info_header {
	margin-bottom: 20px;
}
.section_info_header_inner {
	width: 100%;
	margin: 0 auto;
	position: relative;
	min-height: 70px;
}
.info_header {
	width: 50%;
	float: right;
	text-align: center;
	background: #fff;
	font-size: 13px;
	padding: 10px 0;
	border-bottom: none;
	color: #8d8d8d;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	cursor: pointer;
    box-shadow: 0px 10px 15px #98989838;
    line-height: 30px;
    height: 50px;
}
.comment_tab {
	border-top-right-radius: 10px;
	right: 0;
}
.active_tab {
	color: #fff!important;
	background: #8d8d8d;
}
.submit_comment_tab {
	border-top-left-radius: 10px;
	border-right: none;
	left: 0;
}
.section_info_body {
	width: 60%;
	margin: 0 auto;
}
.opinionResult-Box {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	text-align: center;
	background: rgba(0,0,0,0.6);
}
.opinionResult {
	background: #FFF;
	border-radius: 5px;
	width: 300px;
	margin: 100px auto;
	position: relative;
	padding: 20px;
	border: 2px solid #000;
}
.opinionResult a::before {
	content: "\f00d";
	font-size: 15px;
}
.opinionResult a {
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 0px;
	color: #000;
	cursor: pointer;
}
#OpinioUser-box {
	direction: rtl;
}
#opinionForm {
	width: 100%;
	float: right;
}
#OpinioUser-box input, #OpinioUser-box textarea, .input-form select {
	background-color: #fff;
	margin: 10px 0;
	font-family: 'IRANSansWeb';
	font-size: 12px;
	font-weight: 500;
	color: #616161;
	display: block;
	width: 100%;
	border-radius: 3px;
	padding: 0px 15px;
	border: unset;
	outline: none;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #98989891;
	height: 45px;
	line-height: 45px;
}
#OpinioUser-box input#OpinionSubmit {
	cursor: pointer;
}
#OpinioUser-box input#OpinionSubmit:hover {
	background: #8d8d8d;
	color: #fff;
}
::placeholder {
	color: #ccc;
	opacity: 1;
}
.SecurityCodeRight {
	width: 50%;
	float: right;
}
.SecurityCodeLeft {
	width: 50%;
	float: left;
	margin-top: 9px;
	line-height: 45px;
	direction: ltr;
}
.SecurityCodeLeft span {
	border-radius: 3px;
	background-color: #8d8d8d;
	cursor: pointer;
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 5px;
}
.SecurityCodeLeft span::before {
	content: "\f021";
	color: #fff;
	font-size: 22px;
	cursor: pointer;
}
.SecurityCodeLeft a {
	float: left;
}
.SecurityCodeLeft a img {
	vertical-align: middle;
}
.SecurityCodeLeft a img {
	width: 80px !important;
	height: 40px !important;
}
/*-------------------------------START CSS HOTEL -------------------------------*/
.section_hotel * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.section_hotel .hotel-left-section {
	width: 75%;
	float: left;
	background: #eaf2f5 !important;
	padding-right: 15px;
}
.hotel-left-section .filter-header {
	width: 100%;
	height: auto;
	color: #fff;
	line-height: 40px;
	font-size: 14px;
	direction: rtl;
	text-align: left;
	padding: 0px 15px;
	float: right;
}
.hotel-left-section .header-tlt-info {
	width: 50%;
	float: left;
}
.hotel-left-section .header-hotel-info {
	width: 50%;
	float: right;
	text-align: right;
}
.hotel-left-section .section_row {
	display: block;
	margin: 0px auto;
	float: unset!important;
}
.hotel-left-section .section_row .no-gallery {
	margin: 0px auto;
}
.hotel-deg {
	margin: 0px 30px;
}
.hotel-deg img {
	vertical-align: middle;
	width: auto;
	height: 15px;
}
.section_hotel .filter-body {
	padding: 15px;
	background-color: #FFFFFF;
	min-height: 100px;
	width: 100%;
	float: right;
	clear: both;
	color: #313131;
}
.hotel-left-section .more-filter-info {
	margin: 15px auto;
	clear: both;
	width: 100%;
	height: auto;
	position: relative;
	margin: 15px auto 0px;
}
.more-filter-info-head {
	line-height: 30px;
	font-size: 13px;
	text-align: center;
	color: #fff;
	padding: 0px 15px;
	float: right;
	width: 100%;
	clear: both;
	border: 1px solid #ededed;
	border-bottom: none;
	margin-top: 15px;
	direction: rtl;
}
.infoooo {
	width: 100%;
	height: auto;
	clear: both;
	float: right;
}
.infoooo .info-col {
	width: 10%;
	float: right;
	min-height: 20px;
	text-align: center;
	font-size: 12px;
	background: #F4F4F4 !important;
	clear: none;
}
.infoooo .info-col section {
	width: 100%;
	line-height: normal;
}
.infoooo .info-col section.top-infooo {
	padding: 5px;
	min-height: 70px;
}
.infoooo .info-col section.bottom-infooo {
	background: #fff;
	line-height: 25px;
	padding: 5px 5px;
}
.more-info-col span::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f111";
	vertical-align: middle;
	font-size: 7px;
	margin-left: 10px;
	float: right;
	margin-top: 9px;
}
.infoooo .more-info-col {
	width: auto;
	font-size: 14px;
	color: #313131;
	text-align: right;
	direction: rtl;
	float: right;
	margin-left: auto;
	padding: 6px 2px;
	width: 33.333333%;
	padding: 5px 15px;
}
.section_hotel .hotel-right-section {
	width: 25%;
	float: right;
	background-color: #FFFFFF;
}
.hotel-right-section .filter-header {
	width: 100%;
	height: auto;
	color: #FFFFFF;
	line-height: 40px;
	font-size: 14px;
	direction: rtl;
	text-align: right;
	padding: 0px 15px;
}
.filter-tlt {
	font-size: 14px;
	color: #313131;
	text-align: right;
	padding: 15px 0px;
	direction: rtl;
}
.filter-body .filter-tlt::before {
	content: ' ';
	margin-left: 0px;
	font-size: 0px;
}
.fa-location-arrow, .fa-building {
	vertical-align: middle;
	font-size: 17px;
	margin-left: 10px;
}
.fa-building::before {
	font-family: 'fontawesome';
	content: "\f1ad";
}
.hotel-filter-info {
	font-weight: bold;
	color: #313131;
	font-size: 12px;
	direction: rtl;
	text-align: justify;
	margin-bottom: 10px;
	line-height: 24px;
}
.hotel-filter-info .que {
	font-weight: normal;
	margin-left: 8px;
	font-size: 13px;
}
/*-------------------------------END CSS HOTEL -------------------------------*/
/*-------------------------------START CSS CONVERT DATE-------------------------------*/
#converter table {
	width: 100% !important;
}
.big_txt #table4 tbody {
	width: 500px;
	display: block;
	margin: 0px auto;
	border-radius: 15px;
	box-shadow: 5px -2px 15px #98989891;
}
.big_txt #table4 tbody tr {
	width: 100%;
	display: block;
	float: right;
}
#converter td, #converter td span {
	font-family: 'IRANSansWeb';
	font-size: 0.9rem;
	color: #333;
	width: 100%;
	text-align: center;
	margin: 0px auto;
	display: block;
	padding: 0px 5px;
}
.big_txt #table4 tbody tr.date-mode {
	padding: 10px 0px;
	margin-bottom: 20px;
}
.big_txt #table4 tbody tr.date-mode td {
	width: 50%;
	float: right;
	direction: rtl;
	cursor: pointer;
	position: relative;
}
#converter p {
	direction: rtl;
	text-align: justify;
	color: #333;
	font-size: 0.9rem;
	line-height: 1.8;
	font-family: 'IRANSansWeb';
	position: relative;
}
.big_txt #table4 tbody tr.date-mode td p {
	text-align: center;
	background: #313131;
	color: #fff;
	padding: 10px 0px;
	border-radius: 15px;
	box-shadow: 0 6px 10px 0 rgba(145,171,187,.4);
}
.big_txt #table4 tbody tr.date-mode td p span {
	color: #fff;
}
.big_txt #table4 tbody tr.date-mode td input {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
	cursor: pointer;
    outline: none;
}
.big_txt #table4 tbody tr.date-params {
	width: 33.33%;
	float: right;
}
#converter .fa-chevron-down2 {
    display: block;
}
#converter .fa-chevron-down2::before {
	content: "\f078";
	font-family: 'FontAwesome';
	font-size: 8px;
	color: #313131;
	font-style: normal;
	position: absolute;
	top: 11px;
	right: 15px;
}
#converter select {
	margin: 10px 0px;
	height: 35px !important;
	line-height: 35px;
	border-radius: 10px;
	border: unset !important;
	box-shadow: 0px 0px 5px #98989891;
	width: 100% !important;
	-moz-appearance: none;
	-o-appearance: none;
	-s-appearance: none;
	appearance: none;
	padding: 0px 5px;
	font-family: 'IRANSansWeb' !important;
	display: block;
	margin: 0px auto;
	direction: ltr;
	text-align: center;
}
.big_txt #table4 tbody tr.convert-result {
    box-shadow: 0px 0px 5px #98989891;
	border-radius: 15px;
	padding: 20px;
}
/*-------------------------------END CSS CONVERT DATE-------------------------------*/

/*-------------------------------START CSS AIRLINES LIST-------------------------------*/
.airline-col {
	float: right;
	width: 33.33%;
	padding: 0px 10px;
	margin-bottom: 10px;
	-moz-transition: .2s width ease;
	-o-transition: .2s width ease;
	-webkit-transition: .2s width ease;
	transition: .2s width ease;
}
.shine-hover {
    position: relative;
	overflow: hidden;
}
.shine-hover::before {
	position: absolute;
	top: 0;
	left: -80%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shine-hover:hover::before {
	-webkit-animation: shine .85s;
	animation: shine .85s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.airline-box {
	box-shadow: 5px 4px 12px 4px rgba(79, 37, 225, 0.05);
	border-radius: 10px;
	padding: 5px;
    width: 350px;
    height: 100px;
    margin: 0px auto;
}
.airline-box .ab-image-wrap {
	text-align: center;
	width: 100%;
}
.airline-box .ab-title {
	-moz-transition: .35s all ease-out;
	-o-transition: .35s all ease;
	-webkit-transition: .35s all ease-out;
	transition: .35s all ease-out;
	text-align: center;
	padding: 7px;
	position: absolute;
	bottom: 5px;
	height: 30px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 20;
}
.airline-box .ab-title a {
	color: #313131;
	display: block;
	font-size: 0px;
    font-weight: bold;
	width: 100%;
	text-shadow: 0 6px 6px rgba(0,0,0,.22);
	-moz-transition: .35s all ease;
	-o-transition: .35s all ease;
	-webkit-transition: .35s all ease;
	transition: .35s all ease;
}
.airline-box .airline-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
	-moz-transition: .35s all ease;
	-o-transition: .35s all ease;
	-webkit-transition: .35s all ease;
	transition: .35s all ease;
}
.airline-col:hover .airline-box .airline-hover {
    background: #98989891;
}
.airline-box:hover .ab-title {
    bottom: 45px;
}
.airline-box:hover .ab-title a {
	color: #fff !important;
	font-size: 18px;
	text-shadow: 0 6px 6px rgba(0,0,0,.22);
	font-size: 20px;
	color: #fff;
}
/*-------------------------------END CSS AIRLINES LIST-------------------------------*/

/*--------------START CSS PDF-PACKAGE -------------*/
body#temp1-pdf-package{margin:0px;position:relative;overflow-x:hidden;}
.clr{clear:both;}
*{text-decoration:none;list-style-type:none;margin:0px;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#temp1-pdf-package .head-pdf{
    width:100%;
    float: left;
    clear: both;
    position: relative;
    min-height: 505px;
    overflow: hidden;
}
#temp1-pdf-package .circle {
    border-radius: 100%;
}
#temp1-pdf-package .circle-1{
    width: 500px;
    height: 500px;
    background: rgba(102, 102, 102, 0.24);
    position: absolute;
    right: -80px;
    top: -300px;
}
#temp1-pdf-package .circle-2{
    width: 300px;
    height: 300px;
    background: rgba(102, 102, 102, 0.425);
    position: absolute;
    right: 340px;
    top: -140px;
    box-shadow: 1px 3px 5px 0px rgba(7, 5, 5, 0.09);
}
#temp1-pdf-package .circle-3{
    width: 680px;
    height: 680px;
    background: rgba(102, 102, 102, 0.603);
    position: absolute;
    left: -167px;
    top: -177px;
    box-shadow: 1px 3px 5px 0px rgba(7, 5, 5, 0.09);
}
#temp1-pdf-package .circle-4{
    width: 600px;
    height: 600px;
    position: absolute;
    left: -109px;
    top: -115px;
}
#temp1-pdf-package .circle-4 img{
    width: 100%;
    height: 100%;
    box-shadow: 1px 3px 5px 0px rgba(7, 5, 5, 0.25);
    border-radius: 100%;
}
#temp1-pdf-package .circle-5 {
    width: 200px;
    height: 200px;
    right: 329px;
    margin: 0 auto;
    top: 29px;
    background: #666;
    position: absolute;
    box-shadow: 1px 3px 5px 0px rgba(7, 5, 5, 0.25);
}
#temp1-pdf-package .inner-circle{
    width: 100%;
    float: right;
    position: relative;
    z-index: 99;
    text-align: center;
    color: #fff;
    direction: rtl
}
#temp1-pdf-package .circle-1 .inner-circle{
    margin-top: 300px;
}
#temp1-pdf-package .circle-1 img{
    width: auto;
    height: 58px;
	margin-top: 10px;
}
#temp1-pdf-package .circle-5 .inner-circle{
    margin-top: 85px;
}
#temp1-pdf-package .inner-circle p{
    color:#fff;
    font-size: 24px;
}
#temp1-pdf-package .inner-circle h1{
    font-size:32px;
    width: 300px;
    margin: 10px auto 0;
}
#temp1-pdf-package .tour-if {
    width: 100%;
    float: right;
    font-size: 16px;
    line-height: 40px;
    color:#000
}
#temp1-pdf-package .tour-if p{
    float: right;
    color:#000;
	margin-left: 10px;
}
#temp1-pdf-package .tour-if::before{
    content: '•';
    color: #000;
    margin-left: 5px;
    float: right;
    font-size: 30px;
}
#temp1-pdf-package .circle-6 {
    width: 500px;
    height: 400px;
    position: absolute;
    right: 50px;
    color: #000;
    top: 230px;
    padding: 15px 25px;
    direction: rtl;
    text-align: right;
}
#temp1-pdf-package .circle-6 .inner-circle{
    text-align: right;
    color:#000
}
#temp1-pdf-package .print-form {
    position: relative;
    margin: 0px auto;
    top: 20px;
}
#temp1-pdf-package .print1 {
    position: absolute;
    right: 20px;
    background: #02275b;
    color: #fff;
    padding: 5px;
    border: 1px solid #666666 ;
    border: 1px solid #666666 ;
    font-size: 14px
}

@media print {
 @media print and (width: 21cm) and (height: 29.7cm) {
 @page {
 margin: 10px;
}
}

/* style sheet for "letter" printing */
@media print and (width: 8.5in) and (height: 11in) {
 @page {
 margin: 100px;
}
}
/* A4 Landscape*/
@page {
    size: A3 landscape;
}
body#temp1-pdf-package {
    width: 990px; /*width of index card*/
    height: 2500px; /*height of index card*/
}
/* etc */
}   
#temp1-pdf-package #container {
    width: 100%; /*overflow:hidden !important*/
}
body#temp1-pdf-package {
    overflow-x: hidden;
}
body#temp1-pdf-package img {
    border: none;
}
body#temp1-pdf-package p {
    font-size: 20px;
    color: #666;
}   
#temp1-pdf-package #body-resize {
    width: 100%;

    padding-bottom: 20px;float:right
}
#body#temp1-pdf-package {
    width: 990px;
    margin: 0 auto;
}
#temp1-pdf-package .box-top {
    width: 990px;
    height: 42px;
    background: url(../images/box-top.png) no-repeat center center;
}
#temp1-pdf-package .box-mid {
    width: 990px;
    background: url(../images/box-mid.png) repeat-y;
}
#temp1-pdf-package .box-midd {
    width: 950px;
    margin: 0 auto;
    direction: rtl;
    font-size: 15px;
    color: #666;
    line-height: 2.2em;
    padding-bottom: 10px;
}
#temp1-pdf-package .box-bot {
    width: 990px;
    height: 52px;
    background: url(../images/box-bot.png) no-repeat center center;
}
#temp1-pdf-package .tour-eq{
font-size:35px;
padding:15px 0;
padding-right:15px;
color:#014f9a;
text-align: center;
direction: rtl;
box-sizing: border-box;
}
#temp1-pdf-package .tbl-info {
    width: 950px;
    margin: 0 auto;
    border: none;
    font-size: 15px;
    color: #333;
    direction: rtl;
    margin-top: 15px;
    padding-bottom: 30px;
}
#temp1-pdf-package .form-title {
    background: #02275b;
    color: #fff !important;
    font-size: 15px;
    text-align: center;
}   
#temp1-pdf-package .tbl-info td {
    width: 19%;
    line-height: 2.2em;
}
#temp1-pdf-package .tbl-info td input {
    background: #fff;
    border: 1px solid #ececec;
    line-height: 2.2em;
    width: 99.5%;
    margin-left: 1px;
    font-size: 15px;
    color: #333;
}
#temp1-pdf-package .tbl-checkbox {
    width: 940px;
    margin: 0 auto;
    border: none;
}
#temp1-pdf-package .tbl-checkbox td {
    width: 24%;
    line-height: 2.2em;
}
#temp1-pdf-package .tbl-checkbox td input {
    margin-bottom: -10px;
}
.body#temp1-pdf-package {
    width: 990px;
    margin: 0 auto;
    padding: 0;
}
#temp1-pdf-package  .body-top {
    width: 990px;
    margin: 0 auto;
    padding: 0;
}
#temp1-pdf-package .body-mid {
    width: 990px;
    margin: 0 auto;
    padding: 0;
}
#temp1-pdf-package .box {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#temp1-pdf-package .box-top {
    width: 100%;
    height: 45px;
    margin: 0 auto;
    padding: 0;
    background: url(../images/top2.jpg);
}
#temp1-pdf-package .box-mid {
    width: 990px;
    margin: 0 auto;
    padding: 0;
    background: url(../images/mid.jpg) repeat-y;
    background-color: #fff;
}
#temp1-pdf-package .hotel {
    width: 950px;
    margin: 0 auto;
    direction: rtl;
    padding-top: 20px;
}
#temp1-pdf-package .hotel-info td {
    direction: rtl;
    text-align: center;
    height: 30px;
    direction: rtl;
    font-size: 20px;
    border-left: 1px dashed #fff;
}
#temp1-pdf-package .hotel-info tr:nth-child(even) {
    background: #efefef;
    font-size: 12px;
}
#temp1-pdf-package .hotel-info tr:nth-child(odd) {
    font-size: 12px;
}
#temp1-pdf-package .hotel-info tr:first-child {
    color: #333;
    font-size: 13px !important;
}
#temp1-pdf-package .hotel-info tr table tr {
    background: none repeat scroll 0% 0% transparent !important;
}   
#temp1-pdf-package .hotel_name {
    color: #000 !important;
    width: 185px !important;
    text-align: right !important;
    padding-right: 5px !important;
    border-left: none !important
}
#temp1-pdf-package .hotel-desc {
    color: #000 !important;
    width: 50px !important;
}
#temp1-pdf-package .stars {
    width: 70px !important;
}
#temp1-pdf-package .hotel-info td table td {
    border-bottom: none !important;
}
#temp1-pdf-package .hotel-info tr:first-child td {
    border-left: 1px dashed #666666  !important;
}
#temp1-pdf-package .hotel-info tr td table tr td {
    border-left: none !important
}
#temp1-pdf-package .name-table {
    height: 45px;
    font-size: 12px;
}
#temp1-pdf-package .name-table td table tr td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 0px;
  background-color:#666666 ;
}
#temp1-pdf-package .hotel-info tr:first-child td:last-child {
    border-left: none !important;
}
#temp1-pdf-package .part31 {
    padding: 0px 3px ! important;
    width: 190px;
    color: #fff;
    border-radius: 0px;
    background-color: #666666 ;
}
#temp1-pdf-package .part32 {
    padding: 0px 10px ! important;
    width: 70px;
    color: #fff;
}
#temp1-pdf-package .part33 {
    padding: 0px 2px! important;
    width: 50px;
    color: #fff;
}
#temp1-pdf-package .hotel-1 {
    color: #fff;
}
#temp1-pdf-package .hotel-2 {
    padding-left: 14px;
    padding-right: 14px;
    color: #fff;
    font-size: 15px;
    border-radius: 0px;
    background-color:#666666 ;
}
#temp1-pdf-package .hotel-3 {
    padding-left: 12px;
    padding-right: 12px;
    color: #fff;
    border-radius: 0px;
    background-color:#666666 ;
}
#temp1-pdf-package .hotel-4 {
    padding-left: 12px;
    padding-right: 12px;
    color: #fff;
    border-radius: 0px;
    background-color:#666666 ;
}
#temp1-pdf-package .hotel-5 {
    padding-left: 12px;
    padding-right: 12px;
    color: #fff;
    border-radius: 0px;
    background-color:#666666 ;
}
#temp1-pdf-package .hotel-6 {
    padding-left: 13px;
    padding-right: 13px;
    color: #fff;
     border-radius: 0px;
    background-color:#666666 ;
}
#temp1-pdf-package .hotel-7 {
    padding-left: 13px;
    padding-right: 13px;
    color: #fff;
    border-radius: 0px;
    background-color:#666666 ;
}
#temp1-pdf-package .hotel-8 {
    padding-left: 13px;
    padding-right: 13px;
    color: #fff;
    border-radius: 0px;
    background-color:#666666 ;
}
#temp1-pdf-package .hotel-9 {
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    border-radius: 0px;
    background-color:#666666 ;
}
#temp1-pdf-package .hotel_name1 {
    width: 188px;
    line-height: 30px;
    padding: 0px 3px;
}
#temp1-pdf-package .hotel_name2 {
    width: 70px;
    line-height: 30px;
    padding-right: 11px;
    padding-left: 11px;
}
#temp1-pdf-package .hotel_name3 {
    width: 50px;
    line-height: 30px;
    padding: 0px 2px;
}
#temp1-pdf-package .hotel-info tr:nth-child(n) td {
    border-left: 1px dashed #d3d3d3 !important;
    float: none !important;
}
#temp1-pdf-package .hotel-info tr:nth-child(1) td {
    border-left: 1px dashed #666666  !important;
    float: none !important;
}
#temp1-pdf-package .hotel-info tr td:last-child {
    border-left: none;
}
#temp1-pdf-package .hotel-info table tr:nth-child(1) td {
    border-left: 1px dashed #d3d3d3 !important;
}
#temp1-pdf-package .hotel-info tr:first-child tr:nth-child(1) td {
    border-left: 1px dashed #666666  !important;
}
#temp1-pdf-package .hotel-info tr:first-child tr:nth-child(1) td:last-child {
    border: none !important;
}
#temp1-pdf-package .hotel-info tr td:last-child {
    border: none !important;
}  
#temp1-pdf-package .schema-resize {
    width: 990px;
    margin: 0 auto;
    padding: 0;
}
#temp1-pdf-package .schema {
    width: 948px;
    margin: 20px auto;
    padding: 0;
}
#temp1-pdf-package .info-title {
    text-align: center;
    line-height: 30px;
    font-size: 25px;
    color: #fff;
    direction: rtl;
    width:auto;
    float: right;
    padding: 3px 25px;
    border-radius: 30px;
    background:#666666 ;
    margin-bottom: 15px;
}
#temp1-pdf-package .info-txt {
    line-height: 30px;
    font-size: 25px;
    background: #FFF;
    color: #333;
    direction: rtl;
    width: 100%;
    float: right;
    padding-right: 5px;
}
#temp1-pdf-package .tour-info {
    width:100%;
    float: left;
    line-height: 30px;
}
#temp1-pdf-package .info-txt:hover {
    color: #02275b;
}
#temp1-pdf-package .schema-top {
    width: 950px;
    height: 35px;
    background: #02275b;
    margin: 30px auto 0;
}
#temp1-pdf-package .schema-top-txt {
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    color: #fff;
}
#temp1-pdf-package #mydiv{
padding:20px 0;
position: relative;
}
#temp1-pdf-package #mydiv .page-title{
  color: #090000;
  font-size: 39px;
  text-align: center;
  margin: 0 auto;
  display: block;
}
#temp1-pdf-package .hotel-detail {
    position: relative;
}
#temp1-pdf-package .page-title a {
    text-decoration: none;
    font-size: 16px;
    color: #02275b;
    display: inline-block;
    line-height: 40px;
}
#temp1-pdf-package .hotel-tooltip {
    padding: 5px;
    background: #02275b;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    font-size: 12px;
    color: #333;
    z-index: 999 !important;
    border-radius: 3px;
    bottom: 50px;
    right: 20px;
    width: 120px;
}
#temp1-pdf-package .hotel-tooltip:after {
    content: "";
    border-top: 5px solid #666666 ;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    bottom: -5px;
    right: 20px;
}
#temp1-pdf-package .hotel-detail:hover .hotel-tooltip {
    visibility: visible;
    opacity: 1;
    bottom: 40px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
}
#temp1-pdf-package .top-banner-img{
    float: right;
    width: 100%;
    background: #e9e4e0;
    height: auto;

}
#temp1-pdf-package .bc-main{
    width:990px;
    margin:0 auto;
    clear:both
}
#temp1-pdf-package .page-nights {
  text-decoration: none;
    color: #666666 ;
    display: block;
    line-height: 40px;  
    direction: rtl;
    font-size: 30px;
    text-align: center;
    margin: 0 auto;
    clear: both;
}
#temp1-pdf-package .exp-tourdate {
  text-decoration: none;
    color: #02275b;
    display: block;
    line-height: 40px;  
    direction: rtl;
    font-size: 30px;
    text-align: center;
    margin: 0 auto;
    clear: both;
}
#temp1-pdf-package .airline {
    display: block;
    margin: 10px auto;
    clear: both;
    width: 160px;
    height: auto;
}
.fa-map-marker-alt::before {
	content: "\f3c5";
}
.fa-phone::before {
	content: "\f095";
}
.fa-envelope::before {
	content: "\f0e0";
}
#temp1-pdf-package .footer-pdf .body-mid {
	position: relative;
	display: block;
	clear: both;
	background-image: url("https://www.basisfly.com/images/pdf-package-bottom-banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 300px;
}
#temp1-pdf-package .footer-pdf-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
	background: rgba(0, 0, 0, 0.411);
	z-index: 1;
}
#temp1-pdf-package .footer-pdf-info {
	text-align: center;
	color: #fff;
	direction: rtl;
}
#temp1-pdf-package .footer-pdf-info-logo {
	display: block;
	margin: 20px auto;
}
#temp1-pdf-package .footer-pdf-info-row {
	line-height: 40px;
}
#temp1-pdf-package .footer-pdf-info-row i {
	margin-left: 10px;
	color: #fff!important;
}
.page-notfound img {display: block;margin: 20px auto;width: 95%;max-width: max-content;}
/*<!--------------------------------START CSS LOGIN-------------------------------*/
#Login_box .shine-hover{color:#fff;background-color:#4f99d2;border:1px solid #4f99d2}
#Login_box .shine-hover:hover{background-color:#4f99d2}
.login_module_prev:hover{color:#000;border-color:#000}
.login_info i{color:#4f99d2!important}
.login-link{border:1px solid #4f99d2;}
.login-link:hover {background-color: #4f99d2;color: #fff !important}
.login-btn {background-color: #4f99d2}
.login-title i {color: #4f99d2}
.login-btn:hover {background-color: #2f2f2f;}
.bottom-content .action-loading {background-color: #4f99d2;}
/*<!--------------------------------END CSS LOGIN-------------------------------*/
/*-------------------------------START CSS RESPONSIVE-------------------------------*/
@media only screen and (max-width:1240px){
	.section_hotel .hotel-left-section {width: 100%;padding-right: 0px;}
	.section_hotel .hotel-right-section {width: 100%;}
	.section_hotel .filter-tlt, .hotel-filter-info {text-align: center;}
}
@media only screen and (max-width:960px){
#r-flighthotel, #r-insurance, #r-flight, #r-hotel, #r-tour, #r-train{padding: 30px 5px;}
}
@media screen and (min-width:701px) and (max-width:1230px) {
/* .title-site{width: 80%;} */
}
@media only screen and (max-width:1230px){
.footer-resize .bc-main,#header-wrapper .bc-main{width: 95% !important;}
.bc-main{width: 95%;}
#reserve-box {width: 95%;}
.gallery_view,.no-gallery{width: 100%;}
.info_tour{width: 100%;margin-top: 20px;}
.img_original {text-align: center;}
}
@media only screen and (max-width:1200px){
.section_search_box{top: 140px;}
.footer-resize {margin-top: 0;}
.col-article {width: 50%;}
.col-tour-cat {width: 33.33%;}
.col-tour {width:50%;}

}
@media only screen and (max-width:1180px){
.airline-col {width: 50%;}
}
@media only screen and (max-width:1150px){
    .col-first-footer {height: auto;line-height: unset;}
}
@media only screen and (max-width:900px){
.col-tour-cat {width: 50%;}
.main-article-list .col-article {width: 100%;}
}
@media only screen and (max-width:800px){
    .airline-col {
        width: 100%;
    }
    #content-search .search_subumit {
		width: 30%;
	}
    #content-search.content-hotel-search .search_subumit {
		width: 10%;
	}
	.col-tour {width:100%;}
}
@media only screen and (max-width:750px){
    .call-mobile {
        display: block;
    }
    .section_search_box {
        top: 100px;
    }
    .second-part-header {
        min-height: 83px;
    }
.reservation-item {border-radius: 20px;overflow: hidden;}
.reservation-item div {width: auto;height: auto;display: inline-block;font-size: 12px;margin: 0;line-height: 30px;background: unset;padding: 0.5em;}
.reservation-item li img{display: none;}
.reservation-item li {width: 100%;padding: 0.5em;border-left: 1px solid #fff;}
.reservation-item div:last-child li{border-left: unset;}
.col-tour-cat {width: 100%;}
.select {position: relative;top: unset;right: unset;left: unset;}
}
@media only screen and (min-width:700px){
	.Basis_Calendar_Box{margin:30px 0}
}
@media only screen and (max-width:700px){
 .city .abs-icon i,.form_search-other.date .abs-icon i{line-height:unset!important}
.city {width: 100%;margin: 6px 0;}
.after::after{display: none;}
.fa-exchange-alt{transform: rotate(90deg);top: 40px;}
.searchList,.countryFlight,.CountPassenger{width: 96%;}
.Basis_Date_Box{width: 100%;}
.Basis_Date_Box .date {width: 100% !important;margin: 8px 0;}
.section-submit-btn{width: 100%;margin: 10px 0px;}
.Wrapper-CheckHotelDate,#train_form .section-input_2{width: 95%;	margin: 10px auto;}
.form-search input[type="text"], .form-search select,.section-submit-btn button{height: 45px;line-height: 45px;font-size: 13px;}
.ins-pass-count {line-height: 45px;font-size: 13px;}
.section-submit-btn i {left: 12px;top: 7px;}
.city .abs-icon,.form_search-other.date .abs-icon{height: 30px;width: 30px;line-height: 30px;}
.form_search-other.date .abs-icon{left: 0px;}
.Wrapper-BirthdatePassenger {margin-top: 10px;}
.confirm_search{margin: 5px auto;}
.CountPassenger .item-CountPassenger{margin: 0 0 10px 0 !important;}
.ShowRow {padding: 10px;}
.r-btn{height: 35px;line-height: 35px;margin: 0 5px;width: 100px;}
.flight_type,.train_type{width: 95%;margin: 15px auto;}
.section-input_2 .checkbox{width: 90%;}
.title-site,.title-list h1{font-size: 17px}
.title-list,.title-site{width: 100%;}
.tlt-main::before ,.tlt-main::after{width: 50%;}
.infoooo .info-col {width: 100%;}
.infoooo .more-info-col {width: 100%;text-align: center;}
.more-info-col span::before {display: none;}
#banner {display: none;}
.section_search_box {position: relative;top: unset;margin-top: 60px !important;;margin-bottom: 50px !important;background-image: url(../images/bg-searchBox.jpg);padding: 20px 0;background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media only screen and (max-width:621px){
.footer-resize{text-align: center;}
.footer-resize h1{font-size: 18px;}
body {overflow-x: hidden;}
.news-form {width: 100%;}
.news-form input {width: 100%;text-align: center;margin-bottom: 0.5em;}
.news-form input.submit {margin-right: 0px;margin-top: 10px;}
.news-form input[type="email"] {width: 100% !important;}
.news-form .captcha-content {width: 100% !important;}
.news-form .field-captcha {float: left;}
.news-form .captcha-content input{width: 50%;}
.news-form .captcha-contain {width: 100%;}
.news-form .captcha-contain input {width: 50%;margin-left: 0;float: right;display: block;}
.news-form .captcha-contain .field-captcha {width: 50%;text-align: left;}
.news-form .Message-Form {text-align: center;}
}
@media screen and (min-width:660px) and (max-width:1230px) {
.section_col-list{grid-template-columns: 1fr 1fr;}
}
@media screen and (min-width:551px) and (max-width:751px) {
.section_col-list-view {grid-template-columns: 1fr 1fr;}
}
@media only screen and (max-width:550px){
.section_col-list-view {grid-template-columns: 1fr;}
.col-tour .item-card,.col-tour figure {width: 100%;height: auto;}
.col-tour figure img {margin: 0 auto;height: auto;display: block;}
.col-tour footer {position: relative;bottom: unset;margin-bottom: 10px;}
}
@media screen and (min-width:735px) and (max-width:1230px) {
.demo-gallery{width: 50% !important;margin: 0 auto;}
}
@media only screen and (max-width:734px){
.demo-gallery{width: 100% !important;margin: 0 auto;}
.img_original img{width: 100%;height: auto;}
.hotel_table {display: none;}
.hotel-section-wrapper{display: block;}
.hotel-section{width: 100%;height: auto;background: #fff;margin: 0px auto 20px;}
.mobile-hotel {direction: ltr;text-align: center;line-height: 35px;color: #fff;clear: both;border-radius: 10px 10px 0 0;}
.mobile-hotel a {color: #fff;}
.mobile-hotel-info { width: 100%;clear: both;}
.mobile-hotel-info .hotel-qu {display: block;width: 49%;text-align: center;color: #313131;line-height: 35px;}
.mobile-hotel-info .hotel-ans {display: block;width: 50%;text-align: center;color: #313131;line-height: 35px;min-height: 35px;}
.mobile-hotel-info .hotel-ans img {vertical-align: middle;margin-top: 11px;}
.mobile-hotel-info:last-child{border-radius: 0 0 10px 10px ;}
.hotel-wrapper {margin-top: 0;}
}
@media screen and (min-width:660px) and (max-width:800px) {
.inner-list, .hotel-ar-item {width: 95%;}
}
@media only screen and (max-width:390px){
.owl-carousel .owl-item img {display: block;width: 100%;}
.col-tour footer .airline-logo img {width: auto;display: initial;}
}
@media only screen and (max-width:410px){
.inner-list {width: 100%;}
}
@media screen and (min-width:660px) and (max-width:900px) {
.inner-srv,.img-srv {width: 100%;}
.img-srv img {width: 85%;}
.desc-srv{padding: 2px 10px;min-height: 142px;width: 95%; margin: 0 auto;}
.col-srv{padding: 0px 5px;}
.desc-srv p {font-size: 13px;}
.inner-srv {border-radius: 20px;background: #fff;-webkit-box-shadow: 0px 11px 6px 1px rgba(223,223,223,1);-moz-box-shadow: 0px 11px 6px 1px rgba(223,223,223,1);box-shadow: 0px 11px 6px 1px rgba(223,223,223,1);}
}
@media only screen and (max-width:659px){
.col-srv{width: 100%;width: 100%;}
.main-section{margin-bottom: 30px;}
.section_col-list{grid-template-columns: 1fr;}
.col-list {margin-bottom: 20px; padding: 0;}
.desc-tourlist {width: 100%;padding: 10px;text-align: center;}
.img-tourlist {width: 100%;}
.desc-tourlist h3,.section_tour_title {font-size: 17px;}

}
@media only screen and (max-width:751px){
.col3-style{direction: rtl;text-align: right;width: 100%!important;}
.Link-profile { margin: 0 auto 0;padding-bottom: 3px; }
.link-logout{ width: 95% ;position: absolute !important;top: -35px;left: 0 !important;right: 0 !important;width: 95%;text-align: left;margin: 0 auto;}
}

@media screen and (min-width:660px) and (max-width:740px) {
.owl-carousel .owl-item img {display: block;width: 100%;}
}
@media screen and (min-width:780px) and (max-width:1000px) {
.img-tourlist::after{width: 350px; margin: 0 auto;}	
}
@media screen and (min-width:415px) and (max-width:659px) {
.img-tourlist::after{width: 350px; margin: 0 auto;}	
}
@media screen and (min-width:850px) and (max-width:1200px) {
.cat a{width: 95%;}
.caption-style .caption,.caption-style .blur,.caption-style .caption-text,.caption-style img{width: 100%;}
}
@media screen and (min-width:600px) and (max-width:849px) {
.caption-style:nth-child(2n) a{float: left;}
.caption-style:nth-child(2n+1) a,.caption-style:nth-child(1) a  {float: right;}
.caption-style {width: 50%;}
}
@media only screen and (max-width:599px){
.caption-style {width: 100%;}
.caption-style:nth-child(4) a,.caption-style:nth-child(8) a ,	.caption-style:nth-child(1) a,.caption-style:nth-child(5) a {float: none;}
}
@media screen and (min-width:500px) and (max-width:1000px) {
.col-first-footer {grid-template-columns: 1fr 1fr 1fr !important;}
}

@media only screen and (max-width:499px){
.col-first-footer {grid-template-columns: 1fr 1fr !important ;}
.col-first-footer div{margin-bottom: 10px;}
}
@media only screen and (max-width:880px){
.col-second-footer_1,.col-second-footer_2,.col-hr,.row-third-footer{ width: 100%;}
.style-hr-footer{margin: 20px auto;position: initial;transform: none;width: 100%;}
.footer-resize{padding: 10px 0 0 0;background-image: none !important;}
.row2-footer-section1 {padding-bottom: 10px;}
}
@media only screen and (max-width:860px){
.banner-article{background-image: none !important;padding: 0;}
.text-article{background: #fff;box-shadow: 0 6px 10px 0 rgba(145,171,187,.4);}
.wrapper-cat{margin: 30px 0 20px 0 !important;}
}
@media only screen and (max-width:380px){
.row-third-footer img,.col-first-footer img{ width: 80%;}
.no-gallery .fa{font-size: 100px;}
.ans,.qu{width: 100%;}
.qu{border-radius: 10px 10px 0 0;}
.ans { border-radius: 0 0 10px 10px;}
}
@media screen and (min-width:661px) and (max-width:925px) {
.row-fourth-footer{ width: 50%;}
}
@media only screen and (max-width:600px){
.big_txt #table4 tbody{ width: 90%;}
.section_info_body {width: 90%;}
}
@media only screen and (max-width:510px){
    .content-hotel-search .Wrapper-content span {width: 100%;margin-left: 0;margin-bottom: 5px;}
    .content-hotel-search#content-search .search_subumit {width: 100%;position: relative;border-radius: 10px;}
}
@media screen and (min-width:401px) and (max-width:660px) {
.row-fourth-footer{ width: 70%;}
}

@media only screen and (max-width:450px){
    .big_txt #table4 tbody tr.date-mode td {
        width: 100%;
        margin: 10px 0px;
    }
    .big_txt #table4 tbody tr.date-params {
        width: 100%;
        margin-bottom: 5px;
    }
    .airline-box {width: 100%;}
    .airline-box .ab-image-wrap {line-height: 90px;}
    .airline-box .ab-image-wrap img {width: 100%;height: auto;vertical-align: middle;}
	.main-article-list .col-article a {width: 100%;}
}
@media only screen and (max-width:800px){
	.text-article {height: auto;}
	.col-article {width: 100%;}
	}
@media only screen and (max-width:400px){
.row-fourth-footer,.row-fifth-footer{ width: 100%;}
.col-article .item-card {width: 100%;height: auto;}
.col-article .item-card-img {width: 100%;height: auto;}
.col-article .item-card-img img {width: 100%;height: auto;max-width: max-content;margin: 0 auto;display: block;}
.col-article header .article-date {left: 0.6em;}
.article-item-view {position: relative;bottom: unset;right: unset;}
}
@media only screen and (max-width:485px){
  .reservation-item div:not(:nth-child(4n)){line-height: inherit;}

}
.countryFlight.p-absolute.font_11.tour-search-content{height:260px;overflow-y:scroll}
.line-clamp-5{display:-webkit-box;height:135px!important;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:justify}

/* multicity */
/* #reserve{padding-top:10em;padding-bottom:3em} */
.multicity-banner{height: 1068px !important;}
.multi-route-tlt{direction:rtl;text-align:right;padding:10px 20px;color:white}.fromcity_container,.tocity_container{width:33%}.Basis_Date_Box_MC{width:33%}.Basis_Date_Box_MC.Basis_Date_Box .date{width:100%!important}.route-minus-btn{position:absolute;top:0;left:0;z-index:999999;width:45px;height:45px;background:#ffebeb;padding:10px;border-radius:20px}.route-minus-btn:hover{background-color:#F7A8A8;cursor:pointer}.route-content{position:relative}.fa-exchange-alt-mc{left:34%;right:0;margin:0 auto;top:84px;cursor:pointer;background:#fff;border-radius:50%;width:30px;height:30px;line-height:30px!important;text-align:center;z-index:9;border:1px solid #6a6a6a}.fa-exchange-alt-mc::before{content:"\f362"}.deactive-addmc{background-color:#ccc;border-color:#ccc;background:#ccc!important}.section-submit-btn>.deactive-addmc{background-color:#ccc;border-color:#ccc;background:#ccc!important}.deactive-addmc:hover{background-color:#ccc;border-color:#ccc;color:white;cursor:not-allowed;background:#ccc!important}
@media only screen and (max-width:700px){.fa-exchange-alt-mc{transform:rotate(90deg);top:84px;left:0;right:0}.fromcity_container,.tocity_container{width:100%}.Basis_Date_Box_MC{width:100%}}
/* multicity */

  .rounded-type-1 {
    border-radius: 8px;
  }

  .reserve-search button span {
    color: #fff !important;
  }

  @media (min-width: 1024px) {
    .search-banner {
      position: relative;
      z-index: 10;
      width: 1200px;
      margin: 0 auto;
    }

    #search-box-container {
      min-height: unset !important;
    }

    #search-box .FlightClass,
    #search-box .CompartmentType {
      height: fit-content !important;
      padding: 4px 10px !important;
    }

    #search-box {
      padding: 33px !important;
      margin-top: -0.5rem !important;
      margin-bottom: 3.5rem !important;
      margin-left: auto;
      margin-right: auto;
      background-color: rgb(131 134 143 / 60%);
      width: 100%;
      height: auto;
      border-top: 1.5px solid white !important;
      border-bottom: 1.5px solid white !important;
      border-left: none !important;
      border-right: none !important;
      border-radius: 30px;
      min-height: unset !important;
      backdrop-filter: blur(2px) !important;
      z-index: 20 !important;
      box-shadow: rgba(0, 0, 0, 0.2) 0 18px 50px -10px;
    }

    .module-banner-background,
    .flight-banner-background {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-image: url('../images/bg-searchBox.jpg');
    }

    #search-box input::placeholder {
      color: #18181b !important;
    }

    #search-box #r-flighthotel,
    #search-box #r-insurance,
    #search-box #r-flight,
    #search-box #r-hotel,
    #search-box #r-tour,
    #search-box #r-train {
      padding: 0 !important;
      background-color: transparent !important;
      width: 100%;
      height: auto;
      border: none !important;
      border-radius: 0 !important;
      min-height: unset !important;
    }

    #search-box .Basis_Date_Box {
      margin: 0 !important;
    }

    /* #search-box .bg-bgColor-100 span {
      color: black !important;
  } */

    .searchList ul li:not(:first-child):hover {
      background-color: var(--primary) !important;
    }

    .searchList ul li:not(:first-child):hover span {
      color: white !important;
    }

    .Basis_Calendar .selected_date {
      background: var(--primary-600) !important;
    }

    .confirm-date-content button:hover {
      background: var(--secondary-600);
    }

    .confirm-date-content button {
      background: var(--primary-600);
      color: #fff;
    }

    .calendar-apply-date:hover {
      background: var(--secondary-600);
    }

    .calendar-apply-date {
      background: var(--primary-600);
      color: #fff;
    }

    .day.days_available {
      background: var(--secondary-600);
    }

    .calendar-switch {
      color: var(--primary-600);
    }

    .Basis_Calendar .section_next_month,
    .Basis_Calendar .section_prev_month {
      color: var(--primary-600);
    }

    .Basis_Calendar .current_day::after {
      border-color: var(--primary-600) transparent transparent;
    }

    .Basis_Calendar .month_day_list table td:not(.disable_day, .empty_day, .expire_day):hover {
      border-color: var(--primary-600);
    }

    .Basis_Calendar .current_day {
      background: var(--primary-600) !important;
      color: #fff !important;
    }




    .search-engine-container {
      padding-top: 3.5rem;
      display: flex;
      justify-content: start;
    }

    .module-banner-image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 700px;
      height: 100%;
      object-fit: cover;
      border-radius: 24px;
    }

    #search-box {
      padding: 24px 16px;
      width: 100%;
    }

    #search-box input {
      outline: none !important;
    }

    .search-nav {
      margin-bottom: 24px !important;
    }

    .reservation-item {
      display: flex;
      gap: 10px;
    }

    .reserve-btn {
      display: flex !important;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #f4f4f5 !important;
      width: auto !important;
      min-width: 75px !important;
      height: 68px !important;
      margin: 0 !important;
      padding: 0 4px !important;
      border-radius: 12px;
      transition: all 300ms ease;
    }

    .search-box-container .reserve-btn.active-module,
    .reserve-btn:hover {
      background-color: var(--primary) !important;
      color: #fff !important;
    }

    #serch-box .FlightClass,
    #serch-box .CompartmentType {
      height: fit-content !important;
    }

    .reserve-btn .module-name {
      color: #52525b;
      transition: all 300ms ease;
    }

    .active-module {
      background-color: var(--primary-600) !important;
      color: white;
      box-shadow: 0px 4px 7.7px 0px #00000040;
    }

    .active-module .module-name {
      color: white;
    }

    .reserve-btn:hover {
      background-color: var(--primary-600);
      box-shadow: 0px 4px 7.7px 0px #00000040;
    }

    .reserve-btn:hover .module-name {
      color: #ffffff;
    }

    .reserve-btn .module-name:hover {
      color: #ffffff !important;
    }

    .reserve-field.departure-date,
    .click-content,
    .reserve-field.passengers-field,
    .reserve-field.return-date,
    .reserve-field.traveltype-field,
    .reserve-field.flighttype-field,
    .reserve-field.Compartment-field {
      background-color: #f4f4f5 !important;
      height: 56px !important;
      border-radius: 12px;
      padding: 4px !important;
    }

    .click-content,
    .reserve-field.departure-date>div:first-of-type,
    .reserve-field.return-date>div:first-of-type {
      display: flex;
      align-items: center;
    }

    .reserve-field.departure-date>div:first-of-type,
    .reserve-field.return-date>div:first-of-type {
      padding: 0 !important;
    }

    .label-routes .down-icon,
    .label-routes .label-text,
    .label-dates .down-icon,
    .label-dates .label-text,
    .label-passengers .down-icon,
    .label-passengers .label-text,
    .label-flighttype-cip .down-icon,
    .label-flighttype-cip .label-text,
    .label-traveltype-cip .down-icon,
    .label-traveltype-cip .label-text,
    .label-compartment-train .down-icon,
    .label-compartment-train .label-text,
    .reserve-field.departure-route p,
    .reserve-field.destination-route p,
    .reserve-field.departure-date p,
    .reserve-field.return-date p,
    .reserve-search button svg {
      display: none !important;
    }

    .label-routes,
    .label-dates,
    .label-passengers {
      width: auto !important;
    }

    .flighttype-field.flighttype-dropDown,
    .reserve-field.flightclass-field {
      display: flex !important;
      align-items: center;
      justify-content: center;
      gap: 8px;
      height: 48px !important;
      padding: 0 12px 0 8px;
      cursor: pointer;
      border: 1px solid #71717a;
      border-radius: 12px;
      background-color: #fff;
    }

    .reserve-field.flightclass-field {
      width: 128px !important;
      height: 48px !important;
      position: absolute !important;
      top: 0;
      right: 11.15rem;
    }

    .module-banner-image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 700px;
      height: 100%;
      object-fit: cover;
      border-radius: 24px;
      z-index: 0;
    }

    .object-cover {
      -o-object-fit: cover;
      object-fit: cover;
    }

    .rounded-3xl {
      border-radius: 1.5rem;
    }

    .w-\[700px\] {
      width: 700px;
    }

    .h-full {
      height: 100%;
    }

    .h-full {
      height: 100%;
    }

    .top-0 {
      top: 0px;
    }

    .absolute {
      position: absolute;
    }

    #flightHotelSearch .reserve-field.flightclass-field {
      right: 0;
    }

    .reserve-field.flightclass-field>div:first-of-type {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-direction: row-reverse;
      padding: 0;
    }

    #flightHotelSearch .flight-routes {
      margin-top: 4.5rem;
    }

    .reserve-field.flightclass-field>div:first-of-type .clr {
      position: absolute;
    }

    .flighttype-field.flighttype-dropDown {
      margin-bottom: 24px;
      width: 163px !important;
      height: 48px !important;
    }

    .flighttype-field.flighttype-dropDown .flighttype-field-icon {
      position: unset;
      display: block !important;
    }

    .flighttype-field-icon .down-icon,
    .label-flightclass .down-icon {
      margin-top: 0 !important;
    }

    .flighttype-field-icon svg,
    .label-flightclass .down-icon,
    .label-routes svg,
    .label-dates svg,
    .label-passengers svg {
      width: 48px !important;
      height: 48px !important;
    }

    .close-passenger-box svg,
    .selectLocation svg {
      width: 32px !important;
      height: 32px !important;
    }

    .route-content-inner .exchangeRoute {
      top: 34px !important;
      left: 22px !important;
      background-color: var(--primary-600) !important;
      border-radius: 100%;
      width: 48px !important;
      height: 48px !important;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 !important;
      transition: all 300ms ease;
      transform: rotate(0deg) !important;
    }

    .exchangeRoute svg,
    .removeroute-icon {
      width: 24px !important;
      height: 24px !important;
    }

    .flighttype-field.flighttype-dropDown .flighttype-dropDown-text {
      margin-bottom: 0 !important;
      height: auto !important;
      font-size: 16px !important;
    }

    .label-flightclass>svg:first-of-type,
    .label-flightclass .label-text {
      display: none;
    }

    .form-search,
    #flightHotelSearch>div:first-of-type,
    #trainSearch>div:first-of-type {
      flex-wrap: wrap;
    }

    .flight-routes,
    .train-routes,
    .bus-routes {
      /* flex-direction: column; */
      flex-basis: 100%;
    }

    .reserve-field.departure-route,
    .reserve-field.destination-route {
      width: 100% !important;
      height: 59px !important;
      flex-basis: 100%;
    }

    #cipSearch .Basis_Date_Box,
    #trainSearch .Basis_Date_Box {
      flex-basis: 100%;
    }

    .reserve-field.traveltype-field,
    .reserve-field.flighttype-field {
      flex: 1;
      height: 56px !important;
    }

    .reserve-field.Compartment-field {
      flex: 1;
    }

    .Basis_Date_Box {
      flex: 2;
    }

    #hotelSearch .Basis_Date_Box,
    #tourSearch .Basis_Date_Box,
    #insuranceSearch .Basis_Date_Box,
    #serviceSearch .Basis_Date_Box,
    #busSearch .Basis_Date_Box {
      flex-basis: 100%;
    }

    .Flightclass-Passenger {
      flex: 1;
    }

    .flightclass-in-passengerbox {
      display: none !important;
    }

    .Wrapper-ExteraHoteldate {
      width: 60% !important;
    }

    .Basis_Date.start_date,
    .Basis_Date.end_date,
    .Basis_Date_ExteraHoteldate {
      position: unset !important;
      padding: 0 !important;
    }

    .reserve-field.passengers-field {
      flex: 1;
    }

    .reserve-field.passengers-field>div:first-of-type {
      display: flex;
      align-items: center;
      padding: 0;
    }

    .exchangeRoute {
      top: 4px !important;
      left: -25px !important;
      background-color: var(--primary-600) !important;
      border-radius: 100%;
      width: 48px !important;
      height: 48px !important;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 !important;
      transition: all 300ms ease;
      transform: rotate(90deg);
    }

    .exchangeRoute:hover {
      background-color: var(--secondary-600) !important;
    }

    .reserve-search {
      flex-basis: 100%;
      margin-top: 16px;
      height: auto !important;
    }

    .reserve-search button {
      position: relative;
      width: 125px !important;
      background-color: var(--primary-600) !important;
      height: 48px !important;
      color: white !important;
      margin-top: 0 !important;
      margin-left: 0 !important;
      border-radius: 12px;
      transition: all 300ms ease;
      overflow: hidden;
    }

    .reserve-search button span {
      position: relative;
      z-index: 10;
      color: #fff;
      transition: color 0.3s ease;
    }

    .reserve-search button::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--secondary-600);
      border-radius: inherit;
      transform: translateX(100%) translateY(100%);
      transition: all 0.3s ease-out;
    }

    .reserve-search button:hover::after {
      transform: translateX(0) translateY(0);
    }

    .flighttype-items,
    .FlightClass.hidden-box,
    .traveltype.hidden-box,
    .flighttype.hidden-box,
    .Compartment.hidden-box {
      top: 100%;
      width: 100% !important;
      right: 0;
      background-color: #fff;
      border: none !important;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
      border-radius: 8px;
      padding: 8px;
      margin-bottom: 30px !important;
    }

    .FlightClass.hidden-box li,
    .flighttype-items li,
    .traveltype.hidden-box li,
    .flighttype.hidden-box li,
    .Compartment.hidden-box li {
      line-height: 2rem;
      font-size: 1rem;
      text-align: center;
      display: block;
      margin: 4px 0;
      border: unset;
      padding: 6px;
      transition: all 300ms ease;
    }

    .active-r-btn,
    .active-FlightClass,
    .active-FlightType,
    .active-TravelType,
    .active-Compartment {
      border-radius: 8px !important;
      background-color: var(--primary-600) !important;
      transition: all 300ms ease;
    }

    .active-r-btn span,
    .active-FlightClass,
    .active-FlightType label,
    .active-TravelType label,
    .active-Compartment label {
      color: #ffffff !important;
    }

    #oneway:hover span,
    #backtoback:hover span,
    #multi:hover span,
    .FlightClass.hidden-box li:hover span,
    .traveltype.hidden-box li:hover label,
    .flighttype.hidden-box li:hover label,
    .Compartment.hidden-box li:hover label {
      color: white !important;
    }

    #oneway:hover,
    #backtoback:hover,
    #multi:hover,
    .FlightClass.hidden-box li:hover,
    .traveltype.hidden-box li:hover,
    .flighttype.hidden-box li:hover,
    .Compartment.hidden-box li:hover {
      background-color: var(--primary-600);
      border-radius: 8px !important;
    }

    .searchList {
      position: absolute !important;
      width: 400px !important;
      margin: 0 !important;
      min-width: auto !important;
      border-radius: 8px;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
      left: 0;
      max-height: 254px;
      overflow-y: auto;
    }

    .multicity-flight-form .searchList {
      width: 100% !important;
    }

    .ul-list ul li {
      text-align: center;
    }

    .ul-list ul li:first-of-type {
      background-color: var(--primary-600);
      color: white !important;
    }

    .ul-list ul li:not(:last-child),
    .locationResult div:not(:last-of-type) {
      border-bottom: 1px solid var(--primary-100);
    }

    .ul-list ul li:hover {
      background-color: var(--primary-600);
      color: white !important;
      transition: all 300ms ease;
    }

    .passengerbox.hidden-box {
      width: 310px !important;
      position: absolute !important;
      right: 0;
      left: 0;
      margin: 0;
      padding: 16px !important;
      top: 100%;
      border-radius: 8px;
      overflow-x: hidden !important;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    }

    .passenger-item.adult-passenger-item,
    .passenger-item.child-passenger-item,
    .passenger-item.infant-passenger-item,
    .passenger-item.room-passenger-item,
    .passengerbox.hidden-box .passenger-item {
      display: flex;
      justify-content: space-between;
    }

    .passenger-item.child-passenger-item ul,
    .passenger-item.adult-passenger-item ul,
    .passenger-item.infant-passenger-item ul,
    .passenger-item.room-passenger-item ul,
    .passengerbox.hidden-box .passenger-item ul {
      height: auto !important;
      line-height: normal !important;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .minus-count,
    .plus-count {
      line-height: normal !important;
      width: 24px !important;
      height: 24px !important;
      background: var(--primary-600);
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: 4px;
    }

    .plus-count .count-icon-simple,
    .minus-count .count-icon-simple {
      color: #fff;
      font-size: 24px !important;
    }

    .plus-count>div,
    .minus-count>div {
      line-height: 27px !important;
    }

    .confirm-passenger,
    .toggle-calendar {
      display: flex !important;
      align-items: center;
      justify-content: center;
      margin-top: 24px;
      background-color: var(--primary-600) !important;
      color: white;
      border-radius: 8px;
      font-weight: 500;
      height: 40px !important;
      transition: all 300ms ease;
    }

    .confirm-passenger:hover,
    .toggle-calendar:hover {
      background-color: var(--secondary-600) !important;
      color: white !important;
    }

    .reserve-field.flightclass-field div:first-of-type .clr,
    .passengerbox.hidden-box .clr {
      position: absolute;
    }

    .route-container {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      display: grid;
      gap: 24px;
    }

    .multi-route-tlt {
      margin-bottom: 20px !important;
    }

    .multicity-flight-form .route-minus-btn {
      top: 0;
      left: 0;
      width: fit-content !important;
      padding: 4px !important;
      height: fit-content !important;
      position: absolute;
      display: flex;
      line-height: normal !important;
    }

    .passenger-birthday-dropdown {
      z-index: 1000000 !important;
    }

    .birthdate-dates input {
      height: 32px !important;
    }

    .multicity-flight-form .route-minus-btn span {
      display: none;
    }

    .multicity-flight-form .route-content:first-of-type div.route-minus-btn,
    .multicity-flight-form .route-content:nth-child(2) div.route-minus-btn,
    .remove-routs {
      display: none !important;
    }

    .route-content-inner {
      flex-wrap: wrap;
    }

    .multicity-flight-form .passengers-field-f {
      width: 550px !important;
      flex: unset;
    }

    .multicity-flight-form .reserve-search {
      width: auto !important;
      flex-basis: auto !important;
      margin-top: 0 !important;
    }

    .Add-Remove.reserve-field {
      width: 187px !important;
      height: 48px !important;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--primary-100);
      color: var(--primary-600);
      border-radius: 12px;
      transition: all 300ms ease;
      cursor: pointer;
    }

    .Add-Remove.reserve-field:hover {
      background-color: var(--primary-600);
    }

    .Add-Remove.reserve-field:hover .add-routs {
      color: white;
    }

    .multiroute-fields {
      align-items: center;
    }

    .add-routs {
      width: 100% !important;
      font-size: 16px !important;
      font-weight: 500;
      transition: all 300ms ease;
    }

    .add-routs:hover {
      color: white;
    }

    .addroute-icon {
      display: none;
    }

    .passenger-birthday-dropdown li {
      font-size: 12px;
    }

    .selectLocation {
      display: flex;
      align-items: center;
      width: 100% !important;
      padding: 4px 0;
    }

    .selectLocation .parent-item,
    .selectLocation .child-item {
      display: flex;
      align-items: center;
    }

    .createChildDropdown {
      float: unset !important;
    }

    .createChildDropdown .select-age {
      border: 1px solid var(--primary-400);
      border-radius: 8px;
      outline: none;
      height: 40px !important;
      float: unset !important;
    }

    .createChildDropdown label {
      float: unset !important;
    }

    .contentRoom {
      border-top: 1px solid var(--primary-100);
      padding-top: 8px;
    }

    .birthdate-day-value,
    .birthdate-month-value,
    .birthdate-year-value {
      border: 1px solid #737373 !important;
      border-radius: 8px;
      margin-top: 0.5rem;
      font-size: 12px;
    }

    .search-box-container .birthdate-dates div::after {
      top: 14px !important;
    }

    .createPassengerDropdown {
      margin-top: 0.5rem;
    }

    .traintype-items {
      width: fit-content !important;
      background-color: var(--primary-50);
      border-radius: 8px;
      padding: 8px;
      margin-bottom: 20px !important;
    }

    .traintype-items li {
      padding: 4px;
      border-radius: 8px;
      transition: all 300ms ease;
    }

    .traintype-items li:hover {
      background-color: var(--primary-600);
    }

    .traintype-items li:hover span {
      color: white !important;
    }

    #busSearch .reserve-field.departure-date,
    #busSearch .reserve-field.return-date {
      flex: 1;
    }

    .close-passenger-box {
      width: auto !important;
      height: auto !important;
    }

    .searchHistory-content {
      margin-left: auto;
      margin-right: auto;
    }

    .search-box-container {
      margin-top: -500px;
      margin-bottom: 100px;
    }

    .searchHistory-content .sub-title svg {
      display: none !important;
    }

    .route-content-inner .flight-routes {
      flex-direction: column !important;
    }

  }

  @media not all and (min-width: 1024px) {
    .search-banner {
      position: relative;
      top: unset;
      margin-bottom: 50px !important;
      background-image: url(../images/bg-searchBox.jpg);
      padding: 20px 0px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    #search-box-container {
      min-height: unset !important;
      padding-top: 60px !important;
      padding-bottom: 60px !important;
    }

    .Basis_Calendar .selected_date {
      background: var(--primary-600) !important;
    }

    .confirm-date-content button:hover {
      background: var(--secondary-600);
    }

    .confirm-date-content button {
      background: var(--primary-600);
      color: #fff;
    }

    .calendar-apply-date:hover {
      background: var(--secondary-600);
    }

    .calendar-apply-date {
      background: var(--primary-600);
      color: #fff;
    }

    .day.days_available {
      background: var(--secondary-600);
    }

    .calendar-switch {
      color: var(--primary-600);
    }

    .Basis_Calendar .section_next_month,
    .Basis_Calendar .section_prev_month {
      color: var(--primary-600);
    }

    .Basis_Calendar .current_day::after {
      border-color: var(--primary-600) transparent transparent;
    }

    .Basis_Calendar .month_day_list table td:not(.disable_day, .empty_day, .expire_day):hover {
      border-color: var(--primary-600);
    }

    .Basis_Calendar .current_day {
      background: var(--primary-600) !important;
      color: #fff !important;
    }

    .module-banner-image img {
      width: 100%;
      height: 12rem;
      object-fit: cover;
      border-radius: 24px;
    }

    #search-box {
      padding: 12px;
      width: 95% !important;
      margin: 0 auto;
    }

    .search-nav {
      margin-bottom: 24px !important;
    }

    .passenger-birthday-dropdown {
      z-index: 1000000 !important;
    }

    .birthdate-dates input {
      height: 32px !important;
    }

    .reservation-item {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
      gap: 10px 4px !important;
    }

    .search-box-container .reserve-btn.active-module,
    .reserve-btn:hover {
      background-color: var(--primary) !important;
      color: #fff !important;
    }

    .reserve-btn {
      display: flex !important;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      grid-column: span 2;
      background-color: #f4f4f5 !important;
      height: 60px !important;
      margin: 0 !important;
      padding: 0 !important;
      border-radius: 12px;
      transition: all 300ms ease;
    }

    .reserve-btn:last-child:nth-child(3n + 1) {
      grid-column: 1 / -1;
    }

    .reserve-btn:nth-last-child(2):nth-child(3n + 1),
    .reserve-btn:nth-last-child(1):nth-child(3n + 2) {
      grid-column: span 3;
    }

    .reserve-btn .module-name {
      color: #52525b;
      transition: all 300ms ease;
    }

    .active-module {
      background-color: var(--primary-600) !important;
      color: white;
      box-shadow: 0px 4px 7.7px 0px #00000040;
    }

    .active-module .module-name {
      color: white;
    }

    .reserve-btn:hover {
      background-color: var(--primary-600);
      box-shadow: 0px 4px 7.7px 0px #00000040;
    }

    .reserve-btn:hover .module-name {
      color: #ffffff;
    }

    .reserve-btn .module-name:hover {
      color: #ffffff !important;
    }

    .reserve-field.departure-date,
    .click-content,
    .reserve-field.passengers-field,
    .reserve-field.return-date,
    .reserve-field.traveltype-field,
    .reserve-field.flighttype-field,
    .reserve-field.Compartment-field {
      background-color: #f4f4f5 !important;
      width: 100% !important;
      height: 56px !important;
      border-radius: 12px;
      padding: 4px !important;
    }

    .click-content,
    .reserve-field.departure-date>div:first-of-type,
    .reserve-field.return-date>div:first-of-type {
      display: flex;
      align-items: center;
    }

    .reserve-field.departure-date>div:first-of-type,
    .reserve-field.return-date>div:first-of-type {
      padding: 0 !important;
    }

    .label-routes .down-icon,
    .label-routes .label-text,
    .label-dates .down-icon,
    .label-dates .label-text,
    .label-passengers .down-icon,
    .label-passengers .label-text,
    .label-flighttype-cip .down-icon,
    .label-flighttype-cip .label-text,
    .label-traveltype-cip .down-icon,
    .label-traveltype-cip .label-text,
    .label-compartment-train .down-icon,
    .label-compartment-train .label-text,
    .reserve-field.departure-route p,
    .reserve-field.destination-route p,
    .reserve-field.departure-date p,
    .reserve-field.return-date p,
    .reserve-search button svg {
      display: none !important;
    }

    .label-routes,
    .label-dates,
    .label-passengers {
      width: auto !important;
    }

    .flighttype-field.flighttype-dropDown,
    .reserve-field.flightclass-field {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      height: 48px !important;
      padding: 0 12px 0 8px;
      cursor: pointer;
      border: 1px solid #71717a;
      border-radius: 12px;
      background-color: #fff;
    }

    .flighttype-field.flighttype-dropDown {
      margin-bottom: 24px;
      width: 136px !important;
      height: 48px !important;
    }

    .flighttype-field.flighttype-dropDown .flighttype-field-icon {
      margin-left: 8px !important;
      display: block !important;
    }

    .flighttype-field.flighttype-dropDown .flighttype-dropDown-text {
      margin-bottom: 0 !important;
      height: auto !important;
    }

    .flighttype-dropDown-text,
    .FlightClass-text {
      font-size: 12px !important;
    }

    .flighttype-field-icon .down-icon,
    .label-flightclass .down-icon {
      margin-top: 0 !important;
    }

    .flighttype-field-icon svg,
    .label-flightclass .down-icon,
    .label-routes svg,
    .label-dates svg,
    .label-passengers svg,
    .close-searchList svg,
    .close-passenger-box svg {
      width: 48px !important;
      height: 48px !important;
    }

    .selectLocation svg {
      width: 32px !important;
      height: 32px !important;
    }

    .exchangeRoute svg,
    .removeroute-icon {
      width: 24px !important;
      height: 24px !important;
    }

    .reserve-field.flightclass-field {
      display: block !important;
      width: 120px !important;
      height: 48px !important;
      position: absolute !important;
      top: -72px;
      right: 9rem;
    }

    #flightHotelSearch .reserve-field.flightclass-field {
      right: 0;
    }

    .reserve-field.flightclass-field>div:first-of-type {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-direction: row-reverse;
      padding: 0;
    }

    .reserve-field.flightclass-field>div:first-of-type .clr {
      position: absolute;
    }

    .label-flightclass>svg:first-of-type,
    .label-flightclass .label-text {
      display: none;
    }

    .form-search,
    #flightHotelSearch>div:first-of-type,
    #trainSearch>div:first-of-type {
      flex-wrap: wrap;
    }

    #flightSearch {
      position: relative;
    }

    #flightHotelSearch .flight-routes {
      margin-top: 72px;
    }

    .reserve-field.departure-route,
    .reserve-field.destination-route {
      width: 100% !important;
      height: 56px !important;
      margin-bottom: 8px !important;
    }

    #cipSearch .Basis_Date_Box,
    #trainSearch .Basis_Date_Box {
      flex-basis: 100%;
    }

    .reserve-field.traveltype-field,
    .reserve-field.flighttype-field {
      margin-bottom: 8px !important;
      height: 56px !important;
    }

    .reserve-field.Compartment-field {
      margin-bottom: 8px !important;
    }

    .Basis_Date_Box {
      margin-bottom: 8px !important;
      flex-direction: column;
    }

    #hotelSearch .Basis_Date_Box,
    #tourSearch .Basis_Date_Box,
    #insuranceSearch .Basis_Date_Box,
    #serviceSearch .Basis_Date_Box,
    #busSearch .Basis_Date_Box {
      flex-basis: 100%;
    }

    .Flightclass-Passenger {
      flex: 1;
    }

    .flightclass-in-passengerbox {
      display: none !important;
    }

    .Basis_Date.start_date,
    .Basis_Date.end_date,
    .Basis_Date_ExteraHoteldate {
      position: unset !important;
      padding: 0 !important;
    }

    .reserve-field.passengers-field {
      margin-bottom: 12px !important;
    }

    .reserve-field.passengers-field>div:first-of-type {
      display: flex;
      align-items: center;
      padding: 0;
    }

    .exchangeRoute {
      top: 40px !important;
      left: 20px !important;
      background-color: var(--primary-600) !important;
      border-radius: 100%;
      width: 40px !important;
      height: 40px !important;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 !important;
      transform: rotate(0) !important;
    }

    .reserve-search {
      flex-basis: 100%;
      margin-top: 16px;
      height: auto !important;
    }

    .reserve-search button {
      position: relative;
      width: 100% !important;
      background-color: var(--primary-600) !important;
      height: 48px !important;
      color: white !important;
      margin-top: 0 !important;
      margin-left: 0 !important;
      border-radius: 12px;
      transition: all 300ms ease;
      overflow: hidden;
    }

    .reserve-search button span {
      position: relative;
      z-index: 10;
      color: #fff;
      transition: color 0.3s ease;
    }

    .reserve-search button::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--secondary-900);
      border-radius: inherit;
      transform: translateX(100%) translateY(100%);
      transition: all 0.3s ease-out;
    }

    .reserve-search button:hover::after {
      transform: translateX(0) translateY(0);
    }

    .flighttype-items,
    .FlightClass.hidden-box,
    .traveltype.hidden-box,
    .flighttype.hidden-box,
    .Compartment.hidden-box {
      z-index: 50 !important;
      background-color: #fff;
      border: none !important;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
      border-radius: 8px;
      padding: 8px;
      margin-bottom: 30px !important;
    }

    .FlightClass.hidden-box ul,
    .traveltype.hidden-box ul,
    .flighttype.hidden-box ul,
    .Compartment.hidden-box ul {
      clear: both;
    }

    .FlightClass.hidden-box li,
    .traveltype.hidden-box ul li,
    .flighttype.hidden-box ul li,
    .Compartment.hidden-box ul li {
      line-height: 2rem;
      font-size: 1rem;
      text-align: center;
      display: block;
      margin: 4px 0;
      border: unset;
      padding: 8px 4px !important;
      transition: all 300ms ease;
    }

    .active-r-btn,
    .active-FlightClass,
    .active-TravelType,
    .active-FlightType,
    .active-Compartment {
      border-radius: 8px !important;
      background-color: var(--primary-600) !important;
      transition: all 300ms ease;
    }

    .active-r-btn span,
    .active-FlightClass span,
    .active-TravelType label,
    .active-FlightType label,
    .active-Compartment label {
      color: #ffffff !important;
    }

    #oneway:hover span,
    #backtoback:hover span,
    #multi:hover span,
    .FlightClass.hidden-box li:hover span {
      color: white !important;
    }

    #oneway:hover,
    #backtoback:hover,
    #multi:hover,
    .FlightClass.hidden-box li:hover {
      background-color: var(--primary-600);
      border-radius: 8px !important;
    }

    .searchList {
      border-radius: 8px;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
      overflow-y: auto;
    }

    .multicity-flight-form .searchList {
      width: 100% !important;
    }

    .ul-list ul li {
      text-align: center !important;
    }

    .ul-list ul li:first-of-type {
      background-color: var(--primary-600);
      color: white !important;
      border-radius: 4px;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    }

    .ul-list ul li:not(:last-child),
    .locationResult div:not(:last-of-type) {
      border-bottom: 1px solid var(--primary-100);
    }

    .ul-list ul li:hover {
      background-color: var(--primary-600);
      color: white !important;
      transition: all 300ms ease;
    }

    .passengerbox.hidden-box {
      z-index: 50 !important;
      margin: 0;
      padding: 16px !important;
      top: 100%;
      border-radius: 8px;
      overflow-x: hidden !important;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    }

    .flighttype-items-ul li {
      text-align: center !important;
      padding: 8px 4px !important;
    }

    .passenger-item.adult-passenger-item,
    .passenger-item.child-passenger-item,
    .passenger-item.infant-passenger-item,
    .passenger-item.room-passenger-item,
    .passengerbox.hidden-box .passenger-item {
      display: flex;
      justify-content: space-between;
    }

    .passenger-item.child-passenger-item ul,
    .passenger-item.adult-passenger-item ul,
    .passenger-item.infant-passenger-item ul,
    .passenger-item.room-passenger-item ul,
    .passengerbox.hidden-box .passenger-item ul {
      height: auto !important;
      line-height: normal !important;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .minus-count,
    .plus-count {
      line-height: normal !important;
      width: 24px !important;
      height: 24px !important;
      background: var(--primary-600);
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: 4px;
    }

    .plus-count .count-icon-simple,
    .minus-count .count-icon-simple {
      color: #fff;
      font-size: 24px !important;
    }

    .plus-count>div,
    .minus-count>div {
      line-height: 27px !important;
    }

    .confirm-passenger,
    .toggle-calendar {
      display: flex !important;
      align-items: center;
      justify-content: center;
      margin-top: 24px;
      background-color: var(--primary-600) !important;
      color: white;
      border-radius: 8px;
      font-weight: 500;
      height: 40px !important;
      transition: all 300ms ease;
    }

    .confirm-passenger:hover,
    .toggle-calendar:hover {
      background-color: var(--secondary-900) !important;
      color: white !important;
    }

    .reserve-field.flightclass-field div:first-of-type .clr,
    .passengerbox.hidden-box .clr {
      position: absolute;
    }

    .multi-route-tlt {
      margin-bottom: 20px !important;
    }

    .multicity-flight-form .route-minus-btn {
      top: 0;
      left: 0;
      width: fit-content !important;
      padding: 4px !important;
      height: fit-content !important;
      position: absolute;
      display: flex;
      line-height: normal !important;
    }

    .multicity-flight-form .route-content:first-of-type div.route-minus-btn,
    .multicity-flight-form .route-content:nth-child(2) div.route-minus-btn,
    .remove-routs,
    .multicity-flight-form .route-minus-btn span {
      display: none !important;
    }

    .route-content-inner {
      flex-wrap: wrap;
    }

    .multicity-flight-form .reserve-search {
      width: auto !important;
      flex-basis: auto !important;
      margin-top: 0 !important;
    }

    .Add-Remove.reserve-field {
      width: 100% !important;
      height: 48px !important;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--primary-100);
      color: var(--primary-600);
      border-radius: 12px;
      transition: all 300ms ease;
      cursor: pointer;
    }

    .Add-Remove.reserve-field:hover {
      background-color: var(--primary-600);
    }

    .Add-Remove.reserve-field:hover .add-routs {
      color: white;
    }

    .multiroute-fields {
      align-items: center;
    }

    .add-routs {
      width: 100% !important;
      font-size: 16px !important;
      font-weight: 500;
      transition: all 300ms ease;
    }

    .add-routs:hover {
      color: white;
    }

    .addroute-icon,
    .close-module-form {
      display: none;
    }

    .visible-module-form .close-module-form {
      width: auto !important;
      height: auto !important;
      display: flex;
      align-items: center;
    }

    .close-module-form svg {
      margin-top: 0 !important;
      width: 48px !important;
      height: 48px !important;
    }

    .passenger-birthday-dropdown li {
      font-size: 12px;
    }

    .selectLocation {
      display: flex;
      align-items: center;
      width: 100% !important;
      padding: 4px 0;
    }

    .selectLocation .parent-item,
    .selectLocation .child-item {
      display: flex;
      align-items: center;
    }

    .createChildDropdown {
      float: unset !important;
    }

    .createChildDropdown .select-age {
      border: 1px solid var(--primary-400);
      border-radius: 8px;
      outline: none;
      height: 40px !important;
      float: unset !important;
    }

    .createChildDropdown label {
      float: unset !important;
    }

    .contentRoom {
      border-top: 1px solid var(--primary-100);
      padding-top: 8px;
    }

    .birthdate-day-value,
    .birthdate-month-value,
    .birthdate-year-value {
      border: 1px solid var(--primary-300) !important;
      border-radius: 8px;
      margin-top: 0.5rem;
      font-size: 12px;
    }

    .search-box-container .birthdate-dates div::after {
      top: 14px !important;
    }

    .createPassengerDropdown {
      margin-top: 0.5rem;
    }

    .traintype-items {
      width: fit-content !important;
      background-color: var(--primary-50);
      border-radius: 8px;
      padding: 8px;
      margin-bottom: 20px !important;
    }

    .traintype-items li {
      padding: 4px;
      border-radius: 8px;
      transition: all 300ms ease;
    }

    .traintype-items li:hover {
      background-color: var(--primary-600);
    }

    .traintype-items li:hover span {
      color: white !important;
    }

    #busSearch .reserve-field.departure-date,
    #busSearch .reserve-field.return-date {
      flex: 1;
    }

    .close-passenger-box {
      width: auto !important;
      height: auto !important;
    }

    .close-searchList {
      width: auto !important;
      height: auto !important;
    }

    .searchHistory-content {
      width: 100% !important;
      margin: 0 !important;
      padding: 1em !important;
    }

    .module-banner-background {
      width: 100% !important;
      padding: 7rem 1rem !important;
    }

    #search-box {
      padding: 10px !important;

      background-color: rgb(131 134 143 / 60%);
      width: 100%;
      height: auto;
      border-top: 1.5px solid white !important;
      border-bottom: 1.5px solid white !important;
      border-left: none !important;
      border-right: none !important;
      border-radius: 30px;
      min-height: unset !important;


    }

    .search-box-container.mobile-search-box .fixed-searchList {
      margin: 0 !important;
      z-index: 1000000 !important;
      border-radius: 0 !important;
    }

    .passengerbox.hidden-box {
      border-radius: 0 !important;
      margin: 0 !important;
      z-index: 1000000 !important;

    }

    .search-box-container.mobile-search-box .fixed-FlightClass,
    .search-box-container.mobile-search-box .fixed-traveltype,
    .search-box-container.mobile-search-box .fixed-flighttype,
    .search-box-container.mobile-search-box .fixed-Compartment,
    .search-box-container.mobile-search-box .fixed-Dropdownflighttype {
      height: 100% !important;
      z-index: 100000 !important;
      border-radius: 0 !important;
    }

    .close-searchList.bg-primary {
      background-color: var(--primary) !important;
    }

    .module-banner-background,
    .flight-banner-background {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-image: url('../images/bg-searchBox.jpg');
    }

    .Compartment-text {
      font-size: 14px !important;
    }

    .passengers-field {
      display: flex;
    }

    .module-banner-background * {
      filter: none !important;
    }

    #search-box input::placeholder {
      color: #18181b !important;
    }

    #search-box #r-flighthotel,
    #search-box #r-insurance,
    #search-box #r-flight,
    #search-box #r-hotel,
    #search-box #r-tour,
    #search-box #r-train {
      padding: 0 !important;
      background-color: transparent !important;
      width: 100%;
      height: auto;
      border: none !important;
      border-radius: 0 !important;
      min-height: unset !important;
    }
  }

  .label-compartment {
    display: none !important;
  }

  .Compartment-field {
    display: flex !important;
    align-items: center;
  }

  .Compartment-text {
    height: 100%;
    display: flex;
    align-items: center;
  }

  .book-border.book-border-zinc-200 {
    border: 1px solid var(--zinc-200) !important;
  }

  .searchList ul {
    height: unset !important;
  }

  .add-routs {
    background-color: transparent !important;
  }

  .Add-Remove:hover .add-routs span {
    color: white !important;

  }

  .form-search input[type="text"],
  .form-search select {
    width: 100%;
    padding: 6px 10px !important;
    border: 1px solid rgba(0, 0, 0, 0);
    direction: rtl;
    color: #313131;
    font-size: 14px;
    height: 32px !important;
    line-height: unset !important;
    border-radius: 10px;
  }

  .search-box-container .add-routs.deactive-addmc:hover {
    background-color: transparent !important;
  }

  .Add-Remove:hover add-routs.deactive-addmc {
    background-color: transparent !important;
  }

  .label-flighttype-cip,
  .label-traveltype {
    display: none !important;
  }

  .traveltype-text,
  .flighttype-text {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 14px !important;
  }

  #search-box {
    direction: rtl !important;
  }

  #picker {
    z-index: 10000000000 !important;
  }