svg { display: block; } html { -webkit-text-size-adjust: 100%; } body { direction: ltr !important; } input[type=text], input#mobile, input#sec_code, .sb_bank .widg_email .email .email_input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } body #main_wrapper, body .body { direction: rtl; } #homelinks_section ul li:before, #search_flight .exchange:after, .submenu_blog .box ul li:before, .sb_inn_box ul li:before, .ch_icon { background-image: url(../images/ch_iconssss.png?v=3.1); background-position: 0 0; background-size: 200px 340px; background-repeat: no-repeat; } .ch_icon_whatsapp { background-size: 300px 510px; } .icon_whatsapp_small { background-position: -143px -47px; width: 30px !important; height: 30px !important; border-radius: 50%; background-color: #25d366; right: auto !important; left: 10px !important; top: 5px !important; } .ch_icon_user { background-image: url(../images/ch_icon_user.png); background-position: 0 0; background-size: 200px 200px; background-repeat: no-repeat; } .pop-up-background { z-index: 99999 !important; } .jslider .jslider-value { background: none !important; } div.cssload-content-bg { padding: 20px 0; } div.cssload-content { margin: auto; display: box; display: -o-box; display: -ms-box; display: -webkit-box; display: -moz-box; display: flex; display: -o-flex; display: -ms-flex; display: -webkit-flex; display: -moz-flex; box-orient: vertical; -o-box-orient: vertical; -ms-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-direction: normal; -o-box-direction: normal; -ms-box-direction: normal; -webkit-box-direction: normal; -moz-box-direction: normal; flex-direction: column; -o-flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; box-align: center; -o-box-align: center; -ms-box-align: center; -webkit-box-align: center; -moz-box-align: center; align-items: center; -o-align-items: center; -ms-align-items: center; -webkit-align-items: center; -moz-align-items: center; box-pack: center; -o-box-pack: center; -ms-box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; justify-content: center; -o-justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; } .cssload-l1, .cssload-l2, .cssload-l3 { background: #089EBE; height: 5px; width: 30px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 5px; animation: cssload-loading1 1s 0s infinite ease-in-out; -o-animation: cssload-loading1 1s 0s infinite ease-in-out; -ms-animation: cssload-loading1 1s 0s infinite ease-in-out; -webkit-animation: cssload-loading1 1s 0s infinite ease-in-out; -moz-animation: cssload-loading1 1s 0s infinite ease-in-out; } .cssload-l2 { animation: cssload-loading2 0.5s 0s infinite ease-in-out alternate; -o-animation: cssload-loading2 0.5s 0s infinite ease-in-out alternate; -ms-animation: cssload-loading2 0.5s 0s infinite ease-in-out alternate; -webkit-animation: cssload-loading2 0.5s 0s infinite ease-in-out alternate; -moz-animation: cssload-loading2 0.5s 0s infinite ease-in-out alternate; } .cssload-l3 { animation: cssload-loading1 1s 0s infinite ease-in-out reverse; -o-animation: cssload-loading1 1s 0s infinite ease-in-out reverse; -ms-animation: cssload-loading1 1s 0s infinite ease-in-out reverse; -webkit-animation: cssload-loading1 1s 0s infinite ease-in-out reverse; -moz-animation: cssload-loading1 1s 0s infinite ease-in-out reverse; } @keyframes cssload-loading1 { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } @-o-keyframes cssload-loading1 { 0% { -o-transform: rotate(0deg); } 50% { -o-transform: rotate(180deg); } 100% { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-loading1 { 0% { -ms-transform: rotate(0deg); } 50% { -ms-transform: rotate(180deg); } 100% { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-loading1 { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-loading1 { 0% { -moz-transform: rotate(0deg); } 50% { -moz-transform: rotate(180deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes cssload-loading2 { 0% { transform: translateX(10px); } 100% { transform: translateX(-10px); } } @-o-keyframes cssload-loading2 { 0% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(-10px); } } @-ms-keyframes cssload-loading2 { 0% { -ms-transform: translateX(10px); } 100% { -ms-transform: translateX(-10px); } } @-webkit-keyframes cssload-loading2 { 0% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(-10px); } } @-moz-keyframes cssload-loading2 { 0% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(-10px); } } .pop-up.medium { width: 560px; } .pop-up.small { width: 400px; } html, body { height: 100%; } body { background: #fff; direction: rtl; text-align: right; font-size: 80%; font-family: chfont; } .ltr { direction: ltr; } html, body { height: 100%; width: 100%; } .container { background: none; width: 1200px; height: auto; margin: 0 auto; } p { font: normal 14px/22px chfont; } a.more_list { float: left; font: normal 13px/26px chfont; color: #2893b5; } .more_list:hover { color: #117291; } option { padding: 0 4px; } .red { color: red !important; font-family: tahoma; font-size: 13px; } .center { text-align: center; } .ltr { text-align: left; direction: ltr; } .text_box::-webkit-input-placeholder { color: #7e7e7e; } .text_box:-moz-placeholder { /* Firefox 18- */ color: #7e7e7e; } .text_box::-moz-placeholder { /* Firefox 19+ */ color: #7e7e7e; } .text_box:-ms-input-placeholder { color: #7e7e7e; } .displaynone { display: none !important; } .displayblock { display: block !important; } body .close_btn { left: auto; right: -11px; top: -10px; z-index: 9; } .adpmain, div.monthYearPicker { /*top: 50% !important; left: 50% !important; backface-visibility: hidden; transform-style: preserve-3d;*/ transform: translate(8%, -46%); } body .adpmain td, body .adpmain td a { width: 40px; height: 40px; line-height: 35px; } body .adpmain td a { border-radius: 4px; } body .adpmain a.today { background: none; color: #000 !important; border: 1px solid #2AACD5; } body .adpmain a.selected { color: #fff; } body .adpmain td { border-color: #eaeaea; } body .adpmain td.chanageMode { padding: 0 0 5px 0; } body .adpmain td.chanageMode a { display: inline-block; width: auto; border-radius: 0px; background-color: #2AACD5; color: #fff; padding: 0 17px; line-height: 40px; height: 38px; font-family: chfont !important; margin-bottom: 20px; border-radius: 6px; } body .adpmain td.chanageMode a:hover { /* color: #2AACD5; border-color: #2AACD5;*/ } body .adpmain td.chanageMode, body .adpmain td.pickerFoot { text-align: center; border: none; } body .adpmain td.pickerFoot { padding: 5px 0 0 0; } body .adpmain td.pickerFoot a { display: inline-block; background: #2AACD5; padding: 0 7px; border-radius: 6px; color: #555; line-height: 24px; height: 25px; border-radius: 0; background-color: transparent; } body .adpmain td.pickerFoot a:hover { background: unset; } body .adpmain table { border: 1px solid #d4d4d4; border-radius: 5px; } body .adpmain .pickerHead a { padding: 0; height: 35px; } body .adpmain td.calWeekdays { background: #fff; color: #717171; border-bottom: 1px solid #2aacd5; padding: 0; } body .adpmain a.monYear { font-size: 17px; margin: 0 10px; display: inline-block; min-width: 50px; } /* ----------- */ #divLoading { padding: 10px; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* ----------- */ .btn_res { float: left; position: relative; width: 127px; height: 32px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: rgba(15, 81, 162, 1); background: -moz-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(0, 72, 172, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(0, 27, 133, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(15, 81, 162, 1)), color-stop(48%, rgba(0, 72, 172, 1)), color-stop(51%, rgba(0, 51, 152, 1)), color-stop(100%, rgba(0, 27, 133, 1))); background: -webkit-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(0, 72, 172, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(0, 27, 133, 1) 100%); background: -o-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(0, 72, 172, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(0, 27, 133, 1) 100%); background: -ms-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(0, 72, 172, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(0, 27, 133, 1) 100%); background: linear-gradient(to bottom, rgba(15, 81, 162, 1) 0%, rgba(0, 72, 172, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(0, 27, 133, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f51a2', endColorstr='#001b85', GradientType=0); } .btn_res .btn_res_inn { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; width: 95px; height: 32px; color: #002a91; font: normal 15px/27px chfont; float: right; text-align: center; background: rgba(255, 213, 0, 1); background: -moz-linear-gradient(top, rgba(255, 213, 0, 1) 0%, rgba(255, 213, 0, 1) 48%, rgba(255, 191, 0, 1) 51%, rgba(255, 196, 0, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 213, 0, 1)), color-stop(48%, rgba(255, 213, 0, 1)), color-stop(51%, rgba(255, 191, 0, 1)), color-stop(100%, rgba(255, 196, 0, 1))); background: -webkit-linear-gradient(top, rgba(255, 213, 0, 1) 0%, rgba(255, 213, 0, 1) 48%, rgba(255, 191, 0, 1) 51%, rgba(255, 196, 0, 1) 100%); background: -o-linear-gradient(top, rgba(255, 213, 0, 1) 0%, rgba(255, 213, 0, 1) 48%, rgba(255, 191, 0, 1) 51%, rgba(255, 196, 0, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 213, 0, 1) 0%, rgba(255, 213, 0, 1) 48%, rgba(255, 191, 0, 1) 51%, rgba(255, 196, 0, 1) 100%); background: linear-gradient(to bottom, rgba(255, 213, 0, 1) 0%, rgba(255, 213, 0, 1) 48%, rgba(255, 191, 0, 1) 51%, rgba(255, 196, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd500', endColorstr='#ffc400', GradientType=0); } .btn_res .icon { width: 25px; height: 32px; line-height: 25px; float: left; color: #fff; display: block; text-align: center; transform: rotate(90deg); -o-transform: rotate(90deg); /* IE 9 */ -moz-transform: rotate(90deg); /* IE 9 */ -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ } .btn_res i.icon::before { font-size: 12px; } .btn_res .sub { background: none; position: absolute; top: 0; right: 0; border: none; padding: 0; width: 100%; height: 28px; cursor: pointer; } .btn_res:hover .btn_res_inn { background: none; color: #fff; } div#purchase .btn_res { float: unset; display: block; margin: 0 auto; } div#purchase .btn_res .btn_res_inn { font: bold 14px/32px chfont; } div#purchase .btn_ch1:hover { background: transparent !important; } div#purchase input { background-color: transparent !important; } .codesecu .line.sec_code, .codesecu .sbsecu { margin-top: 0 !important; margin-bottom: 0 !important; } body #other_menu>ul>li { vertical-align: top; } #body_bg_mobile_menu { background: none; position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 501; z-index: -1; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } body.bg_mobile_menu #body_bg_mobile_menu { opacity: 1; z-index: 8; } #full_bg { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 501; display: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #full_bg_menu { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; /*display: none;*/ -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } body.submenu_blog_active #full_bg_menu { opacity: 1; z-index: 450; } .active_sidebar { overflow: hidden; } .active_sidebar #full_bg { display: block; } #full_bg_result { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 5; display: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .active_sidebar_result #full_bg_result { display: block; } #sidebar_btn, .efi-close { width: 24px; display: none; float: right; height: 22px; position: fixed; margin: 16px 10px 0 11px; right: 2px; top: 8px; z-index: 510; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; cursor: pointer; } #sidebar_btn span, .efi-close span { display: block; position: absolute; height: 3px; width: 100%; background: #677a7e; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .active_sidebar #sidebar_btn span { background: #fff; height: 2px; } /* Icon 4 */ #sidebar_btn span:nth-child(1), .efi-close span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #sidebar_btn span:nth-child(2), .efi-close span:nth-child(2) { top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #sidebar_btn span:nth-child(3), .efi-close span:nth-child(3) { top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #sidebar_btn.open span:nth-child(1), .efi-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 4px; } #sidebar_btn.open span:nth-child(2), .efi-close span:nth-child(2) { width: 0%; opacity: 0; } #sidebar_btn.open span:nth-child(3), .efi-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 17px; left: 4px; } /* ------------------header-------------------- */ #header_bg { background: #fff; background-position: center center; background-repeat: no-repeat; height: 170px; } #header { display: block; float: left; display: none; max-width: 100%; } #header_responsive { display: none; } /* ------------------mobile_sidebar-------------------- */ body #mobile_sidebar { background: #fff; position: absolute; width: 256px !important; height: auto; float: none !important; top: 100%; left: 0px; z-index: 505; overflow-y: auto; overflow-x: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); border-radius: 0 0 5px 5px; } body #mobile_sidebar .sb_menu .blog { display: none; } body.active_sidebar #mobile_sidebar { right: 0; } body #mobile_sidebar .toggle_box { padding: 10px; border-radius: 0 0 5px 5px; } #mobile_sidebar_head { background-image: linear-gradient(-135deg, #21254e, #232c58 19%, #232c58 0, #232c58 0, #232d5a 23%, #232d5a 0, #24305d 40%, #24305d 0, #24305d 0, #2b4a83 87%); text-align: center; position: relative; top: -73px; width: 140%; margin-right: -20%; margin-bottom: -60px; padding-top: 65px; border-radius: 700px/251px; } #mobile_sidebar_head .inn { padding: 26px 0 5px; width: 250px; margin: 0 auto; } #mobile_sidebar .user_pic { background-image: url(../images/ch_iconssss.png?v=3.1); background-size: 550px 935px; background-repeat: no-repeat; background-position: -248px -633px; width: 54px; height: 54px; border-radius: 50%; margin: 0 auto 5px auto; } #mobile_sidebar .sb_title { font: bold 14px/30px chfont; color: #fff; } .login_register { padding: 5px 0; width: 175px; height: 23px; margin: 0 auto; margin-bottom: 5px; overflow: hidden; font-size: 15px; } .login_register a { color: #fff; float: right; opacity: 0.8; width: 50%; padding: 0 18px; box-sizing: border-box; text-align: right; line-height: 20px; position: relative; } .login_register a:first-child:before { background: #aaa; position: absolute; left: 0; top: 5px; width: 1px; content: ''; height: 11px; } .login_register a#login_btn { text-align: left; } .login_register a:hover { opacity: 1; } #mobile_sidebar .price { font: 15px/30px chfont; color: #fff; margin-bottom: 8px; } .sb_menu { padding: 0 12px 12px; clear: both; } .sb_menu ul li .item { display: block; color: #63696d; font: 14px/40px chfont; padding: 0 50px 0 0; position: relative; border-radius: 5px; -webkit-transition: .525s ease-in-out; -moz-transition: .525s ease-in-out; -o-transition: .525s ease-in-out; transition: .525s ease-in-out; } .sb_menu .arrow_icon { background-position: 0 -140px; position: absolute; left: 12px; top: 12px; width: 15px; height: 15px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .active_toggle .arrow_icon { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } #main_nav .sb_menu .active_toggle { border-radius: 5px 5px 0 0; } #main_nav .sb_menu ul li .item:hover, #main_nav .sb_menu .active_toggle, #main_nav .sb_menu>ul>li>a:hover { background: #f2f3f5; } #main_nav .sb_menu ul li li a { line-height: 30px; padding: 0 10px !important; } #main_nav .sb_menu .toggle_box a:hover { color: #000; } #main_nav .sb_menu ul li .icon { position: absolute; right: 12px; top: 9px; width: 20px; height: 20px; color: #63696d; } #main_nav #other_menu .sb_menu ul li .icon { width: 25px; height: 25px; } #mobile_sidebar .sb_menu ul li.home .icon { background-position: -60px 0; } #mobile_sidebar .sb_menu ul li.help .icon { background-position: -60px -20px; } #mobile_sidebar .sb_menu ul li.about .icon { background-position: -60px -40px; } #mobile_sidebar .sb_menu ul li.esterdad .icon { background-position: -60px -60px; } #mobile_sidebar .sb_menu ul li.law .icon { background-position: -60px -80px; } #mobile_sidebar .sb_menu ul li.ticket .icon { background-position: -60px -100px; } #mobile_sidebar .sb_menu ul li.dashboard .icon { background-position: -60px -120px; } #mobile_sidebar .sb_menu ul li.logout .icon { background-position: -60px -140px; } #mobile_sidebar .sb_menu ul li.blog .icon { background-position: -60px -160px; } .language_menu { position: relative; width: 100px; margin: 0 auto 4px auto; height: 26px; left: -7px; } .language_menu .language { overflow: hidden; color: #63696d; cursor: pointer; width: 115px; font-size: 14px; } .language_menu>a { color: #fff; display: block; line-height: 28px; height: 28px; overflow: hidden; padding-bottom: 8px; } .language_menu i { background-position: 0 -160px; float: left; height: 18px; width: 20px; margin: 4px 9px 0 0; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .language_menu i::before { font-size: 12px; } .language_menu .active_toggle i { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .language_menu ul li a { display: block; padding: 5px 12px 5px 0; overflow: hidden; height: 30px; color: #fff; text-align: right; font: normal 14px/30px chfont; } .language_menu ul li.en a { font-family: Tahoma; } .language_menu span.lang { float: right; width: 22px; height: 16px; margin: 6px 0 0 8px; } .language_menu .en span.lang, .language_menu .fa span.lang, .language_menu .ar span.lang, .language_menu .tr span.lang, .language_menu .zh span.lang { background-image: url(../images/ch_iconssss.png?v=3.1); background-size: 250px 424px; background-repeat: no-repeat; background-position: 0 0; } .language_menu .en span.lang { background-position: -1px -52px; } .language_menu .fa span.lang { background-position: -1px -3px; } .language_menu .ar span.lang { background-position: -1px -28px; } .language_menu .tr span.lang { background-position: -217px -28px; } .language_menu .zh span.lang { background-position: -217px -52px; } .language_menu .en { font-family: arial; } span.trlang { line-height: 25px; } .language_menu ul { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; background: rgba(42, 72, 127, 0.75); border: 1px solid rgba(42, 72, 127, 1); border-top: none; position: absolute; display: none; left: 0; top: 32px; width: 100px; z-index: 999; padding: 0 !important; } #main-nav ul.menu>li>ul.sub-menu { position: absolute; right: 0px; top: 50px; background: #fff; border: 1px solid #f0f5f9; border-top: none; width: 200px; z-index: 999; padding: 10px; box-sizing: border-box; } #main-nav ul.menu>li.fullmenu>ul.sub-menu { width: 100%; } #main-nav ul.menu>li:hover { background: #fff; } /* ------------------main_nav-------------------- */ #main_nav { background-color: #fff; position: relative; top: 0; padding: 0px; right: 0; z-index: 500; width: 100%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } #logo { float: right; min-height: 50px; max-width: 300px; overflow: hidden; } #logo a { display: block; text-align: right; } #logo img { display: block; max-width: 100%; width: auto; height: 65px; } #other_menu { float: right; position: relative; height: 100%; margin-right: 20px; } body .other_menu_mobile li .menu_toggle_btn { padding-left: 12px !important; } body .other_menu_mobile>ul>li { margin: 0 1px !important; } #other_menu>ul>li { float: right; position: relative; line-height: 100%; min-height: 100%; color: #707a82; display: table; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } #other_menu>ul>li:before { content: ''; left: 0; position: absolute; background: #ddd; width: 1px; height: 20px; top: 50%; margin-top: -10px; } #other_menu>ul>li:last-child:before { display: none; } #other_menu li .menu_toggle_btn, #other_menu>ul>li>a { color: #707a82; padding: 0 40px 0 10px; cursor: pointer; font-size: 15px; display: block; color: #00a2d5 !important; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } #other_menu li .menu_toggle_btn { padding-left: 25px !important; } #other_menu li a:hover { color: #656565; } #other_menu li .menu_toggle_box { position: absolute; right: 0; top: 100%; width: 180px; background: #fff; border-top: 1px solid #eaeaea; border-radius: 0 0 5px 5px; padding: 12px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); opacity: 0; z-index: -1; visibility: hidden; transform: translateY(2em); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } #other_menu li.active .menu_toggle_box { visibility: visible; opacity: 1; z-index: 9999; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } #other_menu .ch_icon_t1 { background-position: 0 0 !important; } #other_menu .ch_icon_t2 { background-position: -25px 0 !important; } #other_menu .ch_icon_t3 { background-position: -50px 0 !important; } #other_menu .ch_icon_t4 { background-position: -75px 0 !important; } #other_menu .ch_icon_t5 { background-position: -100px 0 !important; } #other_menu .ch_icon_t6 { background-position: -125px 0 !important; } #other_menu .ch_icon_t7 { background-position: -150px 0 !important; } #other_menu .ch_icon_t8 { background-position: -175px 0 !important; } #other_menu .ch_icon_t9 { background-position: 0px -25px !important; } #other_menu .ch_icon_t10 { background-position: -25px -25px !important; } #other_menu .ch_icon_t11 { background-position: -50px -25px !important; } #other_menu .ch_icon_t12 { background-position: -75px -25px !important; } #other_menu .ch_icon_t13 { background-position: -100px -25px !important; } #other_menu .ch_icon_t14 { background-position: -125px -25px !important; } #other_menu .ch_icon_t15 { background-position: -150px -25px !important; } #other_menu .ch_icon_t16 { background-position: -175px -25px !important; } #other_menu .ch_icon_t17 { background-position: 0px -50px !important; } #other_menu .ch_icon_t18 { background-position: -25px -50px !important; } #other_menu .ch_icon_t19 { background-position: -50px -50px !important; } #other_menu .ch_icon_t20 { background-position: -75px -50px !important; } #other_menu .ch_icon_t21 { background-position: -100px -50px !important; } #other_menu .ch_icon_t22 { background-position: -125px -50px !important; } #other_menu .ch_icon_t23 { background-position: -150px -50px !important; } #other_menu .ch_icon_t24 { background-position: -175px -50px !important; } #other_menu .ch_icon_b1 { background-position: 0 -100px !important; } #other_menu .ch_icon_b2 { background-position: -25px -100px !important; } #other_menu .ch_icon_b3 { background-position: -50px -100px !important; } #other_menu .ch_icon_b4 { background-position: -75px -100px !important; } #other_menu .ch_icon_b5 { background-position: -100px -100px !important; } #other_menu .ch_icon_b6 { background-position: -125px -100px !important; } #other_menu .ch_icon_b7 { background-position: -150px -100px !important; } #other_menu .ch_icon_b8 { background-position: -175px -100px !important; } #other_menu .ch_icon_b9 { background-position: 0px -125px !important; } #other_menu .ch_icon_b10 { background-position: -25px -125px !important; } #other_menu .ch_icon_b11 { background-position: -50px -125px !important; } #other_menu .ch_icon_b12 { background-position: -75px -125px !important; } #other_menu .ch_icon_b13 { background-position: -100px -125px !important; } #other_menu .ch_icon_b14 { background-position: -125px -125px !important; } #other_menu .ch_icon_b15 { background-position: -150px -125px !important; } #other_menu .ch_icon_b16 { background-position: -175px -125px !important; } #other_menu .ch_icon_b17 { background-position: 0px -150px !important; } #other_menu .ch_icon_b18 { background-position: -25px -150px !important; } #other_menu .ch_icon_b19 { background-position: -50px -150px !important; } #other_menu .ch_icon_b20 { background-position: -75px -150px !important; } #other_menu .ch_icon_b21 { background-position: -100px -150px !important; } #other_menu .ch_icon_b22 { background-position: -125px -150px !important; } #other_menu .ch_icon_b23 { background-position: -150px -150px !important; } #other_menu .ch_icon_b24 { background-position: -175px -150px !important; } #other_menu .sb_menu ul li .item { padding: 0 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0; } #other_menu li .icon_menu { position: absolute; right: 7px; top: 50%; margin-top: -12px; width: 25px; height: 25px; transform: scale(1.3); } #other_menu .sb_menu li .icon { float: right; position: static !important; margin: 5px 0 0 9px; width: 20px; height: 20px; } #header_menu { float: left; position: absolute; z-index: 99999; left: 0; top: 0; height: 100%; } #header_menu .menu { float: left; padding: 0 43px 0 15px; position: relative; height: 100%; line-height: 100%; cursor: pointer; display: table; color: #707a82; } #header_menu .menu.blog_menu, #header_menu .menu.contact_menu, #header_menu .menu.user_menu { padding-left: 30px; } #other_menu li .arrow_icon, #header_menu .menu .arrow_icon { background-position: 0 -180px; position: absolute; width: 20px; height: 20px; left: 5px; top: 50%; margin-top: -10px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } #other_menu li.active .arrow_icon, body.submenu_contact_active #header_menu .contact_menu .arrow_icon, body.submenu_user_active #header_menu .user_menu .arrow_icon, body.submenu_blog_active #header_menu .blog_menu .arrow_icon { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .other_menu_mobile { display: none; } .other_menu_mobile .sb_menu { text-align: right; } body .other_menu_mobile li .menu_toggle_box { background: #fafafa !important; } .other_menu_mobile li .menu_toggle_btn:after { border-bottom-color: #fafafa !important; } .other_menu_mobile li .menu_toggle_box { width: 150px !important; } #header_menu .menu .separator { position: absolute; background: #ddd; width: 1px; height: 20px; right: 0; top: 50%; margin-top: -10px; } #header_menu .menu:last-child .separator { display: none; } #header_menu .menu .txt { display: table-cell; vertical-align: middle; font-size: 15px; } body.submenu_contact_active #header_menu .contact_menu, body.submenu_user_active #header_menu .user_menu, body.submenu_blog_active #header_menu .blog_menu { color: #2AACD5; } #header_menu .menu>.icon { position: absolute; right: 15px; width: 20px; height: 20px; top: 50%; margin-top: -10px; } #header_menu .submenu .box .ch_icon { position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; } #header_menu .user_menu>.icon { background-position: 0 -60px; } #header_menu .contact_menu>.icon { background-position: 0 -100px; } #header_menu .panel_menu>.icon { background-position: 0px -200px; } #header_menu .blog_menu>.icon { background-position: 0px -260px; } body.submenu_user_active #header_menu .user_menu>.icon { background-position: 0 -80px; } body.submenu_contact_active #header_menu .contact_menu>.icon { background-position: 0 -120px; } body.submenu_blog_active #header_menu .blog_menu>.icon { background-position: 0px -280px; } #header_menu .submenu { position: absolute; background-color: #fff; left: 0px; top: 100%; width: 300px; border-top: 1px solid #ccc; border-radius: 0 0 5px 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); opacity: 0; visibility: hidden; transform: translateY(2em); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .submenu_blog { position: absolute; background-color: #fff; left: 0px; top: 100%; width: 100%; padding: 0 6px; box-sizing: border-box; border-top: 1px solid #ccc; border-radius: 0 0 5px 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); opacity: 0; visibility: hidden; transform: translateY(2em); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } body.submenu_blog_active .submenu_blog { display: block; visibility: visible; opacity: 1; z-index: 99; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } .submenu_blog .box { float: right; width: 20%; box-sizing: border-box; padding: 8px 6px; } .submenu_blog .box2 { width: 40%; } .submenu_blog .box3 { width: 60%; } .submenu_blog .box4 { width: 80%; } .submenu_blog .box5 { width: 100%; } .submenu_blog .box .submenu_title { border-bottom: 1px solid #ddd; padding: 0 12px; color: #51727b; font: bold 14px/30px chfont; } .submenu_blog .box ul { padding: 8px; overflow: hidden; } .submenu_blog .box ul li,.sb_inn_box ul li { float: right; position: relative; box-sizing: border-box; padding-right: 14px; } .submenu_blog .box ul li:before,.sb_inn_box ul li:before { background-position: -115px 0; position: absolute; content: ''; display: block; right: 0; top: 9px; width: 10px; height: 10px; } .submenu_blog .box ul li a { font: normal 14px/26px chfont; color: #636363; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 12px; } .submenu_blog .box ul li a:hover { color: #000; } .submenu_blog .box1 ul li { width: 100%; } .submenu_blog .box2 ul li { width: 50%; } .submenu_blog .box3 ul li { width: 33.3%; } .submenu_blog .box4 ul li { width: 25%; } .submenu_blog .box5 ul li { width: 25%; } .submenu_blog .box .more a { color: #2AACD5; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .submenu_blog .box .more a:hover { color: #2689ae; } #header_menu .panel_menu.active:after, #header_menu .panel_menu.active:before, #header_menu .panel_menu:after, #header_menu .panel_menu:before { display: none !important; } #other_menu li .menu_toggle_btn:after, #other_menu li .menu_toggle_btn:before, #header_menu .menu:after, #header_menu .menu:before { bottom: -1px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; z-index: 99999; position: absolute; pointer-events: none; opacity: 0; visibility: hidden; transform: translateY(2em); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } #other_menu li.active .menu_toggle_btn:after, #other_menu li.active .menu_toggle_btn:before, body.submenu_contact_active #header_menu .contact_menu:after, body.submenu_contact_active #header_menu .contact_menu:before, body.submenu_user_active #header_menu .user_menu:after, body.submenu_user_active #header_menu .user_menu:before, body.submenu_blog_active #header_menu .blog_menu:after, body.submenu_blog_active #header_menu .blog_menu:before { display: block; visibility: visible; opacity: 1; z-index: 99999; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } #other_menu li .menu_toggle_btn:after, #header_menu .menu:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #f5f5f5; border-width: 8px; margin-left: -8px; } #other_menu li .menu_toggle_btn:before, #header_menu .menu:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #ccc; border-width: 9px; margin-left: -9px; } #other_menu li .menu_toggle_btn:after { border-bottom-color: #fff } #header_menu .blog_menu:after { border-bottom-color: #fff; } body.submenu_contact_active #header_menu .submenu_contact { display: block; visibility: visible; opacity: 1; z-index: 9999; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } #header_menu .submenu .box.en { font-family: Tahoma; } .submenu .head_menu { background: #f5f5f5; font: 14px/40px chfont; color: #316473; position: relative; padding: 0 53px 0 20px; } .submenu_blog .head_menu { display: none; } .submenu .head_menu .contact_menu_close { background-position: 0 -240px; position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; cursor: pointer; display: none; } #header_menu .submenu .boxs { padding: 8px 12px; } #header_menu .submenu .box.address { font-family: chfont; } #header_menu .submenu .box { line-height: 22px; padding: 12px 15px 12px 10px; margin-bottom: 11px; box-shadow: 0 0 5px #e5e5e5; overflow: hidden; position: relative; color: #63696d; border-radius: 10px; font-size: 14px; -webkit-transition: .525s ease-in-out; -moz-transition: .525s ease-in-out; -o-transition: .525s ease-in-out; transition: .525s ease-in-out; } #header_menu .submenu .box a { display: block; color: #63696d; overflow: hidden; text-overflow: ellipsis; } #header_menu .submenu .box:hover { background: #f2f3f5; } #header_menu .submenu .box.email .ch_icon { background-position: -30px 0; } #header_menu .submenu .box.phone .ch_icon { background-position: -30px -20px; } #header_menu .submenu .box.support .ch_icon { background-position: -30px -40px; } #header_menu .submenu .box.mobile-chat .ch_icon { background-position: -30px -60px; } #header_menu .submenu .box.fax .ch_icon { background-position: -30px -80px; } #header_menu .submenu .box.card-bank .ch_icon { background-position: -30px -100px; } #header_menu .submenu .box.address .ch_icon { background-position: -30px -120px; } #header_menu .submenu .box.mobile .ch_icon { background-position: -30px -140px; } #header_menu .social { text-align: center; padding: 10px 12px; border-top: 1px solid #eee; } #header_menu .social a { width: 25px; height: 25px; padding: 5px; float: right; } #header_menu .social a .ch_icon { display: block; width: 25px; height: 25px; } #header_menu .social a.twitter .ch_icon { background-position: -90px -0px; } #header_menu .social a.telegram .ch_icon { background-position: -90px -25px; } #header_menu .social a.google_plus .ch_icon { background-position: -90px -50px; } #header_menu .social a.facebook .ch_icon { background-position: -90px -75px; } #header_menu .social a.digg .ch_icon { background-position: -90px -100px; } #header_menu .social a.youtube .ch_icon { background-position: -90px -125px; } #header_menu .social a.instagram .ch_icon { background-position: -90px -150px; } #header_menu .social a.aparat .ch_icon { background-position: -90px -175px; } #main_nav .container { position: relative; width: auto; margin: 0 15px; } #main_nav ul li.language a { position: relative; } #main_nav ul li.language a i { position: absolute; left: 0; top: 0; } #main_nav ul li #register_btn i::before { font-size: 15px; } .icon-tag-search::before { font-size: 22px !important; } #main_menu { float: right; } #main_menu ul li { background: url(../images/libg1.gif) no-repeat left center; float: right; padding: 0 10px 0 14px; } #peygiri_innbox { min-height: 228px; } #peigiri_form .btn { clear: both; width: 150px; text-align: center; height: 44px; line-height: 40px; margin: 15px auto; display: block; } #peygiri_message .success span, #peygiri_message .error span { padding: 10px; display: block; border: 1px solid #eee; color: #232323; font-size: 15px; } #footer_logo #social_box { display: none; } #sidebar .sb_title .logo { display: none; } .mini_logo_bg { background: #2AACD5; display: none; } #peygiri_message .success span { background-color: #A3FFC9; } #peygiri_message .error span { background-color: #FFC1C2; } #second_menu { min-width: 10px; height: 37px; float: right; position: relative; } #second_menu ul li { background: url(../images/libg1.gif) no-repeat right center; float: left; margin-right: 10px; padding: 0 12px 0 0; } #second_menu ul li.language { position: relative; width: 80px; } #second_menu ul li.language i { transform: rotate(90deg); -o-transform: rotate(90deg); /* IE 9 */ -moz-transform: rotate(90deg); /* IE 9 */ -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ float: left; margin: 0 9px 0 0; } #second_menu ul li.language i::before { font-size: 12px; } #second_menu ul li span.lang { float: right; width: 20px; height: 16px; margin: 11px 0 0 8px; background-size: 100% !important; } #second_menu ul li.en span.lang { background: url(../images/flags/en.png) no-repeat; } #second_menu ul li.fa span.lang { background: url(../images/flags/pr.png) no-repeat; } #second_menu ul li.ar span.lang { background: url(../images/flags/ar.png) no-repeat; } #second_menu ul li li.en span.lang { background: url(../images/flags/en.png) no-repeat; } #second_menu ul li li.fa span.lang { background: url(../images/flags/pr.png) no-repeat; } #second_menu ul li li.ar span.lang { background: url(../images/flags/ar.png) no-repeat; } #second_menu ul li.en { font-family: arial; } #second_menu ul ul { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; background: #f7f7f7; border: 1px solid #d3d3d3; border-top: none; position: absolute; left: 0; top: 37px; width: 110px; display: none; z-index: 999; } #second_menu ul li:hover ul { display: block; } #second_menu ul ul li { background: none; border-bottom: 1px solid #d3d3d3; float: none; margin: 0; width: auto; } #second_menu ul ul li:last-child { border: none; } /* ------------------#wrapper-------------------- */ #wrapper { padding: 10px 0; } #sidebar { float: right; width: 24%; } #sidebar_inn { margin-left: 15px; } #sidebar .widg { overflow: hidden; /*background-color: #fcfcfc;*/ margin-bottom: 5px; border: 1px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: unset; /*box-shadow: 0px 2px 7px rgba(0,0,0,.15);*/ } #sidebar .widg p { text-align: justify; color: #636363; padding: 0px 0px; line-height: 24px; } #sidebar .widg_inn { padding: 12px 20px; height: 172px; } #sidebar .widg_about .widg_inn { height: auto; max-height: 237px; } #sidebar_result>div.widg.widg_about { display: none; } #sidebar .widg_inn.scroll-wrapper { margin-top: 18px !important; /*margin-bottom: 12px !important;*/ padding-bottom: 0; height: 220px; margin-bottom:26px ; } #sidebar .widg_inn .widg_inn { margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } #sidebar #search_flight .widg_inn { height: auto; } #sidebar .sb_title { position: relative; padding: 5px 20px 2px 0px; height: 32px; line-height: 30px; font-size: 15px; color: #2aacd5; margin-bottom: 4px; border-bottom: 1px solid rgb(42, 172, 213); border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } #sidebar .sb_title h2 { font-size: 14px; } #sidebar .sb_title .sbt_icon { background-color: #2aacd5; position: absolute; right: 0; bottom: -10px; color: #fff; line-height: 20px; text-align: center; width: 20px; height: 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } #sidebar .sb_title .sbt_icon i { display: block; text-shadow: none; transform: rotate(45deg); -o-transform: rotate(45deg); /* IE 9 */ -moz-transform: rotate(45deg); /* IE 9 */ -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ } #sidebar .sb_title .sbt_icon i::before { font-size: 15px; } #slider_vertical .viewport { height: 155px; overflow: hidden; position: relative; } #slider_vertical .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; width: 100%; } .autocomplete-suggestions { background: #fff none repeat scroll 0 0; border: 1px solid #999; box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.14); cursor: default; overflow: auto; } .autocomplete-suggestion { padding: 10px 10px 0 0; } #search_flight { background-color: #d4d4d4; } #search_flight .label_box { overflow: hidden; } #search_flight .label_box label { font: normal 13px/23px chfont; color: #666; } .text_box { border: none; /* border-bottom: 1px solid #e2e2e2; */ background-color: #fff; color: #636363; padding: 0 10px; font: normal 13px/36px chfont; box-sizing: border-box; width: 100%; max-width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #search_flight .text_box { height: 45px !important; font: normal 14px/57px chfont; } .text_box::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #636363; opacity: 1; /* Firefox */ } .text_box:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #636363; } .text_box::-ms-input-placeholder { /* Microsoft Edge */ color: #636363; } textarea.text_box { min-height: 60px; } .text_box_captcha { width: 53%; } /*.text_box_en { font-family: tahoma; font-size: 13px; letter-spacing: 0.03em; }*/ .text_box:focus { border-color: rgba(94, 129, 255, 0.34); } .require { color: red; font-size: 20px; display: inline-block; line-height: 23px; } #search_flight { position: relative; } #search_flight .arrow_city { position: absolute; left: 0px; top: 12px; width: 14px; height: 14px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; display: none; } #search_flight .arrow_city:hover { border-color: #888; } #search_flight .arrow_city i { line-height: 14px; height: 14x; width: 14px; display: block; } #search_flight .arrow_city i::before { font-size: 10px; color: #ff8d41; } #search_flight .main_inp { position: relative; /* padding-left: 24px; */ right: 0; width: 100%; clear: both; box-sizing: border-box; } #search_flight .main_inp_inn { position: relative; height: 45px; } #search_flight .main_inp .text_box { -webkit-appearance: none; right: 0; padding-right: 50px; } body #search_flight .line_box_date .main_inp .text_box { font-family: chfont; font-size: 15px; border: 1px solid #e2e2e2; border-top: 0; border-radius: 0px 0px 7px 7px; height: 47px !important; } .line_box.line_box_maghsad { border: 1px solid #e2e2e2; border-top: 0; border-bottom: 0; } body #search_flight .line_box_date .main_inp .text_box::placeholder { font: normal 14px/47px chfont; } #search_flight .main_inp .input_icon { position: absolute; right: 15px; top: 10px; width: 25px; height: 25px; content: ''; z-index: 7; } i.input_icon.ch_icon { background-size: 234px 400px; } .line_box_date i.input_icon.ch_icon { background-size: 210px 360px; } #search_flight .line_box_mabda .main_inp .input_icon { background-position: -145px -70px; } #search_flight .line_box_maghsad .main_inp .input_icon { background-position: -145px -93px; } #search_flight .line_box_date .main_inp .input_icon { background-position: -134px -103px; width: 22px; height: 22px; } #search_flight .line_box { /* margin-bottom: 8px; */ overflow: hidden; } #search_flight .exchange { width: 20px; height: 20px; padding: 5px; position: absolute; background-color: #fff; border-radius: 50%; border: 1px solid #a1a1a1; z-index: 30; left: 15%; top: 85px; cursor: pointer; } #search_flight .exchange:after { background-position: -30px -160px; width: 20px; height: 20px; content: ''; display: block; } #search_flight .line_box_mabda { position: relative; border: 1px solid #e2e2e2; border-bottom: 0; border-radius: 7px 7px 0px 0px; } #search_flight .line_box_maghsad { border-radius: 0; } #search_flight .line_box2 { margin-bottom: 7px; } #search_flight .line_box_date { margin-bottom: 5px; /*12*/ } #return_date_box { opacity: 0.7; } #search_flight .half_box { width: 48%; } #search_flight .date_icon { position: absolute; left: -3px; top: 7px; width: 24px; height: 24px; text-align: center; display: none; } #search_flight .date_icon i { line-height: 24px; display: block; } #search_flight .date_icon i::before { font-size: 16px; color: #ff8d41; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #search_flight .return_date_deactive i::before { color: #999; } #search_flight .return_date_deactive #return_date_text_box { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; /* IE 8 */ filter: alpha(opacity=35); /* IE 5-7 */ -moz-opacity: 0.35; /* Netscape */ -khtml-opacity: 0.35; /* Safari 1.x */ opacity: 0.35; /* Good browsers */ } #search_flight .return_date_deactive #returning { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; /* IE 8 */ filter: alpha(opacity=35); /* IE 5-7 */ -moz-opacity: 0.35; /* Netscape */ -khtml-opacity: 0.35; /* Safari 1.x */ opacity: 0.35; /* Good browsers */ } #search_flight #return_date_text_box { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .autocomplete-suggestions { font: 13px/24px chfont; color: #777; direction: ltr; } .autocomplete-selected { border-color: #ddd; } #search_auto_from, #search_auto_to { direction: ltr; text-align: right; } .ch_button { width: 120px; height: 31px; z-index: 2; font-size: 14px; position: relative; border: 1px solid #ff6600; padding: 0 0 0 30px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 auto 15px auto; line-height: 28px; color: #666; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .ch_button .sub { position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 9; background: none; border: none; cursor: pointer; } .ch_button:hover { background-color: rgba(0, 0, 0, 0.02); color: #7a7a7a; } .ch_button .circle1 { position: absolute; border: 3px solid #1b7dc2; width: 29px; height: 29px; left: -2px; top: -2px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .ch_button .circle2 { position: absolute; border: 3px solid #23dcd9; height: 18px; left: 3px; top: 4px; width: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .ch_button i { position: absolute; left: -9px; text-align: center; top: 1px; width: 28px; height: 28px; line-height: 26px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #f47c20; z-index: 6; transform: rotate(-90deg); -o-transform: rotate(-90deg); /* IE 9 */ -moz-transform: rotate(-90deg); /* IE 9 */ -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .ch_button_loading { width: 100px; } .ch_button i { -webkit-transition: mymove 0.5s infinite; -moz-transition: mymove 0.5s infinite; -ms-transition: mymove 0.5s infinite; -o-transition: mymove 0.5s infinite; transition: mymove 0.5s infinite; } @-webkit-keyframes mymove { from { left: -6px; } to { left: -15px; } } @-moz-keyframes mymove { from { left: -6px; } to { left: -15px; } } @-o-keyframes mymove { from { left: -6px; } to { left: -15px; } } @keyframes mymove { from { left: -6px; } to { left: -15px; } } .ch_button:hover i { left: -15px; } .ch_button .bg { background-color: #fff; width: 30px; height: 30px; position: absolute; z-index: 5; left: -13px; top: 0px; transform: rotate(45deg); -o-transform: rotate(45deg); /* IE 9 */ -moz-transform: rotate(45deg); /* IE 9 */ -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ } .widg_list ul li { position: relative; color: #636363; padding-right: 15px; } .widg_list ul li:before { position: absolute; right: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; content: ''; background: #2aacd5; } .widg_list ul li a { font: normal 13px/25px chfont; display: block; color: #636363; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widg_list ul li:hover, .widg_list ul li:hover a { color: #2aacd5; } /* ----- */ .ui-autocomplete-input { direction: ltr; } .ui-autocomplete { direction: ltr; } .jslider_box { padding: 0 15px; } body .jslider .jslider-value { font-size: 14px; top: -22px; color: #808080; direction: ltr; } body .jslider .jslider-scale ins { font-size: 13px; color: #6b6b66; } /* -----------------------#content----------------*/ #content { float: left; width: 76%; } .content_title_box { border-bottom: 0px solid #c7c7c7; overflow: hidden; color: #ff6600; line-height: 30px; margin-bottom: 1px; } .sr_tables_box{ min-height: 180px; } .content_title_box .content_title { margin-right: 10px !important; } .content_title_box i { float: left; margin: 0 0 0 10px; color: #2aacd5; font-size: 20px; display: none; } .content_title_box i::before { font-size: 22px; } .content_title_box .content_title { float: right; font-size: 16px; white-space: nowrap; line-height: 30px; font-weight: bold !important; display: none; } .content_title_box .content_title_en { float: left; font-size: 17px; font-style: italic; font-family: arial; } #content .ad_sb { float: left; width: 32%; } #content .ad_sb_inn { padding-right: 15px; } #content .ad_sb a { display: block; margin-bottom: 10px; } #content .ad_sb a img { display: block; width: 100%; } .special_route_box { float: right; width: 68%; } .news_details_page .special_route_box { float: none; width: auto; } .sr_table { float: right; width: 31.3%; margin: 0 1% 5px; box-sizing: border-box; /*background: #fcfcfc;*/ background: #fff; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-top: none; overflow: hidden; } .sr_table .t_head { padding: 2px 10px 10px 10px; border-bottom: 1px solid #ff6600; /* border: 1px solid #ccc; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;*/ } .sr_table .t_head i::before{ color: #636363; padding: 8px 2px 0px 2px; } .sr_table .t_head span{ font: 15px/22px chfont; color: #2aacd5; } .sr_table .t_table { float: right; font: 16px/27px chfont; color: #686868; white-space: nowrap; overflow: hidden; } .sr_table .content { height: 210px; /*padding: 0 0 0 17px;*/ margin: 8px 0 12px 0; } .sr_table .scroll-wrapper { margin: 8px 0 12px 0; } .scrollbar-inner,.scrollbar-outer{ overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; /*scrollbar-color: #2aacd5 #efefef;*/ scrollbar-color: #dfdfdf #f9f9f9; } .scrollbar-inner::-webkit-scrollbar-track,.scrollbar-outer::-webkit-scrollbar-track { background: #f9f9f9; border-radius: 8px; } .scrollbar-inner::-webkit-scrollbar-thumb,.scrollbar-outer::-webkit-scrollbar-thumb { background: #dfdfdf; border-radius: 8px; } .scrollbar-inner::-webkit-scrollbar,.scrollbar-outer::-webkit-scrollbar { width: 6px; } .scroll-wrapper { direction: ltr; } /* OLD Scroll bar jquery .scroll-wrapper .scrollbar-inner { padding-left: 6px; } .scrollbar-inner>.scroll-element.scroll-y { right: auto; left: 0; } .scrollbar-inner>.scroll-element.scroll-y { width: 6px !important; } .scrollbar-inner:hover>.scroll-element .scroll-element_track, .scrollbar-inner:hover>.scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .scrollbar-inner>.scroll-element .scroll-element_track { background-color: #ddd; } .scrollbar-inner>.scroll-element .scroll-bar { background-color: #2aacd5; } .scrollbar-inner>.scroll-element:hover .scroll-bar { background-color: #2aacd5; } .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar { background-color: #ddd; } *** OLD Scroll bar jquery *** */ .sr_table .line { border-bottom: 1px solid #ddd; padding: 5px 10px 5px 12px; color: #686868; display: block; overflow: hidden; font: normal 15px/25px chfont; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } #city_from_popup .sr_table .line { line-height: 28px; } .sr_table .line .city { float: right; direction: rtl; } .sr_table .line .price { float: left; font-size: 16px; } .sr_table .line:first-child { background-image: none; } .sr_table .line:hover { background-color: #dbdbdb36; } .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #ddd; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border: none; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container { margin-left: 15px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #2aacd5; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #2aacd5; } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #2aacd5; } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin-bottom: 0px; margin-top: 0px; } .mCSB_dragger_onDrag .mCSB_dragger_bar { background: #2aacd5 !important; } .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left: -3px; } /* ------------------------#owl_home_slide----------------------------------- */ .owl-carousel { direction: ltr; } #owl_home_slide { padding: 30px 0; background-color: #f7f7f7; overflow: hidden; display: none; } #owl_home_slide .item { margin: 0 10px; } #owl_home_slide img { display: block; width: 100%; } #owl_home_slide .owl-pagination { display: none; } #owl_home_slide .owl-buttons div { position: absolute; width: 50px; height: 50px; top: 50%; margin: -25px 0 0 0; padding: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5-7 */ -moz-opacity: 0.5; /* Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ opacity: 0.5; /* Good browsers */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-indent: -9999px; } #owl_home_slide .owl-buttons div:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* IE 5-7 */ -moz-opacity: 1; /* Netscape */ -khtml-opacity: 1; /* Safari 1.x */ opacity: 1; /* Good browsers */ } #owl_home_slide .owl-buttons div.owl-next { background: url(../images/icons.png) no-repeat 0 -50px; right: -50px; } #owl_home_slide .owl-buttons div.owl-prev { background: url(../images/icons.png) no-repeat 0 0; left: -50px; } #owl_home_slide .title { font: normal 20px/30px chfont; color: #007488; } #owl_home_slide .title a { color: #007488; display: block; } #owl_home_slide .price { font: normal 15px/30px chfont; color: #555; } #owl_home_slide .price span { font-family: arial; } /* ----------------------------------------footer_top --------------------*/ #footer_top { padding: 30px 0; display: none; } #footer_top .widg { float: right; box-sizing: border-box; } #footer_top .widg1 { width: 35%; padding-left: 25px; } #footer_top .widg2 { width: 40%; } #footer_top .widg3 { width: 45%; } #footer_top .widg .title { border-bottom: 1px solid #e1e1e1; color: #045a9e; font: normal 17px/30px chfont; margin-bottom: 10px; } #footer_top .widg-last { margin-left: 0px; } #owl-demo2 .owl-buttons { display: none; } #owl-demo2 img { display: block; width: 100%; } #owl-demo2 .owl-pagination { position: absolute; top: 0; width: 100%; } #owl-demo2 .owl-theme .owl-controls .owl-page span { background-color: #2aacd5; } #owl-demo2 .stitle { position: absolute; bottom: 0; width: 100%; padding: 5px 10px; color: #fff; font: normal 13px/20px chfont; background-color: rgba(0, 0, 0, 0.66); box-sizing: border-box; } #owl-demo2 .owl-controls .owl-page span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* IE 5-7 */ -moz-opacity: 1; /* Netscape */ -khtml-opacity: 1; /* Safari 1.x */ opacity: 1; /* Good browsers */ background: #fff; } #owl-demo2 .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #2AACD5; } #namad_slider_box { position: relative; padding-left: 40%; } .enemad_box { text-align: center; } .enemad_box .item { border: 1px solid #ddd; padding: 7px; box-sizing: border-box; border-radius: 5px; display: inline-block; /* width: 17%; */ width: 85px; height: 105px; position: relative; margin: 1%; } .enemad_box .item img { display: block; width: 100%; position: absolute; right: 0px; top: 0; left: 0; bottom: 0; margin: auto; cursor: pointer; } /* .enemad_box .item .padding{ padding-top: 130%; width: 100%; height: 0; } */ #namad_slider_box .item { margin: 5px auto; max-width: 110px; } #namad_slider_box .item img { display: block; width: 100%; } #namad_slider_box .owl-pagination, #namad_slider_box .owl-buttons { display: none; } /* --------------------------#footer_logo------------------------- */ #footer_logo { background: #2aacd5; padding: 5px 0; text-align: center; } #footer_logo img { display: block; margin: 0 auto; width: 100%; max-width: 680px; } #footer_logo img.icon { display: none; } /* --------------------------#footer------------------------- */ #footer #logo { float: none; display: inline-block; text-align: center; } #footer { background: #f9f9f9; padding: 40px 0 0px 0; } #footer .container { position: relative; } #footer .widg { float: right; box-sizing: border-box; } #footer .widg1 { width: 25%; } #footer .widg3 { width: 25%; float: left } #footer .widg2 { width: 50%; padding: 0 50px; text-align: center; } #footer .widg .footer_widg_title { font: 17px/40px chfont; color: #6f6f6f; margin-bottom: 10px; border-bottom: 1px solid #2aacd5; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #footer .widg2 .footer_widg_title { text-align: center; border: none; } .map_details { direction: ltr; height: auto; margin-bottom: 20px; } .map_details iframe { width: 100%; } #Expiration_price_box .pic { background-image: url('../images/39-min.png'); background-repeat: no-repeat; background-size: 50px; position: relative; display: block; height: 50px; width: 50px; margin: 0 auto; } #map.large { height: 500px; } #login_form .txtbox { float: right; width: 220px; height: 25px; line-height: 25px; max-width: 70%; margin-top: 0 !important; } #login_form label { float: right; width: 25%; } #img_sec { float: right; } #login_form .line.error1 #img_sec { margin-top: -12px; } #login_form .line { margin-bottom: 8px; overflow: hidden; } #address_footer { margin-bottom: 12px; } #address_footer ul li:last-child { font: 13px/30px chfont; } .contact_list_footer ul li { color: #6c6c6c; overflow: hidden; font: 14px/30px chfont; } .contact_list_footer ul li i { float: right; width: 25px; height: 30px; display: block; color: #545454; margin-left: 5px; } .contact_list_footer ul li.address { font-family: chfont; text-align: justify; } .footer_widg { float: left; width: 240px; } .saman_button { width: 100%; } .saman_button a { background: url(../images/saman.png) no-repeat center center; width: 100%; display: block; height: 65px; } .account { position: relative; padding-right: 40px; color: #4c4c4c; font: normal 13px/24px chfont; overflow: hidden; } .account i { position: absolute; right: 0; top: 0; display: block; width: 30px; height: 50px; line-height: 50px; color: #9b9b9b; } .account i::before { font-size: 30px; } #social_box { padding: 30px 0 0 0; text-align: center; } #social_box .title { font: normal 17px/30px chfont; color: #2f2f2f; margin-bottom: 10px; } #social_box ul li { margin-left: 4px; margin-bottom: 4px; text-align: center; display: inline-block; } #social_box ul li a { display: block; width: 25px; height: 25px; padding: 6px; line-height: 40px; color: #fff; background-color: #839ba2; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #social_box ul li a .ch_icon { width: 25px; height: 25px; display: block; } #social_box ul li.twitter .ch_icon { background-position: -145px -0px; } #social_box ul li.telegram .ch_icon { background-position: -145px -25px; } #social_box ul li.google_plus .ch_icon { background-position: -145px -50px; } #social_box ul li.facebook .ch_icon { background-position: -145px -75px; } #social_box ul li.digg .ch_icon { background-position: -145px -100px; } #social_box ul li.youtube .ch_icon { background-position: -145px -125px; } #social_box ul li.instagram .ch_icon { background-position: -145px -150px; } #social_box ul li.aparat .ch_icon { background-position: -145px -175px; } #social_box ul li a:hover { background-color: #72a4b3; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .footer_menu ul li a { color: #6c6c6c; white-space: nowrap; font: normal 14px/30px chfont; } .footer_menu ul li a:hover { color: #386ec0; } #copyright { background-color: #f0f0f0; text-align: center; padding: 0; color: #2f2f2f; font-family: tahoma; } #copyright a { color: #089ebe; } /* --------------------------popup---------------------- */ .pop-up.large { width: 1150px; max-width: 1150px; margin-left: -575px; } .btn { background-color: #2aacd5; border: none; padding: 0 30px; cursor: pointer; height: 35px; font: normal 15px/32px chfont; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn:hover { background-color: #00a2d5; } .popup_title { font: 16px/22px chfont; color: #ff6600; padding-bottom: 5px; margin-bottom: 12px; border-bottom: 1px solid #c7c7c7; } .popup_title i { float: right; margin: 0 0 0 10px; color: #bcbcbc; } .pop-up-content .line { margin-bottom: 6px; } .pop-up-content .line label { font: normal 13px/30px chfont; color: #868686; } input#purchaseButton { color: transparent; } .pop-up-content .txt_box { float: left; } .form .captcha { float: left !important; } .image_captcha { width: 120px; height: 30px; } #register_form fieldset { /*background: #F9F9F9;*/ padding: 12px 8px 6px 8px; direction: rtl; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #register_form fieldset legend { padding: 0 5px; color: #888; } #register_form .line { width: 48%; margin: 0 1% 8px 1%; float: right; } #register_form .radios_box { float: left; width: 156px; } #register_form .radio_box { margin: 0 8px; vertical-align: sub; } .error { text-align: center; font-size: 13px; padding: 7px; border: 2px solid #FF7A7A; background-color: rgba(255, 100, 100, 0.6); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 10px; } .success_b { text-align: center; font-size: 13px; padding: 7px; border: 2px solid #A3FFC9; background-color: #A3FFC9; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 10px; } #register_form .uemail { margin-bottom: 0; } #register_form label { float: right; } #register_form .text_box { float: left; width: 145px; } #register_form .message { padding: 0 0 4px 0; cursor: pointer; } #register_form .message span { color: #888888; -webkit-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; } #register_form .message:hover span { color: red; } #register_form .message strong { color: #2aacd5 !important; } #register_form .captcha { float: right !important; margin-right: 15px !important; } #register_form .btn { float: left; } .reqlable:after { content: '*'; color: red; } #register_form fieldset.codesecu { background-color: #ffffff; border: 1px solid #ddd; } /* ------ city_from_content ---------*/ #city_from_popup { min-height: 463px; } .city_from_content { padding: 0; } .city_from_content .t_head .flag { float: left; width: 16px; height: 11px; margin: 5px 0 0 0; } .city_from_content .sr_table { width: 30%; margin: 0 1.5% 15px 1.5%; } .city_from_content .line { margin-bottom: 0; } .city_from_content .big .content { height: 400px; } .city_from_content .mid .content { height: 132px; } .lit .content { height: 78px; } .city_from_content .sr_table .t_head .lang { float: left; margin: 4px 0 0 0; height: 20px; } /* ------ calcu_table ---------*/ #from_to_popup { min-height: 464px; } #from_to_popup .calcu_table_box { margin: 0 auto; width: 460px; } .calcu_table { float: right; width: 17.4%; margin: 2.3% 1.3%; text-align: center; color: #737272; font: normal 14px/24px chfont; } .calcu_table .titr { color: #686868; font-size: 13px; line-height: 18px; } .calcu_table .date i { margin: 0 4px; color: #999; } .calcu_table .date i::before { font-size: 15px; } .calcu_table .box { text-align: center; position: relative; font-weight: bold; } .calcu_table .box a { border-radius: 31px 0 26px 0; -moz-border-radius: 31px 0 26px 0; -webkit-border-radius: 31px 0 26px 0; border: 1px solid #ddd; background-color: #fefefe; height: 40px; padding: 15px 10px; color: #686868; /*#29c0d4;*/ display: block; font: 15px/19px chfont; /* letter-spacing: 0.03em;*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .calcu_table .box a:hover { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 0 31px 0 26px; -moz-border-radius: 0 31px 0 26px; -webkit-border-radius: 0 31px 0 26px; } .calcu_table .box .price { position: relative; z-index: 9; } .calcu_table .box .price span { font-family: chfont, tahoma; } .calcu_table .box .icon { display: none; position: absolute; width: 60px; height: 60px; right: 0px; top: 0px; left: 0px; bottom: 0px; margin: auto; text-align: center; line-height: 60px; color: #e5e5e5; z-index: 2; } .calcu_table .box .icon::before { color: #e5e5e5; font-size: 50px; } .calcu_table_box .btn { width: 76px; padding: 3px 10px; height: 30px; line-height: 30px; margin-bottom: 10px; margin-top: 32px; margin-left: 1.5%; color: #3767aa; font-size: 15px; font-family: chfont; background-color: transparent; border: 1px solid #ccc; text-align: center; } .calcu_table_box .page_next { float: left; direction: rtl; } .calcu_table_box .page_prev { float: right; direction: rtl; margin-right: 1.5%; } .calcu_table .date { font-family: chfont; color: #ff6600; font-size: 14px; line-height: 20px; } .pop-up { z-index: 999999; } .pop-up-content { border: 1px outset #4E5D5D; direction: rtl; background: #f5f5f5; /* Old browsers */ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .pop-up-content div#canceli_innbox{ overflow-x: auto; } .pop-up-content div#canceli_innbox table{ margin: 15px 0 15px 0; } .pop-up-content div#canceli_innbox textarea{ font: normal 14px/18px chfont; width: 98%; height: 30px; } .pop-up-content div#canceli_innbox .btn{ text-align: center; width: 180px; margin: 12px auto 15px auto; padding: 22px; float: left; font: normal 15px/0px chfont; } /* --------------------------------reserv_container-------------------------------- */ .reserve_sidebar { float: right; width: 21%; direction: rtl; } .reserve_sidebar_inn { border: 6px solid #ebebeb; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .reserve_sidebar .sb_title { background-color: #ebebeb; padding-bottom: 6px; } .reserve_sidebar .sb_title .title { float: right; font: bold 13px/25px chfont; color: #003399; } .reserve_sidebar .sb_title .icon { float: left; color: #003399; font-weight: bold; height: 25px; line-height: 25px; } .reserve_sidebar .sb_title .icon::before { font-size: 25px; } .reserve_sidebar_cnt { padding: 5px; } .reserve_sidebar_cnt .res_widg { padding-bottom: 4px; border-bottom: 1px solid #bbb; } .reserve_sidebar_cnt .res_widg .titr .law_toggle { float: left; color: #003399; font-size: 11px; cursor: pointer; margin-left: 10px; } .reserve_sidebar_cnt .res_widg .titr { font: normal 13px/27px chfont; color: #003399; overflow: hidden; margin-bottom: 6px; border-bottom: 1px solid #dedede; } .reserve_sidebar_cnt .res_widg .titr a span { color: #003399 !important; } .support_tell .supportb { font: 13px/27px chfont; color: #003399; border-bottom: 1px solid #dedede; margin-top: -7px; margin-bottom: 6px; } .support_tell ul { padding-right: 16px; } .reserve_sidebar_cnt .res_widg_last { border-bottom: none; } .reserve_sidebar_cnt .res_widg_last .titr { border-bottom: 1px solid #bbb; } .reserve_sidebar_cnt .res_widg .titr i { float: right; margin: 0 0 0 3px; height: 20px; width: 20px; text-align: center; } .reserve_sidebar_cnt .res_widg .titr i { background-position: -170px 0; /* margin-top: 4px; */ } .law-returned .toggle_box li { overflow: hidden; } .law-returned .toggle_box .td { height: 26px; padding: 0 10px; box-sizing: border-box; background: #e0e0e0; font: normal 12px/26px tahoma; color: #3c3c3c; display: block; margin-bottom: 2%; } .law-returned .toggle_box .td1 { float: right; width: 70%; } .law-returned .toggle_box .td2 { float: left; width: 28%; text-align: center; } .reserve_sidebar_cnt .res_widg .titr i::before { font-size: 14px; } .reserve_sidebar_cnt .res_widg_inn { padding-right: 20px; color: #003399; font-family: chfont; } #finalPriceInfoLeft { font: bold 17px/24px chfont; display: inline-block; } .fly_info_list ul li, .support_tell ul li { display: block; font: 13px/20px chfont; overflow: hidden; color: #6b6b6b; } .support_tell ul li { letter-spacing: 0.03em; } .fly_info_list ul li .label { float: right; width: 70px; } .support_tell ul li .label { float: left; width: 70px; } .fly_info_list ul li .inf { float: right; } span.triang { display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 9px 11px 9px 0; border-color: transparent #ffcc00 transparent transparent; right: -11px; top: 96px; } .support_tell ul li .inf { padding-left: 20px; } .supportitle { color: #003399; } .support_tell { font: normal 13px/20px tahoma; color: #444; position: relative; padding-right: 4px; } .support_tell .icon { width: 20px; height: 20px; line-height: 20px; text-align: center; color: #003399; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .support_tell .icon::before { font-size: 13px; } .timeTo { direction: ltr; font-size: 20px; font-family: Verdana, sans-serif; } body .timeTo div { width: 15px; height: 25px; font-size: 17px; line-height: 28px; } body .timeTo ul { left: 1px !important; } body .timeTo ul li { color: #003399; } body .timeTo span { font-size: 16px; } /* ----------------------- reserve_content ---*/ .reserve_content { float: left; width: 77%; direction: rtl; position: relative; } .reserve_content .note { display: none; text-align: center; padding: 8px; margin-bottom: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #ffe45c; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe45c), to(#ffcc00)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffe45c, #ffcc00); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffe45c, #ffcc00); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffe45c, #ffcc00); /* IE10 */ background-image: -o-linear-gradient(top, #ffe45c, #ffcc00); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffe45c, #ffcc00); } .reserve_content .note p { font: normal 11px/17px tahoma; color: #636363; } .reserve_content .note p a { color: blue; } #add_pessenger_manager { margin-bottom: 8px; overflow: hidden } #add_pessenger_manager .item { height: 35px; float: right; width: 140px; font-size: 13px; } #add_pessenger_manager .addshow span:first-child { display: none; } #add_pessenger_manager .addshow, #add_pessenger_manager .addadl, #add_pessenger_manager .addchd, #add_pessenger_manager .addinf { /*border: 2px solid #dedede;*/ border-radius: 5px; text-align: center; color: #003399; line-height: 32px; margin: 5px 5px 8px 0px; box-shadow: 0px 1px 8px rgba(0,0,0,.15); } #add_pessenger_manager .addshow{ background-color: #3767aa; color: #fff; } #add_pessenger_manager .addadl { margin-right: 35px; } #add_pessenger_manager .addchd, #add_pessenger_manager .addinf { margin-right: 10px; } #add_pessenger_manager .addshow span:first-child, #add_pessenger_manager .addadl span:first-child, #add_pessenger_manager .addchd span:first-child, #add_pessenger_manager .addinf span:first-child { width: 30px; font-family: tahoma; font-size: 18px; height: 35px; border-left: 1px solid #dedede; border-radius: 0 5px 5px 0; margin: 0; color: #7d7d7d; float: right; } .pessenger { width: 100%; font-family: chfont; font-size: 13px; color: #444; } .pessenger .text_box { width: auto; padding: 0; } .text_box.mini_text { width: 80px; } tr.header_pessenger { background-color: #ebebeb; color: #003399; height: 26px; } tr.pessenger { border-bottom: 1px dotted silver; height: 40px; } tr.pessenger p { font-size: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .marginV10px { padding: 10px; } .fainfo { height: 35px; border-bottom: 1px solid #31b9da; } .pessenger select.gender { border: 1px solid #ccc; width: 65px; background-color: #F6F6F6; } .reserve_final { float: left; width: 265px; margin-bottom: 7px; } .reserve_final .rf_line { margin-bottom: 8px; } .reserve_final .rf_line_last { margin-bottom: 15px; border-bottom: 1px solid #bbb; padding-bottom: 11px; } .reserve_final .right_box { float: right; width: 110px; } .reserve_final .right_box #image_sec img { display: block; width: 101px; margin-top: 3px; height: 27px; } .reserve_final .left_box { float: left; width: 153px; position: relative; } .reserve_final .left_box .text_box { text-align: left; padding-left: 17px; font-size: 15px; } .reserve_final .left_box .text_box::-webkit-input-placeholder, input.namefa.text_box.mid_text::-webkit-input-placeholder { direction: rtl; text-align: right; } .reserve_final .left_box .text_box:-moz-placeholder, input.namefa.text_box.mid_text:-moz-placeholder { direction: rtl; text-align: right; } .reserve_final .left_box .text_box::-moz-placeholder, input.namefa.text_box.mid_text::-moz-placeholder { direction: rtl; text-align: right; } .reserve_final .left_box .text_box:-ms-input-placeholder, input.namefa.text_box.mid_text:-ms-input-placeholder { direction: rtl; text-align: right; } .pop-up-content .reserve_final .rf_line label { font: 14px/30px chfont; color: #6b6b6b; display: block; } .reserve_final .captcha { display: block; margin: 3px 0 0 0; } .pessenger_footer { padding: 15px 0; position: relative; } /* ----------------------pessenger_popup---------------------------*/ .pessenger_popup .line { margin-bottom: 0; border-bottom: 1px solid #bbb; position: relative; color: #6b6b6b; } .line_inn_main { padding: 11px 0 4px 0; position: relative; height:unset; /*41px;*/ } .line_kharegi { padding-bottom: 7px; } .line_second { padding-bottom: 5px; } .pessenger_popup .box { font: normal 13px/34px chfont; float: right; height: 37px; position: relative; } .pessenger_popup .box .text_box { width: 100%; padding: 1px 0 0 17px; font-size: 14px; height: 33px; text-align: left; } .pessenger_popup .box select.text_box option { line-height: 32px; } .pessenger_popup .box .text_box.gender, .pessenger_popup .line_kharegi .box .text_box.Nationality { font-size: 12px; } .pessenger_popup .line_kharegi .box .text_box.Nationality { direction: ltr; text-align: left; padding-left: 5px !important; } /* .pessenger_popup .box .text_box.passengerCode::-webkit-input-placeholder { direction: rtl; text-align: right; } .pessenger_popup .box .text_box.passengerCode:-moz-placeholder { direction: rtl; text-align: right; } .pessenger_popup .box .text_box.passengerCode::-moz-placeholder { direction: rtl; text-align: right; } .pessenger_popup .box .text_box.passengerCode:-ms-input-placeholder { direction: rtl; text-align: right; }*/ .passengerCode, input#mobile, input#sec_code { /* letter-spacing: 0.03em;*/ } .pessenger_popup .box .price_text { display: none } .reserve_final .red, .pessenger_popup .box .red { position: absolute; left: 4px; top: 2px; line-height: 27px; height: 100%; display: block; width: 10px; } .pessenger_popup .head { background-color: #ebebeb; width: 100%; margin-bottom: 3px; } .pessenger_popup .head .box { font: 12px/26px chfont; color: #818181; height: 26px; } .pessenger_popup select { padding: .375rem .5rem !important; } .pessenger_popup select.gender { border: 1px solid #e0e0e0; width: 100%; background-color: #F6F6F6; } .pessenger_popup .box1 { width: 20%; margin-left: 1%; } .pessenger_popup .box2 { width: 36%; margin-left: 1%; } .pessenger_popup .box3 { width: 37%; margin-left: 3%; height: 30px !important; line-height: 26px; } .pessenger_popup .box_n { width: 24%; } .pessenger_popup .box4, .pessenger_popup .box5 { width: 47%; margin-left: 3%; } .pessenger_popup .box4 input, .pessenger_popup .box5 input, .pessenger_popup .box6 input { text-transform: uppercase; } tr.pessenger i, .pessenger_popup .box1 i { color: #555; float: right; margin-left: 5px; } tr.pessenger i::before, .pessenger_popup .box1 i::before { font-size: 15px; } .pessenger_popup .box6 { width: 39%; } .pessenger_popup .box7 { width: 22%; margin-right: 15%; font-size: 13px; letter-spacing: 0.03em; } .pop-up-content .line .box label { font-size: 12px; } .pessenger_popup .box8 { width: 18%; text-align: center; float: left; } .pessenger_popup .group1 #delete_passenger { display: none; } .pessenger_popup .box8 #addPassenger { display: inline-block; color: #003399; } span.plusvert { display: inline-block; height: 20px; width: 20px; font-family: tahoma; font-size: 16px; line-height: 19px; border: 1px solid #003399; border-radius: 5px; text-align: center; } .pessenger_popup .box9 { float: left; } .pessenger_popup .group { float: right; } .pessenger_popup .line_second .box6 { display: none; } .pessenger_popup .group1 { width: 28%; } .pessenger_popup .group2 { width: 35%; } .pessenger_popup .group3 { width: 37%; } .pessenger_popup .line_kharegi .group1 { width: auto; margin-right: 0; } .pessenger_popup .line_kharegi .group2 { width: auto; margin-right: 10px; } .pessenger_popup .line_kharegi .group3 { width: auto; margin-right: 10px; } .pessenger_popup .line_kharegi .text_box { width: 110px; } .pessenger_popup .line_kharegi select.text_box { width: 140px; } #addPassenger, #delete_passenger { cursor: pointer; } body .input_error { border: 1px solid red !important; } .pessenger_popup .group2 .box { margin-bottom: 6px; } /* -------------reserve_popup2------------------- */ .reserve_info_list { float: right; width: 62%; } .reserve_info_list .pessenger { margin-bottom: 10px; } /* .agecol{ min-width: 45px; } .fnamecol{ min-width: 90px; } */ .sb_bank { float: left; width: 36%; } .sb_bank .widg { margin-bottom: 10px; padding: 10px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .sb_bank .widg p { font: normal 12px/18px chfont; color: #636363; } .sb_bank .widg_email { border: 1px solid #d9d9d9; text-align: center; } .sb_bank .widg_email .email { width: auto; margin: 0 auto 8px auto; } .sb_bank .widg_email label { font: normal 12px/28px chfont; margin-right: -1px; color: #003399; /* float: right; position: absolute; border-radius: 0 3px 3px 0; background-color: #f5f5f5; */ padding: 0 5px; line-height: 31px; } .sb_bank .widg_email label span.red { vertical-align: sub; } .sb_bank .widg_email .email .email_input { width: 70%; direction: ltr; text-align: left; font-family: chfont; font-size: 15px; } .sb_bank .bank_select { border: 1px solid #d9d9d9; } .sb_bank .widg .toggle_btn { cursor: pointer; color: #00A2D5; font-size: 17px; font-weight: bold; } .sb_bank .widg .toggle_btn .icon { background-color: #00A2D5; margin-left: 6px; float: right; text-align: center; line-height: 24px; width: 24px; height: 24px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .sb_bank .discount { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; } .sb_bank .discount .text_box { margin-bottom: 10px; } .sb_bank .discount .btn { float: left; } /* ---------------alert_box---------------- */ .alert_box { background-color: #ffffff; margin: 30px auto; display: block; width: 230px; color: #444; padding: 20px 20px 5px 20px; border: 2px solid #2aacd5; border-radius: 11px; position: relative; } .alert_box_ticket { background: none !important; background-color: #f6f6f6 !important; border: none !important; width: 100% !important; border-radius: 0 !important; padding: 18px 0; } .alert_box_ticket .inn { float: unset !important; width: unset !important; display: block; margin: 18px auto; background-color: #fcfcfc; text-align: Center; padding: 32px 40px 20px 40px; -webkit-box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.75); } .alert_box_ticket .inn .btn { margin-top: 25px !important; width: 138px !important; } .alert_box_ticket .inn h2 { line-height: 28px !important; } .alert_box_ticket .inn p { font: 13px/18px Tahoma, Geneva, sans-serif !important; } .call_reserve_i { background-image: url('../images/39-min.png'); background-repeat: no-repeat; background-size: 50px; position: relative; height: 50px; width: 50px; margin: 0 auto 10px auto; /* background-image: url('../images/41-min.png'); background-repeat: no-repeat; position: relative; background-size: 95px; height: 60px; width: 95px; margin: 0 auto; */ } .error_alert_i2 { background: url('../images/attention.gif'); position: relative; background-size: 50px; height: 50px; width: 50px; display: block; margin: 0 auto; } .error_alert_i3 { height: 60px; width: 60px; position: relative; display: block; margin: 0 auto; } .call_reserve_i4 { background-image: url('../images/41-min.png'); background-repeat: no-repeat; position: relative; background-size: 95px; height: 60px; width: 95px; margin: 0 auto; } .alert_box .inn { float: right; } .alert_box .inn .titr { font-family: chfont !important; font-size: 14px; color: #646464; line-height: 20px; text-align: center; margin-bottom: 10px; } .alert_box .inn .code { font-family: 12px; color: red; } .alert_box .inn p { color: #636363; direction: rtl; font: 13px/18px chfont, Tahoma, Geneva, sans-serif; padding-bottom: 10px; text-align: center; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; } .alert_box .inn .btn { text-align: center; width: 180px; margin: 12px auto 15px auto; padding: 4px 20px !important; } /* --------------------------news------------------------ */ #news { border: 1px solid #e6e6e6; border-radius: 5px; padding: 3em 5em; margin-bottom: 20px; text-align: justify; } .cnt_title { position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; height: 32px; font: bold 15px/30px chfont; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); margin-bottom: 7px; background-color: #2aacd5; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .sng { font: normal 14px/28px chfont; color: #818181; } .sng p { font: normal 1.1em/28px chfont; color: #818181; padding: 5px 0; text-align: justify !important; } .sng img { max-width: 100%; margin: 15px auto; } .sng .tags { overflow: hidden; margin-bottom: 10px; } .sng .tags .icon { background-position: -125px -120px; float: right; width: 20px; height: 20px; margin: 5px 0 0 10px; } .sng .tags a { display: block; padding: 0 10px; float: right; height: 25px; font: 12px/25px chfont; color: #777; margin: 0 3px; border-radius: 15px; background-color: #f1f2f3; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sng .tags a:hover { background-color: rgba(84, 150, 205, 0.44); } p.pone { text-align: center !important; margin-top: -30px; } @media only screen and (max-width: 780px) { p.pone { margin-top: -20px; } } @media only screen and (max-width: 624px) { p.pone { margin-top: -10px; } .sng a input[type="button"] { margin: 7px !important; } } .sng table { direction: ltr; margin: 15px 50px 15px 0; border: none; } .sng table tr td:last-child { background-color: orange; color: #fff } .sng table tr:first-child, .sng table tr:first-child td:last-child { background-color: #2aacd5 !important; color: #fff; } .sng table tr:first-child td { padding: 10px; } .sng table tr:nth-child(odd) { background-color: #f5f5f5; } .sng table tr td { padding: 0 10px; direction: rtl; text-align: center; border: 2px solid #fff; } .sng ul li { list-style: disc; margin-right: 25px; } .sng a input[type="button"] { font: normal 1.1em/28px chfont; margin: 4px; background-color: #2aacd5; border: none; padding: 10px; color: #fff; min-width: 100px; } .sng a:hover input[type="button"] { background-color: #ff8d41; cursor: pointer; } .sng h2 { color: #2aacd5; margin-top: 10px; font-size: 1.65em; } .sng h3 { font-size: 1.5em; } .sng h3, .sng strong { color: #ff8d41; } .sng h4 { font-weight: bold; font-size: 1.35em; } .sng a, .sng p a { color: #0f6698; } .cnt_title_blog { text-align: Center; padding: 10px 20px; font: bold 25px/30px chfont; height: 50px; } .rate { float: left; height: 30px; padding: 0 10px; } .rate:not(:checked)>input { position: absolute; top: -9999px; } .rate:not(:checked)>label { float: right; width: 22px; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 25px; color: #ccc; line-height: 27px; } .rate:not(:checked)>label:before { content: '★ '; line-height: 28px; } .rate>input:checked~label { color: #ffc700; } .rate:not(:checked)>label:hover, .rate:not(:checked)>label:hover~label { color: #deb217; } .rate>input:checked+label:hover, .rate>input:checked+label:hover~label, .rate>input:checked~label:hover, .rate>input:checked~label:hover~label, .rate>label:hover~input:checked~label { color: #c59b08; } #commentform { padding: 20px 0 0 0; } #commentform .textarea { border: 1px solid #ececec; background-color: #fff; height: 30px; color: #555; padding: 0 5px; margin-bottom: 10px; font: normal 12px/30px tahoma; box-sizing: border-box; width: 100%; max-width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #commentform textarea.textarea { min-height: 70px; } #commentform .textarea::-webkit-input-placeholder { color: #7e7e7e; } #commentform .textarea:-moz-placeholder { color: #7e7e7e; } #commentform .textarea::-moz-placeholder { color: #7e7e7e; } #commentform .textarea:-ms-input-placeholder { color: #7e7e7e; } #commentform .Cbutton { background: #2aacd5; float: left; border: none; padding: 0 12px; border-radius: 5px; color: #fff; font: 13px/30px chfont; height: 30px; cursor: pointer; } .commentlist li { background: #FAFAFA; padding: 15px; border-radius: 5px; margin-bottom: 12px; } .commentlist li .author { float: right; color: #10395a; font: bold 14px/30px chfont; } .commentlist li .date { float: left; color: #888; font: normal 12px/30px chfont; } .commentlist li p { color: #777; font: normal 12px/27px chfont; } .commentlist li li { background: #efefef; } /* -------------wrapper_payment--------------payment------------------------ */ .wrapper_payment { padding: 20px; width: 800px; margin: 0 auto; } .payment_content { /*float: right; width: 55%;*/ } .payment_box { background-color: rgba(0, 0, 0, 0.04); padding: 4%; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .payment_content .form_line { margin-bottom: 13px; } .payment_content .form_line_box { width: 48%; position: relative; } .payment_content .form_line_box .red { display: block; position: absolute; left: 5px; height: 25px; line-height: 25px; top: 0; } .payment_content .form_line label { float: right; } .payment_content .form_line .captcha { float: left; width: 90px; } .echargeInfo { float: left; width: 29%; font: normal 13px/26px chfont; color: #565656; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .payment_content .notification { float: left; } .payment_content .btn { float: none; margin: 0 auto; display: block; } .echargeInfo h2 { font-size: 18px; } /* -------------------------------------------- */ /* -------------wrapper_hotel--------------invoice------------------------ */ .wrapper_hotel_invoice { display: flex; flex-wrap: wrap; padding: 5%; } .hotel_payment_box, .hotelechargeInfo { background-color: #fff; margin: auto; border-radius: 15px; box-shadow: 0px 2px 7px rgba(0,0,0,.15); } .hotel_payment_content { width: 48%; } .hotelechargeInfo .price_final { font: normal 30px/60px chfont; text-align: center; } .hotel_payment_content .reserve_info_list { width: 100%; } .hotel_payment_content .pessenger{ font-size: 14px; color: #646464; } input#promocode_hotel_input { height: 40px ; margin: 9px 0px 0 11px ; width: 68%; box-shadow: 0px 2px 9px rgba(0,0,0,.10); font: normal 15px/33px chfont; } #promocode_hotel::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #989889; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #989889; ; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #989889; ; } label#promocode_hotel input[type="checkbox"] { margin: 9px 0px 0 11px ; -ms-transform: scale(1.2); /* IE */ -moz-transform: scale(1.2); /* FF */ -webkit-transform: scale(1.2); /* Safari and Chrome */ -o-transform: scale(1.2); } label#promocode_hotel { font: normal 14px/33px chfont; color: #6b6b6b; } .promocode_hotel_button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 0 10px 0px 10px; text-align: center; text-decoration: none; display: inline-block; font: normal 14px/33px chfont; margin: 4px 2px; cursor: pointer; border-radius: 6px; } .price_final #dargah_force { color: #565656; padding: 5px 8px 5px 0px; border: 2px solid #09baff; cursor: pointer; user-select: none; border-radius: 4px; font: normal 14px/24px chfont; background-color: #fff; width: 100%; } #banks #dargah_force { color: #565656; padding: 5px 8px 5px 10px; border: 2px solid #09baff; cursor: pointer; user-select: none; border-radius: 4px; font: normal 14px/24px chfont; background-color: #fff; margin: 12px 0; } /* -------------------------------------------- */ .efitooltip_bg { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .efitooltip { position: absolute; margin-top: 12px; direction: rtl; text-align: right; box-sizing: border-box; width: 100%; padding: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; max-height: 250px; left: 0; pointer-events: none; color: #919191; border: 1px solid #ccc; font: normal 14px/20px chfont; background-color: #fff; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); opacity: 0; } .btn_ch1 { font-size: 14px; font-family: chfont; font-weight: bold; background-color: rgba(15, 81, 162, 1); background: -moz-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(0, 72, 172, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(0, 27, 133, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(15, 81, 162, 1)), color-stop(48%, rgba(0, 72, 172, 1)), color-stop(51%, rgba(0, 51, 152, 1)), color-stop(100%, rgba(0, 27, 133, 1))); background: -webkit-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(0, 72, 172, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(0, 27, 133, 1) 100%); background: -o-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(0, 72, 172, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(0, 27, 133, 1) 100%); background: -ms-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(0, 72, 172, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(0, 27, 133, 1) 100%); background: linear-gradient(to bottom, rgba(15, 81, 162, 1) 0%, rgba(0, 72, 172, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(0, 27, 133, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f51a2', endColorstr='#001b85', GradientType=0); padding: 0 30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .btn_ch1:hover { background-color: rgba(15, 81, 162, 1); background: -moz-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(15, 81, 162, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(15, 81, 162, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(15, 81, 162, 1)), color-stop(48%, rgba(15, 81, 162, 1)), color-stop(51%, rgba(0, 51, 152, 1)), color-stop(100%, rgba(15, 81, 162, 1))); background: -webkit-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(15, 81, 162, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(15, 81, 162, 1) 100%); background: -o-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(15, 81, 162, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(15, 81, 162, 1) 100%); background: -ms-linear-gradient(top, rgba(15, 81, 162, 1) 0%, rgba(15, 81, 162, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(15, 81, 162, 1) 100%); background: linear-gradient(to bottom, rgba(15, 81, 162, 1) 0%, rgba(15, 81, 162, 1) 48%, rgba(0, 51, 152, 1) 51%, rgba(15, 81, 162, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f51a2', endColorstr='#001b85', GradientType=0); } progress { background-color: #f3f3f3; border: 0; height: 2.5em; width: 100%; } progress::-webkit-progress-bar { background-color: #e0eaf0; } progress::-webkit-progress-value { background-color: #329ad1; } progress::-moz-progress-bar { background-color: #329ad1; } .calcu_table .box .cssload-content, .calcu_table_box .btn .cssload-content, .reverseh .cssload-content, .speaksearch .cssload-content { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); margin-top: -2px; } .speaksearch .cssload-content { margin-top: -4px; } .reverseh .cssload-content .cssload-l1, .reverseh .cssload-content .cssload-l2, .reverseh .cssload-content .cssload-l3 { background: #ff6600; } .reverseh, .arrow_city, .close_btn { -webkit-tap-highlight-color: transparent; } .ch_side_filter { position: fixed; display: inline-block; cursor: pointer; bottom: 60px; left: 20px; height: 50px; background: #2aacd5; border: none; min-width: 50px; max-width: 145px; width: auto; border-radius: 50px; color: #fff; line-height: 50px; font-family: inherit; z-index: 5; padding: 2px 17px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.32); } .ch_side_whatsapp { position: fixed; display: inline-block; cursor: pointer; bottom: 60px; right: 20px; height: 50px; background: #25d366; border: none; width: auto; border-radius: 50px; color: #fff; line-height: 50px; font-family: inherit; z-index: 5; padding: 8px 8px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.32); } .ch_side_whatsapp ul li a { display: block; width: 35px; height: 35px; padding: 0; color: #fff; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .ch_side_whatsapp ul li a .ch_icon { width: 35px; height: 35px; display: block; } .ch_side_whatsapp ul li.google_plus .ch_icon { background-position: -219px -75px; } .ch_side_filter span { float: left; line-height: 43px; padding-right: 15px; } .ch_side_filter i { font-size: 25px; margin-right: 2px; border-color: #fff; display: inline-block; width: 0.4em; height: 0.4em; position: relative; border-width: 0.1em; border-style: solid; border-image: initial; border-radius: 100%; } .ch_side_filter i:before { content: ""; display: inline-block; position: absolute; right: -0.25em; bottom: -0.1em; border-width: 0; background: #fff; width: 0.35em; height: 0.08em; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .active_sidebar_result { position: fixed; } .active_sidebar_result .ch_side_filter.open i { border: none; } .active_sidebar_result .ch_side_filter.open i:before { position: absolute; content: ''; top: -4px; left: 0; right: -3px; bottom: 0; width: 7px; height: 20px; margin: auto; background: transparent; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); } .hidden { display: none; } #best_sb_search #sidebar_btn { position: absolute; top: 35px; left: 0; } #best_sb_search #sidebar_btn span { background: #fff; } .archive_page { border-radius: 7px; font-family: tahoma; padding: 12px; } .archive_page .post { padding: 0 0 12px 0; margin-bottom: 12px; } .archive_page .post:last-child { border-bottom: none; margin-bottom: 0; } .archive_page .post .thumbnail { float: right; width: 35%; position: relative; overflow: hidden; } .archive_page .post .thumbnail img { display: block; position: absolute; right: 0; top: 0; width: 100%; } .archive_page .post .thumbnail .padding { padding-top: 75%; background-color: #eee; width: 100%; height: 0; display: block; } .archive_page .post .title { font: bold 17px/30px chfont; } .post_meta_box { background: #f1f2f3; height: 30px; border-radius: 150px; padding: 0 14px 0 0; } .post_meta_box .meta { float: right; } .post_meta_box .meta li { float: right; color: #777; margin-left: 10px; font: normal 13px/30px tahoma; } .post_meta_box .meta li .icon { float: right; margin: 5px; width: 20px; height: 20px; } .post_meta_box .meta li.comments .icon { background-position: -125px 0; } .post_meta_box .meta li.view .icon { background-position: -125px -20px; } .post_meta_box .meta li.date .icon { background-position: -125px -40px; } .archive_page .post p { margin-bottom: 8px; } .archive_page .post .more { float: left; display: block; background: #fff; border-radius: 15px; padding: 0 15px; border: 1px solid #f1f2f3; box-shadow: 2px 0 0 4px #fff; font: normal 13px/30px chfont; } .navigation_pages { overflow: hidden; padding: 10px 0; text-align: center; } .navigation_pages ul { display: inline-block; padding: 5px 3px; overflow: hidden; } .navigation_pages li { overflow: hidden; float: right; margin: 0 3px; } .navigation_pages li a { display: block; overflow: hidden; padding: 0px 11px; height: 25px; font: 14px/25px Tahoma; color: #333; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .navigation_pages li a:hover, .navigation_pages li.active a { background: #00a9ea; color: #fff; border-radius: 4px; } .box_404 { text-align: center; margin-bottom: 30px; } .box_404 .pic { max-width: 400px; margin: 0 auto 30px auto; } .box_404 .pic .padding { background: url("../images/404.png") no-repeat; background-size: 100%; height: 0; padding-top: 62.5%; width: 100%; } .box_404 .link-home { display: block; width: 120px; border-radius: 5px; background: #46AAED; font: bold 15px/40px chfont; color: #fff; text-align: center; margin: 0 auto; } /* --------------------------------#homelinks_section------------------------------------------ */ #homelinks_section .container { padding: 50px 0; box-sizing: border-box; text-align: center; } #homelinks_section .title { margin-bottom: 20px; text-align: center; } #homelinks_section .title span { margin-bottom: 20px; border-bottom: 2px solid #2AACD5; font-size: 16px; font-weight: bold; } #homelinks_section ul { overflow: hidden; } #homelinks_section ul li { padding-right: 24px; text-align: right; width: 175px; padding-left: 8px; margin: 0 15px; box-sizing: border-box; display: inline-block; position: relative; } #homelinks_section ul li:before { background-position: -125px -180px; content: ''; position: absolute; right: 0px; top: 5px; width: 20px; height: 20px; } #homelinks_section ul li a { color: #464646; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; } #homelinks_section ul li a:hover { color: #2aacd5; } .download_info { text-align: center; } .download_btn { width: 43%; overflow: hidden; display: inline-block; margin: 0 1% 2%; height: 48px; text-align: center; font: 14px/48px chfont; color: #fff; border-radius: 3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .download_btn .icon { width: 45px; height: 48px; text-align: center; float: left; display: block; } .download_btn .icon .ch_icon { display: block; width: 25px; height: 25px; margin: 12px 10px; } .icon_android .icon .ch_icon { background-position: -145px -225px; } .icon_ios .icon .ch_icon { background-position: -145px -275px; } .icon_bazar .icon .ch_icon { background-position: -145px -200px; } .icon_sibapp .icon .ch_icon { background-position: -90px -200px; } .icon_googleplay .icon .ch_icon { background-position: -145px -300px; } .icon_android .icon { border-right: 1px solid #64bc81; } .icon_ios .icon { border-right: 1px solid #868c92; } .icon_bazar .icon { border-right: 1px solid #4eb3ff; } .icon_sibapp .icon { border-right: 1px solid #af5fd8; } .icon_googleplay .icon { border-right: 1px solid #4e4e4e; } .icon_android { background-color: #47b36b; } .icon_android:hover { background-color: #2da254; } .icon_ios { background-color: #737980; } .icon_ios:hover { background-color: #595e65; } .icon_bazar { background-color: #3e94d4; } .icon_bazar:hover { background-color: #2a80c1; } .icon_googleplay { background-color: #231f20; } .icon_googleplay:hover { background-color: #100e0e; } .icon_sibapp { background-color: #a24cce; } .icon_sibapp:hover { background-color: #8f3abb; } label#promocode input[type="checkbox"] { margin-top: 9px !important; -ms-transform: scale(1); /* IE */ -moz-transform: scale(1); /* FF */ -webkit-transform: scale(1); /* Safari and Chrome */ -o-transform: scale(1); } label#promocode { font: normal 11px/33px chfont; color: #6b6b6b; } .reserve_final .right_box_discount { float: right; width: 110px; display: block; margin-top: 1px; } input#promo_code { height: 32px !important; margin-top: -1px; width: 93%; } /* MK */ .law_toggle_box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: opacity 10ms; visibility: hidden; opacity: 0; z-index: 99; } .law_toggle_box:target { visibility: visible; opacity: 1; } .lawpopup { margin: 18% auto 100px auto; background: #fafafa; border: 2px solid #dedede; border-radius: 5px; width: 35%; position: relative; transition: all 0s ease-in-out; z-index: 999; } .lawpopup .lawclose { position: absolute; float: right; top: 5px; left: 20px; transition: all 0s; font-size: 24px; font-weight: bold; text-decoration: none; color: #bababa; } .lawpopup .lawclose:hover { color: #100e0e; } .lawpopup .lawcontent { max-height: 200px; overflow: auto; color: #444 !important; line-height: 20px; padding: 20px; text-align: justify; } .close-popup { background: rgba(0, 0, 0, .7); cursor: default; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; } input#mobile, input#sec_code { direction: ltr; } @media only screen and (max-width: 870px) { #add_pessenger_manager .item { width: 102px; margin-bottom: 5px !important; font-size: 14px; height: 30px; line-height: 28px; } #add_pessenger_manager .item span:first-child { width: 20px; font-size: 18px; height: 30px; } #add_pessenger_manager .addshow { border: none !important; width: 140px; box-shadow: none; margin-bottom : 15px !important; } #add_pessenger_manager .addshow span:first-child { display: none; } #add_pessenger_manager .addadl { display: inline-block; margin-left: 1% !important; } #add_pessenger_manager .addchd { display: inline-block; margin-left: 1% !important; } #add_pessenger_manager .addinf { display: inline-block; margin-right: 0 !important; } body #add_pessenger_manager div { display: inline-block; } .uselastpassenger { left: 0 !important; right: 0 !important; margin-left: auto; margin-right: auto; width: 86% !important; margin-top: 20px !important; } .customalert { left: 0 !important; right: 0 !important; margin-left: auto; margin-right: auto; width: 85% !important; } } @media only screen and (max-width: 480px) { #add_pessenger_manager .addadl, #add_pessenger_manager .addchd { margin-left: 1% !important } } @media only screen and (max-width: 360px) { #add_pessenger_manager .addadl, #add_pessenger_manager .addchd { margin-left: 0 !important } } .cssload-content.bgdoader { position: fixed; z-index: 999; top: calc(50% - 40px); left: calc(50% - 40px); background-color: rgba(83, 108, 142, 0.75); padding: 18px; border-radius: 5px; margin-top: 25px; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } .bgdoader .cssload-l1, .bgdoader .cssload-l2, .bgdoader .cssload-l3 { background: #ffffff; } .pessenger_popup .box .text_box::placeholder { text-transform: initial; } /* CSS Blur and Resotre previous passenger data - @MK */ .blur-it { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(2px) !important; -moz-filter: blur(2px) !important; -o-filter: blur(2px) !important; -ms-filter: blur(2px) !important; filter: blur(2px) !important; } /*before loading previous passengers data*/ .customalert { position: absolute; background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 40%); padding: 20px; /*padding: 10px 5px 15px 5px;*/ text-align: center; z-index: 9999; /*width: 40%;*/ width: 340px; right: 20%; margin-top: 5px; border: 1px solid #dedede; /*#dedede*/ border-radius: 10px; line-height: 26px; } .customalert span.information{ font-size: 24px; vertical-align: middle; margin-left: 5px; color: #ff9800; } #customalertconfirm { font-family: chfont; padding: 7px 20px; cursor: pointer; display: inline-block; margin: 20px 15px 5px 15px; background-color: #ff9800; width: unset; } .customalert .alerxt { font-size: 14px; vertical-align: middle; /*margin-left: 5px;*/ color: unset; padding: 0 10px; } /* .customalert */ .uselastpassenger { position: absolute; /*background-color: rgba(255, 255, 255, 0.6);*/ background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 40%); /*padding: 10px 5px 15px 5px;*/ padding: 20px; text-align: center; z-index: 999; /*width: 40%;*/ width: 340px; right: 20%; margin-top: 5px; border: 1px solid #dedede; border-radius: 10px; line-height: 24px; font-size: 14px; } .uselastpassenger .faktor_suggestion_name{ font: 14px/24px chfont; font-weight: bold; color: #575757; direction: ltr; float: left; padding-left: 15px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; text-align: left; max-width: 75%; } .uselastpassenger .faktor_suggestion_logo{ color: #777; float: right; } .uselastpassenger .faktor_suggestion_logo .flaticon-user168::before{ font-size: 16px; } .uselastpassenger .faktor_suggestion_logo span{ margin-right: 8px; font-size: 16px; } .uselastpassenger .closesug{ float: right; margin-bottom: 10px; color: #777; cursor:pointer; } .uselastpassenger .resulist, .customalert .resulist { overflow-y: auto; max-height: 280px; overflow-x: hidden; scrollbar-width: thin; margin-top: 15px; padding: 0 10px; scrollbar-color: #dfdfdf #f9f9f9; } .uselastpassenger span.information{ font-size: 24px; vertical-align: middle; margin-left: 5px; color: #2aacd5; } .uselastpassenger .resu .select, .customalert .resu .select, .uselastpassenger .resu .code .code_inn, .customalert .resu .code .code_inn, .uselastpassenger .resu .date, .customalert .resu .date{ display: none; } .uselastpassenger .resu .code , .customalert .resu .code{ float: left; width: 30%; } .uselastpassenger .resu .price div, .customalert .resu .price div{ left: -30px; } .uselastpassenger .resu .price, .customalert .resu .price{ width: 30%; } .uselastpassenger .resu .user, .customalert .resu .user{ width: 33%; } .customalert .firstresu, .uselastpassenger .firstresu{ /*margin-top: 20px;*/ } .uselastpassenger .userlastyes, .uselastpassenger .userlastno { font-family: chfont; padding: 4px 10px; cursor: pointer; display: inline-block; margin: 10px 15px 0 15px; width: 25px; } .userlastyes { border: none; background-color: #2ad565; color: #fff; border-radius: 5px; margin: 0 10px; } .userlastno { border: none; background-color: #ffcc00; color: #fff; border-radius: 5px; } select#type_bank { font-family: chfont; font-size: 1em; } .uselastpassenger .cssload-content, .inn .cssload-content, .searchnew .cssload-content, .search_re .cssload-content, #purchase .btn_res .cssload-content { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } #purchase .btn_res .cssload-content { margin-top: -4px; } .inn .cssload-content .cssload-l1, .inn .cssload-content .cssload-l2, .inn .cssload-content .cssload-l3, .searchnew .cssload-content .cssload-l1, .searchnew .cssload-content .cssload-l2, .searchnew .cssload-content .cssload-l3, .search_re .cssload-content .cssload-l1, .search_re .cssload-content .cssload-l2, .search_re .cssload-content .cssload-l3, #purchase .btn_res .cssload-content .cssload-l1, #purchase .btn_res .cssload-content .cssload-l2, #purchase .btn_res .cssload-content .cssload-l3 { background: #ffffff; } p.trtobank { color: #ffffff !important; display: inline-block; vertical-align: top; font: 12px/30px chfont, Tahoma, Geneva, sans-serif !important; } /*app promote - MK*/ .dlapp { position: fixed; z-index: 499; text-align: center; bottom: 0; width: 100%; padding: 10px 0 0 0; } .togproapp { color: white; padding-bottom: 13px; font-weight: bold; font-size: 14px; } .togappcontent { background-color: #f5f5f5; width: 100%; padding: 20px 5px; text-align: justify; display: none; } button.openpromoteapp, button.openpromoteapp.colorback { background-color: #ff6600; color: #fff; font-family: chfont; font-weight: bold; padding: 0 5px; border: 1px solid #eee !important; border-radius: 5px; margin-top: 5px; } button.openpromoteapp:active { background-color: transparent; } button.closepromoteapp { background-color: #fff; color: #2aacd5; padding: 0; width: 30px; height: 30px; border: 1px solid #eee !important; border-radius: 21px; float: left; margin-left: 15px; margin-top: 0px; font-weight: bold; } button.closepromoteapp i:before { font-size: 10px; } button.closepromoteapp:focus { background-color: transparent; color: #fff; } .android-dl { text-align: center; } a.appdlbtn { display: inline-block; position: relative; border: 1px solid #2aacd5; color: #2aacd5; padding: 0 5px; border-radius: 5px; margin-left: 10px; } a.appdlbtn:active { background-color: #2aacd5; color: white; border: 1px solid #fff; } /*scroll to top for news - MK*/ .scrolltop { display: none; width: 100%; margin: 0 auto; position: fixed; bottom: 20px; left: 10px; z-index: 10; } .scrolltopicon { position: absolute; left: 20px; bottom: 40px; width: 20px; height: 20px; background: #a0a0a0; color: #fff; padding: 15px; border-radius: 50%; text-align: center; margin: 0 0 0 0; cursor: pointer; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; } .scrolltopicon:hover { background: #828282; } .scrolltopicon span { display: block; position: relative; margin-top: -4px; font-size: 1.5em; } /*Loading on Next and Previous Button - MK*/ .search_result_box .btn .cssload-content { opacity: 0.9; margin: -2px 7px 0 7px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .search_result_box .btn .cssload-l1, .search_result_box .btn .cssload-l2, .search_result_box .btn .cssload-l3 { background: #00a2d5 !important; } .search_result_box .buttons a.btn_next.btn, .search_result_box .buttons a.btn_calender, .search_result_box .buttons a.btn_prev.btn { line-height: 27px; } .search_result_box .buttons a.btn_next.btn .icon, .search_result_box .buttons a.btn_prev.btn .icon { font-size: 14px !important; height: 28px; line-height: 28px; } .sysiconf { background-image: url(../images/ch_iconssss.png?v=3.1); background-position: -385px -600px; width: 40px; height: 40px; margin: 0 auto; } .igniconf { position: absolute; background-image: url(../images/ch_iconssss.png?v=3.1); background-size: 405px 725px; background-position: 155px -457px; width: 45px; height: 30px; left: calc(50% - 23px); margin-top: 0; opacity: 0.5; } .igniconf2 { filter: blur(2px); } .autocomplete-suggestion:first-child { border-top: none; } .map_details iframe { width: 100% !important; } .autocomplete-suggestion:hover { cursor: pointer; background-color: #fafafa; } .line_box_mabda, .line_box_maghsad { text-align: center; direction: rtl; } .autocomplete-suggestions .arrow_city { font: 14px/24px chfont; color: #777 !important; } .autocomplete-suggestions .arrow_city i:before { font-size: 13px !important; color: #ff8d41; margin-right: 10px; } .aboutpage .special_route_box.sng { width: auto; } .mkfcol1, .mkfcol2, .mkfcol3 { display: inline-block; } .mkfcol1, .mkfcol2 { float: right; margin-left: 3.5%; text-align: center; } .mkfcol1 { width: 46%; text-align: center; margin-top: 15px; } .mkfcol2 { width: 46%; margin-top: 15px; } .mkfcol3 { width: 100%; padding-top: 10px; } .inf img { width: 52px; height: auto; } .verify_box lable { cursor: pointer; } button.btn-primary { background-color: #2aacd5 !important; border: 1px solid #dedede; padding: 10px; font: 15px/17px chfont; color: white; border-radius: 5px; cursor: pointer; margin-right: 25%; } button.btn-primary:hover { background-color: #ff6600 !important; } /*Train - MK*/ #traint .resu .code { width: 32%; } #traint .resu .date { width: 15%; } #traint .resu .user { width: 11%; } .trainstar { display: none; float: right; margin-right: 10px; } .trainstar img { vertical-align: middle; } #traint .resu .price div.icon10 .chfont_font { font-size: 15px; } .trainbed { font: 12px/18px chfont; } #traint .resu .code .code_inn { max-width: unset; direction: rtl; float: right; text-align: right; /*margin-right: 10px;*/ white-space: nowrap; width: 64%; overflow: hidden; text-overflow: ellipsis; padding-right: 1px; } #traint .resu .code .plan_icon_bg { float: left; margin-left: 0 !important; } .tabs ul li a i:before { font-size: 14px; margin-left: 5px; } .trainicon { background-image: url(../images/ch_iconssss.png?v=3.1); background-position: -106px -549px; width: 20px; height: 20px; content: ''; display: inline-block; margin-left: 2px; margin-top: 4px; vertical-align: sub; } /*masirha dar footer*/ #quick_links_section { padding: 0 0 50px 0; } #quick_links_section .title { font: bold 18px/30px chfont; color: #ff6600; margin: 0 auto 20px auto; padding-bottom: 5px; border-bottom: 1px solid #c7c7c7; text-align: center; width: 230px; } #quick_links_section .title i { color: #2aacd5; margin-left: 10px; } #quick_links_section ul { box-sizing: border-box; overflow: hidden; margin-right: 45px; } #quick_links_section ul li { height: 30px; padding: 0px 25px 0px 7px; position: relative; float: right; width: 25%; box-sizing: border-box; } #quick_links_section ul li i.flaticon-sky8:before { background-color: #9eafaa !important; color: #fff; font-size: 11px; padding: 3px; border-radius: 3px } #quick_links_section ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 15px/30px chfont; margin-right: 7px; color: #555; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } #quick_links_section ul li a:hover { color: #2aacd5; } .floatingfilter { position: absolute; margin-right: 182px !important; width: 30px !important; height: 30px; border-radius: 20px; font-size: 11px; font-weight: bold; background-color: #fff; border: 1px solid #2aacd5; text-align: center; color: #2aacd5; } .floatingfilter:hover { background-color: #ffffff; } /*SVG Seperator*/ svg.svgsep { margin-top: -100px; } a.item.paxrights .padding, a.item.caoir .padding, a.item.aira .padding { background-image: url(../images/ch_iconssss.png?v=3.1); background-size: 300px 510px; background-repeat: no-repeat; background-position: 0 0; } a.item.paxrights .padding { background-position: -45px -426px; height: 85px; width: 80px; } a.item.caoir .padding { background-position: -44px -378px; height: 59px; width: 80px; margin-top: 20px; } a.item.aira .padding { background-size: 270px 459px; background-position: -34px -259px; height: 82px; width: 84px; margin-right: -4px; } /*City from and City to - Flags img to css*/ .lang.iran, .lang.iraq, .lang.turkey, .lang.emirates, .lang.armenia, .lang.eroup, .lang.tailand, .lang.Afghanistan { background-image: url(../images/ch_iconssss.png?v=3.1); background-size: 500px 850px; background-repeat: no-repeat; background-position: 0 0; width: 20px; } .lang.iran { background-position: -6px -753px; } .lang.iraq { background-position: -6px -776px; } .lang.turkey { background-position: -6px -797px; } .lang.emirates { background-position: -6px -818px; } .lang.armenia { background-position: -33px -753px; } .lang.eroup { background-position: -33px -776px; } .lang.tailand { background-position: -33px -797px; } .lang.Afghanistan { background-position: -33px -818px; } .lessbtn { padding: 0 30px; margin-bottom: 10px !important; text-align: center; } /*iosModal*/ .imodal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .imodal-content { background-color: #e6e6e6; margin: auto; padding: 20px; border: 1px solid #888; width: 90%; height: 100%; overflow: hidden; text-align: center; } .imodal-content h2, .imodal-content img { position: relative; z-index: 9999; direction: rtl; } .imodal-content img { display: block; margin: 0 auto; } .iclose { color: #ffffff; float: left; font-size: 42px; font-weight: bold; background-color: #cccccc; padding-right: 0; width: 40px; height: 40px; line-height: 46px; border-radius: 50%; position: relative; z-index: 999999; } .iclose:hover, .iclose:focus { color: #000; text-decoration: none; cursor: pointer; } .arrow-ios724 { position: fixed; left: 45%; right: 47%; bottom: 5%; width: 24px; height: 24px; z-index: 11; } .flashd:first-child { animation: move 3s ease-out 1s infinite; } .flashd { position: absolute; width: 28px; height: 8px; opacity: 0; transform: scale3d(.5, .5, .5); animation: move 3s ease-out infinite; } .flashd:after, .flashd:before { content: " "; position: absolute; top: 0; height: 100%; width: 51%; background: #ff6600 } .flashd:before { left: 0; transform: skew(0deg, 30deg) } .flashd:after { right: 0; width: 50%; transform: skew(0deg, -30deg) } @keyframes move { 25% { opacity: 1 } 33% { opacity: 1; transform: translateY(30px) } 67% { opacity: 1; transform: translateY(40px) } to { opacity: 0; transform: translateY(55px) scale3d(.5, .5, .5) } } @keyframes pulse { to { opacity: 1 } } .icircle, .icircle2 { background-color: #ffffff; width: 100%; height: 300px; border-radius: 15%; position: absolute; top: -150px; left: 0px; } .icircle2 { top: unset; bottom: -225px; } .inguide { margin: 10px 0; text-align: right; padding: 0 20px; } .inguide p, .inguide.ltrapple p { font-size: 13px !important; display: block; position: relative; z-index: 20 } .inguide.ltrapple p { direction: ltr; text-align: left } #engapple, #arapple { display: none; } a#applechlang, a#applechlangtofa, a#applechlangtoar { position: relative; z-index: 9999; margin: 10px; } .iosdl1, .iosdl2, .iosdl3, .iosdl4 { background-image: url(../images/ch_iconssss.png?v=3.1); background-position: 0 0; background-size: 400px 680px; background-repeat: no-repeat; display: inline-block; } .iosdl1 { display: inline-block; background-position: -177px -642px; width: 35px; height: 35px; vertical-align: -webkit-baseline-middle; } .iosdl2 { display: inline-block; background-position: -231px -460px; width: 45px; height: 45px; vertical-align: -webkit-baseline-middle; } .iosdl3 { display: inline-block; background-position: -216px -647px; width: 30px; height: 30px; vertical-align: -webkit-baseline-middle; } .iosdl4 { background-position: -167px -510px; width: 120px; height: 128px; display: inline-block; position: relative; z-index: 10; } .searchnew { display: block; max-width: 180px; text-align: center; margin: 12px auto 15px auto; padding: 4px 20px; } div#Expiration_price_innbox { text-align: center; margin-top: 15px; } .applelogo { width: 40px; height: 50px; background-image: url(../images/ch_iconssss.png?v=3.1); background-repeat: no-repeat; background-size: 400px 680px; background-position: -295px -550px; margin: 0 auto; z-index: 9; display: block; position: relative; -webkit-filter: invert(20%); filter: invert(20%); } i.plusvert.flaticon-cancel30 { display: block; transform: rotate(45deg); } i.plusvert.flaticon-cancel30:before { font-size: 8px; padding: 5px; border: 1px solid #003399; border-radius: 10px; } div#delete_passenger { border: 1px solid #6b6b6b; width: 20px; height: 20px; font-family: tahoma; font-size: 15px; line-height: 19px; border-radius: 50%; margin: 4px auto; text-align: center; } #delete_passenger.flaticon-cancel30:before { font-size: 8px; border-radius: 5px; border: 1px solid #6b6b6b; padding: 5px; color: #6b6b6b; } span#r_city_date { margin-left: 5px; } .plane_type_box, .all_airline, select.Nationality.text_box { font-size: 13px !important; } td#RightPriceOne { font-size: 14px; } .pessenger_popup .line_kharegi .box .text_box.Nationality { font-size: 15px !important; } .tleftright { text-align: left; } .btn.revbtn, .btn.reverseg { float: left; margin-top: -6px; padding: 0 11px; /*background-color: #3767aa;*/ /*border: 1px solid #2aacd5;*/ color: #fff; font-size: 15px; } .btn.revbtn i { color: #ff6600; float: left; margin: 0 10px 0 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -moz-transform: rotate(-180deg) translate(0px, 0px) skew(0deg, 0deg); -webkit-transform: rotate(-180deg) translate(0px, 0px) skew(0deg, 0deg); -o-transform: rotate(-180deg) translate(0px, 0px) skew(0deg, 0deg); -ms-transform: rotate(-180deg) translate(0px, 0px) skew(0deg, 0deg); transform: rotate(-180deg) translate(0px, 0px) skew(0deg, 0deg); } .btn.revbtn:hover i { -moz-transform: rotate(180deg) translate(0px, 0px) skew(0deg, 0deg); -webkit-transform: rotate(180deg) translate(0px, 0px) skew(0deg, 0deg); -o-transform: rotate(180deg) translate(0px, 0px) skew(0deg, 0deg); -ms-transform: rotate(180deg) translate(0px, 0px) skew(0deg, 0deg); transform: rotate(180deg) translate(0px, 0px) skew(0deg, 0deg); } .btn.revbtn i:before { font-size: 14px; } a.btn.rvsbtn { padding: 0 5px; } .search_result_box .btn.btn.rvsbtn .cssload-content { margin-top: 0 !important; } .search_result_box .btn.rvsbtn .cssload-l1, .search_result_box .btn.rvsbtn .cssload-l2, .search_result_box .btn.rvsbtn .cssload-l3 { background: #ffffff !important; margin-top: 2px } /*Style of datepicker modal in mobile*/ @media only screen and (max-width: 480px) { .datebodybg { position: absolute; top: -55px; display: none; width: 100%; height: 110%; z-index: 998; overflow: hidden; background-color: rgba(0, 0, 0, 0.1); } .forcepo { top: 25% !important; left: 8% !important; } } /*autocomplete-suggestions scrollbart*/ .autocomplete-suggestion { padding-right: 0 !important; width: 100%; } .autocomplete-suggestions { min-height: 80px; max-height: 365px !important; overflow: hidden; /* width: 205px !important; */ border: 1px solid #dedede; border-top: none; scrollbar-width: thin; scrollbar-color: #2aacd5; scrollbar-track-color: #ddd; } .autocomplete-suggestions::-webkit-scrollbar { width: 5px; } .autocomplete-suggestions::-webkit-scrollbar-track { background: #ddd; } .autocomplete-suggestions::-webkit-scrollbar-thumb { background: #2aacd5; } .diricon, .diriconto { background-image: url(../images/ch_iconssss.png?v=3.1); background-size: 220px 355px; background-repeat: no-repeat; background-position: -134px -63px; width: 30px; height: 20px; float: right; margin-left: 5px; margin-right: 10px; } .diriconto { background-position: -134px -83px !important; } span.borderaz { position: relative; display: block; border-bottom: 1px solid #dedede; width: 90%; margin: 5px auto 0 auto; } .sayercity { height: 35px; } input#search_auto_from_val, input#search_auto_to_val { visibility: hidden; } .autopad { display: block; width: calc(100% - 45px); } .rot2 { width: 36px; height: 7px; color: #607ea8;; /*border-top: 1px solid #d5d5d5;*/ /*border-bottom: 1px solid #d5d5d5;*/ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-top: 15px; margin-left: -5px; padding: 0 0 11px 7px; } .rot1 { font: normal 12px chfont, tahoma; line-height: 1.5 !important; } .search_result_box .buttons .btn { float: right; /*margin-bottom: 15px;*/ float: right; margin-left: 8px; padding: 0 8px; height: 28px; line-height: 27px; color: #3767aa; font-family: chfont; background-color: transparent; /*border: 1px solid #789cce;*/ } .one_way .search_result_box #reverse { display: block; height: 31px; line-height: 29px; color: #ffffff; font-family: chfont; font-size: 14px; background-color: #3767aa; border-radius: 4px; } .search_result_box .tabbs li#reverse_bg { background-color: transparent; } .search_result_box .btn.newsearch .cssload-l1, .search_result_box .btn.newsearch .cssload-l2, .search_result_box .btn.newsearch .cssload-l3 { background-color: #ffffff !important; } .btn.newsearch i { float: right; margin-left: 5px; } .search_result_box .btn_prev .cssload-l1, .search_result_box .btn_prev .cssload-l2, .search_result_box .btn_prev .cssload-l3, .search_result_box .btn_next .cssload-l1, .search_result_box .btn_next .cssload-l2, .search_result_box .btn_next .cssload-l3, .search_result_box .btn.btn_calender .cssload-l1, .search_result_box .btn.btn_calender .cssload-l2, .search_result_box .btn.btn_calender .cssload-l3 { background: #789cce !important; } .search_result_box .btn_prev .cssload-content { margin: -3px 5px 0 0; } .search_result_box .btn_next .cssload-content { margin: -3px 0 0 5px; } .searchnew .cssload-content { height: 31px; } .nodatedesc { font-size: 12px; margin: 13px 0 9px 0; color: #878686 !important; text-align: center !important; padding: 0 !important; } @media only screen and (max-height: 450px) { .dlapp { display: none } } .prevdis { color: #ccc !important; border-color: #ccc !important; cursor: default !important; pointer-events: none; } .minpriceshow span { /* color: #00c853 !important; */ } .calcu_table .box a.price.minpriceshow { box-shadow: 0 -2px inset #41cc44; } .fromtotitle { float: right; max-width: calc(100% - 146px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #reserve_alert_out span.altxt { padding-right: 23px; } input.alchex { margin-top: 13px !important; } .closesug i.flaticon-cancel30:before { font-size: 12px; } .closesug i.flaticon-cancel30 { display: inline-block; padding: 2px; border: 1px solid #ccc; border-radius: 50%; width: 22px; height: 22px; line-height: 22px; } .autocomplete-suggestion.closesug { padding: 6px 0; display: none; } .sec_code input.text_box.required { background-color: #f5f5f5; } body .resu .info_parvaz, body .resu .select, .rot1, .rot2, .result_pagination .txt { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*---------------------15 days new style-------------------------*/ .efitooltip_bg .efitooltip { max-height: unset; padding: 20px 30px 65px 30px; border: none; box-shadow: none; background: rgb(255, 255, 255); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 0) 100%); } .calcu_table .titr { margin-left: 3px; float: right; margin-right: 3px; } .calcu_table .date { text-align: left; margin-left: 1px; } .calcu_table .titr, .calcu_table .date { display: block; font-size: 12px; } #from_to_popup { min-height: unset; } #from_to_popup .calcu_table_box { width: unset; } .calcu_table .box a { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 0px; /* padding: 5px 0px 5px 18px; */ /*Only for Toman*/ height: 30px; line-height: 32px; cursor: pointer; background-color: #ffffff; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; box-shadow: 0px 2px 7px rgba(0,0,0,.15); } .calcu_table .box a:hover { background: #edf6f9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .calcu_table .box .price span { display: none; /*Only for Toman*/ /* position: absolute; font-size: 10px; color: #9d9d9d; border-top: 1px solid #ddd; float: left; left: 0; margin-top: -24px; margin-left: -11px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: 41px; line-height: 14px; border-radius: 0 0 5px 5px; */ } /*new*/ div.inn.issue-ticket { margin-top: 18px !important; width: 100% !important; margin-bottom: 15px !important; } h2.titr.issue-ticket { color: #2aacd5 !important; font-size: 14px !important; } p.issue--ticket { text-align: justify !important; } #iDlfooter { display: none; } /* genderItem /start*/ .genderSwitch { display: flex; padding: 0; color: #999; cursor: pointer; margin-top: 4px; } .genderItem { text-align: center; display: inline-block; width: 50%; font-size: .8rem; background-color: #ebebeb; } .genderItem:hover{ background-color: #d5eef6; } .genderItem.active { flex-grow: 1; background-color: #3767aa; color: #ffffff; font-weight: bold; } .genders{ display: none; } /* genderItem /end*/ /*featured-content /start*/ .featured-row { margin: 1rem 2rem; } .featured-row__title{ text-align: center; } .featured-row__title h1 { display: inline-block; font: bold 18px/30px chfont; color: #ff6600; margin: 0 auto 25px auto; padding: 0 1.5rem 5px 1.5rem; border-bottom: 1px solid #c7c7c7; text-align: center; } .featured-row__description--content.showmemore{ max-height: 350px; } .featured-row__description--content { max-height: unset; overflow: hidden; display: block; position: relative; z-index: 0 !important; transition: max-height 1s; } .featured-row__description--content.showmemore{ max-height: 350px; color: #636363; } .featured-row__description--content p{ font: normal 1.2em/30px chfont; margin: 0 0 1.5em; text-align: justify; } .featured-row__description--content h2, .featured-row__description--content h3, .featured-row__description--content h4, .featured-row__description--content h5, .featured-row__description--content h6{ margin: 1.44em 0 .5em; } .featured-row__description--showmore { height: 160px; background: linear-gradient(179deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,1) 100%); margin-top: -100px; position: relative; display: block; z-index: 99; text-align: center; } .featured-row__description--showmore.blogItems{ height: 50px; margin-top: 20px; } #showMeMore, #showMeMorePosts { font: normal 14px/30px chfont; color: #636363; padding: .33rem 3rem; border: 1px solid #c7c7c7; text-align: center; cursor: pointer; border-radius: 5px; background-color: rgba(255,255,255,.75); position: absolute; right: calc(50% - 75px); bottom: 0; z-index: 9999; width: 43px; } .d-none{ display:none; } /*featured-content /end*/ /*mainpage-submenu /start*/ .mainpage .submenu.submenu_blog{ position: relative; visibility: visible !important; opacity: 1; margin-bottom: 35px; margin-top: 30px; transform: none !important; left: unset; top: unset; } .mainpage .submenu_blog .head_menu{ display: none; } .mainpage .submenu.submenu_blog .submenu_blog_menu .submenu_blog_menu--wrapper.showmemore{ max-height: 260px; } .mainpage .submenu.submenu_blog .submenu_blog_menu .submenu_blog_menu--wrapper{ display: flex; flex-wrap: wrap; overflow: hidden; max-height: unset; } .mainpage .submenu_blog .submenu_blog_menu--wrapper .box{ float: unset; flex: 1 1 20%; max-width: 20%; } .mainpage .submenu_blog{ border-top: none; z-index: 0 !important; box-shadow: none; } .rowbg{ clear:both; } /*mainpage-submenu /end*/ .title.title-statitc{ width:unset !important;display:inline-block;padding: 0 1rem 5px 1rem; } .touris_display_none{ display: none; } .sr_table_last_tourism{ width: 98% !important; margin-left: 3.5%; margin-right: 1.5%; direction: rtl; } .subtitle_tourism{ font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; direction: rtl; width: 60%; text-align: left; } .city_tourism{ width: 35%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* CSS Multiple Whatsapp Chat By Dunia Blanter */ /*https://codepen.io/dweb-digital/pen/GRmWeyv*/ @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; font-display: auto; src: url(../../c118/admin_panel/font/whatsapp_font/fa-brands-400.eot); src: url(../../c118/admin_panel/font/whatsapp_font/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../../c118/admin_panel/font/whatsapp_font/fa-brands-400.woff2) format("woff2"), url(../../c118/admin_panel/font/whatsapp_font/fa-brands-400.woff) format("woff"), url(../../c118/admin_panel/font/whatsapp_font/fa-brands-400.ttf) format("truetype"), url(../c118/admin_panel/font/whatsapp_font/fa-brands-400.svg#fontawesome) format("svg"); } #whatsapp-chat { position: fixed; background: #fff; width: 350px; border-radius: 10px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); bottom: 90px; right: 30px; overflow: hidden; z-index: 99; animation-name: showchat; animation-duration: 0.5s; transform: scale(1); /*direction:rtl;*/ line-height: 32px; text-align: right; } a.blantershow-chat { background: linear-gradient(to left top,#23ab23,#4ee74e); color: #fff; position: fixed; z-index: 98; bottom: 25px; right: 30px; font-size: 15px; padding: 10px 20px; border-radius: 30px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); } a.blantershow-chat i { transform: scale(1.8); padding: 0px 0px 0px 10px; } .header-chat { /*background: linear-gradient(to right top,#23ab23,#4ee74e);*/ background: linear-gradient(to right top,#eee,#fff); color: #fff; padding: 20px; margin-bottom: 15px; } .header-chat h4 { margin: 0 0 0px; color: #6a6a6a; } .header-chat p { font-size: 14px; line-height: 1.7; margin: 0; color: #6a6a6a; font-style: italic; } .info-avatar { position: relative; } .info-avatar img { border-radius: 100%; width: 50px; float: right; margin: 0 10px 0 0; } .info-avatar::before { z-index: 1; font-family: "Font Awesome 5 Brands"; color: #fff; padding: 6px 9px; border-radius: 100%; position: absolute; top: 7px; left: 30px; font-size: 30px; } .info-avatar-issue::before { z-index: 1; font-family: "Font Awesome 5 Brands"; color: #fff; padding: 9px; border-radius: 100%; font-size: 30px; } .telegram-logos{ display: flex; justify-content: center; align-items: center; gap: 30px; margin: 30px 0; } .informasi .whatsapp::before { content: "\f232"; background: #23ab23; } .informasi .telegram::before { content: "\f2c6"; background: #30a8dc; } .telegram-logos .whatsapp::before { content: "\f232"; background: #23ab23; } .telegram-logos .telegram::before { content: "\f2c6"; background: #30a8dc; } .informasi .ticket::before { content: "\f298"; background: none; color: #0028ff; font-size: 35px; padding: 3px; } .informasi .phone::before { content: "\f409"; background: none; color: #0028ff; font-size: 37px; padding: 3px; } .head-home::before{ content: "\f5f1"; background: none; color: #2bc600; top: 27px; left: unset; right: 0; } a.informasi { padding: 13px 26px 13px 0; display: block; overflow: hidden; animation-name: showhide; animation-duration: 0.8s; } a.informasi:hover { background: #f1f1f1; } .info-chat span { display: block; } #get-label, span.chat-label { font-size: 13px; color: #888; } #get-nama, span.chat-nama { margin: 0; font-size: 15px; font-weight: 700; color: #4d4d4d; } #get-label, #get-nama { color: #fff; } span.my-number { display: none; } .blanter-msg { color: #444; padding: 20px; font-size: 12.5px; text-align: center; border-top: 1px solid #ddd; } textarea.chat-input { display:none; } a.send-it { color: #555; width: 60px; margin: -5px 0 0 5px; font-weight: 700; padding: 6px; background: #eee; border-radius: 10px; position: absolute; right: 10px; height: 30px; bottom: 10px; } .start-chat .blanter-msg { display: flex; } #get-number { display: none; } a.close-chat { position: absolute; top: 10px; left: 23px; color: #5e5e5e; font-size: 34px; } @keyframes showhide { from { transform: scale(0.5); opacity: 0; } } @keyframes showchat { from { transform: scale(0); opacity: 0; } } @media screen and (max-width: 480px) { #whatsapp-chat { width: auto; left: 5%; right: 5%; font-size: 80%; } } .hide { display: none; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; } .show { display: block; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; } /* CSS Multiple Whatsapp Chat By Dunia Blanter */