الموقع الرسمي لشركة اتوبيسى

البحث عن رحلتك

قم بتحميل التطبيق الجديد

احجز الان

واستمتع بخصم 10%

على جميع الرحلات

تم النسخ

انسخ البرومو كود

oto10

نسخ إلى الحافظة

وسائل دفع آمنة ومريحة

mastercard visa Fawry Fawry Fawry

شركة أتوبيسي

شركة مساهمة مصرية تعمل فى مجال نقل الركاب منذ عام 2002 تحت اشراف وزارة النقل وتمتلك اسطل كبير من السيارات التى تخدم عدة محافظات كما نمتلك خبرة كبيرة فى مجال نقل الركاب والنقل السياحى .

عن شركة اتوبيسى (العاصمة سابقا)

© 2019 otobeesy All Rights Reserved

Web Design & Development by MitchDesigns

/*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */ /** /!!! core css Should not edit !!!/**/ .lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { overflow: hidden; margin: 0; } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } .lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width: 32px; display: block; top: 50%; height: 32px; background-image: url('../img/controls.png'); cursor: pointer; position: absolute; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSPrev { background-position: 0 0; left: 10px; } .lSAction > .lSNext { background-position: -32px 0; right: 10px; } .lSAction > a.disabled { pointer-events: none; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } @keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } /*/ GRab cursor */ .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } /**/ /* plugins */ /**/ /* @import url(atvimg.css); @import url(owl.carousel.css); */ /**/ /* fonts */ /**/ @import url('https://fonts.googleapis.com/css?family=Cairo:400,600,700,900'); @font-face{font-family:Montserrat;font-style:normal;font-weight:300;src:url('fnt/montserrat-light-webfont.eot');src:url('fnt/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),url('fnt/montserrat-light-webfont.woff2') format('woff2'),url('fnt/montserrat-light-webfont.woff') format('woff'),url('fnt/montserrat-light-webfont.ttf') format('truetype'),url('fnt/montserrat-light-webfont.svg#montserratlight') format('svg');} @font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url('fnt/montserrat-regular-webfont.eot');src:url('fnt/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fnt/montserrat-regular-webfont.woff2') format('woff2'),url('fnt/montserrat-regular-webfont.woff') format('woff'),url('fnt/montserrat-regular-webfont.ttf') format('truetype'),url('fnt/montserrat-regular-webfont.svg#montserratregular') format('svg');} @font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:url('fnt/montserrat-semibold-webfont.eot');src:url('fnt/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('fnt/montserrat-semibold-webfont.woff2') format('woff2'),url('fnt/montserrat-semibold-webfont.woff') format('woff'),url('fnt/montserrat-semibold-webfont.ttf') format('truetype'),url('fnt/montserrat-semibold-webfont.svg#montserratbold') format('svg');} @font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:url('fnt/montserrat-bold-webfont.eot');src:url('fnt/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),url('fnt/montserrat-bold-webfont.woff2') format('woff2'),url('fnt/montserrat-bold-webfont.woff') format('woff'),url('fnt/montserrat-bold-webfont.ttf') format('truetype'),url('fnt/montserrat-bold-webfont.svg#montserratbold') format('svg');} /**/ /* reset */ /**/ html,body,iframe,header,footer,main,aside,nav,section,article,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,hr,blockquote,pre,a,address,del,em,i,strong,sub,sup,figure,figcaption,img,form,fieldset,legend,label,input,select,textarea,button,table,thead,tbody,tfoot,tr,th,td{vertical-align:baseline;margin:0;padding:0;border:0;outline:none;background:none;font-size:100%;font:inherit;} html,body,iframe,header,footer,main,aside,nav,section,article,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,hr,blockqoute,pre,figure,figcaption,form,fieldset,legend,label,input,select,textarea,button{display:block;} html,body{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;} dl,dt,dd,ul,ol,li{list-style:none;} table{width:100%;border-collapse:collapse;border-spacing:0;} button{cursor:pointer;} button::-moz-focus-inner{padding:0;border:0;} /**/ /* defaults */ /**/ html,body{background:#fafafa;font:400 16px/1 'Cairo', sans-serif;color:#252525;} h2{font-size:36px;font-weight:600;color:#383f67;} h5{font-size:14px;line-height:1.75;font-weight:300;} a,a:hover{text-decoration:none;cursor:pointer;color:inherit;} /**/ /* helpers */ /**/ .table{display:table;width:100%;height:100%;} .tcell{display:table-cell;vertical-align:middle;} .clearfix:after{content:'';display:table;clear:both;} @media screen and (max-width:999px){ .removed-md{display:none!important;} } @media screen and (max-width:767px){ .removed-sm{display:none!important;} } mark{font-family:'Cairo',Helvetica,Arial,sans-serif;background:none;color:inherit;} /**/ /* forms */ /**/ .input,.textarea{position:relative;} .input input,.textarea textarea{width:100%;padding:10px 15px;background:#fff;border:1px solid #bbc9d9;border-radius:5px;box-shadow:none;box-sizing:border-box;font-size:14px;line-height:20px;color:#252525;transition:border 0.3s,color 0.3s;-webkit-transition:border 0.3s,color 0.3s;-moz-transition:border 0.3s,color 0.3s;-o-transition:border 0.3s,color 0.3s;transition:border 0.3s,color 0.3s;} .textarea textarea{resize:none;} .input input:focus,.textarea textarea:focus{border-color:#83adde;color:#383f67;} .input .req{position:absolute;right:12px;top:50%;width: 16px;height: 16px;margin-top: -8px;border-radius:50%;background:#eee url(../img/checkbox.png) 50% 50% no-repeat;} .input .req-valid{background-color:#4cb749;} .input .req-invalid{background:#f31606 url(../img/classes/close.png) 50% 50% no-repeat;background-size:8px 8px;} .input .icon-mc{position:absolute;top:0;right:0;width:60px;height:100%;background:url(../img/booking-payment/icon-mc.png) 50% 50% no-repeat;} .select{position:relative;overflow:hidden;} .select span{display:block;padding:13px 15px;border:1px solid #bbc9d9;border-radius:5px;overflow:hidden;box-sizing:border-box;background:#fff;font-size:14px;line-height:20px;color:#252525;transition:border 0.3s,color 0.3s;-webkit-transition:border 0.3s,color 0.3s;-moz-transition:border 0.3s,color 0.3s;-o-transition:border 0.3s,color 0.3s;transition:border 0.3s,color 0.3s;} .select span::before,.autocomplete::before{content:'';position:absolute;top:1px;right:1px;bottom:1px;width:44px;border-radius:0 4px 4px 0;border-left:1px solid #bbc9d9;background:#e6ebf2 url(../img/select.png) 50% 50% no-repeat;pointer-events:none;} .select select{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;} .checkbox{position:relative;display:inline-block;vertical-align:top;padding-left:24px;box-sizing:border-box;font-size:12px;line-height:18px;color:#383f67;cursor:pointer;-webkit-user-select:none;} .checkbox i{position:absolute;top:0;left:0;width:16px;height:16px;border:1px solid #383f67;border-radius:3px;background:url(../img/checkbox.png) 50% 50% no-repeat;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;} .checkbox input{position:absolute;top:0;left:-9999px;} .checkbox input:checked + i{background-color:#383f67;} .checkbox-readonly{pointer-events:none;} .datepicker{position:relative;} .datepicker::before{content:'';position:absolute;top:1px;right:1px;bottom:1px;width:44px;border-radius:0 4px 4px 0;border-left:1px solid #bbc9d9;background:#e6ebf2 url(../img/datepicker.png) 50% 50% no-repeat;pointer-events:none;} .datepicker input{padding-top:13px;padding-bottom:13px;cursor:default;} .ui-datepicker{display:none;padding:9px 8px 9px 9px;border:1px solid #83adde;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,0.1);background:#fff;font-size:14px;line-height:1.75;font-weight:300;text-align:center;} .ui-datepicker th{padding-bottom:10px;font-weight:600;color:#868686;} .ui-datepicker td a{display:block;padding:3px 8px;border-radius:50%;height:35px;width:35px;box-sizing:border-box;line-height:29px;text-align:center;} .ui-datepicker td a.ui-state-hover{ /* background-color:#383f67; */ /* border-radius:50%; */ /* color:#fff; */ text-shadow:0px 0px 1px #000;color:#000;} .ui-datepicker td a.ui-state-highlight{background-color:transparent;color:#4cb749;} .ui-datepicker td a.ui-state-highlight:hover{text-shadow:0px 0px 1px #4cb749;color:#4cb749;} .ui-datepicker td a.ui-state-active{background-color:#383f67;border-radius:50%;color:#fff;} .ui-datepicker-next{float:right;padding:0 8px;font-weight:600;color:#383f67;} .ui-datepicker-prev{float:left;padding:0 0.5em;font-weight:600;color:#383f67;} .ui-datepicker-title{margin-bottom:10px;font-weight:600;} .ui-autocomplete{position:absolute;z-index:2;top:100%;max-height:264px;overflow:auto;border:1px solid #83adde;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,0.1);background:#fff;font-size:14px;line-height:1.75;} .ui-autocomplete li{padding:10px 15px;cursor:pointer;} .ui-autocomplete li:hover{background:#f8f8f8;} .button{display:inline-block;vertical-align:top;padding:0 80px;border-radius:25px;background:#4cb749;box-sizing:border-box;font-size:14px;line-height:50px;text-align:center;text-transform:uppercase;color:#fff;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;} .button:hover{background:#429e3f;color:#fff;} .button-sm{padding:0 30px;border-radius:20px;line-height:40px;} .button-gray{background-color:#b7b7b7;} .button-gray:hover{background-color:#b7b7b7;} .button-cyan{background:#00aeef;} .button-cyan:hover{background:#009dd6;} .button-blue{background:#383f67;} .button-blue:hover{background:#053163;} .button-yellow{background: #4c527f;} .button-yellow:hover{background: #46527f;} .button-light-blue{background:#0071c5;} .button-light-blue:hover{background:#0061ab;} .button[disabled]{background:#b7b7b7;pointer-events:none;cursor:default;} .button[disabled]:hover{background:#b7b7b7;} @media screen and (max-width:767px){ .ui-datepicker{right:30px;} } @media screen and (max-width:479px){ .ui-datepicker{} .ui-datepicker td a{width:30px;height:30px;padding:0;line-height:30px;} } /**/ /* class badge */ /**/ .class-badge{position:relative;display:inline-block;padding:4px 6px 4px;border-radius:5px 0 5px 0;font-size:12px;text-transform:uppercase;color:#fff;background-color:#009688;} .class-badge-offer{background:#ff6600;} .class-badge-first{background:#5d8cb0;} .class-badge-royal{background:#f31606;} .class-badge-delux{background:#827b00;} .class-badge-business{background:#01a8e9;} .class-badge-delux-plus{background:#827b00;} .class-badge-delux-plus::after{content:'+';position:absolute;top:0;left:100%;margin-left:3px;font-size:24px;line-height:20px;color:#827b00;} .class-badge-elite-plus{background:#ff6600;} .class-badge-elite-plus::after{content:'+';position:absolute;top:0;left:100%;margin-left:3px;font-size:24px;line-height:20px;color:#ff6600;} .class-badge-economic{background:#8fd400;} /*----------------------------------------------*/ /* LAYOUT */ /*----------------------------------------------*/ /**/ /* grid */ /**/ .grid-con{max-width:1180px;margin:0 auto;padding:0 20px;} .grid-row{margin:0 -10px;} .grid-col{display:inline-block;vertical-align:top;padding:0 10px;box-sizing:border-box;} .grid-col-1{width:8.333%;} .grid-col-2{width:16.666%;} .grid-col-24{width:20%;} .grid-col-3{width:25%;} .grid-col-35{width:29.166%;} .grid-col-4{width:33.333%;} .grid-col-5{width:41.666%;} .grid-col-6{width:50%;} .grid-col-7{width:58.333%;} .grid-col-8{width:66.666%;} .grid-col-85{width:70.833%;} .grid-col-9{width:75%;} .grid-col-95{width:79.5%;} .grid-col-10{width:83.333%;} @media screen and (max-width:1219px){ .grid-col-lg-3{width:25%;} .grid-col-lg-4{width:33.333%;} .grid-col-lg-5{width:41.666%;} .grid-col-lg-7{width:58.333%;} } @media screen and (max-width:999px){ .grid-col-md{width:auto;} .grid-col-md-3{width:25%;} .grid-col-md-4{width:33.333%;} .grid-col-md-5{width:41.666%;} .grid-col-md-6{width:50%;} .grid-col-md-7{width:58.333%;} .grid-col-md-8{width:66.666%;} .grid-col-md-9{width:75%;} .grid-col-md-12{width:100%;} } @media screen and (max-width:767px){ .grid-col-sm-4{width:33.333%;} .grid-col-sm-6{width:50%;} .grid-col-sm-12{width:100%;} } @media screen and (max-width:479px){ .grid-col-xs-6{width:50%;} .grid-col-xs-12{width:100%;} } /**/ /* page */ /**/ .page{overflow:hidden;} .page-header{background:#383f67;background: #ffffff;padding: 10px 25px;box-shadow: 4px 0 13px rgba(0, 0, 0, 0.4);position: relative;z-index: 2;} .page-header .grid-row{display: flex;justify-content: space-between;align-items: center;} .page-header .grid-row .grid-col{width: auto;display: flex;} .page-header .grid-row .grid-col.menu-mobile{ } .page-header .grid-row .grid-col.phone-header{display: none;} .page-content{min-height: calc(100vh - 70px - 225px);background-color: #fafafa;} .page-footer{padding:55px 0 30px;background: #383f67;} .page-footer .grid-row{display: flex;align-items: flex-start;justify-content: space-between;} .page-footer .grid-col{ } .page-footer .sep{position:relative;margin:25px 0 20px;border-bottom:1px solid rgba(255,255,255,0.1);} @media screen and (max-width:1219px){ .page-footer .sep::after{display:none;} } @media screen and (max-width:767px){ .page-footer{padding: 30px 0;} .page-footer .grid-row{flex-flow: column;display: block;} .page-footer .grid-col{ display: block; } } /*----------------------------------------------*/ /* HEADER */ /*----------------------------------------------*/ /**/ /* logo */ /**/ .logo{display: block;} .logo img{vertical-align:bottom;height: auto;display: block;width: 130px;} @media screen and (max-width:999px){ .logo img{width:auto;height:50.5px;} } /**/ /* global nav */ /**/ .global-nav{background:#898dae;font-size:0;color:#fff;height:35px;} .global-nav:after{content:'';clear:both;display:block;} .global-nav .grid-con > ul{margin-left:-15px;float:left;display:none;} .global-nav .grid-con > ul li{display:inline-block;vertical-align:top;font-size:11px;line-height:30px;text-transform:uppercase;} .global-nav .grid-con > ul li a{position:relative;display:block;padding:5px 25px 0;} .global-nav .grid-con > ul li + li a{padding-left:10px;} .global-nav .grid-con > ul li a span{position:absolute;bottom:21px;left:10px;font-size:8px;line-height:1;color:#fb9900;} .global-nav .grid-con > ul li a.active{padding:5px 30px 0;background:#383f67;} @media screen and (max-width:999px){ .global-nav{display:none;} } /**/ /* main nav */ /**/ .main-nav{margin-bottom:10px;font-size:0;text-align:right;margin-top:30px;} .main-nav li{display:inline-block;vertical-align:top;margin:0 20px 0 10px;font-size: 13px;line-height: 32px;font-weight: 600;letter-spacing: 0px;color: #101;padding-bottom:25px;} .main-nav li a{position:relative;display:block;transition:color 0.3s;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s;} .main-nav li a::after{content:'';position:absolute;right:0;bottom:0;left:0;margin-bottom:5px;border-bottom:2px solid;opacity:0;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;} .main-nav .profile-dd li a::after{display:none;} .main-nav li a:hover::after,.main-nav li a.active::after{opacity:1;margin-bottom:0;} .main-nav .link-login{float:right;padding: 0 20px;border-radius:5px;background: #383f67;font-size: 11px;line-height: 32px;text-transform:uppercase;color: #ffffff;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;} .main-nav .link-login:hover{background: #292e4c;} .global-nav .lang{float:right;font-size:12px;margin-top:10px;margin-left:12px;background-image:url(../img/lang/lang-01.png);background-position:right 1px;min-height:14px;background-size:23px 13px;background-repeat:no-repeat;padding-right:32px;display:block;border-left:1px solid #fff;padding-left:12px;} .global-nav .lang:hover{color:#fb9900;} .main-nav .link-user{position:relative;float:right;padding:11px 10px 11px 50px;border-radius:5px;background:rgba(0,0,0,0.1);font-size:12px;text-align:left;color:#fefefe;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;} .main-nav .link-user img{position:absolute;top:7px;left:10px;border-radius:50%;} .main-nav .link-user span{display:block;margin-top:5px;font-size:11px;text-transform:uppercase;color:#efa300;} .main-nav .link-user:hover{background:rgba(0,0,0,0.2);} @media screen and (max-width:1219px){ .main-nav li{margin-left:0;font-size:14px;} .main-nav .link-login{padding:0 40px;} } @media screen and (max-width:999px){ .main-nav{display: none !important;} } /**/ /* secondary nav */ /**/ .secondary-nav{margin:10px 0 0px;font-size:0;text-align:right;color:#fff;float:right;} .secondary-nav li{display:inline-block;vertical-align:top;margin-left:10px;padding-left:10px;border-left:1px solid;font-size:12px;} .secondary-nav li:first-child{margin-left:0;padding-left:0;border-left:0;} .secondary-nav a{transition:color 0.3s;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s;} .secondary-nav a:hover,.secondary-nav a.active{color:#fb9900;} @media screen and (max-width:999px){ .secondary-nav{display:none;} } /**/ /* burger */ /**/ .burger{position:relative;display:none;/* margin:25px 0 25px auto; */padding-right:31px;font-size:14px;font-weight: 600;color: #000;} .burger::after{content:'';position:absolute;top:7px;right:0;width:21px;height: 2px;background: #000;box-shadow: 0 5px #000, 0 -5px #000;} @media screen and (max-width:999px){ .burger{display:block;} } /**/ /* mobile nav */ /**/ .mobile-nav{display:none;} .mobile-nav ul{font-size:18px;line-height:32px;text-transform:uppercase;color:#fff;} .mobile-nav ul:last-child{font-size:16px;line-height:28px;text-transform:none;color:#d9d9d9;} .mobile-nav ul li{margin-top:12px;} .mobile-nav ul a{display:block;padding:0 30px;} .mobile-nav ul .link-user{position:relative;padding:11px 10px 11px 55px;font-size:12px;text-align:left;color:#fefefe;line-height:1.2;} .mobile-nav ul .link-user img{position:absolute;top:7px;left:10px;border-radius:50%;} .mobile-nav ul .link-user p{color:#fff;} .mobile-nav ul .link-user p span{display:block;margin-top:5px;font-size:11px;text-transform:uppercase;color:#efa300;} .mobile-nav ul .link-user.active{padding-left:70px;} .mobile-nav ul .link-user.active img{left:20px;} .mobile-nav ul a.active{box-shadow: inset 6px 0 #ffffff;color: #ffffff;} .mobile-nav ul i{display:inline-block;vertical-align:bottom;width:12px;height:11px;margin:0 0 11px 6px;background:url(../img/mobile-nav/arrow.png);} .mobile-nav hr{margin:30px 20px;border-top:1px solid #7790ae;} .mobile-nav .new{display:block;margin-bottom:-5px;font-size:10px;line-height:1;color:#f96783;} .mobile-nav .hot{display:block;margin-bottom:-5px;font-size:10px;line-height:1;color:#fb9900;} .mobile-nav .close{position:relative;display:block;width:16px;height:16px;margin:0 25px 0 auto;background:url(../img/mobile-nav/close.png) 50% 50% no-repeat;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;transition:transform 0.3s;} .mobile-nav .close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} .mobile-nav .panel{position:fixed;z-index: 101;top:0;right:0;bottom:0;width:270px;padding:25px 0;overflow:auto;background:#383f67;-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0);transition:transform 0.3s 0.1s;-webkit-transition:-webkit-transform 0.3s 0.1s;-moz-transition:-moz-transform 0.3s 0.1s;-o-transition:-o-transform 0.3s 0.1s;transition:transform 0.3s 0.1s;-webkit-transform:translate(100%,0);-webkit-transition:-webkit-transform 0.3s 0.1s;} .mobile-nav .panel.active{opacity:1;transform:none;-webkit-transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;} .mobile-nav .overlay{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);opacity:0;pointer-events:none;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;} .mobile-nav .panel.active + .overlay{opacity:1;pointer-events:auto;} @media screen and (max-width:999px){ .mobile-nav{display:block;} } /*----------------------------------------------*/ /* CONTENT */ /*----------------------------------------------*/ /**/ /* intro */ /**/ .intro{padding:90px 0;background-size:cover;text-align:center;} .intro h2{margin-bottom:15px;font-size:18px;text-transform:uppercase;color:#252525;} .intro form{position:relative;padding:30px 50px 40px;border-radius:5px;background:#f7f7f7;} .intro label{margin-top:20px;font-size:12px;line-height:30px;text-align:left;} .intro input[type="radio"]{position:absolute;top:0;left:-9999px;} .intro input[type="radio"]:checked + .way{background: #383f67;color:#fff;cursor:default;} .intro .way{display:inline-block;vertical-align:top;width:145px;margin:0;background: #eaeaea;font-size:12px;line-height:30px;text-align:center;text-transform:uppercase;color:#898989;cursor:pointer;transition:background 0.3s,color 0.3s;-webkit-transition:background 0.3s,color 0.3s;-moz-transition:background 0.3s,color 0.3s;-o-transition:background 0.3s,color 0.3s;transition:background 0.3s,color 0.3s;} .intro .way[for="way-1"]{border-radius:4px 0 0 4px;margin-right:-3px;} .intro .way[for="way-2"]{border-radius:0 4px 4px 0;margin-left:-2px;} .intro .group-way-2{transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;} .intro #way-1:checked ~ .grid-row .group-way-2{opacity:0.4;pointer-events:none;} .intro .select{text-align:left;} .intro .button{margin-top:35px;padding:0 60px;} .intro .grid-con{max-width:620px;} .intro .head{display:none;color:#fff;} .intro .head h2{color:#fff;} .intro .route{position:absolute;bottom:100%;left:0;margin-bottom:15px;font-size:22px;font-weight:700;color:#fff;background:transparent;border-radius:0;padding:0;} .intro .route i{display:inline-block;vertical-align:top;width:22px;height:15px;margin:4px 15px 0;background:url(../img/intro/arrow.png);} .intro .upcoming{display:inline-block;width:280px;margin-left:16px;padding:20px 20px 20px 40px;border-top:5px solid #fb9900;border-radius:0 0 5px 5px;background:#fff;text-align:left;} .intro .upcoming p{margin-bottom:10px;font-size:14px;line-height:1.75;} .intro .upcoming h4{font-size:18px;font-weight:600;color:#fb9900;} .intro .upcoming h6{color:#000;} .intro .upcoming ul{height:317px;overflow:auto;padding-right:20px;} .intro .upcoming ul::-webkit-scrollbar{width:8px;border-radius:4px;background:#e5e5e5;} .intro .upcoming ul::-webkit-scrollbar-thumb{width:8px;border-radius:4px;background:#fb9900;} .intro .upcoming ul li{padding:15px 0;border-top:1px solid #f0f0f0;line-height:1.5;font-size:16px;} .intro .upcoming ul li:last-child{border-bottom:1px solid #f0f0f0;} .intro .upcoming ul a{font-size:14px;font-weight:600;color:#4cb749;} .intro .upcoming ul a:hover{text-decoration:underline;} .intro .upcoming .time{position:relative;display:inline-block;vertical-align:top;margin-top:2px;font-weight:300;} .intro .upcoming .time img{position:absolute;bottom:4px;left:100%;margin-left:10px;} .intro-alt form{display:inline-block;vertical-align:top;width:520px;} .intro-alt .grid-con{max-width:100%;} @media screen and (max-width:1219px){ .intro-alt form{width:480px;} } @media screen and (max-width:999px){ .intro .upcoming{margin:20px 0 0;} .intro .upcoming ul{height:211px;} } @media screen and (max-width:767px){ .intro form{display:none;} .intro .head{display:block;} .intro .button{margin-top:0;} } @media screen and (max-width:479px){ .intro{padding:120px 0;background-image:url(../img/intro/bg2.png);} .intro-alt{padding:60px 0;} } /**/ /* featured routes */ /**/ .featured-routes{padding:70px 0;text-align:center;} .featured-routes p{margin-bottom:4px;font-size:14px;} .featured-routes h2{font-size:1.5rem;text-transform:uppercase;} .featured-routes h5{margin:5px 0 20px;font-weight:400;color:#636363;} .featured-routes img{position:absolute;top:0;left:0;width:100%;height:100%;} .featured-routes strong{font-size:18px;} .featured-routes .item{position:relative;margin-top:20px;padding-top:100%;overflow:hidden;border-radius:3px;transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);} .featured-routes .info{position:absolute;right:0;bottom:0;left:0;padding:20px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));text-align:left;color:#fff;transform:translate(0,38px);-webkit-transform:translate(0,38px);-moz-transform:translate(0,38px);-ms-transform:translate(0,38px);-o-transform:translate(0,38px);transform:translate(0,38px);-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;transition:transform 0.3s;} .featured-routes .info p:first-child::after{content:'';display:inline-block;width:13px;height:9px;margin-left:5px;background:url(../img/featured-routes/arrow.png);} .featured-routes .item:hover .info{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;} .featured-routes .link{display:inline-block;margin-top:4px;padding:0 20px;border-radius:15px;background:#40b555;font-size:12px;line-height:30px;opacity:0;transition:background 0.3s,opacity 0.3s;-webkit-transition:background 0.3s,opacity 0.3s;-moz-transition:background 0.3s,opacity 0.3s;-o-transition:background 0.3s,opacity 0.3s;transition:background 0.3s,opacity 0.3s;} .featured-routes .link:hover{background:#429e3f;} .featured-routes .item:hover .link{opacity:1;} .featured-routes .grid-con{max-width:880px;} .featured-routes .carousel{width:auto;height:0;overflow:hidden;margin:0 -20px;} .featured-routes .carousel .elem{width:280px;} .featured-routes .carousel .item{margin-top:0;} @media screen and (max-width:767px){ .featured-routes{padding:40px 0;} .featured-routes .info{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;} .featured-routes .link{opacity:1;} .featured-routes .carousel{height:auto;} .featured-routes .grid-row{display:none;} .featured-routes h5{padding:0 10px;} } /**/ /* promo-routes */ /**/ .promo-routes{padding-bottom:90px;} .promo-routes .item{display:block;} .promo-routes .image{height:280px;} .promo-routes .grid-con{max-width:880px;} @media screen and (max-width:767px){ .promo-routes{padding-bottom:20px;} .promo-routes .item{margin-bottom:20px;} } /**/ /* routes count */ /**/ .routes-count{padding:70px 0;border-top:1px solid #e3eaf8;border-bottom:1px solid #e3eaf8;background:#f4f5f6;text-align:center;} .routes-count h4{text-transform:uppercase;color:#abbfda;font-size: 32px;font-weight: 700;margin-bottom: 30px;} .routes-count ul{display:inline-block;vertical-align:top;max-width:188px;margin-left:60px;font-size:13px;line-height:1.5;text-align:left;} .routes-count li{margin-top:15px;} .routes-count li:first-child{margin-top:0;} .routes-count li a:hover{text-decoration:underline;color:#00aeef;} .routes-count img{vertical-align:top;} .routes-count label{display:none;margin-top:30px;font-size:12px;line-height:30px;text-align:left;} .routes-count .num{display:inline-block;vertical-align:top;} .routes-count .select{display:none;text-align:left;} @media screen and (max-width:1219px){ .routes-count ul{margin-left:50px;} } @media screen and (max-width:767px){ .routes-count .num{display:none;} .routes-count{padding:20px 0 30px;display:none;} .routes-count ul{display:none;} .routes-count label,.routes-count .select{display:block;margin-top:0;} .routes-count label{font-size:14px;} } /**/ /* mobile app */ /**/ .mobile-app{padding:70px 0;background-color:#F4F5F6;border-top:1px solid #e3eaf8;} .mobile-app p{margin-top:1em;font-size:14px;line-height:1.75;color:#363636;} .mobile-app h2{font-size:30px;font-weight:600;color:#181818;} .mobile-app h3{margin-bottom:5px;font-size:18px;text-transform:uppercase;color:#efa300;} .mobile-app img{display:block;max-width:100%;margin:0 -35px -40px auto;} .mobile-app .link{display:inline-block;width:130px;height:40px;margin:20px 10px 0 0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;} .mobile-app .link:hover{opacity:0.8;} .mobile-app .link-apple{background-image:url(../img/mobile-app/link-apple.png);} .mobile-app .link-google{background-image:url(../img/mobile-app/link-google.png);} .mobile-app .grid-con{max-width:990px;} .mobile-app .grid-col{vertical-align:middle;} @media screen and (max-width:1219px){ .mobile-app img{height:auto;} } @media screen and (max-width:767px){ .mobile-app{padding:40px 0;} .mobile-app h2{font-size:28px;} .mobile-app img{margin:40px auto -20px;} } /**/ /* payment methods */ /**/ .payment-methods{padding:50px 0;background:#fff;text-align:center;} .payment-methods p{margin-top:0.5em;font-size:14px;line-height:1.25;font-weight:300;} .payment-methods h2{font-size:24px;color:#1c1c1c;} .payment-methods h3{margin-bottom:10px;color:#00aeef;} .payment-methods h4{margin-top:10px;font-size:18px;font-weight:600;} .payment-methods img{vertical-align:top;margin-top:10px;} .payment-methods i{position:relative;display:block;height:39px;} .payment-methods i img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;} .payment-methods .item{margin-top: 10px;} @media screen and (max-width:1219px){ .payment-methods br{display:none;} } @media screen and (max-width:999px){ .payment-methods br{display:block;} } /**/ /* benefits */ /**/ .benefits{padding:70px 0;text-align:center;} .benefits p{max-width:300px;margin:10px auto 0;font-size:14px;line-height:1.75;font-weight:300;} .benefits h3{font-size:18px;font-weight:600;color:#1c1c1c;} .benefits h5{max-width:700px;margin:0.75em auto 0;text-align:center;} .benefits .icon{position:relative;height:65px;margin:50px 0 15px;} .benefits .icon img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;} /**/ /* trip overview */ /**/ .trip-overview{padding-top:70px;background:#fff;text-align:center;} .trip-overview h3{font-size:22px;font-weight:700;color:#1c1c1c;} .trip-overview h3 i{display:inline-block;vertical-align:top;width:22px;height:15px;margin:4px 15px 0;background:url(../img/trip-overview/arrow.png);} .trip-overview h4{margin-bottom:10px;color:#00aeef;} .trip-overview h5{margin-bottom:10px;font-size:18px;line-height:1;font-weight:600;} .trip-overview .map{height:500px;margin-top:70px;} .trip-overview .icon{position:relative;height:33px;margin:50px 0 15px;} .trip-overview .icon img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;} .trip-overview .grid-con{max-width:900px;} @media screen and (max-width:767px){ .trip-overview p{font-size:14px;} .trip-overview h5{font-size:16px;} } /**/ /* filter */ /**/ .filter{padding:15px 0 50px;border-bottom:1px solid #ebebeb;background:#fff;} .filter form{position:relative;padding-right:200px;} .filter .head{display:none;padding:10px 0 15px;font-size:14px;text-align:center;} .filter .head a{text-decoration:underline;color:#383f67;} .filter .head a:hover{text-decoration:none;} .filter .label{font-size:12px;line-height:30px;} .filter .button{position:absolute;top:30px;right:0;width:180px;padding:0;line-height:48px;} .filter .checkbox{float:right;} .filter .grid-con{max-width:1100px;} .filter .grid-col-s{width:23%;margin-bottom:10px;} .filter .grid-col-l{width:27%;margin-bottom:10px;} @media screen and (max-width:999px){ .filter .button{top:118px;} .filter .checkbox{position:absolute;top:45px;right:0;width:180px;} .filter .grid-col-s{width:50%;} .filter .grid-col-l{width:50%;} } @media screen and (max-width:767px){ .filter form{display:none;} .filter .head{display:block;} } /**/ /* buses tabs */ /**/ .buses-tabs{margin:-40px 0 -50px;text-align:center;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;} .buses-tabs img{vertical-align:top;margin-bottom:5px;} .buses-tabs img[height="19"]{margin:-1px 0 3px;} .buses-tabs .item{position:relative;display:inline-block;vertical-align:top;width:200px;padding:10px;border:1px solid #8abee4;border-radius:0 10px 10px 0;background:#fff;box-sizing:border-box;text-align:left;color:#00aeef;} .buses-tabs .item:first-child{z-index:1;margin-right:-1px;border-radius:10px 0 0 10px;text-align:right;} .buses-tabs .item .date{margin-top:5px;font-size:12px;text-transform:uppercase;color:#363636;} .buses-tabs .item .arrow-to{position:absolute;top:10px;left:10px;width:17px;height:12px;margin-top:2px;background:url(../img/buses-tabs/arrow-to.png);} .buses-tabs .item .arrow-from{position:absolute;top:10px;right:10px;width:17px;height:12px;margin-top:2px;background:url(../img/buses-tabs/arrow-from.png);} .buses-tabs .item .direction{font-size:14px;line-height:20px;} .buses-tabs .item .direction span{font-size:18px;line-height:1;} .buses-tabs .item-alt{border-color:#cecece;background:#e1e1e1;color:#7d7d7d;} .buses-tabs .item-alt .arrow-from{background:url(../img/buses-tabs/arrow-from2.png);} .buses-tabs .item-valid{border-color:#addeab;background:#edffeb;color:#4cb749;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} .buses-tabs .item-valid .arrow-to{background-image:url(../img/buses-tabs/arrow-to2.png);} .buses-tabs.disabled{pointer-events:none;opacity:0;} .buses-tabs.disabled + div h1{opacity:0;} @media screen and (max-width:999px){ .buses-tabs{position:static!important;} } @media screen and (max-width:767px){ .buses-tabs .item{width:150px;padding:8px;} .buses-tabs .item .date{font-size:10px;} .buses-tabs .item .arrow-to{top:8px;} .buses-tabs .item .arrow-from{top:8px;} .buses-tabs .item .direction{font-size:11px;line-height:15px;} .buses-tabs .item .direction span{font-size:13px;} } /**/ /* buses */ /**/ .buses{padding:70px 0 100px;} .buses h1{font-size:24px;font-weight:600;text-align:center;text-transform:uppercase;color:#363636;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;} .buses h3{font-size:36px;font-weight:600;color:#363636;} .buses h4{overflow:hidden;margin-top:1px;font-size:18px;line-height:24px;font-weight:300;white-space:nowrap;text-overflow:ellipsis;} .buses h4 i{display:inline-block;vertical-align:top;width:17px;height:12px;margin:6px 10px 0;background:url(../img/dashboard-ticket/icon-arrow.png);} .buses .item{position:relative;overflow:hidden;margin-top:20px;border-radius:5px;box-sizing:border-box;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.10);transform:translate(0);-ms-transform:translate(0);-webkit-transform:translate(0);transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:all 0.3s;} /* .buses .item::after { content: ''; position: absolute; top: 243px; right: 25px; left: 210px; border-bottom: 2px solid #f6f6f6; } */ .buses .item::before{content:'';position:absolute;top:0;bottom:0;left:0;width:180px;background:#383f67;} .buses .day{position:absolute;bottom:0;right:100%;width:68px;height:57px;margin-right:-180px;background:url(../img/buses/day.png);opacity:0.1;} .buses .night{position:absolute;bottom:0;right:100%;width:61px;height:62px;margin-right:-180px;background:url(../img/buses/night.png);opacity:0.1;} .buses .number{position:absolute;z-index:1;bottom:12px;left:20px;height:24px;padding-left:29px;background:url(../img/buses/number.png) no-repeat;font-size:12px;line-height:26px;font-weight:600;color:#00a4e4;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;} .buses .date{position:absolute;z-index:1;top:20px;left:20px;font-size:12px;line-height:1.1;color:#fff;} .buses .date span{display:block;font-size:24px;} .buses .info{height:130px;margin-right:490px;padding:25px 30px 25px 210px;transition:height 0.3s,transform 0.3s;-webkit-transition:height 0.3s,-webkit-transform 0.3s;-moz-transition:height 0.3s,-moz-transform 0.3s;-o-transition:height 0.3s,-o-transform 0.3s;} .buses .info .icons{margin-top:15px;} .buses .info .icons img{vertical-align:middle;margin-right:10px;opacity:0.3;} .buses .info .class-badge{margin-bottom:5px;} .buses .subinfo{position:absolute;top:243px;right:25px;left:210px;margin-top:-31px;padding-bottom:20px;border-bottom:2px solid #f6f6f6;font-size:11px;text-transform:uppercase;color:#959595;transition:left 0.3s;-webkit-transition:left 0.3s;-moz-transition:left 0.3s;-o-transition:left 0.3s;} .buses .subinfo i{color:#efa300;} .buses .expand{position:absolute;top:0;right:0;width:291px;height:180px;text-align:center;transition:height 0.3s,opacity 0.3s;-webkit-transition:height 0.3s,opacity 0.3s;-moz-transition:height 0.3s,opacity 0.3s;-o-transition:height 0.3s,opacity 0.3s;} .buses .expand span{display:block;font-size:12px;} .buses .expand strong{display:block;margin-bottom:5px;font-size:18px;font-weight:600;} .buses .expand .sold{color:#e73327;} .buses .expand .button{font-size:12px;} .buses .expand .hurry{margin-top:10px;color:#e73327;} .buses .expand .available{margin-top:10px;color:#acacac;} .buses .login{position:absolute;top:0;right:0;width:291px;height:180px;padding:0 45px;box-sizing:border-box;text-align:center;pointer-events:none;opacity:0;transition:height 0.3s,opacity 0.3s;transition:height 0.3s,opacity 0.3s;-webkit-transition:height 0.3s,opacity 0.3s;-moz-transition:height 0.3s,opacity 0.3s;-o-transition:height 0.3s,opacity 0.3s;} .buses .login span{display:block;margin-top:13px;font-size:13px;font-weight:300;color:#0071c5;} .buses .login .button{width:100%;padding:0;} .buses .login-alt span{color:#4cb749;} .buses .login-alt strong{display:block;font-size:24px;color:#4cb749;} .buses .login-alt .price{margin-bottom:10px;font-size:12px;line-height:1.1;font-weight:600;text-transform:uppercase;color:#7d7d7d;} .buses .collapse{position:absolute;top:0;right:0;width:54px;height:54px;background:url(../img/buses/close.png) 50% 50% no-repeat;pointer-events:none;opacity:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .buses .legend{display:none;margin-top:20px;padding-top:20px;border-top:2px solid #f6f6f6;font-size:0;font-weight:300;text-align:center;} .buses .legend i{display:inline-block;vertical-align:top;width:13px;height:13px;margin-right:4px;} .buses .legend div{display:inline-block;vertical-align:top;margin:0 8px;font-size:13px;} .buses .seats{position:absolute;top:440px;left:210px;width:145px;padding:0 25px;font-size:0;text-align:center;pointer-events:none;opacity:0;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform-origin:50% 25%;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .buses .seats .tbl{display:inline-block;vertical-align:top;width:50px;height:23px;margin:4px 3px;border: 1px solid #c1c9d1;border-radius:3px;background: #e5ebf1;} .buses .seats .seat{position:relative;display:inline-block;vertical-align:top;width:23px;height:25px;margin:4px 3px;background:url(../img/buses/seats.png);} .buses .seats .seat i{display:block;font-size:12px;line-height:20px;font-weight:600;color:#fff;} .buses .seats .seat .hint{position:absolute;top:0;right:-160px;left:-100px;pointer-events:none;opacity:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg); /* transition: top 0.3s, opacity 0.3s; */} .buses .seats .seat .hint span{position:relative;display:inline-block;vertical-align:top;padding:0 8px;background:#fff;border:1px solid #c4cfdc;border-radius:3px;font-size:9px;line-height:19px;text-transform:uppercase;} .buses .seats .seat .hint span::after{content:'';position:absolute;top:100%;left:50%;margin:-1px 0 0 -5px;border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;} .buses .seats .seat .hint span::before{content:'';position:absolute;top:100%;left:50%;margin:0 0 0 -5px;border-top:5px solid #c4cfdc;border-right:5px solid transparent;border-left:5px solid transparent;} .buses .seats .seat:hover .hint{z-index:1; /* top: -29px; */opacity:1;} .buses .seats .seat-empty{background:none;} .buses .seats .seat-your{background-position:0 -25px;} .buses .seats .seat-guest,.buses .seats .seat-driver{background-position:0 -75px;cursor:default;} .buses .seats .seat-booked{background-position:0 -50px;cursor:default;} .buses .seats-disabled .seat{cursor:default;} .buses .gallery{position:absolute;z-index:1;top:0;bottom:0;left:0;width:180px;background:#fff;pointer-events:none;opacity:0;transition:width 0.3s,opacity 0.3s;-webkit-transition:width 0.3s,opacity 0.3s;-moz-transition:width 0.3s,opacity 0.3s;-o-transition:width 0.3s,opacity 0.3s;} .buses .gallery ul{position:absolute;top:0;left:0;width:100%;height:100%;} .buses .gallery::before{content:'';position:absolute;z-index:2;bottom:20px;left:20px;width:16px;height:14px;background:url(../img/classes/camera.png);pointer-events:none;opacity:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .buses .gallery ul::after{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.15;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .buses .gallery li{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;opacity:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .buses .gallery .open{position:absolute;z-index:1;top:0;right:0;bottom:0;width:48px;background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.7));transition:opacity 0.3s;} .buses .gallery .open::after{content:'';position:absolute;top:50%;left:50%;width:8px;height:12px;margin:-6px 0 0 -4px;background:url(../img/classes/next.png);} .buses .gallery .close{position:absolute;z-index:1;top:0;right:0;width:54px;height:54px;background:url(../img/classes/close.png) 50% 50% no-repeat;pointer-events:none;opacity:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .buses .gallery .prev{position:absolute;z-index:1;top:0;left:0;bottom:0;width:48px;background:linear-gradient(to right,rgba(0,0,0,0.7),rgba(0,0,0,0));pointer-events:none;opacity:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .buses .gallery .prev::after{content:'';position:absolute;top:50%;left:50%;width:8px;height:12px;margin:-6px 0 0 -4px;background:url(../img/classes/prev.png);} .buses .gallery .next{position:absolute;z-index:1;top:0;right:0;bottom:0;width:48px;background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.7));pointer-events:none;opacity:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .buses .gallery .next::after{content:'';position:absolute;top:50%;left:50%;width:8px;height:12px;margin:-6px 0 0 -4px;background:url(../img/classes/next.png);} .buses .gallery .active{z-index:1;opacity:1;} .buses .gallery.opened{width:552px;} .buses .gallery.opened::after{pointer-events:auto;opacity:1;} .buses .gallery.opened .open{pointer-events:none;opacity:0;} .buses .gallery.opened .prev,.buses .gallery.opened .next,.buses .gallery.opened .close{pointer-events:auto;opacity:1;} .buses .item.opened .info{height:390px;} .buses .item.opened .expand{height:243px;pointer-events:none;opacity:0;} .buses .item.opened .login{height:243px;} .buses .item.opened .login,.buses .item.opened .seats,.buses .item.opened .gallery,.buses .item.opened .collapse{pointer-events:auto;opacity:1;} .buses .item.opened .number{background-position:0 -24px;color:#fff;opacity:0;} .buses .item.opened .gallery{transition:width 0.3s,opacity 0.3s 0.3s;-webkit-transition:width 0.3s,opacity 0.3s 0.3s;-moz-transition:width 0.3s,opacity 0.3s 0.3s;-o-transition:width 0.3s,opacity 0.3s 0.3s;} .buses .item.opened .gallery::before{opacity:1;} .buses .item.opened .gallery.opened ~ .info{-webkit-transform:translate(372px);-moz-transform:translate(372px);-ms-transform:translate(372px);-o-transform:translate(372px);transform:translate(372px);} .buses .item.opened .gallery.opened ~ .subinfo{left:582px;} .buses .item.opened .gallery.opened ~ .login,.buses .item.opened .gallery.opened ~ .seats,.buses .item.opened .gallery.opened ~ .collapse{pointer-events:none;opacity:0;} .buses .grid-con{max-width:1040px;} @media screen and (max-width:999px){ .buses h4{font-size:16px;} .buses .item::after{left:150px;} .buses .item::before{width:130px;} .buses .day,.buses .night{margin-right:-130px;} .buses .date span{font-size:20px;} .buses .info{margin-right:190px;padding-right:20px;padding-left:150px;} .buses .subinfo{left:150px;} .buses .seats{left:150px;} .buses .seats .seat{margin:2px 3px;} .buses .expand{width:190px;} .buses .login{width:190px;padding:0 20px;} .buses .gallery{width:130px;} .buses .gallery.opened{width:558px;} .buses .item.opened .gallery.opened ~ .info{-ms-transform:translate(0,0); /* IE 9 */-webkit-transform:translate(0,0); /* Chrome, Safari, Opera */transform:translate(0,0);} .buses .item.opened .gallery.opened ~ .subinfo{left:150px;opacity:0;} } @media screen and (max-width:767px){ .buses{padding-bottom:50px;} .buses .item::after{display:none;} .buses .item::before{right:0;bottom:auto;width:auto;height:75px;} .buses .day,.buses .night{display:none;} .buses .number{z-index:0;top:25px;right:20px;bottom:auto;left:auto;} .buses .info{margin:0;padding:20px 20px 0;transition:padding 0.3s;-webkit-transition:padding 0.3s;-moz-transition:padding 0.3s;-o-transition:padding 0.3s;} .buses .subinfo{display:none;} .buses .expand{position:static;width:auto;height:auto!important;padding:30px 0;} .buses .expand .button{width:220px;padding:0;font-size:14px;} .buses .login{position:static;display:none;width:auto;height:auto!important;padding:30px 0;border-top:2px solid #f6f6f6;} .buses .login .button{width:220px;padding:0;font-size:14px;} .buses .collapse{top:75px;transition:top 0.3s;-webkit-transition:top 0.3s;-moz-transition:top 0.3s;-o-transition:top 0.3s;} .buses .seats{position:static;display:none;margin:0 auto;padding-top:20px;padding-bottom:20px;border-right:0;border-left:0;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;} .buses .seats .hint{display:none;} .buses .gallery{position:relative;right:0;bottom:auto;width:auto;height:75px;transition:height 0.3s,opacity 0.3s;-webkit-transition:height 0.3s,opacity 0.3s;-moz-transition:height 0.3s,opacity 0.3s;-o-transition:height 0.3s,opacity 0.3s;} .buses .gallery .open{position:absolute;z-index:1;top:auto;right:0;bottom:0;width:100%;height:48px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));} .buses .gallery .open::after{-ms-transform:rotate(90deg); /* IE 9 */-webkit-transform:rotate(90deg); /* Chrome, Safari, Opera */transform:rotate(90deg);} .buses .item.opened .info{height:auto;} .buses .item.opened .expand{display:none;} .buses .item.opened .collapse{top:150px;} .buses .item.opened .login,.buses .item.opened .legend,.buses .item.opened .seats{display:block;} .buses .item.opened .gallery{height:150px;transition:height 0.3s,opacity 0.3s;-webkit-transition:height 0.3s,opacity 0.3s;-moz-transition:height 0.3s,opacity 0.3s;-o-transition:height 0.3s,opacity 0.3s;} .buses .item.opened .gallery.opened{width:auto;height:230px;} .buses .item.opened .gallery.opened ~ .collapse{top:230px;} .buses .item.opened .gallery.opened ~ .login,.buses .item.opened .gallery.opened ~ .seats{pointer-events:auto;opacity:1;} } /**/ /* booking session */ /**/ .booking-session{padding-top: 40px;} .booking-session .change{display:inline-block;vertical-align:top;padding-left:22px;background:url(../img/booking-session/change.png) 0 50% no-repeat;font-size:12px;line-height:16px;text-decoration:underline;color:#00aeef;} .booking-session .change:hover{text-decoration:none;} .booking-session .timer{width:100px;margin-left:auto;font-size:12px;line-height:14px;} .booking-session .timer span{display:block;margin-top:6px;font-size:24px;font-weight:600;color:#4cb749;} .booking-session .grid-col{vertical-align:middle;} @media screen and (max-width:767px){ .booking-session{margin-bottom:30px;} } /**/ /* discount coupon */ /**/ .discount-coupon{margin-bottom:51px;} .discount-coupon h3{margin-bottom:15px;font-size:18px;line-height:1.25;font-weight:600;} .discount-coupon form{padding-right:230px;} .discount-coupon input{padding-top:14px;padding-bottom:14px;} .discount-coupon .inner{position:relative;padding:40px 0 40px 40px;border:2px dashed #00aeef;border-radius:5px;background:#fff;} .discount-coupon .inner::after{content:'';position:absolute;left:100%;bottom:100%;width:28px;height:19px;margin:-2px 0 0 -13px;background:url(../img/discount-coupon/inner.png);} .discount-coupon .button{width:100%;padding:0;} .discount-coupon .price{position:absolute;top:50%;right:0;width:180px;margin-top:-35px;font-size:11px;color:#111;} .discount-coupon .price del,.discount-coupon .price span,.discount-coupon .price strong{display:block;} .discount-coupon .price del{margin-top:5px;font-size:14px;text-decoration:line-through;color:#dd0017;} .discount-coupon .price span{margin-top:2px;font-size:12px;color:#4cb749;} .discount-coupon .price strong{margin-top:2px;font-size:24px;font-weight:600;} @media screen and (max-width:999px){ .discount-coupon form{padding-right:200px;} .discount-coupon .price{width:160px;} } @media screen and (max-width:767px){ .discount-coupon form{padding-right:0;} .discount-coupon .inner{padding:20px;text-align:center;} .discount-coupon .input{margin-bottom:10px;} .discount-coupon .price{position:static;display:inline-block;width:auto;margin:20px 0 0;} .discount-coupon{margin-top:40px!important;margin-bottom:0;} .beneficiary-sec{margin-top:20px;} } /**/ /* extra shuttle */ /**/ .extra-shuttle{margin-bottom:40px;padding:30px 40px;border-radius:5px;background:#fbf8d5 url(../img/extra-shuttle/bg.png) 100% 30px no-repeat;box-shadow:0 1px 3px rgba(0,0,0,0.10);} .extra-shuttle p{font-size:13px;line-height:1.5;font-weight:300;} .extra-shuttle h3{margin-bottom:5px;font-size:18px;font-weight:600;} .extra-shuttle h3 div{position:relative;display:inline-block;} .extra-shuttle h3 .hint{position:absolute;left:100%;bottom:100%;width:17px;height:17px;margin-bottom:-4px;border-radius:50%;background:#383f67;font-size:11px;line-height:17px;font-weight:600;text-align:center;color:#fff;} .extra-shuttle h3 .hint span{position:absolute;bottom:100%;left:50%;width:200px;margin:0 0 5px -100px;padding:5px 8px;background:#fff;border:1px solid #c4cfdc;border-radius:3px;box-sizing:border-box;font-size:9px;line-height:13px;text-align:left;text-transform:uppercase;color:#252525;pointer-events:none;opacity:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .extra-shuttle h3 .hint span::after{content:'';position:absolute;top:100%;left:50%;margin:-1px 0 0 -5px;border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;} .extra-shuttle h3 .hint span::before{content:'';position:absolute;top:100%;left:50%;margin:0 0 0 -5px;border-top:5px solid #c4cfdc;border-right:5px solid transparent;border-left:5px solid transparent;} .extra-shuttle h3 .hint:hover span{opacity:1;} .extra-shuttle h4{margin-top:20px;color:#073770;} .extra-shuttle label{margin-top:10px;font-size:14px;line-height:30px;} .extra-shuttle input{padding-top:13px;padding-bottom:13px;} .extra-shuttle .price{margin-top:20px;padding:8px 0;font-size:11px;color:#111;} .extra-shuttle .price strong{display:block;margin-top:3px;font-size:20px;font-weight:600;} .extra-shuttle .button{float:right;margin:20px 0 0 40px;padding:0 60px;} .extra-shuttle .grid-row{margin:0 -5px;} .extra-shuttle .grid-col{padding:0 5px;} @media screen and (max-width:767px){ .extra-shuttle{padding:30px;background-image:none;} .extra-shuttle .button{margin-left:0;padding:0 40px;} } /**/ /* booking payment */ /**/ .booking-payment{margin-bottom:40px;} .booking-payment p{margin-top:15px;font-size:14px;line-height:1.75;font-weight:300;} .booking-payment p a{display:inline-block;vertical-align:top;font-size:13px;text-decoration:underline;color:#00aeef;} .booking-payment p a:hover{text-decoration:none;} .booking-payment h3{margin:0 0 5px 10px;font-size:18px;font-weight:600;} .booking-payment h4{color:#073770;} .booking-payment hr{margin:30px -40px;border-top:1px dashed #dfe4ed;} .booking-payment .label{margin-top:15px;font-size:12px;line-height:30px;} .booking-payment .input .req{right:-33px;} .booking-payment .input-alt,.booking-payment .select-alt{margin-right:42px;} .booking-payment .checkbox{margin-top:40px;} .booking-payment .button{margin-top:20px;padding:0 60px;} .booking-payment .tabs{font-size:0;} .booking-payment .tabs::before{content:'';display:inline-block;vertical-align:bottom;width:10px;height:68px;} .booking-payment .tabs a{display:inline-block;vertical-align:bottom;margin-right:3px;padding:15px 20px;border-radius:4px 4px 0 0;background: #9E9E9E;color:#fff;transition:padding 0.3s,background 0.3s;-webkit-transition:padding 0.3s,background 0.3s;-moz-transition:padding 0.3s,background 0.3s;-o-transition:padding 0.3s,background 0.3s;transition:all .3s;} .booking-payment .tabs a:hover{background: #3c436d;} .booking-payment .tabs .name{display:inline-block;vertical-align:top;font-size:12px;line-height:14px;text-transform:uppercase;} .booking-payment .tabs .icon{display:inline-block;vertical-align:top;margin:-10px 0;padding-right:8px;} .booking-payment .tabs .tcell{height:48px;} .booking-payment .tabs .points{padding:0 12px;border-radius:10px;background:#b6b6b6;font-size:10px;line-height:20px;font-weight:700;color:#fff;} .booking-payment .tabs .points-green{background:#4cb749;} .booking-payment .tabs .active,.booking-payment .tabs .active:hover{padding-top: 20px;padding-bottom:20px;background: #3c436d;cursor:default;} .booking-payment .accordion{display:none;margin-top:10px;padding:20px 25px;border-radius:4px;background:#383f67 url(../img/booking-payment/accordion.png) 100% 50% no-repeat;color:#fff;transition:border-radius 0.3s,background 0.3s;-webkit-transition:border-radius 0.3s,background 0.3s;-moz-transition:border-radius 0.3s,background 0.3s;-o-transition:border-radius 0.3s,background 0.3s;} .booking-payment .accordion.disable{background:#D3D2D3!important;color:#6D6D6D!important;padding:20px 0!important;cursor:default;} .booking-payment .accordion img{vertical-align:top;} .booking-payment .accordion .name{display:inline-block;vertical-align:top;font-size:12px;line-height:28px;text-transform:uppercase;} .booking-payment .accordion .icon{display:inline-block;vertical-align:top;margin:-10px 0;padding-right:8px;text-align:center;} .booking-payment .accordion .tcell{width:44px;height:48px;} .booking-payment .accordion .points{padding:0 12px;border-radius:10px;background:#b6b6b6;font-size:10px;line-height:20px;font-weight:700;color:#fff;} .booking-payment .accordion .points-green{background:#4cb749;} .booking-payment .accordion.active{border-radius:4px 4px 0 0;background-color:#fb9900;} .booking-payment .tab{display:none;padding:40px;border-radius:5px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.10);} .booking-payment .tab h3{margin:0;} .booking-payment .tab.tab-card h3{background-image:url(../img/booking-page/mastercard-visa.png);background-repeat:no-repeat;background-position:100% center;background-size:100px;padding:10px 0;margin-bottom:15px;} .booking-payment .tab.active{display:block;} .booking-payment .tab-card p{margin:5px 0;font-size:12px;line-height:1.5;} .booking-payment .tab-card h5{font-size:14px;line-height:1;font-weight:600;color:#4cb749;} .booking-payment .tab-card img{vertical-align:top;} .booking-payment .tab-card .col{float:left;width:140px;margin-right:60px;} .booking-payment .tab-card .col-s{width:65px;} .booking-payment .tab-card .grid-row{margin:0 -5px;} .booking-payment .tab-card .grid-col{padding:0 5px;} .booking-payment .tab-fawry .number{margin-top:20px;font-size:32px;font-weight:600;color:#073770;} .booking-payment .tab-fawry .number span{display:block;margin-top:10px;padding-bottom:20px;font-size:14px;font-weight:300;color:#636363;} .booking-payment .tab-home .col{float:left;width:90px;margin-right:10px;} .booking-payment .tab-home .col-s{width:80px;} .booking-payment .tab-points h4{margin-top:25px;font-size:14px;line-height:1.75;font-weight:600;} .booking-payment .tab-points h4 + p{margin-top:0;} .booking-payment .tab-points .points{font-size:14px;line-height:1.75;font-weight:600;color:#00aeef;} .booking-payment .tab-points .points-log{font-size:13px;line-height:1.75;} .booking-payment .tab-points .points-log a{padding-right:14px;background:url(../img/booking-payment/points-log.png) 100% 50% no-repeat;text-decoration:underline;} .booking-payment .tab-points .points-log a:hover{text-decoration:none;} .booking-payment .tab-points .arrow{display:inline-block;vertical-align:top;width:17px;height:12px;margin:6px 8px 0;background:url(../img/dashboard-ticket/icon-arrow.png);} .booking-payment .tab-points .requried{margin-top:5px;font-size:36px;font-weight:600;color:#4cb749;} .booking-payment .tab-points .requried-alt{color:#d62d24;} .booking-payment .tab-gift .req{right:12px;} .booking-payment .tab-gift .balance{margin-top:15px;color:#111;} .booking-payment .tab-gift .balance em{display:block;font-size:14px;color:#4cb749;} .booking-payment .tab-gift .balance span{display:block;font-size:11px;text-transform:uppercase;} .booking-payment .tab-gift .balance strong{display:block;margin:5px 0;font-size:18px;font-weight:600;} .booking-payment .tab-gift .button-cyan{width:100%;margin:1px 0;padding:0;} @media screen and (max-width:1219px){ .booking-payment .tabs a{padding-right:18px;padding-left:18px;} } @media screen and (max-width:767px){ .booking-payment h3{margin:0 0 15px 0;display: none;} .booking-payment hr{margin:20px -30px;} .booking-payment .select-alt{margin-right:0!important;margin-left: 0 !important;} .booking-payment .tabs{display:none;} .booking-payment .accordion{display:block;} .booking-payment .tab{padding:30px;border-radius:0 0 5px 5px;} .booking-payment .tab-card p br{display:none;} .booking-payment .tab-gift .button-cyan{margin:10px 0 0;} } @media screen and (max-width:374px){ .booking-payment .button{width:100%;padding:0;} .booking-payment .tabs a{padding-right:7px;padding-left:7px;} .booking-payment .tabs .name{font-size:10px;} .booking-payment .tab.tab-card h3{font-size:16px;background-size:60px;} } /**/ /* booking summary */ /**/ .booking-summary{ /* margin-bottom: 40px; */padding:30px; /* border-radius: 0 0 5px 5px; */background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.10);} .booking-summary p{margin-top:4px;font-size:14px;line-height:20px;font-weight:300;} .booking-summary h4{margin-top:16px;font-size:12px;line-height:18px;font-weight:600;color:#383f67;} .booking-summary h4:first-child{margin-top:0;font-size:14px;} .booking-summary hr{margin:25px -30px;border-top:1px dashed #eaf0fa;width:auto;background-color:transparent;height:auto;} .booking-summary .icon{float:left;margin-right:15px;} .booking-summary .text{overflow:hidden;} .booking-summary .seat{display:inline-block;vertical-align:top;width:23px;height:25px;margin:8px 6px 0 0;background-image:url(../img/seats/selected.png);font-size:12px;line-height:22px;text-align:center;color:#fff;background-repeat:no-repeat;background-size:contain;} .booking-summary .time{position:relative;display:inline-block;vertical-align:top;} .booking-summary .time img{position:absolute;bottom:4px;left:100%;margin-left:25px;} .booking-summary .arrow{display:inline-block;vertical-align:top;width:17px;height:12px;margin:4px 6px 0;background:url(../img/dashboard-ticket/icon-arrow.png);} .booking-summary .price{margin:-5px 0 -10px;font-size:11px;color:#111;} .booking-summary .price strong{display:block;margin-top:2px;font-size:24px;font-weight:600;} .booking-summary .class-badge{margin-top:5px;} /**/ /* thanks */ /**/ .thanks{padding:50px 0;} .thanks p{margin-top:5px;font-size:14px;line-height:20px;} .thanks h2{text-align:center;color:#1eb10d;line-height:1.1;} .thanks h4{font-size:12px;line-height:18px;font-weight:600;color:#383f67;} .thanks h5{margin-top:0.75em;text-align:center;} .thanks h5 a{font-size:13px;color:#18A1E5;text-decoration:underline;font-weight:600;} .thanks h6{margin-top:5px;line-height:22px;font-weight:600;} .thanks hr{margin:30px -40px;border-top:1px dashed #eaf0fa;} .thanks .tcell{box-sizing:border-box;} .thanks .inner{margin-top:30px;border:1px solid #eaf0fa;border-bottom:0;border-radius:5px 5px 0 0;background:#fff;} .thanks .trip{width:50%;padding:30px 40px;vertical-align:top;} .thanks .trip h4{margin-top:20px;} .thanks .trip h4:first-child{margin-top:0;font-size:14px;} .thanks .trip .icon{float:left;margin-right:15px;} .thanks .trip .text{overflow:hidden;} .thanks .trip .seat{display:inline-block;vertical-align:top;width:23px;height:25px;margin:8px 6px 0 0;background-image:url(../img/seats/selected.png);font-size:12px;line-height:22px;text-align:center;color:#fff;background-repeat:no-repeat;background-size:contain;} .thanks .trip .time{position:relative;display:inline-block;vertical-align:top;} .thanks .trip .time img{position:absolute;bottom:4px;left:100%;margin-left:25px;} .thanks .trip .arrow{display:inline-block;vertical-align:top;width:17px;height:12px;margin:4px 6px 0;background:url(../img/dashboard-ticket/icon-arrow.png);} .thanks .trip .class-badge{margin-top:5px;} .thanks .summary{width:50%;padding:30px 40px;border-left:1px dashed #eaeaea;} .thanks .summary img{vertical-align:top;} .thanks .summary .icon{float:left;width:36px;margin:1px 8px 0 0;text-align:center;} .thanks .summary .item{margin-top:35px;} .thanks .summary .item:first-child{margin-top:0;} .thanks .summary .info{overflow:hidden;} .thanks .summary .share{position:relative;display:inline-block;vertical-align:top;width:32px;height:32px;border-radius:50%;margin:6px 4px 0 0;transition:background 0.3s;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;} .thanks .summary .share img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;} .thanks .summary .share-fb{background:#0a50a0;} .thanks .summary .share-fb:hover{background:#084387;} .thanks .summary .share-tw{background:#1ab1ff;} .thanks .summary .share-tw:hover{background:#17a1e5;} .thanks .summary .share-gp{background:#cf3f35;} .thanks .summary .share-gp:hover{background:#b5382f;} .thanks .total{padding:15px 30px;border-radius:0 0 5px 5px;background:#383f67;font-size:18px;font-weight:600;text-align:right;color:#fff;} .thanks .total span{float:left;font-size:16px;line-height:18px;} .thanks .print{display:inline-block;vertical-align:top;margin-top:20px;padding-left:31px;font-size:13px;line-height:25px;background:url(../img/icons/pdf.png) no-repeat;} .thanks .print:hover{text-decoration:underline;} .thanks .grid-con .ticket{max-width:680px;margin:0 auto;} .thanks .resend-email{float:right;margin-top:20px;font-size:13px;color:#18A1E5;text-decoration:underline;font-weight:600;} .thanks .removed-sm{display:none;} .cancel-thx-booking{color: #9E9E9E;text-decoration: underline;font-size: 12px;float: right;margin-top: 10px;} .cancel-thx-booking:hover{color: #9E9E9E;text-decoration: none;} @media screen and (max-width:767px){ .thanks{padding:50px 0;} .thanks .table,.thanks .tcell{display:block;width:auto;height:auto} .thanks .summary{border-top:1px dashed #eaeaea;border-left:0;} .thanks h5 br{display:none;} .thanks h2{font-size:29px;} .thanks hr{margin:30px 0;background:transparent;width:100%;} } /**/ /*cancellation*/ /**/ .cancellation h2,.cancellation-date h4,.cancellation-date p{color:#ED1D24;} .cancellation .total-refund p{font-weight:100;display:table;} .cancellation .total-refund span{float:right;font-size:20px;margin-top:15px;} .cancellation .total-refund h4{color:#fff;font-size:20px;display:inline-block;text-transform:capitalize;} .cancellation .total-refund{text-align:left;padding:20px 30px;} .cancellation .total-refund:after{clear:both;content:'';display:block;} .cancellation .button{border-radius:5px;margin-top:20px;padding:0;width:100%;} .cancellation .trip .seat{background-image:url(../img/seats/cancel-seat.png);} /**/ /* classes */ /**/ .classes{padding:100px 0;} .classes p{margin-top:20px;font-size:14px;line-height:1.75;font-weight:300;} .classes h2{text-align:center;} .classes h3{margin-left:-2px;font-size:36px;font-weight:600;color:#363636;} .classes h4{margin-bottom:20px;font-size:18px;line-height:20px;font-weight:600;color:#363636;} .classes h5{max-width:700px;margin:0.75em auto 0;text-align:center;} .classes .item{position:relative;overflow:hidden;margin-top:30px;border-radius:5px;box-sizing:border-box;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.10);transform:translate(0);-ms-transform:translate(0); /* IE 9 */-webkit-transform:translate(0); /* Chrome, Safari, Opera */transform:translate(0);} .classes .info{height:370px;margin-right:400px;padding:40px 30px 40px 210px;border-right:2px solid #f6f6f6;} .classes .info .icons{margin-top:20px;} .classes .info .icons img{vertical-align:middle;margin-right:10px;opacity:0.3;} .classes .info .class-badge{margin-bottom:10px;} .classes .gallery{position:absolute;z-index:1;top:0;bottom:0;left:0;width:180px;background:#fff;transition:width 0.3s;} .classes .gallery::after{content:'';position:absolute;z-index:1;bottom:20px;left:20px;width:16px;height:14px;background:url(../img/classes/camera.png);pointer-events:none;transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .classes .gallery ul{position:absolute;top:0;left:0;width:100%;height:100%;} .classes .gallery ul::after{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.15;transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .classes .gallery li{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;opacity:0;transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .classes .gallery .open{position:absolute;z-index:1;top:0;right:0;bottom:0;width:48px;background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.7));transition:opacity 0.3s;} .classes .gallery .open::after{content:'';position:absolute;top:50%;left:50%;width:8px;height:12px;margin:-6px 0 0 -4px;background:url(../img/classes/next.png);} .classes .gallery .close{position:absolute;z-index:1;top:0;right:0;width:54px;height:54px;background:url(../img/classes/close.png) 50% 50% no-repeat;pointer-events:none;opacity:0;transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .classes .gallery .prev{position:absolute;z-index:1;top:0;left:0;bottom:0;width:48px;background:linear-gradient(to right,rgba(0,0,0,0.7),rgba(0,0,0,0));pointer-events:none;opacity:0;transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .classes .gallery .prev::after{content:'';position:absolute;top:50%;left:50%;width:8px;height:12px;margin:-6px 0 0 -4px;background:url(../img/classes/prev.png);} .classes .gallery .next{position:absolute;z-index:1;top:0;right:0;bottom:0;width:48px;background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.7));pointer-events:none;opacity:0;transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .classes .gallery .next::after{content:'';position:absolute;top:50%;left:50%;width:8px;height:12px;margin:-6px 0 0 -4px;background:url(../img/classes/next.png);} .classes .gallery .class-badge{position:absolute;z-index:2;bottom:20px;left:20px;opacity:0;transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .classes .gallery .active{z-index:1;opacity:1;} .classes .gallery.opened{width:640px;} .classes .gallery.opened::after{opacity:0;} .classes .gallery.opened ul:after{opacity:0;} .classes .gallery.opened .open{pointer-events:none;opacity:0;} .classes .gallery.opened .prev,.classes .gallery.opened .next,.classes .gallery.opened .close{pointer-events:auto;opacity:1;} .classes .gallery.opened .class-badge{opacity:1;} .classes .available{position:absolute;top:0;right:0;width:380px;padding:40px 20px 40px 0;} .classes .available h4{padding-left:40px;} .classes .available h6{padding-top:15px;border-top:1px solid #f0f0f0;} .classes .available ul{height:330px;overflow:auto;} .classes .available ul::-webkit-scrollbar{width:8px;border-radius:4px;background:#e5e5e5;} .classes .available ul::-webkit-scrollbar-thumb{width:8px;border-radius:4px;background:#bdbdbd;} .classes .available ul li{margin-top:-1px;padding:0 20px 15px 40px;line-height:1.5;font-weight:300;transition:background 0.3s;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;} .classes .available ul li:hover{background:#f7f7f5;} .classes .available ul li:hover h6 a{color:#00aeef;} .classes .available ul li:hover .arrow{background-image:url(../img/buses-tabs/arrow-to.png);} .classes .available ul li:first-child{margin-top:0;} .classes .available ul li:first-child h6{border-top:0;} .classes .available ul li > a{font-size:14px;font-weight:600;color:#4cb749;} .classes .available ul li > a:hover{text-decoration:underline;} .classes .available .price{font-weight:600;} .classes .available .arrow{display:inline-block;vertical-align:top;width:17px;height:12px;margin:5px 6px 0;background:url(../img/dashboard-ticket/icon-arrow.png);} .classes .grid-con{max-width:1040px;} @media screen and (max-width:999px){ .classes h6{margin-bottom:4px;font-size:14px;} .classes .info{margin-right:300px;padding-left:110px;} .classes .gallery{width:80px;} .classes .available{width:280px;} } @media screen and (max-width:767px){ .classes{padding:50px 0;} .classes .info{margin-right:0;padding:40px 20px 20px;height:auto;border-right:0;} .classes .gallery{position:relative;width:auto;height:115px;transition:height 0.3s;transition:height 0.3s;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-o-transition:height 0.3s;} .classes .available{position:static;width:auto;padding:20px 20px 20px 0;} .classes .available h4{padding-left:20px;} .classes .available ul{height:205px;} .classes .available li{padding-left:20px;} .classes .gallery .open{position:absolute;z-index:1;top:auto;right:0;bottom:0;width:100%;height:48px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));} .classes .gallery .open::after{content:'';position:absolute;top:50%;left:50%;width:8px;height:12px;margin:-6px 0 0 -4px;background:url(../img/classes/next.png);-ms-transform:rotate(90deg); /* IE 9 */-webkit-transform:rotate(90deg); /* Chrome, Safari, Opera */transform:rotate(90deg);} .classes .gallery.opened{width:auto;height:230px;} } /**/ /* stations */ /**/ .stations{padding-bottom:140px;} .stations h3{margin:25px 0 -15px;padding-top:25px;border-top:1px dashed #e5e5e5;font-size:18px;font-weight:600;color:#004489;} .stations h3:first-child{margin-top:0;padding-top:0;border-top:0;} .stations dl{font-size:14px;line-height:1.75;} .stations dt{margin:35px 0 5px;font-weight:600;} .stations dd a{text-decoration:underline;color:#fb9900;} .stations dd a:hover{text-decoration:none;} .stations .head{position:relative;margin-bottom:100px;padding:50px 0 450px;overflow:hidden;} .stations .head .map{position:absolute;top:0;right:0;bottom:0;left:0;background:#e9e5dc;} .stations .head .pin{position:absolute;width:65px;height:50px;background:url(../img/stations/pin.png);font-family:'Cairo',Helvetica,Arial,sans-serif;text-align:center;} .stations .head .pin .hint{position:absolute;top:-32px;right:-100px;left:-100px;padding-right:22px;pointer-events:none;opacity:0;transition:top 0.3s,opacity 0.3s;transition:top 0.3s,opacity 0.3s;-webkit-transition:top 0.3s,opacity 0.3s;-moz-transition:top 0.3s,opacity 0.3s;-o-transition:top 0.3s,opacity 0.3s;} .stations .head .pin .hint span{position:relative;display:inline-block;vertical-align:top;padding:0 8px;background:#fff;border:1px solid #c4cfdc;border-radius:3px;font-size:9px;line-height:19px;font-weight:600;text-transform:uppercase;} .stations .head .pin .hint span::after{content:'';position:absolute;top:100%;left:50%;margin:-1px 0 0 -5px;border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;} .stations .head .pin .hint span::before{content:'';position:absolute;top:100%;left:50%;margin:0 0 0 -5px;border-top:5px solid #c4cfdc;border-right:5px solid transparent;border-left:5px solid transparent;} .stations .head .pin:hover .hint{top:-29px;opacity:1;} .stations .head .select{width:230px;} .stations .head .select{border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1);} .stations .cont .grid-con{max-width:1060px;} .stations .cont .grid-row{margin:0 -40px;} .stations .cont .grid-col{padding:0 40px;border-left:1px dashed #e5e5e5;} .stations .cont .grid-col:first-child{border-left:0;} @media screen and (max-width:1219px){ .stations .cont .grid-row{margin:0 -20px;} .stations .cont .grid-col{padding:0 20px;border-left:0;} } @media screen and (max-width:999px){ .stations .cont .grid-col:nth-child(3) h3,.stations .cont .grid-col:nth-child(4) h3{margin-top:25px;padding-top:25px;border-top:1px dashed #e5e5e5;} } @media screen and (max-width:767px){ .stations{padding-bottom:70px;} .stations .head{margin-bottom:50px;} .stations .cont .grid-col:nth-child(2) h3{margin-top:25px;padding-top:25px;border-top:1px dashed #e5e5e5;} } /**/ /* rewards */ /**/ .rewards{padding:100px 0;text-align:center;} .rewards p{margin-top:1.5em;line-height:1.75;font-weight:300;} .rewards h2{margin-bottom:10px;font-weight:700;} .rewards h3{margin-bottom:10px;font-size:36px;font-weight:600;color:#363636;} .rewards h4{margin-bottom:10px;font-size:18px;font-weight:600;color:#00aeef;} .rewards h5{font-size:18px;line-height:1.25;font-weight:300;} .rewards img{max-width:100%;vertical-align:top;} .rewards .tab{display:inline-block;vertical-align:top;width:200px;margin:40px 0 0;font-size:15px;color:#afb4ba;} .rewards .tab i{position:relative;display:block;width:100px;height:70px;margin:0 auto 10px;border:2px solid;border-radius:6px;} .rewards .tab img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0.5;-webkit-filter:grayscale(100%);} .rewards .tab.active{color:#383f67;} .rewards .tab.active i{border-color:#00aeef;} .rewards .tab.active img{opacity:1;-webkit-filter:grayscale(0);} .rewards .tab-cont{display:none;} .rewards .tab-cont.active{display:block;} .rewards .pic{margin:50px -80px 0;} .rewards .item{margin-top:120px;text-align:left;} .rewards .item h4{font-weight:400;} .rewards .item .pic{float:right;width:55%;margin:0;text-align:right;} .rewards .item .text{overflow:hidden;} .rewards .item-alt .pic{float:left;text-align:left;} .rewards .grid-con{max-width:940px;} @media screen and (max-width:1219px){ .rewards img{height:auto;} } @media screen and (max-width:999px){ .rewards .item .pic{width:40%;margin-left:40px;} .rewards .item-alt .pic{float:left;margin-right:40px;margin-left:0;text-align:left;} } @media screen and (max-width:767px){ .rewards{padding:50px 0;} .rewards .tab{width:33.333%;} .rewards .tab i{width:90px;} .rewards .item{margin-top:60px;} .rewards .item .pic{float:none;width:auto;margin:0 auto 30px;max-width:193px;} .rewards h3{font-size:30px;} } /**/ /* rewards subscrption */ /**/ .rewards-subscrption{padding:70px 0 80px;border-top:1px solid #dbdbdb;background:#f5f5f5;text-align:center;} .rewards-subscrption h3{margin-bottom:30px;font-size:30px;font-weight:600;color:#194a8b;} .rewards-subscrption h4{margin-bottom:10px;font-size:18px;font-weight:600;color:#00aeef;} .rewards-subscrption form{position:relative;padding-right:210px;} .rewards-subscrption input{padding:15px 20px;} .rewards-subscrption .button{position:absolute;top:1px;right:0;width:200px;padding:0;border-radius:5px;font-weight:600;text-transform:none;} .rewards-subscrption .grid-con{max-width:780px;} @media screen and (max-width:767px){ .rewards-subscrption{padding:50px 0;} .rewards-subscrption form{padding-right:0;} .rewards-subscrption .button{position:static;width:100%;margin-top:10px;} } /**/ /* about */ /**/ .about{padding-top:50px;} .about p{font-size:14px;line-height:1.75;font-weight:300;} .about h2{text-align:center;} .about h3{font-size:24px;line-height:1.5;font-weight:600;color:#363636;} .about h5{max-width:700px;margin:0.75em auto 0;text-align:center;} .about img{display:block;max-width:100%;} .about .icon{margin-bottom:15px;} .about .item{padding:50px 0;} .about .item:nth-child(odd){background:#f5f3f3;} .about .item:nth-child(even) .pic img{margin-left:auto;} .about .grid-con{max-width:980px;} .about .grid-col{vertical-align:middle;} @media screen and (max-width:1219px){ .about img{height:auto;} } @media screen and (max-width:767px){ .about{padding-top:50px;} } /**/ /* team */ /**/ .team{display:none;padding:100px 0;} .team p{font-size:13px;color:#fb9900;} .team h2{text-align:center;} .team h4{margin:10px 0;font-size:14px;font-weight:600;color:#383f67;} .team h5{max-width:700px;margin:0.75em auto 0;text-align:center;} .team img{vertical-align:top;max-width:100%;margin-top:50px;} .team .grid-row{margin:0 -23px;} .team .grid-col{padding:0 23px;} @media screen and (max-width:1219px){ .team img{height:auto;} } @media screen and (max-width:999px){ .team .grid-row{margin:0 -10px;} .team .grid-col{padding:0 10px;} } @media screen and (max-width:767px){ .team{padding:50px 0;} } /**/ /* faqs */ /**/ .faqs{padding:100px 0;} .faqs p{margin-top:10px;font-size:14px;line-height:1.75;font-weight:300;} .faqs h2{text-align:center;} .faqs h3{margin:80px 0 -10px;font-size:24px;font-weight:700;color:#383f67;} .faqs h3:first-child{margin-top:0;} .faqs h4{margin-top:40px;font-size:18px;line-height:1.375;} .faqs h5{max-width:700px;margin:0.75em auto 60px;text-align:center;} .faqs .inner{padding:100px;box-sizing:border-box;border-radius:5px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-align:left;} .faqs .grid-con{max-width:1040px;} @media screen and (max-width:999px){ .faqs .inner{padding:50px;} } @media screen and (max-width:767px){ .faqs{padding:50px 0;} .faqs h3{margin-top:60px;} .faqs h4{margin-top:30px;} .faqs h5{margin-bottom:30px;} .faqs .inner{padding:30px 20px;} } /**/ /* blog */ /**/ .blog{padding:100px 0 80px;} .blog p{margin-top:1em;font-size:14px;line-height:1.75;font-weight:300;} .blog h2{text-align:center;} .blog h3{font-size:24px;line-height:1.25;font-weight:700;color:#363636;} .blog h5{max-width:700px;margin:0.75em auto 60px;text-align:center;} .blog img{vertical-align:middle;} .blog .date{margin-bottom:10px;font-size:14px;color:#868686;} .blog .item{overflow:hidden;margin-top:30px;border-radius:5px;box-sizing:border-box;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.10);} .blog .tcell{vertical-align:middle;padding-right:60px;} .blog .button{margin-top:30px;padding:0 60px;line-height:40px;font-weight:600;text-transform:none;color:#fff;} .blog .loader{width:120px;height:120px;margin:60px auto 0;background:url(../img/blog/loader.gif);} .blog .grid-con{max-width:1040px;} .blog .class-badge{margin-bottom:15px;} @media screen and (max-width:999px){ .blog p{display:none;} .blog img{width:300px;height:auto;} } @media screen and (max-width:767px){ .blog{padding:50px 0 40px;} .blog p{display:block;} .blog h5{margin-bottom:30px;} .blog .item{margin-top:20px;} .blog .tcell{padding:20px;} .blog .tcell:first-child{display:none;} .blog .loader{margin-top:30px;} } /**/ /* post */ /**/ .post{padding:100px 0;text-align:center;} .post p{margin-top:25px;font-size:14px;line-height:2;font-weight:300;} .post p a{text-decoration:underline;color:#383f67;} .post p a:hover{text-decoration:none;} .post h1{margin-top:10px;font-size:30px;font-weight:700;color:#363636;} .post h4{margin-top:50px;font-size:18px;font-weight:700;color:#363636;} .post ul{margin:25px 0 0 25px;font-size:14px;line-height:2;font-weight:300;} .post ul li{position:relative;padding-left:1.5em;} .post ul li::before{content:'';position:absolute;top:50%;margin-top:-2px;left:.5em;background-color:#383f67;width:4px;height:4px;display:block;border-radius:50%;} .post ol{margin:25px 0 0 25px;font-size:14px;line-height:2;font-weight:300;} .post ol li{counter-increment:step-counter;position:relative;padding-left:1.5em;} .post ol li::before{content:counter(step-counter)'.';position:absolute;top:0;left:0;} .post .date{margin-bottom:10px;font-size:14px;color:#868686;} .post .pic{margin:0 -150px 60px;border-radius:5px 5px 0 0;overflow:hidden;} .post .pic img{display:block;width:100%;height:auto;} .post .video{position:relative;padding-top:56.25%;margin-top:30px;} .post .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;} .post .inner{margin-top:60px;padding:0 150px 100px;border-radius:5px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-align:left;} .post .grid-con{max-width:1040px;} .post .class-badge{margin-bottom:15px;} @media screen and (max-width:1199px){ .post .pic{margin:0 -100px 50px;} .post .pic img{height:auto;} .post .inner{padding:0 100px 100px;} } @media screen and (max-width:999px){ .post .pic{margin:0 -50px 50px;} .post .inner{padding:0 50px 50px;} } @media screen and (max-width:767px){ .post{padding:50px 0;} .post .pic{margin:0 -20px 25px;} .post .inner{padding:0 20px 20px;} } /**/ /* contact */ /**/ .contact{position:relative;/* overflow:hidden; *//* padding: 0 0 160px; */background-color: #fff;} .contact .row{background-color: #fff;position: relative;text-align: right;padding: 50px 0;} .contact p{margin-top: 10px;font-size:14px;line-height:1.75;font-weight:300;} .contact h2{font-size:28px;line-height:1.25;} .contact .map{position: static;height: 500px;} .contact ul{ } .contact ul li{margin-top: 5px;font-size: 14px;line-height: 1.75;font-weight: 300;position: relative;padding-right: 20px;} .contact ul li.tel:before{content:'';background-image: url(../img/contact/icons.png);width: 16px;height: 16px;position: absolute;right: 0;top: 5px;background-position: calc(100% - -1px) -1px;background-size: 60px;} .contact ul li.email:before{content:'';background-image: url(../img/contact/icons.png);width: 16px;height: 16px;position: absolute;right: 0;top: 5px;background-position: -2px -1px;background-size: 60px;} .contact .head{margin:0 -40px 20px;padding:25px 40px;background:#383f67;color:#fff;} .contact .head .tel{float:right;padding-left:41px;background:url(../img/contact/tel.png) 0 2px no-repeat;font-size:36px;font-weight:600;} .contact .head .social{display:inline-block;vertical-align:top;width:20px;height:20px;margin:6px 6px 6px 0;border:2px solid;border-radius:50%;background-position:50% 50%;background-repeat:no-repeat;color:#fb9900;} .contact .head .social-tw{background-image:url(../img/contact/twitter.png);} .contact .head .social-fb{background-image:url(../img/contact/facebook.png);} .contact .inner{background:#fff;width: 700px;margin-left: auto;max-width: 100%;} .contact .label{margin-top:10px;font-size:13px;line-height:24px;color:#383f67;} .contact .button{display:table;margin:20px 0 0 auto;} .contact .textarea textarea{padding-top:12px;padding-bottom:12px;line-height:21px;} .contact .address{margin-top:20px;padding-top:10px;border-top:1px solid #ebebeb;font-size:12px;line-height:1.5;} .contact .address a{font-weight:600;text-decoration:underline;color:#39b54a;} .contact .address a:hover{text-decoration:none;} .contact .address span{display:block;font-size:13px;font-weight:600;} .contact .grid-row{margin:0 -15px;} .contact .grid-col{padding:0 15px;display: block;max-width: 100%;} @media screen and (max-width:999px){ .contact .map{top:50%;bottom:auto;left:0;width:100%;height:3000px;margin:-1200px 0 0 0;} /* .contact .inner{margin:0 auto;} */ } @media screen and (max-width:767px){ .contact h2{margin-bottom:0.25em;font-size:26px;} .contact .map{margin-top:-1000px;} .contact .head{margin-right:-20px;margin-left:-20px;padding:15px 20px;} .contact .inner{} } /**/ /* dashboard nav */ /**/ .dashboard-nav{margin:50px -20px 50px 0;border-radius:5px;box-shadow:0 0 3px rgba(19,88,197,0.10);} .dashboard-nav .head{padding:40px 15px 40px 20px;border-radius:5px 5px 0 0;background:#073770;font-size:14px;line-height:24px;color:#ccc;} .dashboard-nav .head{font-weight:300;} .dashboard-nav .head p{height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .dashboard-nav .head h4{height:24px;overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis;color:#fff;} .dashboard-nav .head img{float:left;margin-right:12px;border-radius:50%;width:60px;height:60px;} .dashboard-nav .head a:hover{text-decoration:underline;} .dashboard-nav .cont{padding:20px 40px;border-radius:0 0 5px 5px;background:#fff;color:#363636;} .dashboard-nav .cont ul{font-size:14px;line-height:30px;font-weight:600;text-transform:uppercase;} .dashboard-nav .cont li{margin-top:18px;} .dashboard-nav .cont li:first-child{margin-top:0;} .dashboard-nav .cont li:last-child{padding-top:12px;border-top:1px solid #ebebeb;font-size:12px;color:#d62d24;} .dashboard-nav .cont li:last-child a:hover{text-decoration:underline;color:#d62d24;} .dashboard-nav .cont i{margin:5px 0 0 8px;display:inline-block;vertical-align:top;padding:0 10px;border-radius:10px;background:#4cb749;font-size:10px;line-height:20px;color:#fff;} .dashboard-nav .cont a{transition:color 0.3s;transition:color 0.3s;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-o-transition:color 0.3s;} .dashboard-nav .cont a:hover{color:#fb9900;} .dashboard-nav .cont .active{position:relative;color:#fb9900;} .dashboard-nav .cont .active::after{content:'';position:absolute;top:0;bottom:0;left:-40px;border-left:4px solid;} @media screen and (max-width:1219px){ .dashboard-nav{margin-right:-40px;} .dashboard-nav .head{padding-left:20px;} } @media screen and (max-width:999px){ .dashboard-nav{display:none;} .dashboard-ticket-grid-con .grid-row > .grid-col{width:100%;} } @media screen and (max-width:767px){ .dashboard-nav{margin-right:0;margin-bottom:0;display:none;} } @media screen and (max-width:479px){ .dashboard-nav .cont{padding:20px;} .dashboard-nav .cont .active::after{left:-20px;} } /**/ /* dashboard cont */ /**/ .dashboard-cont{margin:50px 0 50px 40px;padding:40px 60px 60px;border-radius:5px;box-shadow:0 0 3px rgba(19,88,197,0.10);background:#fff;} .dashboard-cont h2{margin-bottom:25px;font-size:24px;color:#363636;} @media screen and (max-width:999px){ .dashboard-cont{padding:40px;} } @media screen and (max-width:767px){ .dashboard-cont{margin-left:0;} } @media screen and (max-width:479px){ .dashboard-cont{padding:20px;} } /**/ /* dashboard profile */ /**/ .dashboard-profile h3{color:#073770;} .dashboard-profile hr{margin:30px 0;border-top:1px solid #ebebeb;} .dashboard-profile label{margin-top:15px;font-size:14px;line-height:28px;} .dashboard-profile .button{margin-top:60px;} .dashboard-profile .inner{max-width:570px;} @media screen and (max-width:999px){ .dashboard-profile .button{margin-top:40px;} } @media screen and (max-width:479px){ .dashboard-profile .button{width:100%;} } /**/ /* dashboard ticket */ /**/ .dashboard-ticket p{margin-top:5px;font-size:14px;line-height:20px;} .dashboard-ticket h4{font-size:12px;font-weight:600;color:#383f67;} .dashboard-ticket hr{margin:25px 0;border-top:1px dashed #eaf0fa;} .dashboard-ticket .tcell{vertical-align:top;box-sizing:border-box;} .dashboard-ticket .inner{padding:30px 0;border:1px solid #eaf0fa;border-bottom:0;border-radius:5px 5px 0 0;} .dashboard-ticket .trip{width:56%;padding:0 50px;} .dashboard-ticket .trip p{font-weight:300;} .dashboard-ticket .trip h4{margin-top:20px;} .dashboard-ticket .trip h4:first-child{margin-top:0;} .dashboard-ticket .trip .icon{float:left;margin-right:15px;} .dashboard-ticket .trip .text{overflow:hidden;} .dashboard-ticket .trip .seat{display:inline-block;vertical-align:top;width:23px;height:25px;margin:8px 6px 0 0;background:url(../img/dashboard-ticket/icon-seat.png);font-size:12px;line-height:22px;text-align:center;color:#fff;} .dashboard-ticket .trip .time{position:relative;display:inline-block;vertical-align:top;} .dashboard-ticket .trip .time img{position:absolute;bottom:4px;left:100%;margin-left:25px;} .dashboard-ticket .trip .arrow{display:inline-block;vertical-align:top;width:17px;height:12px;margin:4px 6px 0;background:url(../img/dashboard-ticket/icon-arrow.png);} .dashboard-ticket .trip .class-badge{margin-top:5px;} .dashboard-ticket .summary{width:44%;padding:0 50px;border-left:1px dashed #eaeaea;white-space:nowrap;} .dashboard-ticket .summary img{vertical-align:top;} .dashboard-ticket .summary .icon{float:left;width:36px;margin:1px 8px 0 0;text-align:center;} .dashboard-ticket .summary .item{margin-top:35px;} .dashboard-ticket .summary .item:first-child{margin-top:0;} .dashboard-ticket .total{padding:15px 30px;border-radius:0 0 5px 5px;background:#383f67;font-size:18px;font-weight:600;text-align:right;color:#fff;} .dashboard-ticket .total span{float:left;font-size:16px;line-height:18px;} .dashboard-ticket .print{display:inline-block;vertical-align:top;margin-top:20px;padding-left:31px;font-size:13px;line-height:25px;background:url(../img/icons/pdf.png) no-repeat;} .dashboard-ticket .print:hover{text-decoration:underline;} @media screen and (max-width:1219px){ .dashboard-ticket .trip,.dashboard-ticket .summary{padding:0 30px;} } @media screen and (max-width:999px){ .dashboard-ticket .table,.dashboard-ticket .tcell{display:block;width:auto;} .dashboard-ticket .summary{margin-top:30px;padding-top:30px;border-top:1px dashed #eaeaea;border-left:0;} } @media screen and (max-width:479px){ .dashboard-ticket .trip .time img{display:none;} } /**/ /* dashboard history */ /**/ .dashboard-history{padding-bottom:0;} .dashboard-history h2{margin-bottom:35px;} .dashboard-history .row{margin:0 -60px;padding:40px 60px 20px;border-top:1px dashed #eaeaea;} .dashboard-history .row:nth-child(even){background:#fafafa;} .dashboard-history .head{position:relative;margin-bottom:20px;} .dashboard-history .head p{margin-top:8px;line-height:20px;font-weight:300;} .dashboard-history .head h3{font-size:18px;line-height:22px;font-weight:600;color:#363636;} .dashboard-history .head .show{display:inline-block;vertical-align:top;margin-left:20px;font-size:14px;line-height:20px;font-weight:600;text-decoration:underline;color:#fb9900;transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .dashboard-history .head .show:hover{text-decoration:none;} .dashboard-history .head .tcell:last-child{vertical-align:middle;text-align:right;} .dashboard-history .head .close{position:absolute;top:4px;right:0;width:14px;height:14px;background:url(../img/dashboard-history/close.png);opacity:0;pointer-events:none;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .dashboard-history .head .price{font-weight:600;} .dashboard-history .head .arrow{display:inline-block;vertical-align:top;width:17px;height:12px;margin:4px 6px 0;background:url(../img/dashboard-ticket/icon-arrow.png);} .dashboard-history .head .upcoming{position:relative;display:inline-block;margin-bottom:8px;padding:4px 5px 4px;border-radius:5px 0 5px 0;background:#2765d4;font-size:12px;text-transform:uppercase;color:#fff;} .dashboard-history .head.opened .show{opacity:0;pointer-events:none;} .dashboard-history .head.opened .close{opacity:1;pointer-events:auto;} .dashboard-history .details{display:none;padding:20px 0;} .dashboard-history .details p{margin-top:5px;font-size:14px;line-height:20px;} .dashboard-history .details h4{font-size:12px;font-weight:600;color:#383f67;} .dashboard-history .details .tcell{vertical-align:top;} .dashboard-history .details .trip{width:60%;padding-right:50px;} .dashboard-history .details .trip p{font-weight:300;} .dashboard-history .details .trip h4{margin-top:20px;} .dashboard-history .details .trip h4:first-child{margin-top:0;} .dashboard-history .details .trip .icon{float:left;margin-right:15px;} .dashboard-history .details .trip .text{overflow:hidden;} .dashboard-history .details .trip .seat{display:inline-block;vertical-align:top;width:23px;height:25px;margin:8px 6px 0 0;background:url(../img/dashboard-ticket/icon-seat.png);font-size:12px;line-height:22px;text-align:center;color:#fff;} .dashboard-history .details .trip .time{position:relative;display:inline-block;vertical-align:top;} .dashboard-history .details .trip .time img{position:absolute;bottom:4px;left:100%;margin-left:25px;} .dashboard-history .details .trip .price{font-weight:600;} .dashboard-history .details .trip .arrow{display:inline-block;vertical-align:top;width:17px;height:12px;margin:4px 6px 0;background:url(../img/dashboard-ticket/icon-arrow.png);} .dashboard-history .details .trip .class-badge{margin-top:5px;} .dashboard-history .details .summary{width:40%;padding-left:50px;border-left:1px dashed #eaeaea;white-space:nowrap;} .dashboard-history .details .summary img{vertical-align:top;} .dashboard-history .details .summary .icon{float:left;width:36px;margin:1px 8px 0 0;text-align:center;} .dashboard-history .details .summary .item{margin-top:35px;} .dashboard-history .details .summary .item:first-child{margin-top:0;} .dashboard-history .details .summary .button{margin-top:35px;padding:0 25px;} .dashboard-history .details .print{display:inline-block;vertical-align:top;margin-top:40px;padding-left:31px;font-size:13px;line-height:25px;background:url(../img/icons/pdf.png) no-repeat;} .dashboard-history .details .print:hover{text-decoration:underline;} @media screen and (max-width:999px){ .dashboard-history .row{margin:0 -40px;padding:30px 40px;} .dashboard-history .head .tcell:last-child{vertical-align:bottom;} .dashboard-history .details .table,.dashboard-history .details .tcell{display:block;width:auto;} .dashboard-history .details .trip{padding-right:0;} .dashboard-history .details .summary{margin-top:30px;padding-top:30px;padding-left:0;border-top:1px dashed #eaeaea;border-left:0;} .dashboard-history .details .print{margin-top:30px;} } @media screen and (max-width:479px){ .dashboard-history h2{margin-bottom:20px;} .dashboard-history .row{margin:0 -20px;padding:20px 20px 10px;} .dashboard-history .head{margin-bottom:10px;} .dashboard-history .head .table,.dashboard-history .head .tcell{display:block;width:auto;} .dashboard-history .details{padding:10px 0;} .dashboard-history .details .print{margin-top:20px;} } /**/ /* dashboard points */ /**/ .dashboard-points{padding-bottom:0;} .dashboard-points p{margin-top:5px;line-height:20px;font-weight:300;} .dashboard-points h2{margin-bottom:35px;} .dashboard-points h3{font-size:18px;line-height:22px;font-weight:600;color:#363636;} .dashboard-points img{vertical-align:top;} .dashboard-points .item{margin:0 -60px;padding:25px 30px;border-top:1px dashed #eaeaea;} .dashboard-points .text{overflow:hidden;} .dashboard-points .time{position:relative;display:inline-block;vertical-align:top;font-size:14px;} .dashboard-points .time img{position:absolute;bottom:4px;left:100%;margin-left:10px;} .dashboard-points .icon{float:left;width:21px;margin:4px 20px 0 0;text-align:center;} .dashboard-points .tcell:last-child{width:40%;vertical-align:middle;text-align:center;} .dashboard-points .arrow{display:inline-block;vertical-align:top;width:17px;height:12px;margin:4px 6px 0;background:url(../img/dashboard-ticket/icon-arrow.png);} .dashboard-points .earned{display:inline-block;vertical-align:top;padding-left:13px;background:url(../img/dashboard-points/earned.png) 0 50% no-repeat;font-size:14px;font-weight:600;color:#4cb749;} .dashboard-points .redeemed{display:inline-block;vertical-align:top;padding-left:13px;background:url(../img/dashboard-points/redeemed.png) 0 50% no-repeat;font-size:14px;font-weight:600;color:#d62d24;} .dashboard-points .upcoming{position:relative;display:inline-block;margin-bottom:8px;padding:4px 5px 4px;border-radius:5px 0 5px 0;background:#2765d4;font-size:12px;text-transform:uppercase;color:#fff;} @media screen and (max-width:999px){ .dashboard-points .item{margin:0 -40px;} .dashboard-points .table,.dashboard-points .tcell{display:block;width:auto;} .dashboard-points .tcell:last-child{width:auto;margin:10px 0 0 41px;text-align:inherit;} } @media screen and (max-width:479px){ .dashboard-points h2{margin-bottom:20px;} .dashboard-points .item{margin:0 -20px;padding:20px;} } /*----------------------------------------------*/ /* FOOTER */ /*----------------------------------------------*/ /**/ /* gobus */ /**/ .gobus{color:#fff;width: 500px;max-width: 100%;} .gobus h4{margin-bottom:10px;} .gobus p{font-size:13px;line-height:1.75;font-weight:300;} .gobus p a{font-weight: 600;position: relative;padding-left: 25px;margin-top: 15px;display:inline-block;} .gobus p a:before{content: '';background-image: url(../img/right-arrow-forward.png);/* background-image: url(../img/mobile-nav/arrow.png); */background-repeat: no-repeat;background-size: 12px;background-position: center;transform: scaleX(-1);top: 50%;position: absolute;margin-top: -7px;width: 14px;height: 14px;left: 0;transition: all 0.2s;} .gobus p a:hover:before{margin-left:-2px;} .gobus h4{font-size:17px;line-height:1.25;font-weight:600;color:#fff;} @media screen and (max-width:1219px){ .gobus{margin-left:0;} } /**/ /* subscrption */ /**/ .subscrption{margin:0 30px;padding:0 50px;border-right:1px solid rgba(255,255,255,0.1);border-left:1px solid rgba(255,255,255,0.1);} .subscrption h4{font-size:17px;line-height:1.25;font-weight:600;color:#fff;} .subscrption .input{margin:15px 0 10px;} .subscrption .input input{padding-top:13px;padding-bottom:13px;} .subscrption .link{display:inline-block;width:130px;height:40px;margin-top:45px;} .subscrption .link-apple{margin-right:10px;background-image:url(../img/mobile-app/link-apple.png);} .subscrption .link-google{background-image:url(../img/mobile-app/link-google.png);} @media screen and (max-width:1219px){ .subscrption{margin:0 10px;padding:0 30px;} } @media screen and (max-width:999px){ .subscrption{margin-left:0;padding-left:0;border-left:0;} } @media screen and (max-width:767px){ .subscrption{margin-right:0;padding-right:0;border-right:0;} .subscrption .button{width:100%;} } @media screen and (max-width:479px){ .subscrption h4{font-size:15px;} } /**/ /* footer nav */ /**/ .footer-nav{font-size:0;} .footer-nav ul{display:inline-block;vertical-align:top;font-size:12px;line-height:2;font-weight:300;color:#fff;} .footer-nav ul + ul{margin-left:50px;} .footer-nav a:hover{text-decoration:underline;} /**/ /* social nav */ /**/ .social-nav{float:right;margin-top:5px;font-size:0;} .social-nav a{display:inline-block;vertical-align:top;width:26px;height:26px;margin-left:5px;} .social-nav a:first-child{margin-left:0;} .social-nav .facebook{background:url(../img/social-nav/facebook.png);} .social-nav .twitter{background:url(../img/social-nav/twitter.png);} .social-nav .youtube{background:url(../img/social-nav/youtube.png);} @media screen and (max-width:767px){ .social-nav{float:none!important;text-align:center;padding: 20px 0;} } /**/ /* copyrights */ /**/ .copyrights{font-size:12px;line-height:18px;color:#fff;/* border-top: 1px solid #8a8ead; */padding-top: 0;margin-top: 0;text-align: left;} .copyrights a{color: rgb(210, 210, 210);} .copyrights a:hover{text-decoration:underline;} @media screen and (max-width:767px){ /* phablet */ .copyrights{text-align:center!important;} } /*----------------------------------------------*/ /* POPUPS */ /*----------------------------------------------*/ /**/ /* popup */ /**/ .popup{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;padding:10px;overflow:auto;background:rgba(0,0,0,0.9);box-sizing:border-box;pointer-events:none;opacity:0;} .popup .inner{position:relative;margin:0 auto;background:#fff;box-sizing:border-box;} .popup .table{width:100%;height:100%;} .popup .tcell{vertical-align:middle;} .popup .cross{position:absolute;top:20px;right:20px;width:15px;height:15px;background:url(../img/popup/close.png);transition:transform 0.3s;-webkit-transition:-webkit-transform 0.3s; /* Changed here */-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;transition:transform 0.3s;} .popup .cross:hover{-ms-transform:rotate(180deg); /* IE 9 */-webkit-transform:rotate(180deg); /* Chrome, Safari, Opera */transform:rotate(180deg);} .popup .overlay{position:absolute;top:0;left:0;width:100%;height:100%;} .popup.active{pointer-events:auto;opacity:1;} @media screen and (max-width:767px){ .popup{padding:0;} } /**/ /* popup login */ /**/ .popup-login p{font-size:13px;line-height:1.75;color:#959595;text-align: center;} .popup-login p a{color:#194a8b;} .popup-login p a:hover{text-decoration:underline;} .popup-login h4{margin-bottom:20px;font-size:18px;font-weight:600;text-align:center;text-transform:uppercase;} .popup-login img{display:block;margin:0 auto 25px;} .popup-login .link{position:relative;display:block;margin-bottom:10px;padding-left:40px;border-radius:22px;font-size:14px;line-height:44px;font-weight:600;text-align:center;text-transform:uppercase;color:#fff;transition:background 0.3s;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;} .popup-login .link::before{content:'';position:absolute;top:0;left:0;width:60px;height:100%;border-right:1px solid rgba(0,0,0,0.1);background-position:55% 50%;background-repeat:no-repeat;} .popup-login .link-facebook{background:#365cab;} .popup-login .link-facebook:hover{background:#2f4e91;} .popup-login .link-facebook::before{background-image:url(../img/popup-login/facebook.png);} .popup-login .link-twitter{background:#00afe1;} .popup-login .link-twitter:hover{background:#009cc7;} .popup-login .link-twitter::before{background-image:url(../img/popup-login/twitter.png);} .popup-login .inner{max-width:520px;padding:70px 90px;} @media screen and (max-width:767px){ .popup-login .inner{padding:70px 30px;} } /**/ /* popup email */ /**/ .popup-email{text-align:center;} .popup-email p{font-size:14px;line-height:1.75;color:#959595;} .popup-email p a{color:#194a8b;} .popup-email p a:hover{text-decoration:underline;} .popup-email h4{margin-bottom:20px;font-size:18px;font-weight:600;text-align:center;text-transform:uppercase;} .popup-email img{display:block;margin:0 auto 25px;} .popup-email .input{margin-bottom:10px;} .popup-email .input input{padding:13px 25px;border-radius:24px;} .popup-email .button{width:100%;margin:5px 0 10px;border-radius:25px;line-height:50px;} .popup-email .inner{max-width:520px;padding:70px 50px;} /**/ /* popup signup */ /**/ .popup-signup{text-align:center;} .popup-signup h4{margin-bottom:20px;font-size:18px;font-weight:600;text-align:center;text-transform:uppercase;} .popup-signup .input{margin-bottom:10px;} .popup-signup .input input{padding:13px 25px;border-radius:24px;} .popup-signup .button{width:100%;margin:5px 0 10px;border-radius:25px;line-height:50px;} .popup-signup .inner{max-width:520px;padding:90px 50px 70px;} /**/ /* popup facebook */ /**/ .popup-facebook{text-align:center;} .popup-facebook p{margin-bottom:40px;font-size:14px;line-height:1.75;color:#898989;} .popup-facebook p a:hover{text-decoration:underline;} .popup-facebook h4{font-size:18px;font-weight:600;text-align:center;text-transform:uppercase;} .popup-facebook img{display:block;margin:0 auto 25px;border-radius:50%;} .popup-facebook .input{margin-bottom:10px;} .popup-facebook .input input{padding:13px 25px;border-radius:24px;} .popup-facebook .button{width:100%;margin:5px 0 10px;border-radius:25px;line-height:50px;} .popup-facebook .inner{max-width:520px;padding:70px 50px 50px;} /**/ /* popup trip */ /**/ .popup-trip h4{margin-bottom:15px;font-size:18px;font-weight:600;text-transform:uppercase;color:#252525;} .popup-trip label{margin-top:20px;font-size:12px;line-height:30px;text-align:left;} .popup-trip input[type="radio"]{position:absolute;top:0;left:-9999px;} .popup-trip input[type="radio"]:checked + .way{background:#383f67;color:#fff;cursor:default;} .popup-trip .way{display:inline-block;vertical-align:top;width:145px;margin:0;background:#e1e1e1;font-size:12px;line-height:30px;text-align:center;text-transform:uppercase;color:#898989;cursor:pointer;transition:background 0.3s,color 0.3s;-webkit-transition:background 0.3s,color 0.3s;-moz-transition:background 0.3s,color 0.3s;-o-transition:background 0.3s,color 0.3s;} .popup-trip .way[for="popup-way-1"]{border-radius:4px 0 0 4px;} .popup-trip .way[for="popup-way-2"]{border-radius:0 4px 4px 0;} .popup-trip .group-way-2{transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;} .popup-trip #popup-way-1:checked ~ .grid-row .group-way-2{opacity:0.4;pointer-events:none;} .popup-trip .select{text-align:left;} .popup-trip .button{margin-top:35px;padding:0 60px;} .popup-trip .inner{max-width:620px;padding:30px 50px 40px;text-align:center;} @media screen and (max-width:767px){ .popup-trip label{margin-top:10px;} .popup-trip .way{width:120px;} .popup-trip .inner{padding:55px 30px 30px;} } .booking-session .timer{margin-bottom:-27px;} .show-md{display:none;} @media screen and (max-width:479px){ .remove-md{display:none;} .show-md{display:block;} .promo-routes .image img{max-width:100%;} .promo-routes .image{height:auto;} } .show-date-md{display:none;} @media screen and (max-width:767px){ .show-date-md{display:block;} } .datepicker + div::before{content:'';position:absolute;top:1px;right:1px;bottom:1px;width:44px;border-radius:0 4px 4px 0;border-left:1px solid #bbc9d9;background:#e6ebf2 url(../img/datepicker.png) 50% 50% no-repeat;pointer-events:none;} .datepicker + div input{-webkit-appearance:none;-moz-appearance:none;} .datepicker + div input{width:100%;min-height:44px;} .no-scroll{/*height:100%;*/overflow:hidden!important;-webkit-overflow-scrolling:auto;/*position:fixed;*/overflow-y:scroll;/*top:0;left:0;right:0;*/} .popup .overlay{overflow:hidden;} .no-scroll:before{content:'';background:#000;opacity:.8;position:absolute;top:0;left:0;bottom:0;right:0;z-index:20;overflow:hidden!important;-webkit-overflow-scrolling:auto;display:none;} .disabled:after{content:'';position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(242,242,242,0.7);z-index:1;} .show-mob{display:none;} .show-mob .booking-summary{} .show-mob h3{margin-bottom:20px;margin-top:25px;font-size:22px;font-weight:600;} @media screen and (max-width:479px){ .show-mob{display:block;} .remove-mob{display:none!important;} } .timer-expires{position:absolute;right:0;bottom:0;left:0;} .timer-expires.fixed{position:fixed;z-index:2;right:0;bottom:0;left:0;margin:0;} .timer-expires .grid-con{text-align:right;position:relative;padding:0;} .timer-expires .timer{display:inline-block;background-color:#4CAF50;width:330px;text-align:left;padding:6px 15px;color:#fff;border-radius:5px 5px 0 0;line-height:20px;font-size:12px;box-sizing:border-box;} .timer-expires #timer{float:right;font-size:23px;line-height:4px;font-weight:600;margin-top:11px;} .timer-expires .timer br{display:none;} .timer-expires.expired .timer{background-color:#dd0017;} .booking-edit{color:#00BCD4!important;font-size:13px;text-decoration:underline!important;float:right;font-weight:400;} .extra-links{float:right;width:270px;text-align:right;position:relative;border-radius:5px;background:rgb(5,55,113);padding:0; /* overflow: hidden; */direction:rtl;display:table;} .extra-links .link-user{float:left;width:95px;border-radius:5px 0 0 5px;background-color:transparent;} .extra-links .link-user:before{content:'';width:1px;background-color:rgba(255,255,255,0.15);position:absolute;right:-1px;top:15px;bottom:15px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;} .extra-links:hover .link-user:before{top:0;bottom:0;} .extra-links .link-user:hover{background:rgb(3,30,61);} .basket-btn{display:block;width:114px;color:#fff;position:relative;visibility:visible;opacity:1;font-size:14px;cursor:pointer;text-align:center;transition:background 0.3s;transition:all 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;border-radius:0 5px 5px 0;position:absolute;top:0;bottom:0;vertical-align:sub;} .basket-btn:hover{background:rgb(3,30,61);} .basket-btn span{position:absolute;left:0;right:0;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);background-image:url(../img/icons/ticket.png);background-size:15px;background-position:10px center;background-repeat:no-repeat;font-size:11px;padding:5px 0 5px 11px;} .basket{position:absolute;z-index:11;top:0;right:0;width:100%; /* background:#fff; */text-align:left;pointer-events:none;opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;font-size:12px;box-shadow:0 1px 3px rgba(0,0,0,0.38);direction:ltr;} .basket.visible{pointer-events:auto;opacity:1;visibility:visible;} .basket h3{position:relative;background-image:url(../img/icons/ticket.png);font-size:15px;background-color:#053771;background-repeat:no-repeat;padding:20px 10px 20px 40px;color:#fff;background-size:17px;background-position:17px center;border-radius:5px 5px 0 0; /* opacity: 0.8; */} .basket .closer{position:absolute;top:15px;right:20px;width:15px;height:15px;background:url(../img/popup/close.png);cursor:pointer;} .basket .choose-trip{padding:0;width:100%;} .basket .booking-summary{box-shadow:none;margin-bottom:0;} .basket .booking-summary hr{border-top:1px dashed #C8DDFF;} .basket .error-msg{color:#F44336;font-size:13px;line-height:1.2;margin-top:4px;display:block;margin-bottom:10px;} .phone-header span{color:#fff;background-image:url(../img/icons/phone-icon.png);background-repeat:no-repeat;padding:0px 0 0 27px;font-size:26px;background-position:2px 3px;font-weight:600;letter-spacing:-1px;} .subscrption .button{width:100%;border-radius:5px;} .discount-coupon .button{border-radius:5px;} .discount-coupon{margin-top:0;} @media screen and (max-width:1250px){ .phone-header{padding-left:4.5%;padding-right:0%;} } @media screen and (max-width:999px){ .phone-header{height:auto;padding-top:0;padding-bottom:15px;margin-right:0;margin-left:0;padding-left:0;} .menu-mobile{/* float:right; *//* margin-top:-13px; */} .page-header{padding: 10px 0 10px;} } @media screen and (max-width:479px){ .discount-coupon{ /* margin-top:0; */} .timer-expires{margin:0px 0px;left:0;right:0;} .timer-expires .timer{width:100%;box-sizing:border-box;border-radius:0;padding:5px 25px;font-size:12px;line-height:15px;} .timer-expires #timer{font-size:16px;margin-top:7px;} /*.phone-header{padding-bottom:20px;}*/ .phone-header span{font-size:20px;background-size:15px;padding-left:21px;margin-left:-3px;} } .features{text-align:center;padding:70px 0;} .features h2{font-size:24px;color:#1c1c1c;text-transform:uppercase;margin-bottom:30px;line-height:1.2;} .features .item{text-align:center;} .features .item i{height:190px;display:block;margin:0 auto;text-align:center;position:relative;} .features .item img{ /* width: 150px; */ margin:0 auto;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);} .features .item h4{font-size:20px;font-weight:600;} @media screen and (max-width:767px){ .features .item{margin-bottom:30px;} .features h2{font-size:20px;} } @media screen and (max-width:479px){ .features h2{font-size:19px;margin-bottom:20px;padding:0 30px;line-height:1.5;} .features{padding:40px 0;} .features .item h4{font-size:17px;} .features .item i{height:auto;} .features .item img{position:static;margin:0 auto;transform:none;-webkit-transform:none;-ms-transform:none;margin-bottom:11px;width:110px;} } .buses-tabs .item{pointer-events:none;} .buses-tabs .item-valid{pointer-events:auto;} .buses-tabs .item-valid:hover{background:rgb(90,232,86);background:#addeab;color:#fff;} .page-content{position:relative;z-index: 1;} .buses-tabs.fixed{position:fixed;top:70px;left:0;right:0;z-index:1;} .buses-tabs.fixed ~ .buses{margin-top:10px;} .buses-tabs.fixed:before{content:'';position:absolute;top:-30px;left:0;right:0;height:75px;background-color:#fff;border-bottom:1px solid #ebebeb;} .seatsNumbers{display:none!important;} .select-1{position:relative;text-align:left;} .select-1 > span{display:block;padding:13px 15px;border:1px solid #bbc9d9;border-radius:5px;overflow:hidden;box-sizing:border-box;background:#fff;font-size:14px;line-height:20px;color:#252525;transition:border 0.3s,color 0.3s;-webkit-transition:border 0.3s,color 0.3s;-moz-transition:border 0.3s,color 0.3s;-o-transition:border 0.3s,color 0.3s;position:relative;width:100%;cursor:pointer;} .select-1 > span::before{content:'';position:absolute;top:0px;right:0px;bottom:0;width:44px;border-radius:0 4px 4px 0;border-left:1px solid #bbc9d9;background:#e6ebf2 url(../img/select.png) 50% 50% no-repeat;pointer-events:none;} .select-1 .compo-1{visibility:hidden;pointer-events:none;opacity:0;border:1px solid #bbc9d9;position:absolute;width:100%;z-index:1;background-color:#fff;top:100%;margin-top:-4px;box-sizing:border-box;overflow:hidden;transition:all .3s;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;font-size:14px;border-radius:0 0 5px 5px;} .select-1 .compo-1.active{pointer-events:auto;opacity:1;visibility:visible;} .select-1 .compo-1 > li{border-bottom:1px dotted #bbc9d9;} .select-1 .compo-1 > li:last-child{border-bottom:none;} .select-1 .compo-1 > li > a{padding:10px 20px;display:block;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;} .select-1 .compo-1 > li > a:hover{background-color:#e6ebf2;} .select-1 .plus-ul{display:block;padding:10px 20px;cursor:pointer;position:relative;} .select-1 .plus-ul + ul{position:absolute;top:0;left:100%;right:0;bottom:auto;background-color:#fff;z-index:1;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;visibility:hidden;opacity:0;border-radius:0 0 5px 5px;} .select-1 .plus-ul + ul.active{display:block;left:0;visibility:visible;opacity:1;} .select-1 .plus-ul + ul .back{background-image:url('img/form-icon/back-arrow.png');display:block;height:30px;background-position:15px center;background-repeat:no-repeat;background-size:24px;padding:5px 0px;cursor:pointer;} .select-1 .plus-ul + ul li{border-top:1px dotted #bbc9d9;} .select-1 .plus-ul + ul li a{padding:10px 30px;display:block;} .select-1 .plus-ul:hover{background-color:#e6ebf2;} .select-1 .plus-ul + ul li a:hover{background-color:#e6ebf2;} .select-1 .compo-1{max-height:265px;overflow-y:scroll;} span.plus-ul:before{content:'';background-image:url('img/form-icon/back.png');width:15px;height:15px;position:absolute;margin-top:0px;background-repeat:no-repeat;background-size:15px;right:10px;top:9px;} .lang-mob{background-image:url(../img/lang/lang-01.png);background-position:right 1px;min-height:14px;background-size:23px 13px;background-repeat:no-repeat;display:inline-block;padding:0 30px;padding-right:35px;color:#fff;} .lang-mob:hover{color:#fb9900;} .popup-r-trip h2{font-size:24px;font-weight:600;text-align:center;text-transform:uppercase;color:#363636;transition:opacity 0.3s;transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;margin-bottom:10px;} .popup-r-trip h4{overflow:hidden;font-size:18px;line-height:24px;font-weight:300;white-space:nowrap;text-overflow:ellipsis;margin-bottom:15px;} .popup-r-trip h4 i{display:inline-block;vertical-align:top;width:17px;height:12px;margin:6px 10px 0;background:url(../img/dashboard-ticket/icon-arrow.png);} .popup-r-trip .action{margin-bottom:15px;} .popup-r-trip .action a{margin-right:15px;} .popup-r-trip p{color:#4cb749;font-size:14px;} .popup .inner.box-trip{max-width:950px;padding:110px 90px 80px;background-image:url(../img/popup-trip/bg.png);background-repeat:no-repeat;background-position:left bottom;text-align:center;} .datepicker input.req-valid{background-color:#fff;border-color:red;} .intro .grid-col{float:left;} .basket-btn-mob{display:none;position:relative;height:30px;background-color:#093261;cursor:pointer;} .basket-btn-mob span{position:absolute;left:0;top:5px;background-image:url(../img/icons/ticket.png);background-size:15px;background-position:15px center;background-repeat:no-repeat;font-size:11px;padding:5px 0 5px 40px;color:#fff;} .basket-mob{} .basket-mob .button{margin-top:2em;padding:0 20px;} .basket-btn-mob img{position:absolute;right:20px;width:20px;top:5px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;} .basket-btn-mob.active img{-ms-transform:rotate(180deg); /* IE 9 */-webkit-transform:rotate(180deg); /* Safari */transform:rotate(180deg);} @media screen and (max-width:999px){ .basket-btn-mob{display:none;} } .terms p{margin-top:20px;} .term{text-decoration:underline;} /**/ /**/ .grid-row{font-size:0;} .grid-row > .grid-col{font-size:16px;} .bg-img{background-size:cover;text-align:center;display:table;width:100%;} .bg-img .tcell{position: relative;z-index: 7;} .new-head{display:table-cell;vertical-align: middle;padding-top:40px;} .new-head h1{color:#fff;text-transform:none;font-size:42px;font-weight:600;margin-bottom:10px;line-height:1.3;} .new-head h4{color:#fff;text-transform:none;font-size:22px;font-weight:400;} .new-head br{display:none;} .intro{padding:0;background-color: #eaeaea;background-image: url(../img/intro/bg.jpg);position: relative;padding: 40px 20px;background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;} .intro::after{position:absolute;content:'';width:100%;top: 0;left: 0;height: 100%;background-color: rgba(0, 0, 0, 0.75);z-index: 0;} .intro .grid-con{max-width:1180px;text-align:left;font-size:0;padding: 50px 20px;text-align: center;} .intro form{width: 100%;max-width: 670px;display:inline-block;background-color:#f5a623;color:#000;padding:0;/* box-sizing: border-box; *//* box-shadow: 0 0 7px #a5a5a5; */z-index:1;font-size:16px;vertical-align: middle;} .intro form > div{position:relative;z-index:1;padding:30px 25px 30px;box-sizing:border-box;background: #ffffff;border-radius:5px;box-shadow: 0 0 10px -3px #3a3a3a;} .intro form:after{position:absolute;content:'';width:100%;border-radius:5px;position:absolute;bottom:0px;right:0px;height:50%;left:0px;box-shadow:0px 0px 15px 2px #cecece;transform:perspective(00px) rotateX(-10deg);transform-origin:center bottom;z-index:-1;display:none;} .intro .way{width:50%;text-align:left;background-color: #d2d2d2;padding-left:15px;box-sizing:border-box;line-height:35px;color:#fff;font-weight:600;} .intro form .button{width:100%;margin-top:35px;} .intro h2{text-transform:none;font-size: 30px;margin-bottom:25px;text-align: center;font-weight: 700;color: #fff;letter-spacing: -1px;} .intro #way-1:checked ~ .grid-row .group-way-2{opacity:1;} .intro #way-1:checked ~ .grid-row .group-way-2 .datepicker{opacity:0.3;} .intro .input input{} .intro label{font-weight:100;} .intro .datepicker::before{border-left:none;background-color:transparent;} .intro .select-1 > span::before{border-left:none;background-color:transparent;} .intro .select-1 > span{/* border:none; */} .intro .grid-con .extra-sec{display:inline-block;width:50%;vertical-align: middle;/* width: auto; */padding:30px 0 0 30px;box-sizing:border-box;} .intro .grid-con .extra-sec .coupon-sec{position:relative;border:2px solid #1eb10d;border-radius:8px;padding:15px 20px 15px 20px;overflow:hidden;font-size:0;background-color:#eeffeb;} .intro .grid-con .extra-sec .coupon-sec:before{content:'';background-image:url(../img/new/bookmark-ribbon.png);position:absolute;top:-5px;left:20px;height:30px;width:24px;background-repeat:no-repeat;background-size:16px;} .intro .grid-con .extra-sec .coupon-sec h2{color:#1eb10d;text-transform:uppercase;font-size:30px;margin-bottom:7px;} .intro .grid-con .extra-sec .coupon-sec h3{text-transform:uppercase;font-size:24px;color:#fb0d1b;font-weight:600;cursor:pointer;font-family:'Cairo',Helvetica,Arial,sans-serif;} .intro .grid-con .extra-sec .coupon-sec h4{color:#1eb10d;text-transform:capitalize;font-size:13px;margin-bottom:3px;font-weight:400;} .intro .grid-con .extra-sec .coupon-sec h5{text-transform:uppercase;font-size:11px;font-weight:400;color:#0a0a17;line-height:1.1;} .intro .grid-con .extra-sec .coupon-sec p{font-size:12px;line-height:1.2;} .intro .grid-con .extra-sec .coupon-sec .coupon-details{border-right:2px solid #1eb10d;display:inline-block;vertical-align:middle;padding:20px 30px 20px 0;box-sizing:border-box;width:70%;} .intro .grid-con .extra-sec .coupon-sec .coupon-code{display:inline-block;vertical-align:middle;text-align:center; /* padding-left: 35px; */width:30%;box-sizing:border-box;} .intro .grid-con .extra-sec .payment-methods{padding:0;} .intro .grid-con .extra-sec .payment-methods img{height:35px;margin-left:8px;} @media screen and (max-width:767px){ .intro .grid-col{width:100%;float:none!important;} .intro label{margin-top:10px;} .intro form > div{padding:20px;} .intro h2{font-size:20px;} } @media screen and (max-width:479px){ .intro .grid-col{width:100%;float:none!important;} .intro label{margin-top:10px;} .intro form > div{padding:20px;} .intro h2{font-size:20px;} .datepicker input{min-width: 241px !important;} } .new-buses .grid-con{max-width:1380px;margin-top:30px;} .buses-left-side{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,0.5);border-radius:5px; /* margin-top: 80px; */} .buses-left-side h2{ /* margin-bottom:15px; */ font-size:14px;color:#252525;font-weight:500;} .buses-left-side form{position:relative;padding:29px 16px 20px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,0.2);text-align: center;} .buses-left-side form label{margin-top:6px;font-size:12px;line-height:20px;text-align:left;} .buses-left-side form .select-1 > span{font-size:14px;line-height:17px;color:#222222;} .buses-left-side form .datepicker::before,.buses-left-side form .select-1 > span::before{border:none;background-color:transparent;} .buses-left-side form input[type="radio"]{position:absolute;top:0;left:-9999px;} .buses-left-side form input[type="radio"]:checked + .way{background:#383f67;color:#fff;cursor:default;} .buses-left-side form .way{display:inline-block;vertical-align:top;width:50%;margin:0;background:#e1e1e1;font-size:12px;line-height:35px;text-align:center;text-transform:uppercase;cursor:pointer;transition:background 0.3s,color 0.3s;-webkit-transition:background 0.3s,color 0.3s;-moz-transition:background 0.3s,color 0.3s;-o-transition:background 0.3s,color 0.3s;transition:background 0.3s,color 0.3s;font-weight:600;padding-top:2px;background-color:#C1C9D2;color:#FFFFFF;} .buses-left-side form .way[for="way-1"]{border-radius:4px 0 0 4px;margin-right:-3px;} .buses-left-side form .way[for="way-2"]{border-radius:0 4px 4px 0;margin-left:-2px;} .buses-left-side form .group-way-2{transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;} .buses-left-side form #way-1 ~ .grid-row .group-way-2{display: none;} .buses-left-side form .select{text-align:left;} .buses-left-side form .button{margin-top:20px;/* padding:0; */width:100%;color: #ffffff;background-color: #455280;background-color: transparent;color: #455280;border: 2px solid #455280;line-height: 35px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .buses-left-side form .button:hover{background-color: #596298;color: #fff;} .grid-col-12{width:100%;} .filter-by{padding:15px 29px;} .filter-by label{display:block;margin-top:15px;line-height:1.3;padding-left:20px;color:#363636;font-weight:300;} .filter-by label input{} .filter-by label img{vertical-align:top;width:25px;margin-top:-6px;margin-right:8px;} .filter-by .checkbox i{width:10px;height:10px;background-size:9px;background-position:0px;border-radius:1px;} .right-side{ /* overflow: hidden; */border-radius:0 0 5px 5px;box-shadow:0 2px 0px 0px rgba(184,184,184,0.3); /* box-shadow: 0 3px 2px 0px rgba(184,184,184,0.3); */} .right-side .buses{border-radius:5px 5px 0 0;overflow:hidden;padding:0;box-sizing:border-box;background-color:#fafafa;height:auto!important; /* overflow: visible !important; */margin-bottom:-12px; /* box-shadow: 0 20px 15px -20px #000; */} .right-side .buses .item{color:#000;background:#ffffff;padding:10px 20px;font-size:0;margin-top:0;border-radius:0;border-bottom:2px solid #fafafa;box-shadow:none;overflow:visible;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;position:static!important;transform:none!important;border-left:2px solid rgba(183,183,183,0.3);border-right:2px solid rgba(183,183,183,0.3); /* box-shadow: 0 11px 10px #000; */} .right-side .buses .item:hover{background: rgb(241, 242, 255);} .right-side .buses .item.isotope-hidden{display:none;} .right-side .buses .item::before{display:none;} .right-side .buses .item:first-child{border-top:none;padding-bottom:0;} .right-side .buses .item.opened{padding-bottom:0;} .right-side .buses .item.opened + .item{border-top:none;} .right-side .buses .day,.right-side .buses .night{position:static;display:inline-block;margin:0;opacity:1;vertical-align:middle;margin-right:15px;width:50px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../img/buses/day-blue.png);} .right-side .buses .night{background-image:url(../img/buses/night-blue.png);} .right-side .buses .date{position:static;display:inline-block;vertical-align:middle;margin-right:20px;color:#383f67;font-weight:600;} .right-side .buses .class-badge{vertical-align:middle;font-size:11px;font-weight:600;line-height:0.9;} .right-side .buses .price{ font-size:20px;display:inline-block;vertical-align: middle;} .right-side .buses .button{display:inline-block;line-height:30px;padding:0 20px;margin-left:20px; /* margin-top: 12px; */font-weight:700;font-size:12px;vertical-align: middle;} .right-side .buses .button.disable{color: #b7b7b7;background-color: transparent !important;pointer-events: none;} .right-side .buses .item.opened .right .button{width:102px;padding:0;background-color:#c1c9d2;} .right-side .buses .item.opened .right .button:hover{background-color:#9E9E9E;} .right-side .buses .button .view-seat{display:inline-block;} .right-side .buses .button .close{background-image:url(../img/buses/close-white.png);display:none;background-repeat:no-repeat;background-position:15px center;padding-left:10px;} .right-side .buses .opened .button .view-seat{display:none;} .right-side .buses .opened .button .close{display:block;} .right-side .buses .button:hover{background-color:#596298;} .right-side .buses .legend{display:none!important;} .right-side .buses .seats{ /* position: static; */ /* background: aqua; */ /* transform: translate(0,50%) rotate(-90deg); */display:inline-block; /* margin-top: -36px; */vertical-align:middle;top:165px;left:auto;padding:0;right:345px;} .right-side .buses .expand{width:auto;padding:0 45px;box-sizing:border-box;} .right-side .buses .expand .price{display:block;margin-bottom:10px;font-size:12px;line-height:1.1;font-weight:600;text-transform:uppercase;color:#7d7d7d;} .right-side .buses .expand strong{display:block;font-size:24px;color:#4cb749;} .right-side .buses .expand .button{padding:0 50px;line-height:40px;font-weight:500;font-size:14px;margin:0;} .right-side .buses .expand .available{display:block;margin-top:13px;font-size:13px;font-weight:300;color:#4cb749;} .right-side .buses .expand .tcell{} .right-side .buses .login{width:auto;padding:0 45px;box-sizing:border-box;} .right-side .buses .item.opened .login{height:100%;opacity:1;pointer-events:auto;} .right-side .buses .login .price{display:block;margin-bottom:10px;font-size:12px;line-height:1.1;font-weight:600;text-transform:uppercase;color:#7d7d7d; /* opacity: 1; */} .right-side .buses .login strong{display:block;font-size:24px;color:#4cb749;} .right-side .buses .login .button{padding:0 50px;line-height:40px;font-weight:500;font-size:14px;margin:0;background-color: #c1c9d2;cursor: not-allowed;} .right-side .buses .new-active .login .button{background-color: #4cb749;cursor: pointer;} .right-side .buses .new-active .login .button:hover{background-color: #429e3f;} .right-side .buses .login form{cursor: not-allowed;} .right-side .buses .new-active .login form{cursor: auto;} .right-side .buses .login .available{display:block;margin-top:13px;font-size:13px;font-weight:300;color:#4cb749;position:static;opacity: 0;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;} .right-side .buses .new-active .login .available{opacity: 1;} .right-side .buses .right{float:right;padding-top:15px;} .right-side .buses .item.opened .seats-con{height:195px;} .right-side .buses .item .show-click{height:0;position:relative;opacity:0;pointer-events:none;background:white;padding:0 20px;margin:0 -20px;transition:height 0.3s,opacity 0.3s;height 0.3s,opacity 0.3s:all 0.3s;-moz-transition:height 0.3s,opacity 0.3s;-o-transition:height 0.3s,opacity 0.3s;transition:height 0.3s,opacity 0.3s;font-size:0; /* display: none; */ /* padding: 20px; */ /* border-left: 2px solid rgba(183, 183, 183, 0.3); */ /* border-right: 2px solid rgba(183, 183, 183, 0.3); */} .right-side .buses .item .show-click .dashed{border-top:1px dashed #e1e1e1;position:absolute;top:0;left:-5px;right:-5px;} .right-side .buses .item .show-click .dashed-bottom{bottom:-1px;top:auto;border-top:1px solid #fafafa;} .right-side .buses .item .show-click .dashed:after{content:'';position:absolute;top:-8px;right:-2px;width:14px;height:14px;background:#fafafa;z-index:1;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-45deg);box-shadow:inset 2px 2px 3px rgba(183,183,183,0.3);} .right-side .buses .item .show-click .dashed:before{content:'';position:absolute;top:-8px;left:-2px;width:14px;height:14px;background:#fafafa;z-index:1;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-45deg);box-shadow:inset -2px -2px 3px rgba(183,183,183,0.3);} .right-side .buses .item.opened .show-click{pointer-events:auto;opacity:1;height:263px; /* padding: 20px; */display:block;} .right-side .buses .collapse{z-index:1;} .right-side .buses .subinfo{position:static;margin-top:0;color:#000;border:none;padding-top:20px;} .right-side .show-default{} .right-side .show-default:after{content:'';display:block;clear:both;} .right-side .buses .subinfo i{color:#000;} .right-side .seats-hint{display:inline-block;vertical-align:middle;margin-right:15px;} .right-side .seats-hint div{font-size:12px;text-transform:uppercase;font-weight:100;color:#959595;margin-bottom:10px;} .right-side .seats-hint img{width:20px;vertical-align:middle;margin-right:10px;} .right-side .seats-con{display:inline-block;vertical-align:middle;} .right-side .show-seats{display:inline-block;position:relative;min-width:625px;border-right:2px solid #e1e1e1;width:calc(100% - 253px);box-sizing:border-box; /* margin-bottom: 20px; */} .right-side .available{position:absolute;bottom:5px;right:35px;color:#acacac;font-size:12px;font-weight:100;} .right-side .buses .item.opened .expand{height:100%;opacity:1;z-index:7;pointer-events:auto;} .busFilter{font-size:0;margin:2px -2px 30px;/* padding: 4px 20px 4px; */} .busFilter:after{content:'';display:block;clear:both;} .busFilter a{display:inline-block;width:calc(100% / 6);vertical-align:top;font-size:16px;height:110px;padding:0 4px;box-sizing:border-box;} .busFilter a .table{box-shadow:0 0 0px 1px #e1e1e1;border-radius:5px;box-sizing:border-box;} .busFilter a.current .table{box-shadow:0 0 0 2px #49c3f0;} .busFilter a .tcell{padding:10px 15px;} .busFilter a .class-badge{margin-bottom:10px;font-size:11px;font-weight:600;line-height:14px;padding:1px 4px;} .busFilter .class-badge::after{line-height:14px;} .busFilter a .icons{margin-bottom:8px;} .busFilter a .icons img{height:auto;width:20px;max-width:calc(25% - 7px);margin-left:5px;opacity:.5;vertical-align:-webkit-baseline-middle;} .busFilter a .icons img:first-child{margin-left:0;} .busFilter a h3{text-transform:capitalize;font-weight:700;color:#4a4a4a;line-height:1.1;} .busFilter a h4{font-weight:700;color:#4a4a4a;color:#4A4A4A;} .head-sort{position:static!important;transform:none!important;background-color:#383f67;background-color:#fff;color:#fff;padding:10px 20px;opacity:1!important;color:#43505D;border:2px solid rgba(183,183,183,0.3);border-bottom-width:1px;border-top-width:1px;} .head-sort:after{content:'';display:block;clear:both;} .head-sort .time{font-size:11px;margin-left:65px;cursor:pointer; /* background-image: url(../img/arrow-blue.png); */ /* background-size: 14px; */ /* background-repeat: no-repeat; */ /* background-position: right 7px; */ /* padding-right: 20px; */} .head-sort .price{font-size:11px!important;float:right;margin-right:136px;cursor:pointer; /* background-image: url(../img/arrow-blue.png); */ /* background-size: 14px; */ /* background-repeat: no-repeat; */ /* background-position: right 7px; */ /* padding-right: 20px; */line-height:18px;font-weight:400;} .head-sort img{width:15px;margin-left:5px;} .head-sort .low img{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);} .price-active .price img{opacity:1;} .time-active .time img{opacity:1;} .time-active .time{color:#fb9903;} .head-sort:not(.time-active):not(.price-active) .time.high{color:#fb9903;} .price-active .price{color:#fb9903;} .head-sort img,.price-active .time img{opacity:0;} .time img{opacity:1;} .new-buses .breadcrumbs{font-size:0;overflow:hidden; /* border-bottom: 2px solid #A4CAE1; */margin-bottom:30px;display:flex; /*align-items: center;*/} .new-buses .breadcrumbs .going{width:50%;display:inline-block;vertical-align:top;text-align:right;padding:10px 25px 10px 0px;box-sizing:border-box;position:relative;display:flex;justify-content:flex-end;align-items:center;float:right;border-bottom:2px solid #A4CAE1;z-index:1;} .new-buses .breadcrumbs .going:after{left:100%;top: -1px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-left-color:#fafafa;border-width:50px;border-left-width:30px!important;} .new-buses .breadcrumbs .return{display:inline-block;width:50%;font-size:16px;text-align:left;padding:10px 0 10px 55px;box-sizing:border-box;background-color:#e5ebf1;color:#8698A9;display:flex;justify-content:flex-start;float:left;align-items:center;border-bottom:2px solid #A4CAE1;position:relative;z-index:0;} .new-buses .breadcrumbs .active + .return{background-color:#fff;color:#252525;} .new-buses .breadcrumbs .details{display:inline-block;vertical-align:middle;padding:5px 0;} .new-buses .breadcrumbs .return .details{border-left:1px dashed #aaaaaa;padding-left:20px;width:100%;box-sizing:border-box;} .new-buses .breadcrumbs .going .details{border-right:1px dashed #aaaaaa;padding-right:20px;width:100%;box-sizing:border-box;} .new-buses .breadcrumbs .details h4{font-weight:100;font-size:14px;line-height:1.2;} .new-buses .breadcrumbs .details h3{font-size:16px;font-weight:500;margin-top:5px;line-height:1.4;color:inherit;} .new-buses .breadcrumbs .details h3 small{font-weight:100;font-size:14px;} .new-buses .breadcrumbs .trip{display:inline-block;vertical-align:middle;} .new-buses .breadcrumbs .return .trip{margin-right:25px; /* opacity: .6; */padding-right:25px;margin-right:0;width:145px;box-sizing:border-box;} .new-buses .breadcrumbs .going .trip{margin-left:20px;background-image:url(../img/buses/correct-signal.png);background-repeat:no-repeat;background-position:right center;background-size:25px;padding-left:25px;margin-left:0;width:125px;box-sizing:border-box;text-align:right;} .new-buses .breadcrumbs .going.active .trip{width:55px;height:25px;} .new-buses .breadcrumbs .trip img{display:block;display:inline-block;} .new-buses .breadcrumbs .return .trip img{} .new-buses .breadcrumbs .trip h5{font-weight:500;text-transform:uppercase;font-size:12px;} .new-buses .breadcrumbs .going.active:after{border-left-color:#00AB13;} .new-buses .breadcrumbs .going.active{background-color:#00AB13;border-bottom:2px solid #00AB13;} .new-buses .breadcrumbs .going.active .details{color:rgba(255,255,255,0.41);border-right-color:rgb(104,205,115);} .new-buses .breadcrumbs .going.active .trip img,.new-buses .breadcrumbs .going.active .trip h5{opacity:0;visibility:hidden;font-size:0;display:none;} .new-buses .going-page{text-align:center;padding:15px 0;display:block;border-bottom:2px solid #A4CAE1;border: 2px solid rgba(183,183,183,0.3) !important;border-bottom: none !important;} .new-buses .going-page .grid-con{text-align:left;position:relative;} .new-buses .going-page .details{text-align:left;margin-left:20px;padding:0!important;} .new-buses .going-page .trip{vertical-align:middle!important;display:inline-block!important;} /**/ .booking-session .change{background-image:url(../img/booking-session/change-blue.png);color:#383f67;} .booking-session{border-bottom:5px solid #DBDDE0;padding-bottom:30px;margin-bottom:40px;} .booking-payment h3{color:#363636;} .booking-payment .tabs{height:70px;vertical-align:bottom;} .booking-payment .tabs a{width: auto;box-sizing:border-box;ox;*/text-align:center;padding: 15px 40px;vertical-align:text-bottom;text-align:center;margin-right:0;margin-left:5px;margin-top:15px;position:relative;} .booking-payment .tabs a.disable{background:#D3D2D3!important;color:#6D6D6D!important;padding:20px 0!important;cursor:default;} .booking-payment .tabs a.disable:hover,.booking-payment .tabs a.fawry.active{ /* background: #fb9900; */ /* color: #fff; */} .booking-payment .tabs .tcell{height:28px;display:block;} .booking-payment .tabs::before{display:none;} .booking-payment .tabs .active,.booking-payment .tabs .active:hover{padding-top: 20px;/* margin-top:0; */} .booking-payment .tabs .name{font-weight:600;} .booking-payment .tabs .icon{margin:-7px 0; /* display: none; */} .booking-payment .tabs .hint{position:absolute;pointer-events:none;opacity:0;transition:top 0.3s,opacity 0.3s;background-color:#FBFBFB;border:1px solid #EAEAEA;box-shadow:0 1px 2px 0 rgba(104,104,104,0.5);color:#363636;font-size:11px;width:100%;margin:0;bottom:calc(100% + 13px);left:calc(100% - 60px);padding:5px 5px;box-sizing:border-box;text-align:left;background-image:url(../img/booking-page/warning.png);background-repeat:no-repeat;background-position:7px center;padding-left:35px;line-height:14px;border-radius:5px;z-index:10;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;display:none;} .booking-payment .tabs .disable .hint{display:block;} .booking-payment .tabs .hint:after,.booking-payment .tabs .hint:before{top:100%;left:25px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;} .booking-payment .tabs .hint:after{border-color:rgba(251,251,251,0);border-top-color:#FBFBFB;border-width:7px;margin-left:-7px;border-left-width:5px;border-right-width:5px;} .booking-payment .tabs .hint:before{border-color:rgba(234,234,234,0);border-top-color:rgba(104,104,104,0.53);border-width:7px;margin-left:-7px;margin-top:1px;border-left-width:5px;border-right-width:5px;} .booking-payment .tabs a:hover .hint{opacity:1;bottom:calc(100% + 15px);} .booking-payment .tabs a.fawry.active .hint{bottom:calc(100% + 13px);} .tab-card .card-discount{background-color:#DEF6FF;border:2px solid #86CEE9;border-radius:5px;background-image:url('img/booking-page/mastercard-visa.png');background-repeat:no-repeat;background-position:calc(100% - 20px) center;background-size:100px;padding:15px 20px;margin-bottom:20px; /* margin-right: 42px; */margin-top:20px;} .tab-card .card-discount p{color:#000000;font-size:16px;text-transform:uppercase;margin:0;font-weight:600;line-height:1.2;} .tab-card .card-discount p span{color:#BB0021;} .booking-payment .label{font-weight:300;} .booking-payment input{font-weight:600;} .booking-payment .input-alt{margin-right:0;} .booking-payment .input .req{right:-30px;} .discount-coupon{} .discount-coupon .button-cyan{background-color:#49C3F0;font-weight:600;text-transform:none;} .discount-coupon .button-cyan:hover{background-color:rgb(0,174,239);} .discount-coupon form{padding:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .discount-coupon form.warning input{box-shadow:inset 0 1px 3px 0 #FB251A;border:1px solid #FB251A;} .discount-coupon form.warning{} .discount-coupon form.warning > label{font-size:12px;font-weight:600;text-align:center;line-height:11px;color:#FB251A!important;display:block;padding-top:10px;text-transform:uppercase;} .discount-coupon form.warning:after{content:"NOT VALID OR EXPIRED CODE";font-size:12px;font-weight:600;text-align:center;line-height:11px;color:#FB251A;display:block;padding-top:20px;display:none;} .discount-coupon form .input{margin-bottom:10px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .discount-coupon form .button-yellow{font-weight:600;text-transform:none;} .discount-coupon form .wait{text-align:center;color:#EFA300;text-transform:uppercase;font-size:12px;font-weight:600;background-image:url(../img/booking-page/default.gif);background-position:center -10px;padding-top:38px;background-size:65px;background-repeat:no-repeat;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .discount-coupon form .saved{text-align:center;color:#4DB749;text-transform:uppercase;font-size:12px;font-weight:600;background-image:url(../img/booking-page/saved.png);background-position:center 5px;padding-top:38px;background-size:30px;background-repeat:no-repeat;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .discount-coupon .inner{box-sizing:border-box;padding:15px;border-color:#49C3F0;} .discount-coupon input{text-align:center;color:#363636!important;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .discount-coupon .price{position:static;margin-top:0;width:100%;font-size:0;color:#363636;} .discount-coupon .price:before{content:" ";border-top:1px dotted gray;display:block;margin:15px -14px;} .discount-coupon .price div{display:inline-block;vertical-align:middle;width:50%;} .discount-coupon .price div:first-child{font-size:14px;margin-bottom:-6px;} .discount-coupon .price div:first-child + div{text-align:right;} .discount-coupon .price del{margin-top:0px;margin-bottom:0px;} .global-nav .grid-con:after{content:'';clear:both;display:block;} .global-nav .grid-con{ /* max-width: 1080px; */ /* box-sizing: border-box; */} .global-nav{margin-bottom:0;height:auto;} .main-nav{margin-top:0px;margin-bottom:0;} .main-nav li{padding-bottom:0;} .secondary-nav li{font-size:11px;margin-left:15px;padding-left:15px;} .timer-expires .timer{width:100%;text-align:center;border-radius:0;} .timer-expires .grid-con{max-width:none;} .timer-expires #timer{float:none;margin-top:0;display:inline-flex;line-height:15px;vertical-align:middle;margin-left:25px;} .booking-page{padding-bottom:80px;} .booking-payment input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */ font-weight:100;} .booking-payment input::-moz-placeholder{ /* Firefox 19+ */ font-weight:100;} .booking-payment input:-ms-input-placeholder{ /* IE 10+ */ font-weight:100;} .booking-payment input:-moz-placeholder{ /* Firefox 18- */ font-weight:100;} .show-tablet{display:none;} .show-tablet h3{margin-bottom:20px;margin-top:25px;font-size:22px;font-weight:600;} .booking-summary .price div.new-price{line-height:1;display:none;margin-top:2px;font-size:24px;font-weight:600;} .booking-summary .price del{font-size:18px;text-decoration:line-through;color:#FB251A;} @media screen and (max-width:1380px){ .right-side .show-seats{width:calc(100% - 203px);} .right-side .buses .login{padding:0 20px;} .right-side .buses .seats{right:325px;} .right-side .available{right:15px;} .busFilter a .tcell{padding:10px;} } @media screen and (max-width:1200px){ .right-side .buses .login{ /* width: 200px; */} .right-side .buses .login .price{font-size:12px;margin-bottom:5px;} .right-side .buses .login strong{font-size:24px;} .right-side .buses .login .button{padding:0px 40px;width:auto;} .right-side .seats-hint div{font-size:11px;display:inline-block;padding-left:10px; /* width: 25%; */box-sizing:border-box;margin-bottom:0;} .right-side .seats-hint div:first-child{padding-left:0;} .right-side .buses .seats{right:333px;top:190px;} .right-side .seats-hint{display:block;margin-right:0;font-size:0;} .right-side .buses .item.opened .show-click{height:300px;} .right-side .show-seats{width:calc(100% - 190px);min-width:0;} } @media screen and (max-width:1100px){ .right-side .seats-hint div{margin-bottom:15px;padding-left:0;width:calc(100%/3);} .right-side .buses .item.opened .show-click{height:335px;} .right-side .buses .seats{top:225px;} .buses-left-side form .way{font-size:11px;line-height:30px;} } @media screen and (max-width:999px){ .intro .grid-con .extra-sec .coupon-sec .coupon-code{padding-left:20px;} .intro .grid-con .extra-sec .coupon-sec .coupon-details{padding-right:10px;} .intro .grid-con .extra-sec .coupon-sec{padding:15px 20px 15px 20px;} .intro .grid-con .extra-sec .coupon-sec h2{font-size:24px;} .intro .grid-con .extra-sec .coupon-sec h3{font-size:20px;} .intro .grid-con .extra-sec .coupon-sec h5{} .intro .grid-con .extra-sec{padding:20px 0 0 20px;} .right-side .seats-hint{} .new-head h1{font-size:33px;} .intro .select-1 > span{font-size:12px;} .buses-left-side{max-width:350px;margin:0 auto 30px;} } @media screen and (max-width:767px){ .show-tablet{display:block;} .remove-tablet{display:none;} .intro form{display:none;} .intro{height:auto;} .intro .grid-con .extra-sec{display:inline-block;margin:0 auto;width:auto;text-align:left;padding:40px 10px;} .intro .grid-con{text-align:center;} .intro .head{margin:0 20px 20px;} .new-head{display:block;padding:40px 10px;} .new-head h1{font-size:30px;line-height:1;} .intro .head .button{width:auto;} .busFilter a{width:calc(100%/3);margin-bottom:20px;} .busFilter{margin-bottom:30px;} .right-side .show-seats{width:100%;border-right:0;} .right-side .buses .item.opened .show-click{height:auto;padding-top:20px;} .right-side .buses .item.opened .seats-con{height:auto;display:block;margin:20px 0;} .right-side .buses .item.opened .login{padding:20px;height:172px!important;} .right-side .available{position:static;text-align:center;display:block;margin-bottom:20px;} .buses .item.opened .collapse{top:10px;} .new-buses .breadcrumbs .return{padding-right:10px;padding-left:45px;width:55%;} body:not(.rtl).new-buses .breadcrumbs .going:after{ /* border-width: 60px; */ border-left-width:20px!important; /* margin-top: -40px; */} .new-buses .breadcrumbs .going{padding-right:10px;width:45%;} .new-buses .breadcrumbs .details h4{font-size:13px;} .new-buses .breadcrumbs .details h3{font-size:16px;} .booking-payment .tab{padding:30px 20px;} .tab-card .card-discount p br{display:block;} .tab-card .card-discount{margin-right:0;} .intro-form .new-head{padding-bottom:70px;} .bg-img{height:180px;} .new-head h4{display:none;} .new-head br{display:block;} .new-head h1 span{font-size:.7em;font-weight:100;} .intro-form .head{display:none;} .intro-form form{display:block;width:100%;max-width: 670px;margin:0 auto;transform:none;-ms-transform:none;-webkit-transform:none;margin-top:-65px;} .intro form:after{display:none;} .intro-form .grid-con .extra-sec{display:block; /* padding-top: 0; */} .intro-form .grid-con{} .booking-payment .button{width:100%;} .booking-page{padding-bottom:25px;} .right-side .buses .login .button{width:100%;max-width:300px;} } @media screen and (max-width:650px){ .right-side .buses .right{ /* float: none; */ margin-bottom:20px;} .right-side .buses .right{ /* float: none; */ margin-bottom:20px;margin-bottom:0;margin-top:20px;} .head-sort{} .right-side .buses h3.price{ /* display: none; */ font-size:20px;position:absolute;top:5px;right:0;} .right-side .show-default{position:relative;padding-top:30px;} .right-side .buses .class-badge{position:absolute;top:3px;left:0px;} .right-side .buses .day,.right-side .buses .night{display:none;} .new-buses .breadcrumbs .return{padding-right:10px;padding-left:35px;width:55%; /* display: flex; */ /* justify-content: flex-start; */ /* float: left; */} .new-buses .breadcrumbs .going:after{ /* border-width: 60px; */ /* border-left-width: 20px; */ /* margin-top: -40px; */} .new-buses .breadcrumbs .going{padding-right:10px;width:45%; /* display: flex; */ /* justify-content: flex-end; */ /* align-items: center; */ /* float: right; */text-align:left;padding-left:10px;} .right-side .buses .opened .right{margin-bottom:15px;margin-top:-15px;padding-top:0px;} .new-buses .breadcrumbs .details h4{font-size:12px;} .new-buses .breadcrumbs .details h3{font-size:14px;line-height:1;} .new-buses .breadcrumbs .going .trip{margin-left:10px;} .new-buses .breadcrumbs .going .details{padding-right:10px;padding-top:0;padding-bottom:0;} .new-buses .breadcrumbs .return .trip{margin-right:10px;} .new-buses .breadcrumbs .return .details{padding-left:10px;padding-top:0;padding-bottom:0;} .new-buses .breadcrumbs .trip h5{font-size:10px;display:inline-block;} .intro .grid-con .extra-sec{padding:30px 0;} .intro .grid-con .extra-sec .payment-methods img{margin-top:30px;} .head-sort .time{margin-left:0;} .head-sort .price{margin-right:0;} .right-side .buses .item .right .button{float:none;padding:0 15px;margin:0;} .right-side .buses .item .right .button:hover{background:#fb9900;} } @media screen and (max-width:550px){ .new-buses .breadcrumbs .trip{display:none;} .new-buses .breadcrumbs .details{border:none!important;} .tab-card .card-discount p{font-size:14px;} .tab-card .card-discount{background-size:60px;padding:10px 15px;background-position:calc(100% - 10px) center;} .right-side .seats-hint div{width:100%;} } @media screen and (max-width:479px){ .right-side .buses .right{float:none;margin-bottom:5px;text-align:right;margin-top:-15px;padding-top:0px;} .right-side .buses .opened .right{margin-bottom:15px;} .booking-page .remove-mob{display:block!important;} .booking-page .remove-mob .booking-summary{display:none;} .booking-page .remove-mob .discount-coupon{margin-bottom:0;padding-bottom:60px;} .new-buses .breadcrumbs .return{padding-top:10px;padding-bottom:10px;} .new-buses .breadcrumbs .going{padding-top:10px;padding-bottom:10px;padding-left:10px;} .intro .grid-con .extra-sec .coupon-sec h2{font-size:20px;} .intro .grid-con .extra-sec .coupon-sec h3{font-size:16px;} .intro .grid-con .extra-sec .coupon-sec h5{font-size:11px;text-transform:capitalize;} .intro .grid-con .extra-sec .coupon-sec .coupon-details{padding:15px 10px 15px 0;} .intro .grid-con .extra-sec .coupon-sec{padding:15px 10px 15px 10px;} .intro .grid-con .extra-sec .coupon-sec .coupon-code{padding-left:10px;} .intro .grid-con .extra-sec .payment-methods img{margin-top:30px;} .right-side .buses .login .button{width:100%;padding:0;} } @media screen and (max-width:360px){ .right-side .buses .item .right .button{padding: 0 8px;font-size: 11px;text-transform: capitalize;line-height: 25px;} } .booking-payment .cart input{background-size:35px;background-repeat:no-repeat;background-position:calc(100% - 10px),calc(100% - 55px);} .booking-payment .cart input.visa{background-image:url(../img/booking-page/visa.png);} .booking-payment .cart input.mastercard{background-image:url(../img/booking-page/mastercard.png);} /*.input input:required:valid{ background-color: black;} .input input:required:invalid, input:focus:invalid{background-color: red;}*/ /*input:required:valid+.req{background-color: #4cb749;}*/ /*.cart input:required:invalid+.req,.cart input:required+.req, .cart input:focus:invalid+.req, .cart input:invalid+.req*/ .cart.focusout input:invalid + .req,.dates-make-red .req{background:#f31606 url(../img/classes/close.png) 50% 50% no-repeat;background-size: 6px 6px;} .cart.make-red .req{background:#f31606 url(../img/classes/close.png) 50% 50% no-repeat;background-size:8px 8px;} .cart.make-green input.visa + .req,.cart.make-green input.mastercard + .req,.dates-make-green .req{background-color:#4cb749;background-size: 8px;} input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;} .booking-payment .tab-card .col-s{width:70px;} .booking-payment .tab-card .col-s input{text-align:center;} .border-red .dates-make-red input,.border-red .make-red input,.border-red .CVC-make-red input{border-color:red;} .booking-body .global-nav,.booking-body .main-nav > ul{display:none;} .booking-body .page-header{padding-top:20px;} .booking-body .main-nav .link-login{margin-top:-20px;} .booking-body .phone-header{display: none;} .booking-body .menu-mobile{display: none;} .booking-body .logo{pointer-events: none;} .intro .grid-con .extra-sec .coupon-sec .coupon-code{position:relative;} .coupon-code .hint{position:absolute;pointer-events:none;opacity:0;background-color:rgba(54,54,54,0.8); /* border: 1px solid #363636; */box-shadow:0 1px 2px 0 rgba(0,0,0,0.5);color:#fff;width:auto;margin:0;bottom:calc(100% + 13px);left:calc(100% - 59px);padding:4px 6px;box-sizing:border-box;text-align:left;background-image:url(../img/warning.png);background-repeat:no-repeat;background-position:7px center;line-height:14px;border-radius:5px;z-index:10;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);font-size:10px!important;left:50%;} .coupon-code.active .hint{opacity:1;bottom:calc(100% + 15px);} .coupon-code .hint:after,.coupon-code .hint:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;opacity:.8;} .coupon-code .hint:after{border-color:rgba(251,251,251,0);border-top-color:rgb(54,54,54);border-width:5px;margin-left:-5px;border-left-width:5px;border-right-width:5px;} .coupon-code .hint:before{border-color:rgba(234,234,234,0);border-top-color:rgba(104,104,104,0.53);border-width:5px;margin-left:-5px;margin-top:1px;border-left-width:5px;border-right-width:5px;} .coupon-code .hint2{position:absolute;pointer-events:none;opacity:0;background-color:rgba(54,54,54,0.8); /* border: 1px solid #363636; */box-shadow:0 1px 2px 0 rgba(0,0,0,0.5);color:#fff;width:auto;margin:0;bottom:calc(100% + 13px);left:calc(100% - 60px);padding:4px 6px;box-sizing:border-box;text-align:left;background-image:url(../img/warning.png);background-repeat:no-repeat;background-position:7px center;line-height:14px;border-radius:5px;z-index:10;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;transform:translate(-50%,0);font-size:10px!important;left:50%;right:auto;text-align:center;min-width:59px;box-sizing:border-box;} .coupon-code h3:hover + .hint2{opacity:1;bottom:calc(100% + 15px);} .coupon-code.active .hint2{display:none;} .coupon-code .hint2:after,.coupon-code .hint2:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;opacity:.8;} .coupon-code .hint2:after{border-color:rgba(251,251,251,0);border-top-color:rgb(54,54,54);border-width:5px;margin-left:-5px;border-left-width:5px;border-right-width:5px;} .coupon-code .hint2:before{border-color:rgba(234,234,234,0);border-top-color:rgba(104,104,104,0.53);border-width:5px;margin-left:-5px;margin-top:1px;border-left-width:5px;border-right-width:5px;} .onoffswitch{position:relative;width:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:inline-block;vertical-align:middle;height:20px;} .onoffswitch-checkbox{display:none;} .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;height:14px;padding:0;line-height:18px;border-radius:18px;background-color:#c6c5c5;transition:background-color 0.3s ease-in;margin-top:3px;} .onoffswitch-label:before{content:"";display:block;width:20px;margin:0;background:#f1f1f1;position:absolute;top:0px;height:20px;right:21px;border-radius:50%;transition:all 0.3s ease-in 0s;box-shadow: 0 1px 9px -3px #3d436d;} .onoffswitch-checkbox:checked + .onoffswitch-label{background-color: rgba(61, 67, 109, 0.49);} .onoffswitch-checkbox:checked + .onoffswitch-label,.onoffswitch-checkbox:checked + .onoffswitch-label:before{/* border-color: #7FCAC3; */} .onoffswitch-checkbox:checked + .onoffswitch-label:before{right:-1px;background-color: #3d436d;box-shadow:0 0 1px #009688;box-shadow:0 0 1px 0 rgba(0,0,0,0.12),0 1px 1px 0 rgba(0,0,0,0.24);} .switcher p{display:inline-block;vertical-align:middle;margin:0 0px 0 10px!important;font-weight:500;font-size:13px!important;width:calc(100% - 60px);} .show-beneficiary label{margin-top:10px;font-size:12px;line-height:30px;} .show-beneficiary label:first-child{margin-top:0;} .booking-payment .show-beneficiary .input-alt{margin-bottom:10px;} .booking-payment .show-beneficiary .input-alt:last-child{margin:0;} .booking-payment .label{margin:0;} .booking-payment .input-alt{margin-bottom:10px;} .booking-payment hr.hr-dashed{margin:20px -40px 30px;} .show-beneficiary{margin:20px 0 0; /* padding-bottom: 20px; */} .input .req{opacity:0;} .input.focusout .req,.input.focusin .req{opacity:1;} .no-trips{height:591px;text-align:center;background:#ffffff; /* border-left: 2px solid rgba(183, 183, 183, 0.3); */border:2px solid rgba(183,183,183,0.3);border-radius:5px;overflow:hidden;margin-top:20px;padding:20px;box-sizing:border-box;} .no-trips img{max-width:100%; /* width: 320px; */} .no-trips h2{font-size:26px;margin-top:30px;line-height:1.2;} .no-trips p{color:#7b7b7b;font-weight:300;font-size:17px;margin-top:8px;} @media screen and (max-width:999px){ .no-trips{height:auto!important;} } @media screen and (max-width:767px){ .booking-payment .input-alt{margin-right:25px;} } @media screen and (max-width:479px){ .no-trips h2{font-size:20px;} .no-trips img{width:250px;} } .select-1 .plus-ul + ul.active{bottom:auto;} .intro form .button.disable,.buses-left-side form .button.disable{background:#b7b7b7;pointer-events:none;cursor:default;} td.ui-state-disabled{opacity:.5;cursor:not-allowed;} a.ui-state-disabled{opacity:.5;cursor:not-allowed;} .beneficiary-sec{padding:32px 40px;border-radius:5px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.10);margin-bottom:25px;} .beneficiary-sec .input .req{right:-30px;} @media screen and (max-width:479px){ .beneficiary-sec{padding:15px;} } .clear-filters{display:none!important;} .day.no-item{padding:0 2px;} .bus-filter.no-item .lSSlideWrapper{padding:0;} .divLoader img{display:block;margin:10px auto 0;} .classes .item:not(.has-trips-classes) .available{display:none;} .classes .item:not(.has-trips-classes) .info{margin:0;} .buses .seats .seat{background:none;background-image:url(../img/seats/free.png);background-repeat:no-repeat;background-size:23px auto;} .buses .seats .seat.seat-your{background:none;background-image:url(../img/seats/selected.png);background-repeat:no-repeat;background-size:23px auto;} .buses .seats .seat-guest,.buses .seats .seat-driver{background:none;background-image:url(../img/seats/booked.png);background-repeat:no-repeat;background-size:23px auto;} .buses .seats .seat-empty{background:none;} /*MY TICKET*/ .dashboard-my-ticket{padding:40px 25px 5px;} .dashboard-my-ticket h2{} .dashboard-my-ticket .inner{} .dashboard-my-ticket .inner{} .item-my-ticket{margin-bottom:30px;position:relative;} .item-my-ticket.confirmed .head{background-color:#4cb749;} .item-my-ticket.waiting .head{background-color:#fb9900;} .item-my-ticket.waiting .head span{color:#fee935;} .item-my-ticket.canceled .head{background-color:#d62d24;} .item-my-ticket.old .head{background-color:#b7b7b7;} .item-my-ticket .head{padding:13px 17px 7px;height:36px;box-sizing:border-box;} .item-my-ticket .head h3{color:#fff;text-transform:uppercase;font-size:12px;font-family:'Cairo';display:inline-block;vertical-align:top;} .item-my-ticket .head span{float:right;color:#4adb46;text-transform:uppercase;font-size:12px;font-family:'Cairo';} .item-my-ticket.canceled .head span{color:#fe4c43;} .item-my-ticket.old .head span{color:#898989;} .item-my-ticket .cont-trip{border:1px solid #e1e1e1;border-top:none;} .item-my-ticket .trip{padding:10px 0 5px;} .item-my-ticket .trip + .trip{border-top:1px dashed #eaeaea;} .item-my-ticket .trip:after{content:'';clear:both;display:block;} .item-my-ticket .trip .tcell{padding-left:15px;padding-right:15px;vertical-align:top;width:80%;display:block;float:left;box-sizing:border-box;overflow:hidden;} .item-my-ticket .trip .text{ /* overflow: overlay; */ padding-left:40px;} .item-my-ticket .trip .icon{float:left;margin-top:10px;} .item-my-ticket .trip .icon mark{font-size:11px;color:#9E9E9E;margin:0 0 0 -5px;} .item-my-ticket .trip .icon img{display:block;} .item-my-ticket .trip .text .trip-details{color:#383f67;font-size:14px;font-weight:600;line-height:normal;} .item-my-ticket .trip .text .trip-details .arrow{display:inline-block;vertical-align:text-top;width:17px;height:12px;margin:4px 6px 0;background:url(../img/dashboard-ticket/icon-arrow-blue.png);} .item-my-ticket .trip .text .trip-details .class-badge{margin-left:10px;padding-top:7px;border-radius:5px 0 5px 0;margin-top:5px;line-height:11px;} .item-my-ticket .trip .text .info{font-size:12px;color:#252525;font-weight:100;margin-top:5px;} .item-my-ticket .trip .text .my-seats{margin-top:25px;margin-bottom:10px;font-size:0;} .item-my-ticket .trip .text .my-seats h4{font-size:12px;color:#252525;font-weight:100;margin-bottom:5px;} .item-my-ticket .trip .text .my-seats h4.red{color:#d62d24;font-weight:400;display:none;} .item-my-ticket .trip .text .my-seats .seat{display:inline-block;vertical-align:top;width:23px;height:25px;margin:7px 0 7px 0;background-image:url(../img/seats/selected.png);background-repeat:no-repeat;background-size:contain;background-position:center;font-size:12px;line-height:26px;text-align:center;color:#fff;} .item-my-ticket .trip .text .my-seats > .seat{margin-right:5px;} .item-my-ticket.canceled .trip .text .my-seats .seat{background-image:url(../img/seats/cancel-seat.png);} .item-my-ticket .trip .text .my-seats a{display:inline-block;text-align:center;border:1px solid #b3b3b3;vertical-align:middle;border-radius:2px;margin-right:5px;} .item-my-ticket .trip .text .my-seats a span{display:block;font-size:10px;font-weight:100;text-transform:uppercase;background-color:#b3b3b3;padding:1px 3px 0;color:#fff;line-height:11px;} .item-my-ticket .trip .text .my-seats a:hover{border-color:#d62d24;} .item-my-ticket .trip .text .my-seats a:hover i{background-image:url(../img/seats/cancel-seat.png);} .item-my-ticket .trip .text .my-seats a:hover span{background-color:#d62d24;} .item-my-ticket .trip .text .my-seats p{font-size:18px;font-weight:600;margin-top:8px;color:#252525;} .item-my-ticket .trip .trip-date{width:20%;padding-left:0;padding-top:0;padding-top:10px;} .item-my-ticket .trip .trip-date h4{font-size:12px;color:#363636;text-transform:uppercase;} .item-my-ticket .trip .trip-date .time{font-size:24px;font-weight:600;color:#363636;letter-spacing:-0.5px;margin:4px 0;} .item-my-ticket .trip .trip-date .date{font-size:14px;font-weight:600;color:#363636;} .item-my-ticket .trip .trip-date .links{color:#0896ff;font-size:13px;margin-top:105px;} .item-my-ticket .trip .trip-date .links a{display:block;margin-bottom:10px;} .item-my-ticket .trip .trip-date .links a:hover{text-decoration:underline;} .item-my-ticket .trip .trip-date .links a.cancel{color:#959595;} .item-my-ticket.old .trip .trip-date .time,.item-my-ticket.old .trip .trip-date .date,.item-my-ticket.old .trip .trip-date h4{color:#c1c9d2;} .item-my-ticket.canceled .trip .trip-date .time,.item-my-ticket.canceled .trip .trip-date .date,.item-my-ticket.canceled .trip .trip-date h4{color:#c1c9d2;} .item-my-ticket.old .trip .trip-date .links{color:#57bb54;} .item-my-ticket .item-payment{position:absolute;bottom:45px;right:22px;width:170px;} .item-my-ticket .item-payment .icon{float:left;width:36px;margin:3px 0px 0 0;text-align:center;} .item-my-ticket .item-payment h4{font-size:12px;line-height:18px;font-weight:600;color:#383f67;text-transform:none;} .item-my-ticket .item-payment p{margin-top:0px;font-size:12px;line-height:15px;} .item-my-ticket .links{text-align:right;padding-right:20px;border-top:1px dashed #eaeaea;} .item-my-ticket .links a{color:#57bb54;line-height:30px;font-size:13px;} .item-my-ticket .links a:hover{text-decoration:underline;} .popup-remove-seats{background:rgba(0,0,0,0.8);} .popup-remove-seats .inner{max-width:637px;padding:25px 27px 45px;text-align:center;} .popup-remove-seats .head{position:relative;border-bottom:1px solid #e1e1e1;margin-bottom:30px;padding-bottom:0;text-align:left;} .popup-remove-seats .head .icon{float:left;margin-top:0px;} .popup-remove-seats .head .icon img{display:block;} .popup-remove-seats .head .text{padding-left:35px;margin-bottom:20px;} .popup-remove-seats .head .text .trip-details{color:#383f67;font-size:14px;font-weight:600;line-height:normal;} .popup-remove-seats .head .text .trip-details .arrow{display:inline-block;vertical-align:text-top;width:17px;height:12px;margin:4px 6px 0;background:url(../img/dashboard-ticket/icon-arrow-blue.png);} .popup-remove-seats .head .text .trip-details.round-trip .arrow{background:url(../img/dashboard-ticket/icon-arrow-blue-round.png);background-size:contain;background-repeat:no-repeat;background-position:center;width:22px;margin:4px 2px 0;} .popup-remove-seats .head .text .info{font-size:12px;color:#252525;font-weight:100;margin-top:5px;} .popup-remove-seats .head .close{background-image:url(../img/dashboard-ticket/close-icon.png);background-color:#252525;background-repeat:no-repeat;color:#d7d7d7;font-size:11px;padding:7px 13px 7px 30px;border-radius:20px;background-position:10px center;position:absolute;right:0;top:0;} .popup-remove-seats .remove-seats > p{font-size:14px;text-align:center;color:#252525;font-weight:400;} .popup-remove-seats .remove-seats .seats{text-align:center;margin:10px 0 20px;} .popup-remove-seats .remove-seats .seats i{display:inline-block;vertical-align:top;width:30px;height:30px;margin:8px 6px 0 0;background-image:url(../img/seats/cancel-seat.png);background-repeat:no-repeat;background-position:center;background-size:contain;font-size:12px;line-height:26px;text-align:center;color:#fff;cursor:pointer;} .popup-remove-seats .remove-seats .seats i.remove{background-position:center 0px;} .popup-remove-seats .remove-seats > .close{display:inline-block;vertical-align:top;padding:0 80px;border-radius:25px;background:#c3151c;box-sizing:border-box;font-size:14px;line-height:50px;text-align:center;text-transform:uppercase;color:#fff;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;-webkit-appearance:none;-webkit-border-radius:25px;font-weight:500;} .popup-cancel-trip .remove-seats > p{margin-bottom:20px;} .popup-cancel-trip .head{margin-bottom:40px;} .item-my-ticket.canceled .item-payment,.item-my-ticket.old .item-payment{bottom:40px;} @media screen and (max-width:999px){ .item-my-ticket .item-payment{} } @media screen and (max-width:767px){ .item-my-ticket .trip .text .trip-details{position:relative;padding-top:35px;padding-left:40px;} .item-my-ticket .trip .text .trip-details .class-badge{position:absolute;top:0;left:30px;} .item-my-ticket .trip .tcell{width:100%;padding:0px 15px;} .item-my-ticket .trip .trip-date{padding:10px 15px 10px 15px; /* margin-bottom: 40px; */} .item-my-ticket .trip .text{padding-left:0;} .item-my-ticket .trip .icon{margin-right:10px;} .item-my-ticket .trip .trip-date .links{margin-top:10px;} .item-my-ticket .trip .text .info{margin-top:10px;line-height:1.7;} .item-my-ticket .trip .text .my-seats{margin-top:20px;} .popup-remove-seats .inner{padding:20px 10px;max-width:95%;} .popup-remove-seats .remove-seats > .close{padding:0 50px;line-height:40px;} .popup-remove-seats .head{padding-right:65px;padding-bottom:20px;margin-bottom:20px;} .popup-remove-seats .head .icon{display:none;} .popup-remove-seats .head .text{padding-left:0;} } @media screen and (max-width:479px){ .dashboard-my-ticket{padding:0;background-color:transparent;box-shadow:none;margin-top:40px;} .item-my-ticket .trip .text .my-seats a:hover{border:1px solid #b3b3b3;} .item-my-ticket .trip .text .my-seats a:hover i{background-image:url(../img/seats/selected.png);} .item-my-ticket .trip .text .my-seats a:hover span{background-color:#b3b3b3;} .popup-remove-seats .remove-seats > p{font-size:12px;} .popup-remove-seats .head .close{font-size:10px;padding:5px 10px 5px 20px;background-size:7px;background-position:9px 6px;} .popup-remove-seats .head .text .info{line-height:1.4;} .item-my-ticket .head{padding:13px 10px 7px;} .item-my-ticket .head h3{font-size:11px;} .item-my-ticket .head span{font-size:11px;text-transform:capitalize;} .item-my-ticket .item-payment{position:static;margin-bottom:10px;width:auto;padding-left:10px;} .item-my-ticket.canceled .item-payment,.item-my-ticket.old .item-payment{ /* margin-bottom: 0; */ /* border: none; */} .item-my-ticket .links{text-align:left;padding-right:0;padding-left:20px;} } @media screen and (max-width:340px){ .item-my-ticket .head h3{text-transform:capitalize;} } .no-coupon{text-align:center;margin:15px 0;} .no-coupon h4{font-size:20px;font-weight:100;} .no-coupon h3{font-size:24px;font-weight:700;margin-top:10px;} @media screen and (max-width:479px){ .no-coupon h4{font-size:19px;} .no-coupon h3{font-size:21px;font-weight:700;margin-top:10px;} } .intro-alt.intro{padding:90px 0;background:url(../img/intro/bg.jpg) 50% 50% no-repeat;background-size:cover;text-align:center;height:auto;position:relative;} .intro-alt.intro form{transform:none;padding:30px 50px 40px;box-sizing:border-box;background:#fb9900;} .intro-alt .grid-con{text-align:center; /*max-width: 100%;*/} .intro-alt form > div{padding:0;background:none;background-color:transparent;border-radius:0;} .intro-alt form:after{display:none;} @media screen and (max-width:767px){ .intro-alt.intro form{padding:20px;} .intro-alt .head{display:none;} .intro-alt form{display:block;margin:0 auto;width:100%;} .intro-alt .grid-con{} .intro-alt .upcoming{position:absolute;top:100%;left:50%;margin-top:-30px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);box-shadow:0px 3px 6px -2px rgba(0,0,0,0.59);} .intro-alt.intro{margin-bottom:240px;padding:90px 0 50px;} .dashboard-my-ticket{padding-top:25px!important;margin-top:25px!important;} } .item-my-ticket a.cancel.popup-opener{color:#959595;font-size:13px;position:static;line-height:30px;} .item-my-ticket a.cancel.popup-opener:hover{text-decoration:underline;} .item-my-ticket .trip .text .single-seat:not(.active) ~ .remove-seats-btn{opacity:0;pointer-events:none;height:0;} .item-my-ticket .trip .text .my-seats a.remove-seats-btn{vertical-align:middle;background:#c3151c;box-sizing:border-box;font-size:11px;line-height:25px;text-align:center;text-transform:uppercase;color:#fff;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;-webkit-appearance:none;-webkit-border-radius:25px;font-weight:500;display:inline-block!important;padding:0 10px;border:none;margin-left:10px;width:auto;} .item-my-ticket .trip .text .my-seats a.remove-seats-btn.active{opacity:1;pointer-events:auto;height:auto;} .item-my-ticket .trip .text .my-seats a.single-seat.active i{background-image:url(../img/seats/cancel-seat.png);} .item-my-ticket .trip .text .my-seats a.single-seat.active{border-color:#d62d24;} .item-my-ticket .trip .text .my-seats a.single-seat.active span{background-color:#d62d24;} .mobile-nav ul.small-links{font-size:12px;line-height:15px;margin-bottom:10px;} .mobile-nav ul.small-links li{margin-top:10px;} @media screen and (max-width:479px){ /* .item-my-ticket.old .trip:last-child{border-bottom: 1px dashed #eaeaea;margin-bottom: 30px;} */ /*.item-my-ticket.confirmed .trip:last-child,.item-my-ticket.waiting .trip:last-child{border-bottom: 1px dashed #eaeaea;margin-bottom: 30px;}*/ .item-my-ticket a.cancel.popup-opener{left:15px;right:auto;} .item-my-ticket .trip .text .my-seats a.remove-seats-btn{display:table;margin-left:0;margin-top:10px;} .item-my-ticket .trip .trip-date .links a{margin-bottom:0;} } #map-report div.gmnoprint,#map-report div.gmnoscreen{display:none;} a[title="Click to see this area on Google Maps"]{display:none!important;} .discount-coupon input:focus::-webkit-input-placeholder{color:transparent;} .discount-coupon input:focus:-moz-placeholder{color:transparent;} .discount-coupon input:focus::-moz-placeholder{color:transparent;} .discount-coupon input:focus:-ms-input-placeholder{color:transparent;} .discount-coupon input::-webkit-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;} .discount-coupon input:-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;} .discount-coupon input::-moz-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;} .discount-coupon input:-ms-input-placeholder{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;} .seats.loaderImg3{background-image:none;min-height: 490px;right: 400px !important;} .seats.loaderImg3 *{opacity: 0;} .seats.loaderImg3:before{content:'';background-image:url(../img/loading4.gif);width:150px;height:150px;position:absolute;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);background-color:#fff;background-size:140px;top:50%;left: 50%;margin-top: -75px;margin-left:-75px;z-index:1;background-repeat:no-repeat;background-position:center;background-size:80px;/* top: 0; *//* left: 0; *//* right: 0; *//* bottom: 0; *//* width: auto; *//* height: auto; */} .show-seats.loaderImg3{background-image:none;min-height: 560px;} .show-seats.loaderImg3:before{content:'';background-image:url(../img/loading4.gif);width:150px;height:150px;position:absolute;/* transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); */background-color:#fff;background-size:140px;top:0;left:50%;/* margin-top: -75px; *//* margin-left:-75px; */z-index:1;background-repeat:no-repeat;background-position:center;background-size:80px;top:0;left:0;right:0;bottom:0;width:auto;height:auto;} @media screen and (max-width:767px){ .seats.loaderImg3{min-height: 0; } .seats.loaderImg3:before{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);} } /* */ .new-buses .breadcrumbs{margin-bottom:0;border:none;border-radius:5px 5px 0 0;border:2px solid rgba(183,183,183,0.3);border-bottom:none;border: none;border-bottom: 1px solid #c8c8c8;} .new-buses .breadcrumbs .going{border:none;border-top: 1px solid rgba(183,183,183,0.3);/* border-right: 1px solid rgba(183,183,183,0.3); */border-left: 1px solid rgba(183,183,183,0.3);border-radius: 5px 0 0 0;} .new-buses .breadcrumbs .return{border:none;border-top: 1px solid rgba(183,183,183,0.3);border-right: 1px solid rgba(183,183,183,0.3);/* border-left: 1px solid rgba(183,183,183,0.3); */border-radius: 0 5px 0 0;} /**/ body.stop-scrolling{height:100%;overflow:hidden;} .sweet-overlay{background-color:black;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,0.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000;} .sweet-alert{background-color:white;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999;} /* .rtl .sweet-alert{font-family: 'ge_ss_two';} */ @media all and (max-width:540px){ .sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px;} } .sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block;} .sweet-alert p{color:#797979;font-size:16px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal;} .sweet-alert fieldset{border:none;position:relative;} .sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding 0.15s,max-height 0.15s;transition:padding 0.15s,max-height 0.15s;} .sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding 0.2s,max-height 0.2s;transition:padding 0.25s,max-height 0.25s;} .sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:white;line-height:24px;text-align:center;margin-right:3px;} .sweet-alert .sa-error-container p{display:inline-block;} .sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all 0.1s;transition:all 0.1s;} .sweet-alert .sa-input-error::before,.sweet-alert .sa-input-error::after{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px;} .sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg);} .sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1);} .sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0px 1px 1px rgba(0,0,0,0.06);padding:0 12px;display:none;-webkit-transition:all 0.3s;transition:all 0.3s;} .sweet-alert input:focus{outline:none;box-shadow:0px 0px 3px #c4e6f5;border:1px solid #b4dbed;} .sweet-alert input:focus::-moz-placeholder{transition:opacity 0.3s 0.03s ease;opacity:0.5;} .sweet-alert input:focus:-ms-input-placeholder{transition:opacity 0.3s 0.03s ease;opacity:0.5;} .sweet-alert input:focus::-webkit-input-placeholder{transition:opacity 0.3s 0.03s ease;opacity:0.5;} .sweet-alert input::-moz-placeholder{color:#bdbdbd;} .sweet-alert input:-ms-input-placeholder{color:#bdbdbd;} .sweet-alert input::-webkit-input-placeholder{color:#bdbdbd;} .sweet-alert.show-input input{display:block;} .sweet-alert .sa-confirm-button-container{display:inline-block;position:relative;} .sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden;} .sweet-alert button{background-color:#8CD4F5;color:white;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0 5px;cursor:pointer;} .sweet-alert button:focus{outline:none;box-shadow:0 0 2px rgba(128,179,235,0.5),inset 0 0 0 1px rgba(0,0,0,0.05);} .sweet-alert button:hover{background-color:#7ecff4;} .sweet-alert button:active{background-color:#5dc2f1;} .sweet-alert button.cancel{background-color:#C1C1C1;} .sweet-alert button.cancel:hover{background-color:#b9b9b9;} .sweet-alert button.cancel:active{background-color:#a8a8a8;} .sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,0.8) 0px 0px 2px,rgba(0,0,0,0.0470588) 0px 0px 0px 1px inset!important;} .sweet-alert button[disabled]{opacity:.6;cursor:default;} .sweet-alert button.confirm[disabled]{color:transparent;} .sweet-alert button.confirm[disabled] ~ .la-ball-fall{opacity:1;visibility:visible;transition-delay:0s;} .sweet-alert button::-moz-focus-inner{border:0;} .sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important;} .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px;} .sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box;} .sweet-alert .sa-icon.sa-error{border-color:#F27474;} .sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block;} .sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px;} .sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px;} .sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px;} .sweet-alert .sa-icon.sa-warning{border-color:#F8BB86;} .sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86;} .sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86;} .sweet-alert .sa-icon.sa-info{border-color:#C9DAE1;} .sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1;} .sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1;} .sweet-alert .sa-icon.sa-success{border-color:#A5DC86;} .sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{content:'';-webkit-border-radius:40px;border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:white;-webkit-transform:rotate(45deg);transform:rotate(45deg);} .sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px;} .sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0px 60px;transform-origin:0px 60px;} .sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,0.2);-webkit-border-radius:40px;border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2;} .sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:white;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2;} .sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);} .sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat;} @-webkit-keyframes showSweetAlert{ 0%{transform:scale(0.7);-webkit-transform:scale(0.7);} 45%{transform:scale(1.05);-webkit-transform:scale(1.05);} 80%{transform:scale(0.95);-webkit-transform:scale(0.95);} 100%{transform:scale(1);-webkit-transform:scale(1);} } @keyframes showSweetAlert{ 0%{transform:scale(0.7);-webkit-transform:scale(0.7);} 45%{transform:scale(1.05);-webkit-transform:scale(1.05);} 80%{transform:scale(0.95);-webkit-transform:scale(0.95);} 100%{transform:scale(1);-webkit-transform:scale(1);} } @-webkit-keyframes hideSweetAlert{ 0%{transform:scale(1);-webkit-transform:scale(1);} 100%{transform:scale(0.5);-webkit-transform:scale(0.5);} } @keyframes hideSweetAlert{ 0%{transform:scale(1);-webkit-transform:scale(1);} 100%{transform:scale(0.5);-webkit-transform:scale(0.5);} } @-webkit-keyframes slideFromTop{ 0%{top:0%;} 100%{top:50%;} } @keyframes slideFromTop{ 0%{top:0%;} 100%{top:50%;} } @-webkit-keyframes slideToTop{ 0%{top:50%;} 100%{top:0%;} } @keyframes slideToTop{ 0%{top:50%;} 100%{top:0%;} } @-webkit-keyframes slideFromBottom{ 0%{top:70%;} 100%{top:50%;} } @keyframes slideFromBottom{ 0%{top:70%;} 100%{top:50%;} } @-webkit-keyframes slideToBottom{ 0%{top:50%;} 100%{top:70%;} } @keyframes slideToBottom{ 0%{top:50%;} 100%{top:70%;} } .showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert 0.3s;animation:showSweetAlert 0.3s;} .showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none;} .showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop 0.3s;animation:slideFromTop 0.3s;} .showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom 0.3s;animation:slideFromBottom 0.3s;} .hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert 0.2s;animation:hideSweetAlert 0.2s;} .hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none;} .hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop 0.4s;animation:slideToTop 0.4s;} .hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom 0.3s;animation:slideToBottom 0.3s;} @-webkit-keyframes animateSuccessTip{ 0%{width:0;left:1px;top:19px;} 54%{width:0;left:1px;top:19px;} 70%{width:50px;left:-8px;top:37px;} 84%{width:17px;left:21px;top:48px;} 100%{width:25px;left:14px;top:45px;} } @keyframes animateSuccessTip{ 0%{width:0;left:1px;top:19px;} 54%{width:0;left:1px;top:19px;} 70%{width:50px;left:-8px;top:37px;} 84%{width:17px;left:21px;top:48px;} 100%{width:25px;left:14px;top:45px;} } @-webkit-keyframes animateSuccessLong{ 0%{width:0;right:46px;top:54px;} 65%{width:0;right:46px;top:54px;} 84%{width:55px;right:0px;top:35px;} 100%{width:47px;right:8px;top:38px;} } @keyframes animateSuccessLong{ 0%{width:0;right:46px;top:54px;} 65%{width:0;right:46px;top:54px;} 84%{width:55px;right:0px;top:35px;} 100%{width:47px;right:8px;top:38px;} } @-webkit-keyframes rotatePlaceholder{ 0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} 5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} 12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg);} 100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg);} } @keyframes rotatePlaceholder{ 0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} 5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} 12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg);} 100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg);} } .animateSuccessTip{-webkit-animation:animateSuccessTip 0.75s;animation:animateSuccessTip 0.75s;} .animateSuccessLong{-webkit-animation:animateSuccessLong 0.75s;animation:animateSuccessLong 0.75s;} .sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in;} @-webkit-keyframes animateErrorIcon{ 0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0;} 100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1;} } @keyframes animateErrorIcon{ 0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0;} 100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1;} } .animateErrorIcon{-webkit-animation:animateErrorIcon 0.5s;animation:animateErrorIcon 0.5s;} @-webkit-keyframes animateXMark{ 0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0;} 50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0;} 80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px;} 100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1;} } @keyframes animateXMark{ 0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0;} 50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0;} 80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px;} 100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1;} } .animateXMark{-webkit-animation:animateXMark 0.5s;animation:animateXMark 0.5s;} @-webkit-keyframes pulseWarning{ 0%{border-color:#F8D486;} 100%{border-color:#F8BB86;} } @keyframes pulseWarning{ 0%{border-color:#F8D486;} 100%{border-color:#F8BB86;} } .pulseWarning{-webkit-animation:pulseWarning 0.75s infinite alternate;animation:pulseWarning 0.75s infinite alternate;} @-webkit-keyframes pulseWarningIns{ 0%{background-color:#F8D486;} 100%{background-color:#F8BB86;} } @keyframes pulseWarningIns{ 0%{background-color:#F8D486;} 100%{background-color:#F8BB86;} } .pulseWarningIns{-webkit-animation:pulseWarningIns 0.75s infinite alternate;animation:pulseWarningIns 0.75s infinite alternate;} @-webkit-keyframes rotate-loading{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @keyframes rotate-loading{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } .sweet-alert .sa-icon.sa-error .sa-line.sa-left{-ms-transform:rotate(45deg);\9} .sweet-alert .sa-icon.sa-error .sa-line.sa-right{-ms-transform:rotate(-45deg);\9} .sweet-alert .sa-icon.sa-success{border-color:transparent;\9} .sweet-alert .sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg);\9} .sweet-alert .sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg);\9} .la-ball-fall,.la-ball-fall > div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .la-ball-fall{display:block;font-size:0;color:#fff;} .la-ball-fall.la-dark{color:#333;} .la-ball-fall > div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;} .la-ball-fall{width:54px;height:18px;} .la-ball-fall > div{width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:ball-fall 1s ease-in-out infinite;-moz-animation:ball-fall 1s ease-in-out infinite;-o-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite;} .la-ball-fall > div:nth-child(1){-webkit-animation-delay:-200ms;-moz-animation-delay:-200ms;-o-animation-delay:-200ms;animation-delay:-200ms;} .la-ball-fall > div:nth-child(2){-webkit-animation-delay:-100ms;-moz-animation-delay:-100ms;-o-animation-delay:-100ms;animation-delay:-100ms;} .la-ball-fall > div:nth-child(3){-webkit-animation-delay:0ms;-moz-animation-delay:0ms;-o-animation-delay:0ms;animation-delay:0ms;} .la-ball-fall.la-sm{width:26px;height:8px;} .la-ball-fall.la-sm > div{width:4px;height:4px;margin:2px;} .la-ball-fall.la-2x{width:108px;height:36px;} .la-ball-fall.la-2x > div{width:20px;height:20px;margin:8px;} .la-ball-fall.la-3x{width:162px;height:54px;} .la-ball-fall.la-3x > div{width:30px;height:30px;margin:12px;} @-webkit-keyframes ball-fall{ 0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%);} 10%{opacity:.5;} 20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} 80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} 90%{opacity:.5;} 100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%);} } @-moz-keyframes ball-fall{ 0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%);} 10%{opacity:.5;} 20%{opacity:1;-moz-transform:translateY(0);transform:translateY(0);} 80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0);} 90%{opacity:.5;} 100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%);} } @-o-keyframes ball-fall{ 0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%);} 10%{opacity:.5;} 20%{opacity:1;-o-transform:translateY(0);transform:translateY(0);} 80%{opacity:1;-o-transform:translateY(0);transform:translateY(0);} 90%{opacity:.5;} 100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%);} } @keyframes ball-fall{ 0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%);} 10%{opacity:.5;} 20%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);} 80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);} 90%{opacity:.5;} 100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%);} } #seats{color:#A0A0A0;font-size:11px;margin-top:5px;width:100%;text-align:center;} .buses .seats .seat{background:none;background-image:url(../img/seats/free.png);background-repeat:no-repeat;background-size:23px auto;} .buses .seats .seat-guest,.buses .seats .seat-driver{background-image:url(../img/seats/booked.png);background-repeat:no-repeat;background-size:23px auto;} .buses .seats .seat-your{background-image:url(../img/seats/selected.png);} .buses .seats .seat-empty{background-image:none;} .buses .seats .seat-booked{background-image:url(../img/seats/booked.png);} #remove_seat{display:inline-block;vertical-align:top;padding:0 10px;border-radius:25px;box-sizing:border-box;font-size:11px;line-height:44px;text-align:center;text-transform:uppercase;color:#CA4A4A;transition:background 0.3s;margin:30px;text-transform:none;text-decoration:underline;margin-top:-35px;margin-bottom:6px;margin-left:-165px;} .bus-layout .show_number{display:inline-block;vertical-align:top;padding:0 80px;border-radius:25px;background:#0084FF;box-sizing:border-box;font-size:14px;line-height:44px;text-align:center;text-transform:uppercase;color:#fff;transition:background 0.3s;padding:0 20px;margin-bottom:0;margin-top:11px;} /*hr{height:1px;background:#000;width:70%;margin:0 auto;}*/ .bus-layout .form{margin:30px auto;display:block;text-align:center;} .bus-layout .select{display:block;padding:13px 15px;border:1px solid #bbc9d9;border-radius:5px;box-sizing:border-box;background:#fff;font-size:18px;height:40px;color:#252525;transition:border 0.3s,color 0.3s;width:312px;margin:0 auto;} .bus-layout .wrapper{margin:0 auto;text-align:center;padding-top:20px;background:#FFFFFF;} .bus-layout .export{display:inline-block;vertical-align:top;padding:0 80px;border-radius:25px;background:#46823D;box-sizing:border-box;font-size:14px;line-height:44px;text-align:center;text-transform:uppercase;color:#fff;transition:background 0.3s;position:absolute;bottom:9px;right:10px;} .bus-layout .header{width:70%;margin:0 auto;position:relative;} .sweet-alert .sa-icon.sa-error{display:none!important;} .sweet-alert-cus-title-span{display:block;color:#FB9900;font-size:23px;margin-top:-10px;} .sweet-alert-cus-title-span img:first-child{-ms-transform:rotate(-90deg); /* IE 9 */-webkit-transform:rotate(-90deg); /* Chrome, Safari, Opera */transform:rotate(-90deg);width:40px;vertical-align:middle;} .sweet-alert-cus-title-span img + img{width:13px;margin:0 6px 0 5px;} .sweet-alert-cus-title-span i{margin:0 4px;font-size:20px;} .sweet-alert-cus-title-strong{display:block;margin-bottom:-40px;margin-top:10px;color:#000;font-size:24px;} .sweet-alert_01 button{display:inline-block;vertical-align:top;padding:0 60px;border-radius:25px;background:#043a88!important;box-sizing:border-box;font-size:14px;line-height:50px;text-align:center;text-transform:uppercase;color:#fff;transition:background 0.3s;width:auto;margin-bottom:15px;} .sweet-overlay{background-color:rgba(0,0,0,0.9);} body .sweet-alert_02 button.cancel{border-radius:25px!important;font-size:13px!important;padding:0!important;background-color:transparent!important;margin:0!important;margin-right:15px!important;position:absolute;bottom:-45px;line-height:20px!important;text-decoration:underline;color:#9c9c9c;font-size:14px!important;font-family:'Cairo',Helvetica,Arial,sans-serif;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);} .sweet-alert_02 button.confirm{border-radius:25px;font-size:13px;padding:0 25px;background-color:rgb(76,183,73)!important;line-height:40px;margin:0;box-shadow:none!important;} .sweet-alert_02 h2{font-size:23px;margin-bottom:1px;margin-top:0;color:#212121;} .sweet-alert_02 .sa-button-container{margin-top:40px;position:relative;margin-bottom:25px;text-decoration:underline;} .sweet-alert_02 .sa-warning{display:none!important;} .sweet-alert_02{padding:35px 35px 30px;} .sweet-alert_02 p{line-height:24px;color:#212121;} @media screen and (max-width:767px){ .sweet-alert{width:auto;margin-left:0;left:20px;right:20px;box-sizing:border-box;} } @media screen and (max-width:667px){ .sweet-alert_02 h2{font-size:20px;line-height:22px;} .sweet-alert_02 p{font-size:15px;line-height:19px;margin-top:13px;} .sweet-alert_02 p br{display:none;} .sweet-alert_02 .sa-warning{} .sweet-alert_02 .sa-button-container{margin-top:25px;} .sweet-alert_02 button.confirm{display:block!important;margin:0 auto 15px;width:240px;} .sweet-alert_02 button.cancel{display:block!important;margin:0 auto 15px;width:240px;} .sweet-alert .sa-confirm-button-container{display:block;} .sweet-alert_02{padding:24px 15px 10px;} .sweet-alert-cus-title-strong{font-size:20px;line-height:28px;} .sweet-alert_01 button{padding:0 40px;line-height:35px;margin-top:35px;margin-bottom:5px;} } @media screen and (max-width:479px){ .sweet-alert_01{padding:17px 9px;left:10px;right:10px;} .sweet-alert-cus-title-strong{font-size:18px;} } .buses .login-alt .price{opacity:0;transition:opacity 0.3s;} /*.activeBus .login-alt .price{opacity:1;}*/ .new-active .login-alt .price{opacity:1;} .new-buses{padding-top:70px;padding-bottom: 70px;} .new-buses .breadcrumbs .going .date{position:absolute;margin:0;left:20px;top:35px;color:inherit;font-weight:100;} .new-buses .breadcrumbs .going.active .date{color:rgba(255,255,255,0.41);} .new-buses .breadcrumbs .return .date{position:absolute;margin:0;right:20px;top:35px;left:auto;color:inherit;font-weight:100; /* position: static; */ /* float: right; */ /* margin-top: -25px; */} .new-buses .breadcrumbs .return .date span{font-size:12px;text-align:left;} .new-buses .breadcrumbs .going .date span{font-size:12px;text-align:left;} .new-buses .breadcrumbs .going .date span span,.new-buses .breadcrumbs .return .date span span{display:block;} .new-buses .going-page .date{position:absolute;margin:0;right:20px;top:20px;left:auto;color:inherit;font-weight:100;} .new-buses .going-page .date span{font-size:12px;} @media screen and (max-width:1300px){ .new-buses .breadcrumbs .going .date{position:static;margin-top:5px;} .new-buses .breadcrumbs .return .date{position:static;margin-top:5px;} .new-buses .breadcrumbs .going .date span span,.new-buses .breadcrumbs .return .date span span{display:inline;} .new-buses .breadcrumbs .going .date span span:after,.new-buses .breadcrumbs .return .date span span:after{content:'-';padding:0 4px;} } @media screen and (max-width:667px){ .new-buses .going-page .date{position:static;margin-top:5px;} .new-buses .going-page .trip img{width:70px;} .new-buses .going-page .grid-con{padding:0 10px;} .new-buses .going-page .details{margin-left:10px;width:calc(100% - 80px);} } .change-booking-btn{display:none;vertical-align:top;box-sizing:border-box;font-size:13px;line-height:25px;text-align:center;color:#383f67;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;margin-bottom:10px;padding:0 15px;text-decoration:underline;background-image:url(../img/datepicker.png);background-repeat:no-repeat;background-position:right center;padding-right:20px;cursor:pointer;} .change-booking-btn.active{padding-left:0;} @media screen and (max-width:999px){ .new-buses{padding-top:20px;} .buses-left-side{display:none;} .change-booking-btn{display:inline-block;} .bus-filter{} } /*loader leg 2*/ .leg-two .page-content{max-height:calc(100vh - 200px);overflow:hidden;width:100%;} .leg-two .page-content:before{content:'Please wait';position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;z-index:9999;background-image:url(../img/blog/loader.gif);background-repeat:no-repeat;background-position:center;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:135px;font-size:14px;} body.page-loader .page-content{max-height:calc(100vh - 200px);overflow:hidden;width:100%;} body.page-loader .page-content:before{content:'Please wait';position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;z-index:9999;background-image:url(../img/blog/loader.gif);background-repeat:no-repeat;background-position:center;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:135px;font-size:14px;} .page-content.page-loader{max-height:calc(100vh - 200px);overflow:hidden;width:100%;} .page-content.page-loader:before{content:'Please wait';position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;z-index:9999;background-image:url(../img/blog/loader.gif);background-repeat:no-repeat;background-position:center;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:135px;font-size:14px;} .mob-select select{display:block;padding:13px 15px;border:1px solid #bbc9d9;border-radius:5px;overflow:hidden;box-sizing:border-box;background-color:#fff;font-size:14px;line-height:20px;color:#252525;transition:border 0.3s,color 0.3s;-webkit-transition:border 0.3s,color 0.3s;-moz-transition:border 0.3s,color 0.3s;-o-transition:border 0.3s,color 0.3s;position:relative;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;background-image:url(../img/select.png);background-repeat:no-repeat;background-position:calc(100% - 15px) center;} @media screen and (max-width:479px){ .mob-select{display:block!important;} .select-1{display:none;} .select-1 ~ select{display: block !important;} } /*insurance*/ .insurance{background-image:url(../img/booking-page/shield.png);background-repeat:no-repeat;background-position:20px center;border:2px solid #86CEE9;border-radius:5px;text-transform:uppercase;padding:25px 0 25px 70px;background-size:30px;background-color:#DFF7FF;font-weight:600;margin-bottom:20px;font-size:16px;line-height:1.5;} @media screen and (max-width:767px){ .insurance{font-size:12px;padding:15px 0 15px 50px;background-position:10px center;margin-right:25px;} } /*beneficiary details*/ .beneficiary-details{position:absolute;bottom:81px;right:22px;width:135px;} .beneficiary-details h4{font-size:13px;line-height:18px;font-weight:600;color:#383f67;text-transform:none;} .beneficiary-details p{margin-bottom:3px;font-size:12px;line-height:15px;font-weight:100;} @media screen and (max-width:479px){ .beneficiary-details{position:static;width:auto;padding-left:20px;margin-bottom:15px;} } /*not-found*/ .not-found{text-align:center;padding:50px 0;} .not-found h1{font-size:36px;font-weight:600;color:#383f67;margin-bottom:15px;} .not-found h2{color:#404042;font-weight:100;font-size:28px;margin-bottom:30px;} .not-found img{display:block;margin:0 auto 30px;max-width:85%;} .not-found a{display:inline-block;vertical-align:top;padding:0 80px;border-radius:25px;background:#4cb749;box-sizing:border-box;font-size:14px;line-height:50px;text-align:center;text-transform:uppercase;color:#fff;transition:background 0.3s;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;} .not-found a:hover{background:#4cb749;} @media screen and (max-width:479px){ .not-found h1{font-size:30px;} .not-found h2{font-size:22px;} } button,textarea,input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;} iframe[name="google_conversion_frame"]{height: 0;width: 0;} .owl-nav .owl-prev{background-image: url(../img/slider-icon/left-arrow.png);background-size: 15px;background-repeat: no-repeat;background-position: center;top: -4px;bottom: -2px;margin: 0;opacity: 0;background-color: #FAFAFA;position: relative;position: absolute;left: -10px;width: 28px;display: none;} .owl-nav .owl-next{background-image: url(../img/slider-icon/right-arrow.png);background-size: 15px;background-repeat: no-repeat;background-position: center;top: -4px;bottom: -2px;margin: 0;opacity: 1;background-color: #FAFAFA;position: relative;position: absolute;right: -10px;width: 28px;} .owl-nav .owl-next:before{content:'';box-shadow: inset -7px 0px 21px -8px rgba(109, 109, 109, 0.5);position: absolute;top: 5px;bottom: 3px;right: 100%;width: 20px;} .owl-nav .owl-prev:before{content:'';box-shadow: inset 7px 0px 21px -8px rgba(109, 109, 109, 0.5);position: absolute;top: 5px;bottom: 3px;left: 100%;width: 20px;pointer-events: none;} .owl-nav .owl-next.disabled,.owl-nav .owl-prev.disabled{display: none !important;} .bus-filter .owl-stage-outer{padding: 0 20px 0 0;} @media screen and (max-width:479px){ .owl-nav .owl-next{ } .owl-nav .owl-prev{left: -20px;} } .booking-body .page-footer .grid-row,.booking-body .page-footer .sep,.booking-body .social-nav{display: none;} .booking-body .page-footer .sep::after{display: none;} .booking-body .page-footer{padding: 30px 0;} .booking-session + .grid-row .grid-col:first-child+.grid-col > h3{margin-bottom:20px;margin-top:25px;font-size:22px;font-weight:600;display: none;} @media screen and (max-width:999px){ .booking-session{margin-bottom: 0;} .booking-session + .grid-row{display:flex;flex-direction: column-reverse;} .booking-session + .grid-row > .grid-col:first-child{/* order:1; *//* display: block; *//* flex: 1; */} .booking-session + .grid-row > .grid-col:first-child+.grid-col{display: flex;flex-direction: column-reverse;} .booking-session + .grid-row > .grid-col:first-child+.grid-col > h3{display: block;} .discount-coupon{margin-top: 30px;margin-bottom: 30px;} } @media screen and (max-width:767px){ .booking-session{padding-bottom: 15px;border-width: 2px;margin-top: 15px;} } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager{padding-bottom: 5px !important;} .bus-filter-silder{position: relative;margin-bottom: 20px} .bus-filter-silder .arrowsPrev{background-image: url(../img/slider-icon/left-arrow.png);background-size: 15px;background-repeat: no-repeat;background-position: center;top: 0;bottom: 0;height: 100%;margin: 0;opacity: 0;background-color: #FAFAFA;position: relative;position: absolute;left: -10px;cursor: pointer;width: 28px;} .bus-filter-silder .arrowsPrev:before{content:'';box-shadow: inset 7px 0px 21px -8px rgba(109, 109, 109, 0.5);position: absolute;top: 1px;bottom: 3px;left: 100%;width: 20px;pointer-events: none;} .bus-filter-silder .arrowsNext{background-image: url(../img/slider-icon/right-arrow.png);background-size: 15px;background-repeat: no-repeat;background-position: center;top: 0;bottom: 0;height: 100%;margin: 0;opacity: 1;background-color: #FAFAFA;position: relative;position: absolute;right: -10px;width: 28px;cursor: pointer;} .bus-filter-silder .arrowsNext:before{content:'';box-shadow: inset -7px 0px 21px -8px rgba(109, 109, 109, 0.5);position: absolute;top: 1px;bottom: 2px;right: 100%;width: 20px;} .bus-filter{padding-right: 17px;} .lSSlideWrapper{margin-bottom: 0;padding: 0 30px 0px 0;box-sizing: content-box;} @media screen and (max-width:479px){ .lSSlideWrapper{ } } .seat-guest{display:none !important;} .booking-payment .loaderImg3{background-size: 80px;} .completed-seats.Come .seats .seat:not(.seat-your){opacity: .5;pointer-events: none;} .uncompleted-seats.Come .login .available{color:#f31606 !important;} .booking-payment .label{position: relative;} .cvc-hint{position: relative;width: 16px;height: 16px;display: inline-block;background-image: url(../img/exclamation-button.png);background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;top: 7px;right: -4px;} .cvc-hint:hover{ } .cvc-hint:hover img{opacity: 0.9;} .cvc-hint img{position: absolute;width: 150px;opacity: 0;top: 0;left: calc(100% + 10px);pointer-events: none;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .booking-payment .input input~i{font-size: 10px;font-weight: 300;padding: 0 3px;} /*Ramadan coupon*/ .intro .grid-con .extra-sec .coupon-sec{/* display: flex; *//* justify-content: center; *//* align-items: center; */padding: 15px 20px;} .intro .grid-con .extra-sec .coupon-sec .coupon-details{width: 58%;text-align: left;padding: 20px 20px 20px 0;} .intro .grid-con .extra-sec .coupon-sec .coupon-code{width: 42%;padding-left: 20px;} .intro .grid-con .extra-sec .coupon-sec h5{margin-bottom: 3px;font-size: 10px;} .intro .grid-con .extra-sec .coupon-sec h2{font-size: 20px;} .intro .grid-con .extra-sec .coupon-sec h3{font-size: 17px;color: #fb9900;} .intro .grid-con .extra-sec .coupon-sec p{font-size: 11px;} @media screen and (max-width: 1200px){ .intro .grid-con .extra-sec .coupon-sec h2{font-size: 18px;} .intro .grid-con .extra-sec .coupon-sec .coupon-details{padding-right: 20px;width: 58%;} .intro .grid-con .extra-sec .coupon-sec h4{font-size: 12px;} .intro .grid-con .extra-sec .coupon-sec h3{font-size: 16px;} .intro .grid-con .extra-sec .coupon-sec{text-align: center;} .intro .grid-con .extra-sec .coupon-sec .coupon-code{width: 42%;} } @media screen and (max-width:1100px){ .intro .grid-con .extra-sec .coupon-sec{padding: 15px;} .intro .grid-con .extra-sec .coupon-sec h2{} .intro .grid-con .extra-sec .coupon-sec .coupon-details{padding-right: 10px;} .intro .grid-con .extra-sec .coupon-sec .coupon-details{width: 100%;border: none;border-bottom: 2px solid #1eb10d;margin-bottom: 15px;padding: 10px 0 20px;} .intro .grid-con .extra-sec .coupon-sec .coupon-code{width: 100%;padding: 0;} .intro .grid-con .extra-sec .coupon-sec h3{font-size: 18px;} .intro .grid-con .extra-sec .coupon-sec p{font-size: 12px;} } @media screen and (max-width:479px){ .intro .grid-con .extra-sec .coupon-sec .coupon-details{width: 100%;border: none;border-bottom: 2px solid #1eb10d;margin-bottom: 15px;padding: 10px 0 20px;} .intro .grid-con .extra-sec .coupon-sec .coupon-code{width: 100%;padding: 0;} .intro .grid-con .extra-sec .coupon-sec h5{font-size: 11px;} .intro .grid-con .extra-sec .coupon-sec{padding: 15px 20px;} .intro .grid-con .extra-sec .coupon-sec p{font-size: 11px;} } /*//Ramadan coupon*/ .popup-class{padding: 0;} .popup-class .inner{padding: 20px;border-radius: 4px;width: 800px;max-width: calc(100vw - 40px);width: calc(100vw - 40px);width: 800px;} .popup-class h2{color: #101010;text-transform: capitalize;display: inline-block;vertical-align: middle;} .popup-class .class-badge{vertical-align: middle;margin-left: 5px;} .popup-class .icons{margin: 5px 0 20px;} .popup-class .icons img{opacity: .5;margin-left: 5px;height: auto;width: 20px;} .popup-class .classes-imgs{ } .popup-class .classes-imgs img{width: 760px;max-width: 100%;} .popup-class .owl-nav .owl-prev{display: block !important;opacity: 1;font-size: 0;text-indent: -9999999px;background-color: transparent;background-image: url(../img/right-arrow-forward.png);background-size: contain;left: 30px;-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);top: 50%;bottom: auto;width: 32px;height: 32px;margin-top: -16px;} .popup-class .owl-nav .owl-prev:before{display: none;} .popup-class .owl-nav .owl-next{display: block !important;opacity: 1;font-size: 0;text-indent: -9999999px;background-color: transparent;background-image: url(../img/right-arrow-forward.png);background-size: contain;right: 30px;top: 50%;bottom: auto;width: 32px;height: 32px;margin-top: -16px;} .popup-class .owl-nav .owl-next:before{display: none;} .popup-class .table{padding: 0 20px;box-sizing: border-box;} .popup-class .classes-imgs div{/*max-width: 100%;*/} body.waiting{position: fixed;z-index: 9000000000;top: 0;left: 0;width: 100%;height: 100%;padding: 10px;overflow: auto;background: rgba(0,0,0,0.9);box-sizing: border-box;} body.waiting:before{background-image:url(../img/loading4.gif);position: fixed;z-index: 100;top: 0;left: 0;width: 100%;height: 100%;padding: 10px;overflow: auto;background-color: rgb(255, 255, 255);box-sizing: border-box;background-position: center;background-repeat: no-repeat;text-align: center;display:flex;justify-content:center;align-items:center;padding-top:135px;font-size:14px;content: 'Please wait';background-size: 100px;} .main-nav .link-user img[src=""]{display: none;} .dashboard-no-ticket{text-align: center;padding: 0 20px;} .dashboard-no-ticket .trip{vertical-align: middle;} .dashboard-no-ticket img{width: 140px;} .dashboard-no-ticket h4{font-size: 25px;} .dashboard-no-ticket a{display: inline-block;margin-top: 20px !important;width: auto !important;padding: 0 50px !important;line-height: 45px;} @media screen and (max-width:999px){ .dashboard-no-ticket{padding: 0em 20px;} .dashboard-no-ticket h4{font-size:20px;} .dashboard-no-ticket .table{display: table;width: 100%;} .dashboard-no-ticket .trip{ display: table-cell;vertical-align: middle;} } @media screen and (max-width:767px){ .dashboard-no-ticket{padding: 0em 20px;} } @media screen and (max-width:479px){ .dashboard-no-ticket{padding: 0em 0px;} .dashboard-no-ticket h4{font-size:16px;} .dashboard-no-ticket .trip{padding:0; } } /* New */ .bus-filter{padding: 0;} .dashboard-no-ticket{text-align: center;padding: 0 20px;} .dashboard-no-ticket .trip{vertical-align: middle;} .dashboard-no-ticket img{width: 140px;} .dashboard-no-ticket h4{font-size: 25px;} .dashboard-no-ticket a{display: inline-block;margin-top: 20px !important;width: auto !important;padding: 0 50px !important;line-height: 45px;} @media screen and (max-width:999px){ .dashboard-no-ticket{padding: 0em 20px;} .dashboard-no-ticket h4{font-size:20px;} .dashboard-no-ticket .table{display: table;width: 100%;} .dashboard-no-ticket .trip{ display: table-cell;vertical-align: middle;} } @media screen and (max-width:767px){ .dashboard-no-ticket{padding: 0em 20px;} } @media screen and (max-width:479px){ .dashboard-no-ticket{padding: 0em 0px;} .dashboard-no-ticket h4{font-size:16px;} .dashboard-no-ticket .trip{padding:0; } } .class-DD{background-color:#ff6600;} .class-DD::after{content: '+ dobule decker';position:absolute;top:0;left:100%;margin-left:3px;font-size:24px;line-height:20px;color:#ff6600;font-size: 12px;white-space: nowrap;} .rtl .class-DD::after{left: auto;right: 100%;margin-left: 0;margin-right: 3px;direction: rtl;} .right-side .buses .dd .price{font-size: 0;margin-top: -4px;} .right-side .buses .dd .price div{display: inline-block;font-size: 26px;padding: 0 10px;} .right-side .buses .dd .price div~div{border-left: 1px solid #bbc9d9;padding-left: 10px;} .rtl .right-side .buses .dd .price div~div{border-left: none;border-right: 1px solid #bbc9d9;} .right-side .buses .dd .price div:first-child{padding-left: 0;} .rtl .right-side .buses .dd .price div:last-child{padding-left:0;} .right-side .buses .dd .price p{font-size: 12px;text-transform: uppercase;color: #808080;margin-bottom: 1px;font-weight: 700;} .right-side .buses .dd .price p.star{background-image: url('https://viraltest.com.php56-13.ord1-1.websitetestlink.com/go-bus/new/img/star-button.png');background-repeat: no-repeat;background-position: left center;background-size: 12px;padding-left: 15px;} .booking-payment .accordion{background-image: none;position: relative;} .booking-payment .accordion::before{content: url('img/booking-payment/accordion.png');position: absolute;right: 10px;top: 50%;margin-top: -8px;text-align: center;} .rtl .booking-payment .accordion::before{right: auto;left: 20px;} .booking-payment .accordion.active::before{-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform: scaleY(-1);} @media screen and (max-width: 999px) { .discount-coupon form{padding:0 !important;} .discount-coupon .price{width:100% !important;display:block !important;} .rtl .discount-coupon .price{text-align:right;} } @media screen and (max-width:767px){ .booking-payment .input-alt{margin-left: 0px !important;margin-right: 0;} .insurance{margin-right: 0;margin-left: 0;} .routes-count{display: none;} } .right-side .buses .item.dd .seats-con{height: auto;transform: rotateZ(-90deg);transform-origin: 67% 34%;} .rtl .right-side .buses .item.dd .seats-con{transform: rotateZ(-90deg);transform-origin: 19% 78%;} .right-side .buses .item.dd .seats-con .seats{position: static;transform: none;transition: none;} .right-side .buses .item.dd .seats-con .seats~.seats{margin-left: 25px;border-left: 1px dashed #e1e1e1; padding-left: 35px;} /*.right-side .buses .item.dd .seats-con .seats~.seats .clsBusFram{border-left: 1px dashed #e1e1e1;}*/ .rtl .right-side .buses .item.dd .seats-con .seats~.seats{margin-right: 10px;border-right: 1px dashed #e1e1e1;padding-right: 35px;} .right-side .buses .item.dd.opened .show-click{height: auto;} .right-side .buses .item.dd .clsBusFram{/* width: 100%; *//* left: auto !important; *//* top: auto !important; */} .payment-methods-imgs img{height: 30px;margin-left:8px;} /* Custom */ .ui-datepicker{box-sizing: border-box;} .datepicker input.req-valid{border-color: #f31606;box-shadow: 0 0 0px 1px #f31606;} .breadcrumbs .grid-con{margin: 0 auto;text-align: left;} .busFilter a .icons img{display: inline-block;} .busFilter a{width: auto;min-width: 166px;margin: 2px 0;margin-right: 0 !important;padding-right: 5px;box-sizing: content-box;} /*.busFilter.owl-carousel .owl-stage{width: 100% !important;}*/ .busFilter{/*width: 100% !important;*//* height: 120px !important; *//* padding: 4px 0px 4px !important; *//* box-sizing: border-box; *//*overflow: visible;*//* margin-bottom: 10px; */} .lSPager{display: none;} .lSAction{/* display: block !important; */} .lSAction .lSPrev{background-image: url(img/slider-icon/left-arrow.png);background-size: 15px;background-repeat: no-repeat;background-position: center;top: 0;bottom: 0;height: 100%;margin: 0;opacity: 0;background-color: #FAFAFA;position: relative;position: absolute;left: -10px;width: 28px;} .lSAction .lSNext{background-image: url(img/slider-icon/right-arrow.png);background-size: 15px;background-repeat: no-repeat;background-position: center;top: 0;bottom: 0;height: 100%;margin: 0;opacity: 1;background-color: #FAFAFA;position: relative;position: absolute;right: -10px;width: 28px;} .lSAction .lSNext:before{content:'';box-shadow: inset -7px 0px 21px -8px rgba(109, 109, 109, 0.5);position: absolute;top: 1px;bottom: 2px;right: 100%;width: 20px;} .lSAction .lSPrev:before{content:'';box-shadow: inset 7px 0px 21px -8px rgba(109, 109, 109, 0.5);position: absolute;top: 1px;bottom: 3px;left: 100%;width: 20px;pointer-events: none;} .lSSlideOuter{ } .day span{color: #063D7D;font-size: 14px;font-weight: 600;line-height: 18px;}.fri-feb-08-2017 {height: 18px;width: 122px;color: #063D7D;font-family: Montserrat;font-size: 14px;font-weight: 600;line-height: 18px;} .buses-left-side{/*margin-top:22px;*/} .new-buses .grid-con{margin-top: 0;} .head-sort .time i,.head-sort .price i{background-image: url(img/slider-icon/sort-defult.png);background-size: contain;background-repeat: no-repeat;background-position: center;height: 15px;display: inline-block;vertical-align: middle;width: 20px;} .head-sort.price-active .price i,.head-sort.time-active .time i{background-image: url(img/slider-icon/sort-active.png);} .clear-filters{color: #0071C5;font-size: 12px;font-weight: 400;line-height: 14px;text-align: center;text-decoration: underline;margin-top: 30px;display: inline-block;} /*profile-DD*/ .profile-dd{position:absolute;z-index:11;top:0;right:0;width:100%;text-align:left;pointer-events:none;opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;font-size:12px;box-shadow:0 1px 3px rgba(0,0,0,0.38);direction:ltr;} .profile-dd.visible{pointer-events:auto;opacity:1;visibility:visible;} .profile-dd h3{position:relative;font-size: 14px;background-color:#053771;background-repeat:no-repeat;padding: 20px 10px 20px 15px;color:#fff;background-size:17px;background-position:17px center;border-radius: 5px;cursor: default;text-transform: uppercase;} .profile-dd ul{background:#fff;color:#000;border-radius:0 0 5px 5px;} .profile-dd li{display:block;color:#363636;margin:0;/* margin-top:10px; */padding: 0px 10px;font-size: 11px;line-height:30px;font-weight:600;text-transform:uppercase;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} .profile-dd li:first-child{margin-top: 0;} .profile-dd li a{transition:color 0.3s;transition:color 0.3s;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-o-transition:color 0.3s;} .profile-dd li:hover{background-color: #dedede;} .profile-dd li a:hover{color: inherit;} .profile-dd li a i{margin:5px 0 0 8px;display:inline-block;vertical-align:top;padding:0 10px;border-radius:10px;background:#4cb749;font-size:10px;line-height:20px;color:#fff;} .profile-dd h3 .closer{position:absolute;top: 20px;right: 10px;width: 13px;height: 13px;background:url(img/popup/close.png);cursor:pointer;background-repeat: no-repeat;background-position: center;background-size: contain;} .profile-dd .sign-out{font-size: 10px;border-top: 1px solid #dedede;color: #f31606;} .extra-links{width: auto;} .extra-links .link-user:before{display: none;} .extra-links .link-user{border-radius: 5px;width: auto;float: none;padding-left: 55px;display: block;} /*.buses-left-side form #way-1:checked ~ .grid-row .group-way-2{display: none;}*/ .loading{height: 115px;overflow: hidden;} .intro form .button{background: #429e3f;} .intro form .button:hover{background: #4cb749;} .head-sort:not(.time-active):not(.price-active) .time.high i{background-image: url(img/slider-icon/sort-des.png);} .head-sort.time-active .time.low i{background-image: url(img/slider-icon/sort-asc.png);} .head-sort.time-active .time.high i{background-image: url(img/slider-icon/sort-des.png);} .head-sort.price-active .price.high i{background-image: url(img/slider-icon/sort-asc.png);} .head-sort.price-active .price.low i{background-image: url(img/slider-icon/sort-des.png);} .lSAction .lSPrev,.lSAction .lSNext{visibility: hidden;pointer-events:none;} .datepicker input{min-width: 270px;} body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:black;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,0.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:white;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding 0.15s,max-height 0.15s;transition:padding 0.15s,max-height 0.15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding 0.2s,max-height 0.2s;transition:padding 0.25s,max-height 0.25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:white;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all 0.1s;transition:all 0.1s}.sweet-alert .sa-input-error::before,.sweet-alert .sa-input-error::after{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0px 1px 1px rgba(0,0,0,0.06);padding:0 12px;display:none;-webkit-transition:all 0.3s;transition:all 0.3s}.sweet-alert input:focus{outline:none;box-shadow:0px 0px 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{transition:opacity 0.3s 0.03s ease;opacity:0.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity 0.3s 0.03s ease;opacity:0.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity 0.3s 0.03s ease;opacity:0.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8CD4F5;color:white;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0 5px;cursor:pointer}.sweet-alert button:focus{outline:none;box-shadow:0 0 2px rgba(128,179,235,0.5),inset 0 0 0 1px rgba(0,0,0,0.05)}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#C1C1C1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,0.8) 0px 0px 2px,rgba(0,0,0,0.0470588) 0px 0px 0px 1px inset!important}.sweet-alert button[disabled]{opacity:.6;cursor:default}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled] ~ .la-ball-fall{opacity:1;visibility:visible;transition-delay:0s}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::before,.sweet-alert .sa-icon.sa-success::after{content:'';-webkit-border-radius:40px;border-radius:40px;border-radius:50%;position:absolute;width:60px;height:120px;background:white;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0px 60px;transform-origin:0px 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,0.2);-webkit-border-radius:40px;border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:white;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(0.7);-webkit-transform:scale(0.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(0.95);-webkit-transform:scale(0.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(0.7);-webkit-transform:scale(0.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(0.95);-webkit-transform:scale(0.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(0.5);-webkit-transform:scale(0.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(0.5);-webkit-transform:scale(0.5)}}@-webkit-keyframes slideFromTop{0%{top:0%}100%{top:50%}}@keyframes slideFromTop{0%{top:0%}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0%}}@keyframes slideToTop{0%{top:50%}100%{top:0%}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert 0.3s;animation:showSweetAlert 0.3s;}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop 0.3s;animation:slideFromTop 0.3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom 0.3s;animation:slideFromBottom 0.3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert 0.2s;animation:hideSweetAlert 0.2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop 0.4s;animation:slideToTop 0.4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom 0.3s;animation:slideToBottom 0.3s}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip 0.75s;animation:animateSuccessTip 0.75s}.animateSuccessLong{-webkit-animation:animateSuccessLong 0.75s;animation:animateSuccessLong 0.75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon 0.5s;animation:animateErrorIcon 0.5s}@-webkit-keyframes animateXMark{0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark 0.5s;animation:animateXMark 0.5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning 0.75s infinite alternate;animation:pulseWarning 0.75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns 0.75s infinite alternate;animation:pulseWarningIns 0.75s infinite alternate}@-webkit-keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-ms-transform:rotate(-45deg) \9}.sweet-alert .sa-icon.sa-success{border-color:transparent\9}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{-ms-transform:rotate(45deg) \9}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{-ms-transform:rotate(-45deg) \9}.la-ball-fall,.la-ball-fall > div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-fall{display:block;font-size:0;color:#fff}.la-ball-fall.la-dark{color:#333}.la-ball-fall > div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-fall{width:54px;height:18px}.la-ball-fall > div{width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:ball-fall 1s ease-in-out infinite;-moz-animation:ball-fall 1s ease-in-out infinite;-o-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite}.la-ball-fall > div:nth-child(1){-webkit-animation-delay:-200ms;-moz-animation-delay:-200ms;-o-animation-delay:-200ms;animation-delay:-200ms}.la-ball-fall > div:nth-child(2){-webkit-animation-delay:-100ms;-moz-animation-delay:-100ms;-o-animation-delay:-100ms;animation-delay:-100ms}.la-ball-fall > div:nth-child(3){-webkit-animation-delay:0ms;-moz-animation-delay:0ms;-o-animation-delay:0ms;animation-delay:0ms}.la-ball-fall.la-sm{width:26px;height:8px}.la-ball-fall.la-sm > div{width:4px;height:4px;margin:2px}.la-ball-fall.la-2x{width:108px;height:36px}.la-ball-fall.la-2x > div{width:20px;height:20px;margin:8px}.la-ball-fall.la-3x{width:162px;height:54px}.la-ball-fall.la-3x > div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@-moz-keyframes ball-fall{0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}}@-o-keyframes ball-fall{0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}} #seats { color: #A0A0A0; font-size: 11px; margin-top: 5px; width: 100%; text-align: center; } .buses .seats .seat{background: none;background-image: url(../img/seats/free.png);background-repeat: no-repeat;background-size: 23px auto;} .buses .seats .seat-guest, .buses .seats .seat-driver{background-image: url(../img/seats/booked.png);background-repeat: no-repeat;background-size: 23px auto;} .buses .seats .seat-your{background-image: url(../img/seats/selected.png);} .buses .seats .seat-empty{background-image: none;} .buses .seats .seat-booked{background-image: url(../img/seats/booked.png);} #remove_seat{display:inline-block;vertical-align:top;padding:0 10px;border-radius:25px;box-sizing:border-box;font-size:11px;line-height:44px;text-align:center;text-transform:uppercase;color:#CA4A4A;transition:background 0.3s;margin:30px;text-transform:none;text-decoration:underline;margin-top:-35px;margin-bottom:6px;margin-left:-165px;} .bus-layout .show_number{display:inline-block;vertical-align:top;padding:0 80px;border-radius:25px;background:#0084FF;box-sizing:border-box;font-size:14px;line-height:44px;text-align:center;text-transform:uppercase;color:#fff;transition:background 0.3s;padding:0 20px;margin-bottom:0;margin-top:11px;} hr{height:1px;background:#000;width:70%;margin:0 auto;} .bus-layout .form{margin:30px auto;display:block;text-align:center;} .bus-layout .select{display:block;padding:13px 15px;border:1px solid #bbc9d9;border-radius:5px;box-sizing:border-box;background:#fff;font-size:18px;height:40px;color:#252525;transition:border 0.3s,color 0.3s;width:312px;margin:0 auto;} .bus-layout .wrapper{margin:0 auto;text-align:center;padding-top: 20px;background: #FFFFFF;} .bus-layout .export{display:inline-block;vertical-align:top;padding:0 80px;border-radius:25px;background:#46823D;box-sizing:border-box;font-size:14px;line-height:44px;text-align:center;text-transform:uppercase;color:#fff;transition:background 0.3s;position:absolute;bottom:9px;right:10px;} .bus-layout .header{width:70%;margin:0 auto;position:relative;} .sweet-alert .sa-icon.sa-error{display: none !important;} .sweet-alert-cus-title-span{display: block;color: #FB9900;font-size: 23px;margin-top: -10px;} .sweet-alert-cus-title-span img:first-child {-ms-transform: rotate(-90deg); /* IE 9 */-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */transform: rotate(-90deg);width: 40px;vertical-align: middle;} .sweet-alert-cus-title-span img+img{width: 13px;margin: 0 6px 0 5px;} .sweet-alert-cus-title-span i{margin: 0 4px;font-size: 20px;} .sweet-alert-cus-title-strong{display: block;margin-bottom: -40px;margin-top: 10px;color: #000;font-size: 24px;} .sweet-alert_01 button{display: inline-block;vertical-align: top;padding: 0 60px;border-radius: 25px;background: #043a88 !important;box-sizing: border-box;font-size: 14px;line-height: 50px;text-align: center;text-transform: uppercase;color: #fff;transition: background 0.3s;width: auto;margin-bottom: 15px;} .sweet-overlay{background-color: rgba(0, 0, 0, 0.9);} .sweet-alert_02 button.cancel{border-radius: 25px;font-size: 13px;padding: 0;background-color: transparent !important;margin: 0;margin-right: 15px;position: absolute;bottom: -45px;line-height: 20px;text-decoration: underline;color: #9c9c9c;font-size: 14px;font-family: Montserrat, Helvetica, Arial, sans-serif;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);} .sweet-alert_02 button.confirm{border-radius: 25px;font-size: 13px;padding: 0 25px;background-color: rgb(76, 183, 73) !important;line-height:40px;margin: 0;box-shadow: none !important;} .sweet-alert_02 h2{font-size: 23px;margin-bottom: 1px;margin-top: 0;color: #212121;} .sweet-alert_02 .sa-button-container{margin-top: 40px;position: relative;margin-bottom: 25px;text-decoration: underline;} .sweet-alert_02 .sa-warning{display:none !important;} .sweet-alert_02{padding: 35px 35px 30px;} .sweet-alert_02 p{line-height: 24px;color: #212121;} @media screen and (max-width: 767px) { .sweet-alert{width: auto;margin-left: 0;left: 20px;right: 20px;box-sizing: border-box;} } @media screen and (max-width: 667px) { .sweet-alert_02 h2{font-size: 20px;line-height: 22px;} .sweet-alert_02 p{font-size: 15px;line-height: 19px;margin-top: 13px;} .sweet-alert_02 p br{display:none;} .sweet-alert_02 .sa-warning{ } .sweet-alert_02 .sa-button-container{margin-top: 25px;} .sweet-alert_02 button.confirm{display: block !important;margin: 0 auto 15px;width: 240px;} .sweet-alert_02 button.cancel{display: block !important;margin: 0 auto 15px;width: 240px;} .sweet-alert .sa-confirm-button-container{display: block;} .sweet-alert_02{padding: 24px 15px 10px;} .sweet-alert-cus-title-strong{font-size: 20px;line-height: 28px;} .sweet-alert_01 button{padding: 0 40px;line-height: 35px;margin-top: 35px;margin-bottom: 5px;} } @media screen and (max-width: 479px) { .sweet-alert_01 {padding: 17px 9px;left: 10px;right: 10px;} .sweet-alert-cus-title-strong{font-size: 18px;} } .buses .login-alt .price{opacity:0;transition: opacity 0.3s;} .activeBus .login-alt .price{opacity:1;}
فتح المحادثة
تحتاج مساعدة؟
السلام عليكم 👏
كيف أقدر أساعدك؟