/*
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.eot');
    src: url('../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Bold.woff') format('woff'),
        url('../fonts/SFProDisplay-Bold.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Black.eot');
    src: url('../fonts/SFProDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Black.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Black.woff') format('woff'),
        url('../fonts/SFProDisplay-Black.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Black.svg#SFProDisplay-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Heavy.eot');
    src: url('../fonts/SFProDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Heavy.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Heavy.woff') format('woff'),
        url('../fonts/SFProDisplay-Heavy.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Heavy.svg#SFProDisplay-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Semibold.eot');
    src: url('../fonts/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Semibold.woff') format('woff'),
        url('../fonts/SFProDisplay-Semibold.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Semibold.svg#SFProDisplay-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.eot');
    src: url('../fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Medium.woff') format('woff'),
        url('../fonts/SFProDisplay-Medium.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face { 
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.eot');
    src: url('../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Regular.woff') format('woff'),
        url('../fonts/SFProDisplay-Regular.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*/

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff'),
        url('../fonts/Montserrat-Black.ttf') format('truetype'),
        url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Goldman Sans';
    src: url('../fonts/GoldmanSans-Light.eot');
    src: url('../fonts/GoldmanSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GoldmanSans-Light.woff2') format('woff2'),
        url('../fonts/GoldmanSans-Light.woff') format('woff'),
        url('../fonts/GoldmanSans-Light.ttf') format('truetype'),
        url('../fonts/GoldmanSans-Light.svg#GoldmanSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Goldman';
    src: url('../fonts/Goldman-Regular.eot');
    src: url('../fonts/Goldman-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Goldman-Regular.woff2') format('woff2'),
        url('../fonts/Goldman-Regular.woff') format('woff'),
        url('../fonts/Goldman-Regular.ttf') format('truetype'),
        url('../fonts/Goldman-Regular.svg#Goldman-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Goldman';
    src: url('../fonts/Goldman-Bold.eot');
    src: url('../fonts/Goldman-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Goldman-Bold.woff2') format('woff2'),
        url('../fonts/Goldman-Bold.woff') format('woff'),
        url('../fonts/Goldman-Bold.ttf') format('truetype'),
        url('../fonts/Goldman-Bold.svg#Goldman-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Goldman Sans';
    src: url('../fonts/GoldmanSans-Bold.eot');
    src: url('../fonts/GoldmanSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GoldmanSans-Bold.woff2') format('woff2'),
        url('../fonts/GoldmanSans-Bold.woff') format('woff'),
        url('../fonts/GoldmanSans-Bold.ttf') format('truetype'),
        url('../fonts/GoldmanSans-Bold.svg#GoldmanSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Goldman Sans';
    src: url('../fonts/GoldmanSans-Regular.eot');
    src: url('../fonts/GoldmanSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GoldmanSans-Regular.woff2') format('woff2'),
        url('../fonts/GoldmanSans-Regular.woff') format('woff'),
        url('../fonts/GoldmanSans-Regular.ttf') format('truetype'),
        url('../fonts/GoldmanSans-Regular.svg#GoldmanSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Goldman Sans';
    src: url('../fonts/GoldmanSans-Thin.eot');
    src: url('../fonts/GoldmanSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GoldmanSans-Thin.woff2') format('woff2'),
        url('../fonts/GoldmanSans-Thin.woff') format('woff'),
        url('../fonts/GoldmanSans-Thin.ttf') format('truetype'),
        url('../fonts/GoldmanSans-Thin.svg#GoldmanSans-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Goldman Sans';
    src: url('../fonts/GoldmanSans-Medium.eot');
    src: url('../fonts/GoldmanSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GoldmanSans-Medium.woff2') format('woff2'),
        url('../fonts/GoldmanSans-Medium.woff') format('woff'),
        url('../fonts/GoldmanSans-Medium.ttf') format('truetype'),
        url('../fonts/GoldmanSans-Medium.svg#GoldmanSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Goldman Sans';
    src: url('../fonts/GoldmanSans-Black.eot');
    src: url('../fonts/GoldmanSans-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GoldmanSans-Black.woff2') format('woff2'),
        url('../fonts/GoldmanSans-Black.woff') format('woff'),
        url('../fonts/GoldmanSans-Black.ttf') format('truetype'),
        url('../fonts/GoldmanSans-Black.svg#GoldmanSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Goldman Sans';
    src: url('../fonts/GoldmanSans-Light.eot');
    src: url('../fonts/GoldmanSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GoldmanSans-Light.woff2') format('woff2'),
        url('../fonts/GoldmanSans-Light.woff') format('woff'),
        url('../fonts/GoldmanSans-Light.ttf') format('truetype'),
        url('../fonts/GoldmanSans-Light.svg#GoldmanSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

html {
 -webkit-text-size-adjust: none;
}
:focus {outline: 0;}
*, *::before, *::after{box-sizing:border-box;}
img{ max-width: 100%;}
img {pointer-events: none;}
a{ outline: none; text-decoration: none; color: #000000;}
a:hover{ color: #000000;}
/* Global
----------------------------------------------- */
body, html {position: relative; height: 100%; margin: 0; padding:0; line-height:1.2; font-size: 18px;}

.wrapper{	
  height:100%; width:100%; background: url(../images/bus3.jpg) no-repeat; background-position:center;
  -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;   
}
.main-container{
	font-size: 18px; color: #000000; font-family: 'Goldman Sans' !important; font-weight: normal; font-style: normal;
	/*font-family: 'SF Pro Display', 'Source Sans Pro', sans-serif;*/
}

p {font-size: 18px; margin:0px 0px 15px;}
h1,h2,h3,h4,h5,h6{margin:0px 0px 25px; line-height: 1.3;}
.title {font-size: 36px; letter-spacing: 0.5px; font-weight: 900; color: #000000 !important;}
.cb_control_sec, .cb_control_sec p, .cb_control_sec div, .cb_control_sec h1, .cb_control_sec h2, .cb_control_sec h3, .cb_control_sec h4, .cb_control_sec h5, .cb_control_sec h6, .cb_control_sec span, .cb_control_sec ul li, .cb_control_sec a, .cb_control_sec .btn, .cb_control_sec .form-control {    
	font-family: inherit !important;
}
.form-control {
    display: block; width: 100%; height: 40px; padding: 4px 0px; font-size: 18px; line-height: 1.4; color: #000;
    background-color: transparent !important;  background-clip: padding-box; border: none; border-bottom: 1px solid #000;
    border-radius: 0px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin: 0 !important;
}
.cb_ctl_btn {
    position: fixed; width: 280px !important; height: 66px !important; line-height: 64px !important; border: 1px solid #fff !important; text-align: center; background: #FFFFFF; z-index: 2; color:#000000 !important; 
	box-shadow: 0px 24px 36px #13151B2A; display: block; border-radius: 1px !important; font-size: 36px; letter-spacing: 1px; 
	font-weight: 900; transition: 0.4s all; cursor: pointer; opacity: 1; animation: 1s ease 0s 1 slideInFromLeft; 
	padding: 0px 10px 0px !important; top: 80px !important;
	left:10% !important;
}
#whereto_Txt:focus {width: 420px !important;}
input::-webkit-input-placeholder {color: #000000 !important;}
input::-moz-placeholder {color: #000000 !important;}
.form-control:focus, input:focus {color: #000 !important;}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.cb_control_sec {
    width: 0px; height: 0px; background: #FFFFFF; position: fixed; left: 60px; top: 80px; z-index: 3;
    border-radius: 1px; transition: all 0.65s ease; -webkit-transition: all 0.65s ease; overflow: hidden;
	box-shadow: 0px 24px 34px #0404052D; -webkit-box-shadow: 0px 24px 34px #0404052D; 
	-ms-box-shadow: 0px 24px 34px #0404052D; transition-delay: 0.05s; -webkit-transition-delay: 0.05s;
    -webkit-border-radius: 1px; backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px);    
}
.cb-open.cb_control_sec {padding: 0px 50px 25px; width: 820px; height:calc(100% - 160px); }
.cb-open.lg-open.cb_control_sec {width: 1250px; }
.header-row {
    position: absolute; left: 50px; right: 50px; width: calc(100% - 120px); display: flex; flex-wrap: wrap; 
	border-bottom: 0px solid transparent !important; background: #fffffffa;	align-items: center;
    justify-content: space-between; padding: 20px 0px 20px; z-index: 10; 
}
.header-row .menu-toggle {
    font-size: 36px; letter-spacing: 0.5px; font-weight: 800; padding-left: 0px;
	display: inline-block; line-height: 1; transition: 0.4s padding ease-out;
}
.header-row .menu-toggle:hover {padding-left: 10px;}
.header-row .user-right {width: 140px; text-align: right; overflow: hidden;}
.header-row .user-right a {font-size: 28px; color: #000000; margin-right: 0px; font-weight: 800;}
.header-row .user-right a {font-size: 28px; color: #000000; margin-right: 0px; font-weight: 700;}
/*----Side Menu----*/
.cb-side-menu {
    width: 0%; height: 100%; background: #fffffffa; position: absolute; left: -60px; top: 0; z-index: 1000; 
	padding: 20px 30px 30px; transition: all 0.5s ease; -webkit-transition: all 0.6s ease; 
	box-shadow: -2px 10px 15px #3434375e; -webkit-box-shadow: -2px 10px 15px #3434375e; 
	-ms-box-shadow: -2px 10px 15px #3434375e; overflow: hidden;
}
.cb-side-menu .menu-toggle {
    font-size: 36px; letter-spacing: 0.5px; color: #000000; font-weight: 800; padding-left: 0px;
    transition: 0.4s padding ease-out;
}
.cb-side-menu .menu-toggle:hover{padding-left: 10px;}
.cb-side-menu.active {width: 550px; left: 0px;}
.cb-side-menu .cb-menu-list{ padding: 0px; margin: 35px 0 0; list-style: none;}
.cb-side-menu .cb-menu-list li {line-height: 1.4; padding: 3px 0px 3px;}
.cb-side-menu .cb-menu-list li a{
    font-size: 26px; font-weight: 700; letter-spacing: 0.5px; color: #000000; padding-left: 0px; 
	transition: 0.4s padding ease-out;
}
.cb-side-menu .cb-menu-list li a:hover{padding-left: 10px;}
.cb-side-menu .cb-menu-list li.menu-head a:hover{padding-left: 0px;}
.cb-side-menu .cb-side-menu-inner {
	position: absolute; width: calc(100% - 60px); height: calc(100% - 70px); opacity: 0;
    visibility: hidden; z-index: 10; transition: 0.6s all;
}
.cb-side-menu.active .cb-side-menu-inner {opacity: 1; visibility: visible;}
.cb-side-menu.active .menu-toggle, .cb-side-menu.active .cb-side-menu-inner {animation: slidein 500ms forwards; opacity:0;}
@-webkit-keyframes slidein {
	from {
		margin-left: -10%;
		opacity:1;
	}

	to {
		margin-left: 0%;
		opacity:1;
	}
}

@-moz-keyframes slidein {
	from {
		margin-left: -10%;
		opacity:1;
	}

	to {
		margin-left: 0%;
		opacity:1;
	}
}
 @-o-keyframes slidein {
	from {
		margin-left: -10%;
		opacity:1;
	}

	to {
		margin-left: 0%;
		opacity:1;
	}
}
 @keyframes slidein {
	from {
		margin-left: -10%;
		opacity:1;
	}

	to {
		margin-left: 0%;
		opacity:1;
	}
}
	
.cb-side-menu.active .menu-toggle{animation-delay: 0.10s;}
.cb-side-menu.active .cb-side-menu-inner{animation-delay: 0.30s;}

.cb-details-wrap {
    padding: 0px 0px 0px; position: absolute; top: 0px; left: 50px; width: calc(100% - 100px); height: calc(100% - 25px);
    right: 50px; bottom: 0px; opacity: 0; visibility: hidden; z-index: -9; transition: all 0.6s ease !important;
    -webkit-transition: all 0.6s ease !important; transform: translateX(40px);
    -webkit-transform: translateX(40px);
}
.cb-open .cb-details-wrap {
    transform: translateX(0px); -webkit-transform: translateX(0px); visibility: visible; opacity: 1; z-index: 9;
}
.cb-step-wrap {
    transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transform: translateX(-70px);
	-webkit-transform: translateX(-70px); position: absolute; visibility: hidden; opacity: 0;
    z-index: -9; width: 100%; height: 100%;
}
.cb-step-wrap.cb-active-step {
    transform: translateX(0px); -webkit-transform: translateX(0px); visibility: visible; opacity: 1; z-index: 9;
}

.cb-scroll-wrap {height: calc(100% - 0px) !important;}
.cb-scroll-wrap > div:nth-child(2){height: 1px !important;}
.cb-scroll-wrap > div:nth-child(3){width: 1px !important;}
.cb-scroll-wrap > div:nth-child(2) > div {background-color: rgb(192 192 192 / 9%) !important;}
.cb-scroll-wrap > div:nth-child(3) > div {background-color: rgb(192 192 192 / 9%) !important;}

.cb-pickup-dtls-row {display: flex; flex-wrap: wrap; height: 100%; padding-top: 77px;}
.cb-pickup-dtls-one {width: 100%;}
.pickup-location h4 {margin:80px 0px 140px;}
.pickup-location .form-group.whereTo-group{padding: 80px 0px 140px; margin: 0px 0px 0px;}
.cb-location-map-step .pickup-location .form-group.whereTo-group{padding: 20px 0px 80px;}
.pickup-location .form-control {
    height: 78px; padding: 20px 0px; font-size: 36px; font-weight: 900; color: #000 !important;
	border-bottom: 12px solid #000; border-top: 0px solid transparent !important; 
	border-right: 0px solid transparent !important;	border-left: 0px solid transparent !important;	
}
.pickup-location .location-input {padding-right: 0px;}
.location-map img{object-fit: cover; height: 100%; width: 100%;}
.current-location {
	margin-top: 50px; position: relative; transition: all 0.5s ease; opacity: 0; visibility: hidden; margin-left: -10%;
}
.current-location.active {opacity: 1; visibility: visible; margin-left: 0;}
.cl-txt {position: relative; font-size: 32px; font-weight: 700; padding-left: 55px;}
.gbs-icon {
    border: 1px solid transparent !important; background: url(../images/gps.svg) no-repeat center;
    background-size: contain; margin: 0px; width: 48px; height: 48px; position: absolute;
    top: -4px; font-size: 0px; left: 0; z-index: 1;
}	
.btn-section {width: 60px; height: 60px; position: absolute; bottom: -4px; right: 0; z-index:10;}
.btn {
    border: 1px solid transparent !important; background: url(../images/right.svg) no-repeat center;
    background-size: contain; margin: 0px; width: 60px; height: 60px; position: absolute;
    bottom: 0; font-size: 0px; right: 0; cursor: pointer;
}
.full-close {transform:rotate(270deg); left:30px; bottom:20px; z-index:11; cursor:pointer; transition: 0.4s bottom ease-out;}
.full-close:hover {bottom: 30px;}
.btn-section.back{right: auto; left:0; background-color: transparent !important;}
.btn-section.back .btn{right: auto; left:0; transform: rotate(180deg);}
.btn-section.back .btn{ -webkit-transition: 0.4s margin ease-out; transition: 0.4s margin ease-out;}
.btn-section.next .btn{ -webkit-transition: 0.4s margin ease-out; transition: 0.4s margin ease-out;}
.btn-section.back:hover .btn{ margin-left: -10px;}
.btn-section.next:hover .btn{ margin-right: -10px;}

.form-row .btn-section {bottom: -10px;}
.cb-location-map-step .cb-pickup-dtls-one {position: relative; width: 44%;}
.cb-location-map-step .location-map {width: 53%; margin-left: 3%; height: 100%; position: relative; margin-top: 0px;}
.pickup-datetime h4{margin:40px 0px 40px;}
.cb-listing-row {display: flex; flex-wrap: wrap; padding: 20px 0px 40px; align-items: center;}
.listing-dtls p, .booking-dtls p{font-size: 26px; margin: 0px 0px 10px; font-weight: 600;}
.booking-dtls {padding: 30px 0px 50px;}
.booked-txt{ font-weight: 900 !important; margin: 0px 0px 30px;}
.cb-listing-wrap {padding-top: 75px;}
.cb-listing-row .listing-left {width: 55%;}
.cb-listing-row .listing-right {width: 45%;}
.cb-listing-row .listing-right .listing-img {padding-left: 40px; padding-top: 20px; padding-bottom: 20px; cursor: pointer;}
.cb-listing-row .listing-right .listing-img a{ display: inline-block;}
.cb-listing-row .listing-right .listing-img img{height: 320px;}

#clickToggle{display: none;}
.mapContainer { position: absolute !important; top: 0; bottom: 0; width: 100%;}
.mapContainer1, .mapContainer2 { position: absolute !important; top: 0; bottom: 0; width: 100%;}
.addcomments {display: none;}
.mapboxgl-canvas {left: 0;}

.cb-driver-tracking-step .mapContainer2 {top: 76px;}    
.cb-driver-tracking-step .listing-dtls {    
    position: absolute; z-index: 99; top: 80px; left:5px; background: #fffffff5; padding:10px;  
}   
.cb-driver-tracking-step .map-overlay-box {
	width: 0px; height: 0px; padding: 0px; margin: 15px; transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease; z-index: 9; overflow: hidden;
}
.cb-driver-tracking-step .map-overlay-box.active {width: 600px; height: 600px; padding: 15px 20px;}
.cb-driver-tracking-step .map-overlay-box.listing-dtls p {
    margin: 0px 0px 5px; line-height: 1.4; font-size: 22px; font-weight: 600;
}
.cb-driver-tracking-step .map-overlay-box .order-track {height: calc(100% - 240px);}
.open-mapbox {
    font-size: 72px; width: 70px; height: 70px; line-height: 70px; position: absolute; background: #fff;
    font-weight: 600; z-index: 9; text-align: center; border-radius: 50%; left: 20px; top: 95px;
    cursor: pointer; box-shadow: 0px 24px 34px #88888c2d;
    -webkit-box-shadow: 0px 24px 34px #88888c2d; -ms-box-shadow: 0px 24px 34px #88888c2d;
}
.clear {
    font-size: 26px; font-weight: 600; position: relative; right: 0px; top: 0px; cursor: pointer;
    padding: 0px; line-height: 1; float: right;	z-index: 9;
}
/*.mapbox-logo, .mapboxgl-ctrl{display: none !important;}*/
.pickup-datetime { width: 100%;}
.pickup-datetime-inner {height: calc(100% - 200px);}
.date-time-wrap {margin-bottom: 35px;}
.date-row {font-size: 32px; font-weight: 700; position: relative; display: inline-block;}
.date-row input{
    opacity: 0; filter: alpha(opacity=0); height: 100%; left: 0; top: 0; margin: 0;
    width: 100%; position: absolute; cursor: pointer;
}
.date-row span {
	position: relative; padding: 0px; pointer-events: none; display: block; 
	line-height: 1.6; border-bottom: 8px solid transparent;
}
.time-row {
    display: flex !important; font-size: 32px; font-weight: 700; color: #000 !important; margin-bottom: 25px;
}
.time-row > div {width: 110px;}
.time-row > div.meridiem {width: 170px; text-transform: uppercase; margin-left:3px;}
.time-row > div.minutes{margin-left:3px;}

.date-row span#checkedcolor {border-color: #000 !important;}
.time-row .css-1uccc91-singleValue {color: #000 !important;}
.time-row .css-1pahdxg-control {background: #fff; border-color: #000; box-shadow: 0 0 0 1px #000;}
.time-row .css-1pahdxg-control:hover {border-color: #000;}
.time-row .css-26l3qy-menu {background: #fff !important; color:#000;}
.cb-bg-white .css-w3oltj-option {background-color: #000 !important; }
.cb-bg-white .css-wqodfb-option:active {background-color: #000; color: #fff;}

.accessiblity-wrap .btn-section {bottom: -10px;}
.color-mode-wrap h5 {margin: 0px 0 15px; font-size: 20px !important;}
ul.ctrl-lst {
    width: 100%; padding: 0; margin: 10px 0 15px; display: flex; flex-wrap: wrap; 
	justify-content: space-between; list-style: none; width: 280px;
}
ul.ctrl-lst li.bg_white {background: #FFF !important;}
ul.ctrl-lst li.bg_blue {background: #0045e2 !important;}
ul.ctrl-lst li.bg_black {background: #000 !important;}
ul.ctrl-lst li.bg_grey {background: #4F4F4F !important;}
ul.ctrl-lst li.bg_offWhite {background: #fcf2dc !important;}
ul.ctrl-lst li {
    display: block; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; font-size: 0;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.0); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.0);
    border: 1px solid #c5c5c5 !important; cursor: pointer; position: relative; transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease; transform: scale(0.95); -webkit-transform: scale(0.95);
}
ul.ctrl-lst li:before, ul.ctrl-lst li:after {
    position: absolute; content: ''; transform: rotate(0deg) scale(0); -webkit-transform: rotate(0deg) scale(0);
    transition: all 0.4s ease; -webkit-transition: all 0.4s ease;
}
ul.ctrl-lst li.active:before {
    width: 20px; height: 10px; border-left: 2px solid #000; border-bottom: 2px solid #000; background: transparent;
    transition: all 0.4s ease; transform: rotate(-40deg) scale(1); -webkit-transform: rotate(-40deg) scale(1);
    left: 15px; top: 15px; border-radius: 0; margin-left: 0;
}

/*Date time*/
.css-yk16xz-control {background-color: transparent !important; border-color: transparent !important;}
.css-1okebmr-indicatorSeparator {background-color: transparent !important;}
.css-6q0nyr-Svg{ display: none !important;}
.errorhours .css-yk16xz-control, .errormins .css-yk16xz-control, .errormeridiem .css-yk16xz-control {
	border-color: #ff0000 !important; border-width: 3px !important;
}
/*Auto Complete*/
.pac-container {border-top: none; box-shadow: 0px 4px 4px 0px #cacaca1a;}	
.pac-container.whereTo_first{width: 420px !important;}
.pac-logo:after{ background-image: none; height:0px;}
.pac-item {
    padding: 0 10px; line-height: 54px; font-size: 32px;
    color: #000; font-weight: 700; border-top: 0px solid transparent;
}
.pac-item-query {font-size: 32px; color: #000; font-weight: 700;}
.pac-icon {display: none;}

/*login & sign up*/
.form-wrapper {position: relative; height: calc(100% - 40px);}
.form-wrapper h4{
	font-size: 32px; font-weight: 800; letter-spacing: 0.5px; padding-left: 0px; padding: 20px 0px 15px; margin:0px;
}
.form-wrapper h4{color: #000000;}
.form-wrapper h5{color: #000000;} 
.signup-form, .login-form, .accessiblity-wrap, .recent-rides, .profile-form, .driver-signup-form, .userforget-form, 
.driverforget-form, .company-signup-form, .helperlogin-form, .credit-card-wrap, .setting-wrap {
    transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transform: translateX(-70px);
    -webkit-transform: translateX(-70px); position: absolute; visibility: hidden; opacity: 0;
    z-index: -9; width: 100%; height: 100%;
}
.login-form.active, .signup-form.active, .accessiblity-wrap.active, .recent-rides.active, .profile-form.active, 
.driver-signup-form.active, .userforget-form.active, .driverforget-form.active, .company-signup-form.active, .helperlogin-form.active, .credit-card-wrap.active, .setting-wrap.active  {
	transform: translateX(0px); -webkit-transform: translateX(0px); visibility: visible;
    opacity: 1; z-index: 9;
}
form.profile, form.signup {height: calc(100% - 120px);}
.profile-form .form-row, form.signup .form-row{height: 100%;}
.recent-rides {height: calc(100% - 75px);}
.card-details-form .form-row{padding-bottom: 50px;}
.form-wrapper .form-row h5.title {
    font-size: 26px; font-weight: 700; letter-spacing: 0.2px; padding-left: 0px; margin: 20px 0px 10px;
}
.profile-edit-form, .card-details-form, .userListing{
    transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transform: translateX(-70px);
    -webkit-transform: translateX(-70px); position: absolute; visibility: hidden; opacity: 0;
    z-index: -9; width: 100%; height: 100%;
}
.profile-edit-form.active, .card-details-form.active, .userListing.active {
	transform: translateX(0px); -webkit-transform: translateX(0px); visibility: visible;
    opacity: 1; z-index: 9;
}
.userListing .userListing-wrap{position:relative;}
.userListing .userListing-wrap .profile-edit {
	position: absolute; top: 20px; right: 10px; font-size: 22px; font-weight: 700;
}
.userListing p{
    text-align: left; opacity: 1; font-size: 24px; margin-bottom: 25px; display: flex; flex-wrap: wrap;
}
.userListing p span.label {width: 140px; font-weight: 700; display: inline-block;}
.userListing p span.txt {width: calc(100% - 150px); padding-left: 5px; word-break: break-all; position: relative;}

form.login .title {margin-bottom: 10px;}
.forgot-pwd{display:inline-block; margin:15px 0px 0px; font-size:18px; font-weight: 600;}
.recent-rides-inner {height: calc(100% - 80px);}

.recent-rides {padding-top: 20px;}
.recent-rides-list .booking-list {padding: 20px 0px 40px; display: flex; flex-wrap: wrap;}
.recent-rides-list .booking-list .booking-left {width: 30%; text-align: center;}
.recent-rides-list .booking-list .booking-right {width: 70%;}
.recent-rides-list .booking-list p {font-size: 20px; margin: 0px 0px 5px; line-height: 1.2;}
.recent-rides-list .booking-list .name, .recent-rides-list .booking-list .date{ font-weight: 700; font-size: 24px;}
.recent-rides-list .booking-list .booking-left .car-img img {height: 160px;}

.ridestatus {
    font-size: 22px; margin: 15px 0px 0px; line-height: 1.2; font-weight: 700; border: 2px solid #000; position: relative;
    line-height:40px; height:42px; min-width: 140px; text-align: center; padding:0px 10px; display: inline-block;
}
.ridestatus:hover {background: #000; color: #fff;}
.ridestatus.completed {border-color: #00000029;}
.ridestatus.completed:hover {background: transparent; color: inherit;}
.form-wrapper .form-control {
	height: 46px; padding: 0px 0px; font-size: 26px; font-weight: 700; line-height: 46px; color: #000 !important;
	}	
button:hover, .btn:hover{background-color: transparent !important; border-color: transparent !important;}
.btn:focus, .btn:active, .btn-primary:focus, .btn-primary:active{
	background-color: transparent !important; border-color: transparent !important;
	box-shadow: none !important;
}
.form-control:focus, input:focus{box-shadow: none !important;}
.errorspan {color: #ff0000; font-size: 15px; position: absolute; font-weight: 600;}
.form-wrapper .form-row .form-control{border: 1px solid transparent !important;}

.cb-location-map-step .location-map .btn-section {display: none; bottom: -9999px !important; left: -9999px !important;}
.cb-location-map-step .cb-pickup-dtls-one .btn-section {display: block;}

.form-group .profile-row {display: flex; align-items: center; padding: 6px 0px;}
.form-group .profile-row label {margin-right: 10px; width: 150px;}
.form-group .profile-row.vehicle-row > div.css-2b097c-container {width: calc(100% - 150px);}

.car-loading {background: #ffffffc9; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 99999; font-size:0;}
.car-loading:after {
    background: url(../images/loader-block.svg) no-repeat center; background-size: contain; content: ''; 
	display: inline-block; width: 80px; height: 80px; margin: auto; position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
}
.forcesignupalert {display: block; font-size: 20px; font-weight: 700; letter-spacing: 0px; padding-top: 20px;}
.form-wrap-inner {padding-top: 10px; padding-right: 10px;}
.focus-out {position: relative;}
.form-group label {font-weight: 700; font-size: 26px; font-family: inherit !important;}
.focus-out label {
    position: absolute; left: 0px; top: 8px; pointer-events: none; transition: all 400ms; z-index: 3;
    overflow: hidden; margin:0px;
}
.focused label {padding: 0px; font-size: 16px; top: -8px;}
.form-group {margin-bottom: 25px;}
.menu-head{ padding:0px !important;}
.menu-head a{font-size: 36px !important; font-weight: 800 !important;}
.profile_box {
	position: relative; display: inline-block; height: 36px; width: 130px; cursor: pointer; padding: 0px 5px;
    line-height: 34px; border: 2px solid #000; text-align: center; font-size: 20px; font-weight: 700;
}
.profile_box input {
    opacity: 0; filter: alpha(opacity=0); height: 100%; left: 0; top: 0; margin: 0px; 
	width: 100%; position: absolute; cursor: pointer;
}
.profile_box + span{padding-left: 5px; font-size: 16px; font-weight: 600; width: 140px; overflow: hidden;}
.form-group .profile-row.vehicle-row > div.css-2b097c-container {font-size: 26px; font-weight: 700;}
.form-group .profile-row.vehicle-row .css-1uccc91-singleValue {color: #000;}
.form-group .profile-row.vehicle-row .css-1uccc91-singleValue {color: #000;}
.head-wrap {margin: 0px 0px 15px;}
.head-wrap h4 {margin: 0px 0px 0px;}
.search-bar {position: relative; margin-top: 15px; margin-bottom: 10px;}
.search-bar:before {
    position: absolute; content: ''; background: url(../images/search.svg) no-repeat center; background-size: contain;
	margin: 0px; width: 30px; height: 30px; top: 8px; left: 0; bottom: 0;
}
.search-bar input {
    width: 90%; background: transparent; border: none; border-bottom: 1px solid transparent; color: #000;
    padding: 8px 10px 8px 40px; font-size: 30px; line-height: 1.2; border-radius: 0px;
    font-weight: 700; font-family: inherit !important;
}
.search-bar .errorsearchallrides{
    position: absolute; bottom: -15px; left: 0; font-size: 20px; font-weight: 600; color: #000;
}
.bankaccount-details-form, .student-account-dtls {height: 100%;}
.bankaccount-details-form h4 {padding: 5px 0px 10px;}
.generate-account-btn, .complete-stripe-btn{
    margin-top: 10px; width: auto; font-size: 26px; border-radius: 0px !important; height: 52px !important;
    line-height: 46px !important; border: 2px solid #000000 !important; font-weight: 600 !important;
    color: #000 !important; padding: 0px 20px; display: inline-block; min-width: 100px; text-align: center;
    transition: 0.3s all ease;
}
.header-row .search-bar .errorspan {left: 0; right: 0; bottom: -10px; text-align: center;}
.header-row .search-bar {position: relative; margin-top: 0px; margin: 0px 0px 0px; width: 440px;}
.header-row .search-bar input {
    width: 100%; color: #000; padding: 2px 10px 2px 10px; font-size: 28px;
    line-height: 28px; text-transform: uppercase; text-align: center;
}
.header-row .search-bar:before {background: none !important;}
.error-wrap {
	display: block; width: 100%; height: auto; border: 1px solid #fff; box-shadow: 0 1px 9px 0 rgba(0,0,0,.14);
    background: #fff; padding: 15px 35px 15px 15px; margin-bottom: 25px; position: relative;
}
.error-wrap2 {
	display: block; width: 100%; height: auto; border: 1px solid #fff; box-shadow: 0 1px 9px 0 rgba(0,0,0,.14);
    background: #fff; padding: 15px 35px 15px 15px; margin-bottom: 25px; position: relative;
}
.error-wrap span {color: #000; font-size: 22px; position: relative; font-weight: 600;}
.error-wrap2 span {color: #15d615; font-size: 22px; position: relative; font-weight: 600;}
.error-wrap2 .close {
    position: absolute; right: 10px; font-size: 22px; font-weight: 700; top: 10px; padding: 2px 4px; cursor: pointer;
}
.error-wrap .close {
    position: absolute; right: 10px; font-size: 22px; font-weight: 700; top: 10px; padding: 2px 4px; cursor: pointer;
}
.no-record {font-size: 28px; color: #000000; margin-right: 0px; font-weight: 600;}
.loader-main {position: relative; pointer-events: none;}
.btn-loading {
    background: hsla(0,0%,100%,.8); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 99;
}
.btn-loading:after{
    width: 35px; height: 35px; border: 4px solid rgba(30,29,29,.49); border-top-color: #1e1d1d; border-radius: 50%;
    position: relative; -webkit-animation: loader-rotate .3s linear infinite; animation: loader-rotate .3s linear infinite;
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;
}
.cb-listing-row .errorspan {position: relative;}
.confirmation-remove { display: none; }


@-webkit-keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.address-wrap {padding: 5px 0px;}
.adress-head {padding: 10px 0px;}
.address-field {padding-top: 20px;}
.form-checkbox-row {position: relative; margin: 2px 0px 6px;}
.form-checkbox-row input[type="checkbox"] {
    opacity: 0; filter: alpha(opacity=0); height: 100%; left: 0; top: 0; margin: 0; width: 100%;
    position: absolute; cursor: pointer;
}
.form-checkbox-row span {
    font-size: 26px; font-weight: 700; letter-spacing: -0.6px; display: inline-block; margin-right: 5px;
    position: relative; padding: 0 40px 0 0; pointer-events: none; display: block; line-height: 0.9;
}
.form-checkbox-row span b {font-size: 16px;font-weight: 700;}
.form-checkbox-row span:before {
    content: ""; background: #fff; position: absolute; width: 28px; height: 28px; border: 2px solid #080808;
    right: 5px; top: 2px; pointer-events: none; line-height: 28px; border-radius: 100%;
}
.form-checkbox-row input[type=checkbox]:checked + span:before {
    content: ""; text-rendering: auto; text-align: center; border-color: transparent; height: 28px;
    width: 28px; background-color: #000; background-image: url(../images/check.svg);
    background-position: bottom; background-size: 16px 20px; background-repeat: no-repeat;
}
.checkbillingaddress .errorspan {margin-top: -15px;}
.map-details {padding: 10px 0px;}
.map-details p {font-size: 30px; margin: 0px 0px 5px; font-weight: 700;}
.mobi-map-details{
	display: none; position: absolute; background: #000; color: #fff; font-size: 18px; left: 0;
    line-height: 1.3; margin: 0; padding: 5px 10px; border-radius: 2px; font-weight: 500;
}
.book-btn {    
    font-size: 30px; font-weight: 700; text-transform: uppercase; color: #000; background: #000 !important;
	border: 1px solid #000 !important; width: auto; height: 56px; line-height: 54px; color: #fff; 
	padding: 0px 20px; bottom: 5px;
}
.book-btn:hover, .book-btn:active  {
	color: #6a6969 !important; background: #000 !important; border: 1px solid #000 !important;
}
.ride-btn-group .ridestatus {font-size: 20px; margin: 15px 10px 0px; min-width: 100px; font-weight: 600;}
.driver-details {opacity: 0; visibility: hidden; height: 0px; overflow: hidden; margin-top:10px;}
.driver-details-main.active .driver-details {opacity: 1; visibility: visible; height: auto;}
.show-details { position: relative; transition: 0.4s padding ease-out; font-size: 22px; font-weight: 600;}
.show-details:hover {padding-left: 10px;}
.show-details .view-nxt-arrow {
	border: 1px solid transparent !important; background: url(../images/right.svg) no-repeat center;
    background-size: contain; margin: 0px; width: 20px; height: 20px; position: relative;
    bottom: -3px; font-size: 0px; right: 0; cursor: pointer; transition: 0.4s padding ease-out;
    opacity: 0; visibility: hidden; display: inline-block;
}
.show-details:hover .view-nxt-arrow {margin-left: 10px; transition: 0.4s padding ease-out; opacity: 1; visibility: visible;}
.driver-details-main.active .first{display:none;}
.passenger.lg{ display: block;}
.passenger.sm{ display: none;}
/*----Ride Tracking-----*/
.pickup-location { height: 100%;}
.order-track{ 
    height:calc(100% - 430px); padding: 15px 0px; transition: all 0.6s ease; -webkit-transition: all 0.6s ease;
    transform: translateX(-40px); -webkit-transform: translateX(-40px); visibility: hidden; opacity: 0; z-index: -9;
}
.order-track.active {
    transform: translateX(0px); -webkit-transform: translateX(0px); visibility: visible;
    opacity: 1; z-index: 9;
}
.order-track-step {padding: 0px 0px; position: relative; height: 100px; display: flex;}
.cb-step-wrap.cb-active-step .order-track-step:after {
    content: ''; background: #000; z-index: 1; width: 3px; display: block; text-align: center; position: absolute; 
	top: 0px; left: 6px; animation:lineup 2s forwards;
}
.cb-step-wrap.cb-active-step .order-track-step.removeline:after {display: none;}

@keyframes lineup {
  0% {
    height: 0px;
  }
  100% {
    height: 100%;
  }
}
.order-track-status.circle {
    height: 15px; width: 15px; background-color: #000; border-radius: 50%; z-index: 2; transition: all 0.2s;
    cursor: pointer; margin-right:10px;
}
.order-track-text {margin-top: -3px; width: calc(100% - 25px);}
.order-track-text p {font-size: 22px; margin: 0px 0px 5px; font-weight: 600; height: 30px; overflow: hidden;}
.order-track-text span {font-size: 20px; font-weight: 500;}

.add-stop-location{padding: 20px 0px 20px !important; display: flex; justify-content: space-between; flex-wrap: wrap;}
.add-stop-location .form-group{padding: 0px 0px !important; margin:0px; width: calc(100% - 110px);}
.add-stop-location .form-control {height: 66px !important; padding: 8px 0px!important;}
.add-stop-location .btn-stop {
    display: block; padding: 8px 16px 8px; color: #fff; background: #000; text-transform: uppercase;
    position: relative; line-height: 1; border: 1px solid #000; cursor: pointer; font-size: 26px;
	margin: 0px; font-weight: 800; height: 66px; align-self: flex-end;
} 
.add-stop-location .btn-stop:hover {background: #000000 !important; border: 1px solid #000000 !important;}
.order-track-step .remove {
    position: absolute; right: 10px; display: inline-block; font-weight: 600; cursor: pointer; top: 0px;
}
.distance-eta {padding: 20px 0px 10px;}
.distance-eta p {font-size: 30px; margin: 0px 0px 10px; font-weight: 700;}
.confirm-action {
    opacity: 0; visibility: hidden; max-width: 700px; height: 170px; border: 1px solid #fff; background: #fff; left: 0; 
	margin: auto; right: 0; bottom: 0; top: 0; padding: 25px 35px 35px 35px; text-align: center; position: fixed; z-index: 9; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 14%); transition: 0.6s all ease;
}
.confirm-action.show {opacity: 1; visibility: visible; animation: slideInFromRight 600ms forwards;}
.confirm-action p {font-size: 24px; color: #000;}
.confirm-action .btn {
    margin-top: 10px; margin-right: 20px; width: 100px; font-size: 26px; border-radius: 0px !important;
    height: 52px !important; line-height: 48px !important; border: 2px solid #000000 !important;
    font-weight: 700 !important; color: #000 !important; padding: 0px 10px !important; position: relative; 
	display: inline-block; text-align: center;  transition: 0.3s all ease;  background: #fff;		    
}
.confirm-action .btn:hover {color: #fff !important; background: #000 !important;}

.event-listing-wrap {height: 100%;}
.event-listing-wrap .title {font-size: 32px; font-weight: 800; margin: 0 0 10px;}
.listing-dtls{position: relative;padding-right: 40px;}
.listing-dtls h4 {cursor: pointer;}
.assigned-group-popup {
    position: fixed; width: 44%; height: calc(100% - 76px); top: 76px; left: 0; right: 0; bottom: 0; padding-top:10px;
	background-color: rgb(255 255 255); visibility: hidden; opacity: 0; transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease; transform: translateX(-50px); -webkit-transform: translateX(-50px);
	box-shadow: 10px 2px 8px #8181841a; -webkit-box-shadow: 10px 2px 8px #8181841a; -ms-box-shadow: 10px 2px 8px #8181841a;
}
.assigned-group-popup.active {
	transform: translateX(0px); -webkit-transform: translateX(0px); visibility: visible; opacity: 1; z-index: 11;
}
.assigned-group-inner {height: 100%;}
.assigned-group-inner h3{font-size: 34px; font-weight: 800;}
.group-close {
    position: absolute; top: 10px; right: 10px; cursor: pointer; width: 24px; height: 24px;
    border-radius: 50%; font-size: 30px;  z-index: 1;
}
.assigned-group-popup ul {padding: 0; list-style: none; margin: 0px;}
.assigned-group-popup ul li {
	width: 100%; display: block; margin-right: 0px; padding: 0px 0px; margin-bottom: 5px; font-size: 20px;
    border-radius: 5px; border: 1px solid transparent; height: 36px; line-height: 36px; overflow: hidden;
    font-weight: 600; cursor: pointer;
}
.bus-event-dtls-step .event-listing-wrap .listing-dtls {cursor: initial; height: 100%; width: 100%; overflow: hidden;}
.bus-event-dtls-step .event-listing-wrap .cb-listing-row {height: 100%;}
.assigned-group{cursor: pointer;}
.event-listing-wrap .date-row {font-size: 28px; font-weight: 600;}
.event-listing-wrap .date-time-wrap {margin-bottom: 10px;}

.event-listing-wrap .add-stop-location .form-control {
    height: 60px !important; padding: 8px 16px 8px 0px !important; font-size: 28px; font-weight: 600;
    color: #000 !important; border-bottom: 6px solid #000; border-top: 0px solid transparent !important;
    border-right: 0px solid transparent !important; border-left: 0px solid transparent !important;
}
.event-listing-wrap .add-stop-location {padding: 10px 0px 10px !important;}
.event-listing-wrap .add-stop-location .btn-stop {font-weight: 600;}
.event-listing-wrap .order-track {height: auto;}
.event-listing-wrap .order-track.active {height: 260px;}
.bus-event-dtls-step .event-listing-wrap .listing-dtls .order-track.active {height: calc(100% - 345px);}
.event-start-point, .event-end-point{margin: 0px 0px 10px;}
.event-start-point .form-control, .event-end-point .form-control{
	font-size: 28px; font-weight: 600; height: 60px; border-bottom: 6px solid #000;
}
.end-date, .start-date {font-size: 22px !important; margin-bottom: 10px;}
.forcesignupalert:empty {display:none;}
 .event-btn{
    font-size: 22px; margin: 0px 0px 10px; font-weight: 700; position: absolute; top: 10px; right: 0; 
	text-decoration: underline;
}
.order-track h4{font-size: 26px; margin: 0px 0px 10px; font-weight: 600;}
.comments{margin-bottom: 10px;}
.stops {display: flex; margin: 0px 0px 0px; align-items: center;}
.addcmd-icon {
    display: none; border: 1px solid black !important; background: #000; color: #fff; border-radius: 4px; margin: 0px; min-width: 80px; text-align: center; line-height: 28px; padding: 0px 10px; height: 30px; position: relative; 
	bottom: 0; font-size: 18px; right: 0; cursor: pointer; margin-left: 2px;
}
.order-track-text h5 {font-size: 22px;  margin: 0px 0px 5px; line-height: 1.1 !important;}
p.assigned-group {border-bottom: 2px solid #000; display: inline-block; line-height: 1.2; 
	margin: 10px 0px 30px; margin-left: 0; transition: 0.4s margin ease-out;}
p.assigned-group:hover {margin-left: 10px;}	
.addcmd-icon:hover{color:#fff;}
.addcmd-icon.active{display: inline-block;}
.noevents {font-size: 30px; font-weight: 600; padding: 10px 0px; line-height: 1.6 !important;}
.addcomments {z-index: 99; position: relative; margin: 10px 0px 8px; width: 98%;}
li.trips {margin-bottom: 20px;}
.addcomments .css-1uccc91-singleValue {color: #000; font-weight: 600; top: 55%;}
.addcomments .css-yk16xz-control {border-color: #ccc8c6 !important;}
.addcomments .css-1pahdxg-control:hover {border-color: #000; box-shadow: none}

.payment-form-main {height: 100%; width: 100%; padding-top: 30px;}
.payment-form-wrap {max-width: 600px; margin: 30px auto;}
.payment-form {padding-top: 20px;}
.form-control {height: 52px; font-weight: 600; font-size: 22px;}
.pay-btn {
    color: #fff; background-color: #000; padding: 10px 20px; font-size: 22px; border: 1px solid #000; 
	margin-top:30px; font-family: inherit !important; font-weight: 400;
}
.pay-btn:hover {background-color: #000 !important; border: 1px solid #000 !important;}
.invite-friends {display: flex;}
.invite-friends > div {margin-right: 10px;}
.comments-wrap {position: relative; display: flex; align-items: center;}
.comments-wrap .remove-cmd {
    position: relative; display: inline-block; font-weight: 600; cursor: pointer; font-size: 14px; width: 18px; line-height: 20px;
	height: 18px; color: #000; text-align: center; border-radius: 50px; margin-left: 5px; top: -2px;
}
.order-track-text h5 {font-size: 20px; display: flex; font-weight: 600;}
.order-track-text h5 .comments-icon {
    background: url(../images/comment.png) no-repeat center; background-size: contain;
    width: 26px; height: 26px; display: inline-block; cursor: pointer; margin-right: 5px;
}
.map-overlay-box .event-btn {top: 5px; right: 5px;}

.cb-driver-tracking-step .map-overlay-box.driver-overlay .order-track {
    height: calc(100% - 130px);
}
.cb-driver-tracking-step .map-overlay-box.helper-overlay .order-track {
    height: calc(100% - 230px);
}
.cb-driver-tracking-step .map-overlay-box.company-overlay .order-track, 
.cb-driver-tracking-step .map-overlay-box.user-overlay .order-track {
    height: calc(100% - 270px);
}
.map-overlay-box.helper-overlay .order-track-text span, .map-overlay-box.user-overlay .order-track-text span {
    top: -5px; position: relative; display: inline-block;
}
/*
.map-overlay-box.user-overlay .order-track-step{height: 100px;}
.map-overlay-box.helper-overlay .order-track-step {height: 180px;}
*/
.upload-txt-field .btn {width: 36px; height: 36px; bottom: 5px;}
.upload-txt-field .form-control {height: 46px; padding: 10px 0px 10px; font-size: 20px;}
.upload-file {display: flex; align-items: center;}
.upload-file span{top:0 !important;}
.upload-view-content { position: relative; margin-top: 5px; display: flex; flex-wrap: wrap;}
.upload-view-content .preview-img {width: 50px; margin-right: 15px; display: inline-block;}
.upload-view-content .img_class {height: 50px; width: 50px; object-fit: contain; object-position: center;}
.upload-view-content .text-wrap{height: 56px; overflow: hidden; position: relative; width: calc(100% - 65px); padding-right: 20px;}
.upload-view-content p{margin: 0px 0px !important; line-height: 1.2 !important; height: auto !important;}
.upload-view-content p span{top:0 !important;}
.upload-view-content .remove-upload {position: absolute; top: 5px; right: 5px; cursor: pointer;}
.upload-view-content textarea::placeholder, .upload-view-content textarea::-webkit-input-placeholder, 
.upload-view-content textarea::-moz-placeholder, .upload-view-content textarea:-ms-input-placeholder {color: #fff !important;}
.distance-duration-dtls {margin-top: 8px; position: relative;}
.distance-duration-dtls p{margin: 0px 0px 0px !important;}

.order-track-step{height: 220px;}
.order-track-step.add-comment-step{height: 270px;} 
.order-track-step.add-upload-step{height: 280px;}

.distanceerror-inner {
    background: #fff; padding: 15px 20px; width: 90%; position: absolute; border-radius: 4px; z-index: 9;
	box-shadow: 0px 24px 34px #0404052d; -webkit-box-shadow: 0px 4px 14px #04040521; -ms-box-shadow: 0px 24px 34px #0404052D;  
}
.distanceerror-inner h3{margin: 0;}
.cb-listing-row{position: relative;}
#cometchat, #cometchat__widget{width: 100% !important;}
.app__wrapper {width: 100% !important; max-width: 100% !important;}
.app__messenger{width: 100% !important; margin-top: 5px; border: none !important;}
.group_chaticon{height: 36px; width: 36px; position: absolute; top: 25px; right: 5px;}
.close-document {
    position: absolute; right: 10px; top: 20px; cursor: pointer; text-align: center; line-height: 1.2; z-index: 3147483000; padding: 2px 10px 2px; font-size: 22px; font-weight: 600; color: #000; background: #fff; transition: 0.4s right ease-out;
}
.close-stopdocument {
    position: absolute; right: 10px; top: 2px; cursor: pointer; text-align: center; line-height: 1.2; z-index: 3147483000; padding: 2px 10px 2px; font-size: 22px; font-weight: 600; color: #000; background: #fff; transition: 0.4s right ease-out;
}

.bus-dashboard {
    width: 620px; height: 660px; padding:30px 40px 40px; background: #FFFFFF; color: #000 !important; position: fixed; 
	right: auto !important; bottom: auto !important; z-index: 3; border-radius: 1px; overflow: visible; 
	box-shadow: 0px 24px 34px #0404052d; -webkit-box-shadow: 0px 24px 34px #0404052d; -ms-box-shadow: 0px 24px 34px #0404052D; display: none; font-family: inherit !important; 	
}
.bus-dashboard.posiion {top: 60px; left: 60px; animation: 1s ease 0s 1 slideInFromLeft;}

.bus-dashboard.active {display: block;}
.bus-dashboard a {color: #000 !important;}
.bus-tabs-nav{
	margin: 0; padding: 0; list-style: none; text-align: center; justify-content: space-between; display: flex;
	border-bottom: 1px solid #EEEEEE; position: relative;
}
.bus-tabs-nav a {display:block; padding:10px 10px; font-weight:400; color:#000; font-family:inherit; font-size:20px;}
.bus-tabs-nav li.active a {color: inherit;}
.bus-tabs-nav li {width: 33.33%; text-align: center;}
.bus-tabs-nav li:first-child.active ~ .tabs-active-underline {transform: translateX(5.33%) scaleX(0.22);}
.bus-tabs-nav li:nth-child(2).active ~ .tabs-active-underline {transform: translateX(38.88%) scaleX(0.22);}
.bus-tabs-nav li:nth-child(3).active ~ .tabs-active-underline {transform: translateX(calc(36.33% * 2)) scaleX(0.22);}
.tabs-active-underline {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #000; transform-origin: 0 0;
    transition-duration: 0.6s; -webkit-transition-property: transform; -moz-transition-property: transform; transition-property: transform; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); 
	transform-origin: left center;	
}
.bus-tabs-nav li span {margin: 15px 0px 10px; display: block;}
.bus-tabs-nav li img {position: relative; margin: auto; width: 60px; height: 60px; display: block;}
.bus-tabs-nav .student-img-white{display: none;}
.bus-tabs-content {padding: 60px 0px 20px; margin-top: 0px; overflow: hidden;}
.bus-dashboard .bus-tabs-content h3{
	margin: 0px 0px 15px; line-height: 1.1; font-size: 44px; font-family: inherit; font-weight: 500;
	text-transform: none !important;
}
.bus-dashboard .bus-tabs-content p {font-size: 24px; margin: 0px 0px 60px; font-family: inherit;}
.bus-tabs-content > div:not(:first-child) {display: none;}
.bus-tabs-content > div {position: relative;}
.bus-tabs-content div.active{animation: moveleft 500ms forwards; opacity:0;}
.bus-tabs-content div.active-right{animation: tab_moveright 800ms forwards; opacity:0;}
.bus-tabs-content div.active-left{animation: tab_moveleft 800ms forwards; opacity:0;}
.bus-tabs-content .signup-btn{
    color: #fff !important; background: #000; padding: 16px 15px 14px; cursor: pointer; display: block; line-height:1;
	font-size:26px; font-weight: 600; text-align: center; max-width:200px; font-family: inherit; 
}
.bus-tabs-inner {padding-right: 15px;}
.bus-tabs-inner .bus-tabs-nav a {font-size: 20px;font-weight: 400;}
.bus-tabs-inner .bus-tabs-nav li span {margin: 10px 0px 10px;}
.bus-tabs-inner .bus-tabs-nav li img {width: 55px !important; height: 55px !important;}
.bus-tabs-inner .bus-tabs-content {padding: 20px 0px 20px;}
.bus-label {
    position: absolute; width: auto; height: auto; display: block; right: 30px; bottom: 15px; font-size: 28px;
    font-weight: bold; line-height: 1; font-style: italic; font-family: inherit !important;  
} 
.map-close, .view-map {display: none;} 
.map-close {
    position: absolute; right: 15px; top: 15px; padding: 2px 8px 2px; cursor: pointer; text-align: center; line-height: 30px;
    font-size: 24px; font-weight: 400; background: #000; color: #fff; z-index: 11; transition: 0.4s right ease-out;
}

.document-img-right{height: 100%; position: relative; z-index: 1;}
.document-img-right .close {
    color: #fff; position: absolute; display: inline-block; top: 0; font-size: 30px; width: 36px;
    height: 36px; text-align: center; right: 0; font-weight: 600; border: 1px solid #fff; background: #000; cursor: pointer;
}
.stopview {
    position: absolute !important; top: auto !important; bottom: 5px !important; right: 5px !important; display: inline-block;
    font-size: 18px !important; text-transform: capitalize; text-align: center; cursor: pointer; border-bottom: 2px solid #000;
}
.stop-details-wrap h4{margin: 0px 0px 10px; font-size: 24px; font-weight: 700;}
.stop-details-wrap p{margin: 0px 0px 10px; font-size: 20px;}
.order-track-text > p{cursor: pointer; padding-right: 25px;}
.topfull-close {
    position: absolute; background: #fff; right: 15px; top: 12px; padding: 4px 4px 4px; cursor: pointer; text-align: center; 
	line-height: 30px; font-size: 36px; font-weight: 800; z-index: 11; transition: 0.4s right ease-out;
}
.location-map img#preview, .location-map img#preview2, .location-map img#preview3, 
.location-map img#preview4, .location-map img#preview5 {
	height: 100px; width: 100px; position: absolute; right: 15px !important; top: 15px !important; cursor: pointer !important; 
}
.credit-card-form .css-2b097c-container{font-size:26px; font-weight: 700;}
.credit-card-form .css-yk16xz-control {background-color: transparent !important; border-color: transparent !important;}
.credit-card-form .css-g1d714-ValueContainer {padding: 2px 0px !important;}
.credit-card-form .css-1uccc91-singleValue {
	margin: 0px !important; color: #000 !important;  max-width: calc(100% - 2px) !important;
}
.credit-card-form .css-tlfecz-indicatorContainer, .credit-card-form .css-1gtu0rj-indicatorContainer {display: none;}
.credit-card-form .css-1pahdxg-control:hover {border-color: transparent !important;}
.credit-card-form .css-1pahdxg-control {border-color: transparent !important; border-width: 0px; box-shadow: none !important;}
.credit-card-form .css-26l3qy-menu{z-index:11 !important; box-shadow: none !important; }

/*--Package---*/
.acc-package-wrap{ width: 100%; padding-top:0px;}
.acc-package-content {padding: 20px 10px 0px 0px; max-width: 100%; position: relative; margin: 0px auto 0px; height:100%;}
.acc-package-content h2 {
    padding: 10px 0 30px; width: 100%; text-align: center; text-transform: uppercase; font-size: 34px; font-weight: 800;
    line-height: 1; margin: 0; color: #000 !important; transition: all 0.6s ease; -webkit-transition: all 0.6s ease;
}
.acc-package-content .package_tabnav{ margin: 0 auto 20px; display: flex; max-width: 400px; padding: 0; list-style: none;}
.acc-package-content .package_tabnav li{
	 padding: 15px 15px; font-size: 32px; width: 50%; font-weight: 800; text-align:center; color: #000;
	 border: 1px solid #ece5e5;cursor: pointer;
 }
.acc-package-content .package_tabnav li:nth-child(1){border-radius:5px 0 0 5px;}
.acc-package-content .package_tabnav li:nth-child(2){border-radius:0 5px 5px 0;}
.acc-package-content .package_tabnav li.active{background: #000000; color: #fff;}
.package_tabcontent {
	opacity: 0; visibility: hidden; width: 100%; position: absolute; transition: all 0.6s ease; height: calc(100% - 180px);
}
.package_tabcontent.active {opacity: 1; visibility: visible; animation: fadeIn 1.3s;}
.package_tabcontent .standard {
    opacity: 0; visibility: hidden; width:100%; transition: all 0.6s ease; -webkit-transition: all 0.6s ease;
    transform: translateX(-70px); height: 100%; position: absolute;
}
.package_tabcontent.active .standard {
    opacity: 1; visibility: visible; transform: translateX(0px); transition-delay: 0.1s;
}
.package_tabcontent .acc-package-desc{height: auto; padding: 10px 10px; font-size:26px; text-align:center; line-height:1.4;}
.package_tabcontent .acc-package-desc h2{font-size: 30px; padding: 0px 0 10px;}
.package_tabcontent p {font-size: 22px; margin: 0px 0px 0px;}
.package_tabcontent .btn-section {bottom: 0px;}
.package_tabcontent .btn-section .btn:hover{margin-left: -10px !important;}

.google-login button{
    color: #000 !important; box-shadow: none !important; padding: 0px !important; border-radius: 5px !important;
    border: 0px solid transparent !important; background-color: transparent !important;	font-size: 24px !important;
	font-weight: 800 !important; font-family: inherit !important; min-width: 200px; margin: 15px 0px; display: flex; 
	align-items: center;
}
.google-login button > div {
	margin-right: 15px !important; margin-top: 2px !important; background: transparent !important;
	padding: 0px !important; border-radius: 0px !important;
}
.google-login button > div > svg{transform: scale(1.4) !important; margin-left: 2px;}
.google-login button span{ font-family: inherit !important; font-weight: 800 !important;}
.chaticon{display: block;} 
.chaticon-white{display: none;}
.acc-package-content.thankyou-content {padding: 40px 10px 0px 0px; text-align: center;}
.acc-package-content.thankyou-content h2 {padding: 10px 0 20px; font-size: 32px;}
.acc-package-content.thankyou-content p {font-size: 22px;}
.document-view{display: none;}
/*.menu-container {
	position: absolute; background: #efefef; padding: 18px 15px 16px; font-family: inherit !important; cursor: pointer;
	color: #000; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between;
}
.menu-container .map-check{margin:0px 5px;}*/
.map-check {position: relative; display: inline-block; line-height: 25px;}
.map-check input{
    opacity: 0; filter: alpha(opacity=0); height: 100%; left: 0; top: 0; margin: 0; width: 100%;
    position: absolute; cursor: pointer;
}
.map-check label{
    position: relative; padding: 0 0 0 28px; pointer-events: none; color: #000; display: block; font-size: 20px;
}
.map-check label:before {
    content: ""; background: #efefef; position: absolute; width: 22px; height: 22px; border: 1px solid #000;
    left: 0; top: 0px; pointer-events: none; line-height: 22px; border-radius: 50%;
}
.map-check input[type=radio]:checked + label:before{
    content: ""; text-rendering: auto; text-align: center; line-height: 22px; background: #000;
}
.map-check {width: 140px; padding: 10px 0px; margin: 0px; margin-right: 10px;}
.stopview {transition: 0.4s margin ease-out; margin-right: 0px;}
.stopview:hover {margin-right: 7px;}
.stop-details-wrap {padding-right: 10px;}
.bus-event-dtls-step .listing-dtls.map-overlay-box{padding-right: 0px;}

.cb-pickup-dtls-row .mapContainer1, .cb-pickup-dtls-row.map-active .document-img-right{animation: tab_moveright 800ms forwards; opacity:0;} 
@-webkit-keyframes tab_moveright {
	from {
		transform: translateX(40%); -webkit-transform: translateX(40%);	opacity:1;
	}
	to {			
		transform: translateX(0%); -webkit-transform: translateX(0%); opacity:1;
	}
}
@-moz-keyframes tab_moveright {
	from {			
		transform: translateX(40%);	-webkit-transform: translateX(40%);	opacity:1;
	}

	to {			
		transform: translateX(0%); -webkit-transform: translateX(0%); opacity:1;
	}
}	
@-o-keyframes tab_moveright {
	from {			
		transform: translateX(40%);	-webkit-transform: translateX(40%);	opacity:1;
	}
	to {			
		transform: translateX(0%); -webkit-transform: translateX(0%); opacity:1;
	}
}
@keyframes tab_moveright {
	from {			
		transform: translateX(40%);	-webkit-transform: translateX(40%); opacity:1;
	}
	to {			
		transform: translateX(0%); -webkit-transform: translateX(0%); opacity:1;
	}
}


@-webkit-keyframes tab_moveleft {
	from {
		transform: translateX(-40%); -webkit-transform: translateX(-40%); opacity:1;
	}
	to {			
		transform: translateX(0%); -webkit-transform: translateX(0%); opacity:1;
	}
}
@-moz-keyframes tab_moveleft {
	from {			
		transform: translateX(-40%); -webkit-transform: translateX(-40%); opacity:1;
	}
	to {			
		transform: translateX(0%); -webkit-transform: translateX(0%); opacity:1;
	}
}	
@-o-keyframes tab_moveleft {
	from {			
		transform: translateX(-40%); -webkit-transform: translateX(-40%); opacity:1;
	}
	to {			
		transform: translateX(0%); -webkit-transform: translateX(0%); opacity:1;
	}
}
@keyframes tab_moveleft {
	from {			
		transform: translateX(-40%); -webkit-transform: translateX(-40%); opacity:1;
	}
	to {			
		transform: translateX(0%); -webkit-transform: translateX(0%); opacity:1;
	}
}



.cb-step-wrap.cb-active-step .listing-img, 
.cb-step-wrap.cb-active-step .listing-dtls h4, 
.cb-step-wrap.cb-active-step .listing-dtls .passenger, 
.cb-step-wrap.cb-active-step .listing-dtls .ride-info, 
.cb-step-wrap.cb-active-step .listing-dtls .lagguage, 
.cb-step-wrap.cb-active-step .listing-dtls .date, 
.cb-step-wrap.cb-active-step .listing-dtls .name, 
.cb-step-wrap.cb-active-step .listing-dtls .id, 
.cb-step-wrap.cb-active-step .listing-dtls .from, 
.cb-step-wrap.cb-active-step .listing-dtls .to, 
.cb-step-wrap.cb-active-step .listing-dtls .ridestatus, 
.cb-step-wrap.cb-active-step .booking-dtls .guest_user, 
.cb-step-wrap.cb-active-step .booking-dtls .from_to, 
.cb-step-wrap.cb-active-step .booking-dtls .date, 
.cb-step-wrap.cb-active-step .booking-dtls .booked-txt, 
.driver-details-main.active .driver-details, 
.cb-step-wrap.cb-active-step .show-details,
.cb-step-wrap.cb-active-step.cb-thankyou-step .booking-dtls p,
.cb-step-wrap.cb-active-step.cb-thankyou-step .booking-dtls.booking-id p{animation: moveleft 500ms forwards; opacity:0;}

@-webkit-keyframes moveleft {
	from {
		margin-left: -20%;
		opacity:1;
	}

	to {
		margin-left: 0%;
		opacity:1;
	}
}

@-moz-keyframes moveleft {
	from {
		margin-left: -20%;
		opacity:1;
	}

	to {
		margin-left: 0%;
		opacity:1;
	}
}
 @-o-keyframes moveleft {
	from {
		margin-left: -20%;
		opacity:1;
	}

	to {
		margin-left: 0%;
		opacity:1;
	}
}
 @keyframes moveleft {
	from {
		margin-left: -20%;
		opacity:1;
	}

	to {
		margin-left: 0%;
		opacity:1;
	}
}

.cb-step-wrap.cb-active-step .listing-dtls .date{animation-delay: 1.10s;}
.cb-step-wrap.cb-active-step .listing-dtls .name {animation-delay: 1.10s;} 
.cb-step-wrap.cb-active-step .listing-dtls .id {animation-delay: 1.10s;} 	
.cb-step-wrap.cb-active-step .listing-dtls .from {animation-delay: 1.10s;} 
.cb-step-wrap.cb-active-step .listing-dtls .to{animation-delay: 1.10s;}
.cb-step-wrap.cb-active-step .listing-dtls .ridestatus {animation-delay: 1.10s;}
.cb-step-wrap.cb-active-step .show-details{animation-delay: 1.10s;}
.cb-step-wrap.cb-active-step .booking-dtls .guest_user {animation-delay: 1.40s;} 
.cb-step-wrap.cb-active-step .booking-dtls .from_to {animation-delay: 1.40s;}
.cb-step-wrap.cb-active-step .booking-dtls .date {animation-delay: 1.40s;}
.cb-step-wrap.cb-active-step .booking-dtls .booked-txt{animation-delay: 1.40s;} 
.cb-step-wrap.cb-active-step.cb-thankyou-step .booking-dtls p{animation-delay: 1.0s;}
.cb-step-wrap.cb-active-step.cb-thankyou-step .booking-dtls.booking-id p{animation-delay: 1.10s;}
 
/*-------Blue Theme------*/
.main-container.cb-bg-blue {color: #fff;}
.cb-bg-blue .title { color: #fff !important;}
.cb-bg-blue .cb_control_sec {background: #0045e2;}
.cb-bg-blue .header-row {background: #0043e0f7;}	
.cb-bg-blue .cb-side-menu {background: #0043e0f7;}	
.cb-bg-blue .header-row .user-right a{color: #fff;}
.cb-bg-blue .form-wrapper h4{color: #fff;}
.cb-bg-blue .form-wrapper h5{color: #fff;}
.cb-bg-blue .form-wrapper .form-control {color: #fff !important;}	
.cb-bg-blue .form-control:focus, .cb-bg-blue input:focus {color: #fff !important;}
.cb-bg-blue a {color: #fff;}
.cb-bg-blue .cb-side-menu .cb-menu-list li a {color: #fff;}
.cb-bg-blue .cb-side-menu .menu-toggle {color: #fff;}
.cb-bg-blue .pickup-location .form-control {color: #fff !important; border-color: #fff !important;}
.cb-bg-blue .gbs-icon {background: url(../images/gps-white.svg) no-repeat center; background-size: contain;}	
.cb-bg-blue .btn {background: url(../images/right-white.svg) no-repeat center; background-size: contain;}
.cb-bg-blue .form-control {color: #fff;}
.cb-bg-blue input::-webkit-input-placeholder {color: #fff !important;}
.cb-bg-blue input::-moz-placeholder { color: #fff !important; }
.cb-bg-blue input:-ms-input-placeholder {color: #fff !important;}
.cb-bg-blue input::placeholder { color: #fff !important;}
.cb-bg-blue .pickup-location .form-control::placeholder { color: #fff !important;}
.cb-bg-blue ul.ctrl-lst li.active:before {border-left: 2px solid #fff; border-bottom: 2px solid #fff;}

.cb-bg-blue .date-row span#checkedcolor {border-color: #fff !important;}
.cb-bg-blue .time-row .css-1uccc91-singleValue {color: #fff !important;}
.cb-bg-blue .time-row .css-1pahdxg-control {background: #0045e2; border-color: #fff; box-shadow: 0 0 0 1px #fff;}
.cb-bg-blue .time-row .css-26l3qy-menu {background: #0045e2 !important; color:#fff;}
.cb-bg-blue .css-26l3qy-menu {box-shadow: 0 0 0 1px #b7b3b33b, 0 4px 11px #d0cbcb1f !important;}
.cb-bg-blue .css-w3oltj-option {background-color: #e7ac0c !important;}
.cb-bg-blue .css-wqodfb-option:active {background-color: #e7ac0c;}

.cb-bg-blue .pac-container {border-top: 1px solid #0045e2 !important; background-color: #0045e2 !important;}
.cb-bg-blue .pac-item {color: #fff !important;}
.cb-bg-blue .pac-item-query {color: #fff !important;}
.cb-bg-blue .pac-item:hover .pac-item-query {color: #0045e2 !important;}
.cb-bg-blue .pac-item:hover {background-color: #fafafa; color: #0045e2 !important;}
.cb-bg-blue .ridestatus {border: 2px solid #fff;}
.cb-bg-blue .ridestatus:hover {background: #fff; color: #0045e2;}
.cb-bg-blue .ridestatus.completed {border-color: #ffffff2b;}
.cb-bg-blue .ridestatus.completed:hover {background: transparent; color: inherit;}
.cb-bg-blue .car-loading {background: transparent;}
.cb-bg-blue .car-loading:after {background: url(../images/loader-white.svg) no-repeat center; background-size: contain;}
.cb-bg-blue .profile_box {border: 2px solid #fff;}
.cb-bg-blue .form-group .profile-row.vehicle-row .css-1uccc91-singleValue {color: #fff;}
.cb-bg-blue .form-group .profile-row.vehicle-row .css-1pahdxg-control {background: #0045e2;}
.cb-bg-blue .form-group .profile-row.vehicle-row .css-26l3qy-menu {background: #0045e2 !important; color: #fff;}
.cb-bg-blue .search-bar input {color: #fff;}
.cb-bg-blue .form-checkbox-row span:before {background: #0045e2; border: 2px solid #fff;}
.cb-bg-blue .form-checkbox-row input[type=checkbox]:checked + span:before {
    border-color: #fff; background-color: #0045e2;}
.cb-bg-blue .cb-step-wrap.cb-active-step .order-track-step:after {background: #fff;}
.cb-bg-blue .order-track-status.circle {background-color: #fff;}
.cb-bg-blue .book-btn { color: #0045e2; background: #fff !important; border: 1px solid #fff !important;}
.cb-bg-blue .add-stop-location .btn-stop {color: #0045e2; background: #fff; border: 1px solid #fff;}
.cb-bg-blue .add-stop-location .btn-stop:hover {background: #fff !important; border: 1px solid #fff !important;}
.cb-bg-blue .no-record {color: #fff;}	
.cb-bg-blue .cb-location-map-step .location-map .btn-section .btn {
    background: url(../images/right.svg) no-repeat center; background-size: contain;
}

.cb-bg-blue .cb-driver-tracking-step .listing-dtls.map-overlay-box{background: #0043e0f7;}
.cb-bg-blue p.assigned-group {border-bottom: 2px solid #fff;}
.cb-bg-blue .open-mapbox {background: #0043e0f7;}
.cb-bg-blue .addcmd-icon {border: 1px solid #fff !important; background: #fff; color: #0043e0; font-weight: 600;}
.cb-bg-blue .addcomments .css-1pahdxg-control:hover {border-color: #0043e0;}	
.cb-bg-blue .addcomments .css-1uccc91-singleValue {color: #fff;}
.cb-bg-blue .addcomments .css-1pahdxg-control .css-1uccc91-singleValue {color: #0043e0;}
.cb-bg-blue .css-26l3qy-menu {color: #0043e0; font-weight: 500;}
.cb-bg-blue .assigned-group-popup{background: #0043e0f7;}

.cb-bg-blue .bus-tabs-inner .bus-tabs-nav {border-bottom: 1px solid #ffffff24;}
.cb-bg-blue .bus-tabs-inner .tabs-active-underline {background: #fff;}
.cb-bg-blue .search-bar:before {background: url(../images/search-white.svg) no-repeat center; background-size: contain;}
.cb-bg-blue .student-img-white{display: block;}
.cb-bg-blue .student-img{display: none;}
.cb-bg-blue .view-map .loc-icon {background: url(../images/pin-white.png)no-repeat center; background-size: contain;}
.cb-bg-blue .payment-form .form-control {border-bottom: 1px solid #fff;}
.cb-bg-blue .pay-btn {color: #0045e2; background-color: #fff; border: 1px solid #fff; font-weight: 500;}
.cb-bg-blue .pay-btn:hover {background-color: #fff !important; border: 1px solid #fff !important;}
.cb-bg-blue .topfull-close, .cb-bg-blue .map-black {background: #0045e2;}

.cb-bg-blue .order-track-text h5 .comments-icon {
    background: url(../images/comment-white.png) no-repeat center; background-size: contain;
}
.cb-bg-blue .stopview {border-bottom: 2px solid #fff;}
.cb-bg-blue .chaticon{display: none;} 
.cb-bg-blue .chaticon-white{display: block;}
.cb-bg-blue .acc-package-content .package_tabnav li.active {background: #fff; color: #0045e2;}
.cb-bg-blue .acc-package-content .package_tabnav li {color: #fff;}
.cb-bg-blue .acc-package-content h2 {color: #fff !important;}
.cb-bg-blue .google-login button {color: #fff !important;}	
	
/*-------Black Theme------*/
.main-container.cb-bg-black {color: #fff;}
.cb-bg-black .title { color: #fff !important;}
.cb-bg-black .cb_control_sec {background: #000;}
.cb-bg-black .header-row {background: #000000f7;}	
.cb-bg-black .cb-side-menu {background: #000000f7;}	
.cb-bg-black .header-row .user-right a{color: #fff;}
.cb-bg-black .form-wrapper h4{color: #fff;}
.cb-bg-black .form-wrapper h5{color: #fff;} 
.cb-bg-black .form-wrapper .form-control {color: #fff !important;}	
.cb-bg-black .form-control:focus, .cb-bg-black input:focus {color: #fff !important;}
.cb-bg-black a {color: #fff;}
.cb-bg-black .cb-side-menu .cb-menu-list li a {color: #fff;}
.cb-bg-black .cb-side-menu .menu-toggle {color: #fff;}
.cb-bg-black .pickup-location .form-control {color: #fff !important; border-color: #e7ac0c !important;}
.cb-bg-black .gbs-icon {background: url(../images/gps-white.svg) no-repeat center; background-size: contain;}	
.cb-bg-black .btn {background: url(../images/right-white.svg) no-repeat center; background-size: contain;}
.cb-bg-black .form-control {color: #fff;}
.cb-bg-black input::-webkit-input-placeholder {color: #fff !important;}
.cb-bg-black input::-moz-placeholder { color: #fff !important; }
.cb-bg-black input:-ms-input-placeholder {color: #fff !important;}
.cb-bg-black input::placeholder { color: #fff !important;}
.cb-bg-black .pickup-location .form-control::placeholder { color: #fff !important;}
.cb-bg-black ul.ctrl-lst li.active:before {border-left: 2px solid #fff; border-bottom: 2px solid #fff;}

.cb-bg-black .date-row span#checkedcolor {border-color: #e7ac0c !important;}
.cb-bg-black .time-row .css-1uccc91-singleValue {color: #fff !important;}
.cb-bg-black .time-row .css-1pahdxg-control {background: #000; border-color: #fff; box-shadow: 0 0 0 1px #fff;}
.cb-bg-black .time-row .css-26l3qy-menu {background: #000 !important; color:#fff;}
.cb-bg-black .css-26l3qy-menu {box-shadow: 0 0 0 1px #b7b3b33b, 0 4px 11px #d0cbcb1f !important;}
.cb-bg-black .css-w3oltj-option {background-color: #e7ac0c !important;}
.cb-bg-black .css-wqodfb-option:active {background-color: #e7ac0c ;}

.cb-bg-black .pac-container {border-top: 1px solid #000 !important; background-color: #000 !important;}
.cb-bg-black .pac-item {color: #fff !important;}
.cb-bg-black .pac-item-query {color: #fff !important;}
.cb-bg-black .pac-item:hover .pac-item-query {color: #000 !important;}
.cb-bg-black .pac-item:hover {background-color: #fafafa; color: #000 !important;}
.cb-bg-black .ridestatus {border: 2px solid #fff;}
.cb-bg-black .ridestatus:hover {background: #fff; color: #000;}
.cb-bg-black .ridestatus.completed {border-color: #ffffff2b;}
.cb-bg-black .ridestatus.completed:hover {background: transparent; color: inherit;}
.cb-bg-black .car-loading {background: transparent;}
.cb-bg-black .car-loading:after {background: url(../images/loader-white.svg) no-repeat center; background-size: contain;}
.cb-bg-black .profile_box {border: 2px solid #fff;}
.cb-bg-black .form-group .profile-row.vehicle-row .css-1uccc91-singleValue {color: #fff;}
.cb-bg-black .form-group .profile-row.vehicle-row .css-26l3qy-menu {background: #000 !important; color: #fff;}
.cb-bg-black .form-group .profile-row.vehicle-row .css-1pahdxg-control {
    background: #000; border-color: #fff; box-shadow: 0 0 0 1px #fff;}
.cb-bg-black .css-26l3qy-menu {box-shadow: 0 0 0 1px #b7b3b33b, 0 4px 11px #d0cbcb1f !important;}
.cb-bg-black .search-bar input {color: #fff;}
.cb-bg-black .form-checkbox-row span:before {background: #000; border: 2px solid #fff;}
.cb-bg-black .form-checkbox-row input[type=checkbox]:checked + span:before {
    border-color: #fff; background-color: #000;}
.cb-bg-black .cb-step-wrap.cb-active-step .order-track-step:after {background: #fff;}
.cb-bg-black .order-track-status.circle {background-color: #fff;}
.cb-bg-black .book-btn { color: #000; background: #fff !important; border: 1px solid #fff !important;}
.cb-bg-black .add-stop-location .btn-stop {color: #fff; background: #e7ac0c; border: 1px solid #e7ac0c;}
.cb-bg-black .add-stop-location .btn-stop:hover {background: #fff !important; border: 1px solid #fff !important;}
.cb-bg-black .no-record {color: #fff;}
.cb-bg-black .cb-location-map-step .location-map .btn-section .btn {
    background: url(../images/right.svg) no-repeat center; background-size: contain;
}

.cb-bg-black .cb-driver-tracking-step .listing-dtls.map-overlay-box{background: #000000f7;}
.cb-bg-black p.assigned-group {border-bottom: 2px solid #fff;}
.cb-bg-black .open-mapbox {background: #000000f7;}
.cb-bg-black .addcmd-icon {border: 1px solid #fff !important; background: #fff; color: #000; font-weight: 600;}
.cb-bg-black .addcomments .css-1pahdxg-control:hover {border-color: #000;}	
.cb-bg-black .addcomments .css-1uccc91-singleValue {color: #fff;}
.cb-bg-black .addcomments .css-1pahdxg-control .css-1uccc91-singleValue {color: #000;}
.cb-bg-black .css-26l3qy-menu {color: #000; font-weight: 500;}
.cb-bg-black .assigned-group-popup{background: #000000f7;}
.cb-bg-black .bus-tabs-inner .bus-tabs-nav {border-bottom: 1px solid #ffffff24;}
.cb-bg-black .bus-tabs-inner .tabs-active-underline {background: #fff;}
.cb-bg-black .search-bar:before {background: url(../images/search-white.svg) no-repeat center; background-size: contain;}
.cb-bg-black .student-img-white{display: block;}
.cb-bg-black .student-img{display: none;}
.cb-bg-black .view-map .loc-icon {background: url(../images/pin-white.png)no-repeat center; background-size: contain;}
.cb-bg-black .payment-form .form-control {border-bottom: 1px solid #fff;}
.cb-bg-black .pay-btn {color: #000; background-color: #fff; border: 1px solid #fff; font-weight: 500;}
.cb-bg-black .pay-btn:hover {background-color: #fff !important; border: 1px solid #fff !important;}
.cb-bg-black .topfull-close, .cb-bg-black .map-black {background: #000;}
.cb-bg-black .order-track-text h5 .comments-icon {
    background: url(../images/comment-white.png) no-repeat center; background-size: contain;
}
.cb-bg-black .stopview {border-bottom: 2px solid #fff;}
.cb-bg-black .chaticon{display: none;} 
.cb-bg-black .chaticon-white{display: block;}
.cb-bg-black .acc-package-content .package_tabnav li.active {background: #fff; color: #000;}
.cb-bg-black .acc-package-content .package_tabnav li {color: #fff;}
.cb-bg-black .acc-package-content h2 {color: #fff !important;}
.cb-bg-black .google-login button {color: #fff !important;}	


/*-------Grey Theme------*/
.main-container.cb-bg-grey {color: #fff;}
.cb-bg-grey .title {color: #fff !important;}
.cb-bg-grey .cb_control_sec {background: #4F4F4F;}
.cb-bg-grey .header-row {background: #4f4f4ff7;}	
.cb-bg-grey .cb-side-menu {background: #4f4f4ff7;}	
.cb-bg-grey .header-row .user-right a{color: #fff;}
.cb-bg-grey .form-wrapper h4{color: #fff;}
.cb-bg-grey .form-wrapper h5{color: #fff;}
.cb-bg-grey .form-wrapper .form-control {color: #fff !important;}	
.cb-bg-grey .form-control:focus, .cb-bg-grey input:focus {color: #fff !important;}
.cb-bg-grey a {color: #fff;}
.cb-bg-grey .cb-side-menu .cb-menu-list li a {color: #fff;}
.cb-bg-grey .cb-side-menu .menu-toggle {color: #fff;}
.cb-bg-grey .pickup-location .form-control {color: #fff !important; border-color: #e7ac0c !important;}
.cb-bg-grey .gbs-icon {background: url(../images/gps-white.svg) no-repeat center; background-size: contain;}	
.cb-bg-grey .btn {background: url(../images/right-white.svg) no-repeat center; background-size: contain;}
.cb-bg-grey .form-control {color: #fff;}
.cb-bg-grey input::-webkit-input-placeholder {color: #fff !important;}
.cb-bg-grey input::-moz-placeholder { color: #fff !important; }
.cb-bg-grey input:-ms-input-placeholder {color: #fff !important;}
.cb-bg-grey input::placeholder { color: #fff !important;}
.cb-bg-grey .pickup-location .form-control::placeholder { color: #fff !important;}
.cb-bg-grey ul.ctrl-lst li.active:before {border-left: 2px solid #fff; border-bottom: 2px solid #fff;}

.cb-bg-grey .date-row span#checkedcolor {border-color: #e7ac0c !important;}
.cb-bg-grey .time-row .css-1uccc91-singleValue {color: #fff !important;}
.cb-bg-grey .time-row .css-1pahdxg-control {background: #4F4F4F; border-color: #fff; box-shadow: 0 0 0 1px #fff;}
.cb-bg-grey .time-row .css-26l3qy-menu {background: #4F4F4F !important; color:#fff;}
.cb-bg-grey .css-w3oltj-option {background-color: #e7ac0c !important;}
.cb-bg-grey .css-wqodfb-option:active {background-color: #e7ac0c ;}

.cb-bg-grey .pac-container {border-top: 1px solid #4F4F4F !important; background-color: #4F4F4F !important;}
.cb-bg-grey .pac-item {color: #fff !important;}
.cb-bg-grey .pac-item-query {color: #fff !important;}
.cb-bg-grey .pac-item:hover .pac-item-query {color: #4F4F4F !important;}
.cb-bg-grey .pac-item:hover {background-color: #fafafa; color: #4F4F4F !important;}
.cb-bg-grey .ridestatus {border: 2px solid #fff;}
.cb-bg-grey .ridestatus:hover {background: #fff; color: #4F4F4F;}
.cb-bg-grey .ridestatus.completed {border-color: #ffffff2b;}
.cb-bg-grey .ridestatus.completed:hover {background: transparent; color: inherit;}
.cb-bg-grey .car-loading {background: transparent;}
.cb-bg-grey .car-loading:after {background: url(../images/loader-white.svg) no-repeat center; background-size: contain;}
.cb-bg-grey .profile_box {border: 2px solid #fff;}
.cb-bg-grey .form-group .profile-row.vehicle-row .css-1uccc91-singleValue {color: #fff;}
.cb-bg-grey .form-group .profile-row.vehicle-row .css-1pahdxg-control {background: #4F4F4F;}
.cb-bg-grey .form-group .profile-row.vehicle-row .css-26l3qy-menu {background: #4F4F4F !important; color: #fff;}
.cb-bg-grey .search-bar input {color: #fff;}
.cb-bg-grey .form-checkbox-row span:before {background: #4F4F4F; border: 2px solid #fff;}
.cb-bg-grey .form-checkbox-row input[type=checkbox]:checked + span:before {
    border-color: #fff; background-color: #4F4F4F;
}
.cb-bg-grey .cb-step-wrap.cb-active-step .order-track-step:after {background: #fff;}
.cb-bg-grey .order-track-status.circle {background-color: #fff;}
.cb-bg-grey .book-btn { color: #4f4f4f; background: #fff !important; border: 1px solid #fff !important;}
.cb-bg-grey .add-stop-location .btn-stop {color: #fff; background: #e7ac0c; border: 1px solid #e7ac0c;}
.cb-bg-grey .add-stop-location .btn-stop:hover {background: #fff !important; border: 1px solid #fff !important;}
.cb-bg-grey .no-record {color: #fff;}
.cb-bg-grey .cb-location-map-step .location-map .btn-section .btn {
    background: url(../images/right.svg) no-repeat center; background-size: contain;
}
.cb-bg-grey .cb-driver-tracking-step .listing-dtls.map-overlay-box{background: #4f4f4ff7;}
.cb-bg-grey p.assigned-group {border-bottom: 2px solid #fff;}
.cb-bg-grey .open-mapbox {background: #4f4f4ff7;}
.cb-bg-grey .addcmd-icon {border: 1px solid #fff !important; background: #fff; color: #4F4F4F; font-weight: 600;}
.cb-bg-grey .addcomments .css-1pahdxg-control:hover {border-color: #4F4F4F;}	
.cb-bg-grey .addcomments .css-1uccc91-singleValue {color: #fff;}
.cb-bg-grey .addcomments .css-1pahdxg-control .css-1uccc91-singleValue {color: #4F4F4F;}
.cb-bg-grey .css-26l3qy-menu {color: #4F4F4F; font-weight: 500;}
.cb-bg-grey .assigned-group-popup{background: #4f4f4ff7;}
.cb-bg-grey .bus-tabs-inner .bus-tabs-nav {border-bottom: 1px solid #ffffff24;}
.cb-bg-grey .bus-tabs-inner .tabs-active-underline {background: #fff;}
.cb-bg-grey .search-bar:before {background: url(../images/search-white.svg) no-repeat center; background-size: contain;}
.cb-bg-grey .student-img-white{display: block;}
.cb-bg-grey .student-img{display: none;}
.cb-bg-grey .view-map .loc-icon {background: url(../images/pin-white.png)no-repeat center; background-size: contain;}
.cb-bg-grey .payment-form .form-control {border-bottom: 1px solid #fff;}
.cb-bg-grey .pay-btn {color: #4F4F4F; background-color: #fff; border: 1px solid #fff; font-weight: 500;}
.cb-bg-grey .pay-btn:hover {background-color: #fff !important; border: 1px solid #fff !important;}
.cb-bg-grey .topfull-close, .cb-bg-grey .map-close {background: #4F4F4F;}
.cb-bg-grey .order-track-text h5 .comments-icon {
    background: url(../images/comment-white.png) no-repeat center; background-size: contain;
}
.cb-bg-grey .stopview {border-bottom: 2px solid #fff;}
.cb-bg-grey .chaticon{display: none;} 
.cb-bg-grey .chaticon-white{display: block;}
.cb-bg-grey .acc-package-content .package_tabnav li.active {background: #fff; color: #4F4F4F;}
.cb-bg-grey .acc-package-content .package_tabnav li {color: #fff;}
.cb-bg-grey .acc-package-content h2 {color: #fff !important;}
.cb-bg-grey .google-login button {color: #fff !important;}	
	
/*-------Grey Theme------*/
.cb-bg-offWhite .cb_control_sec {background: #fcf2dc;}
.cb-bg-offWhite .header-row {background: #fcf2dcf7;}	
.cb-bg-offWhite .cb-side-menu {background: #fcf2dcf7;}	
.cb-bg-offWhite .cb-driver-tracking-step .listing-dtls.map-overlay-box {background: #fcf2dcf7;}
.cb-bg-offWhite .open-mapbox {background: #fcf2dcf7;}
.cb-bg-offWhite .assigned-group-popup {background-color: #fcf2dcf7;}
.cb-bg-offWhite .student-img-white{display: none;}
.cb-bg-offWhite .topfull-close, .cb-bg-offWhite .map-close {background: #fcf2dc;}



.order-track-step.last:after {background: transparent !important;}
.form-group.card-details-list label{margin-left: 0.2em !important; margin-bottom: 0 !important;}
.form-group.card-details-list .credit-card-input {font-size: 20px !important;}

@media (max-width: 1399px){	 	
.header-row {left: 30px; right: 30px; width: calc(100% - 100px); }
.cb-open.cb_control_sec {padding: 0px 30px 25px;}
.cb-details-wrap {left: 30px; right: 30px; width: calc(100% - 60px);}
.pickup-location h4 {margin: 40px 0px 80px;}
.pickup-location .form-group.whereTo-group{padding: 40px 0px 80px;}

}
@media (max-width: 1350px){	
.cb-open.lg-open.cb_control_sec {width: calc(100% - 120px);}

}
@media (max-width: 1299px){	
/*.menu-container {background: #efefefe8; padding: 10px 15px 10px; right: auto; display: block;}
.menu-container .map-check {margin: 10px 5px; display: block;}*/

}
@media (max-width: 991px){	
.cb_control_sec {left: 40px;}
.cb-open.cb_control_sec {padding: 0px 20px 20px; width: calc(100% - 80px);}
.cb-open.lg-open.cb_control_sec {width: calc(100% - 80px);}
.header-row {left: 20px; right: 20px; width: calc(100% - 90px);}
.cb-details-wrap {left: 20px; right: 20px; width: calc(100% - 40px); height: calc(100% - 20px);}
.cb-side-menu.active {width: 75%;}
.header-row .search-bar {width: 340px;}
.form-group.card-details-list .credit-card-input {font-size: 16px !important;}	
.start_point, .end_point {height: 30px; overflow: hidden;}

}
@media (max-width: 767px){	

.cb_control_sec {left: 10px; top:40px;}	
.cb-open.cb_control_sec {width: calc(100% - 20px); height:calc(100% - 80px);}
.cb-open.lg-open.cb_control_sec {width: calc(100% - 20px);}
.header-row .search-bar {width: 280px;}
.pickup-location .form-group.whereTo-group {padding: 20px 0px 20px;}
.cb-location-map-step .pickup-location .form-group.whereTo-group {padding: 0px 0px 20px;}
.cb-location-map-step .cb-pickup-dtls-row .cb-pickup-dtls-one {height: calc(100% - 0px); width: 100%;}
.cb-location-map-step .cb-pickup-dtls-row .location-map {
    margin-top: 0px; margin-left: 0%; transition: all 0.6s ease; -webkit-transition: all 0.6s ease;
    transform: translateX(-70px); -webkit-transform: translateX(-70px); position: absolute; visibility: hidden;
    opacity: 0; z-index: -9; width: 100%; height: calc(100% - 55px); background: #fff;
}
.cb-location-map-step .cb-pickup-dtls-row.map-active .location-map {
    transform: translateX(0px); -webkit-transform: translateX(0px); visibility: visible;
    opacity: 1; z-index: 11;
}
.cb-location-map-step .location-map .btn-section {
	left: 15px !important; bottom: 10px !important; z-index: 9; display: block;
}
.cb-location-map-step .location-map .btn-section.next{left: auto !important; right: 15px !important;}
/*.cb-location-map-step .cb-pickup-dtls-one .btn-section {
	display: none; top: -9999px !important; left: -9999px !important;
}*/
.cb-listing-row .listing-left {width: 50%;}
.cb-listing-row .listing-right {width: 50%;}
.pickup-location .form-group {margin-bottom: 15px;}
.add-stop-location {padding: 15px 0px 15px !important;}
.add-stop-location .form-group {margin: 0px;}
.add-stop-location .form-control {height: 60px !important; padding: 6px 0px 8px !important;}
.order-track{ height:80px; padding: 10px 0px 0px;}
.add-stop-location .btn-stop {font-size: 22px;}
.order-track-status.circle {height: 18px; width: 18px; margin-right: 0px;}
.order-track-text {width: calc(100% - 0px); padding: 0px 5px; margin-top: -5px;}
.cb-step-wrap.cb-active-step .order-track-step:after {left: 5px;}
.map-details {display: none;}
.mobi-map-details{display: inline-block;}
.cb-driver-tracking-step .map-overlay-box.active { 
	width: calc(100% - 30px); height: calc(100% - 180px); padding: 15px 15px; left: 0px;
}
.event-listing-wrap .title {font-size: 28px; margin-bottom: 10px;}
.listing-dtls p, .booking-dtls p {font-size: 22px; font-weight: 600; line-height: 1.2;}
.end-date, .start-date {font-size: 20px !important;}
.cb-listing-row {padding: 15px 0px 20px;}
.bus-dashboard {
	width: calc(100% - 20px); height: 600px; padding: 20px 20px; left: 10px !important; top: 20px;
}
.map-close{display: block;}
.view-map {display: flex;}
.view-map {
    font-size: 18px; font-weight: 500; position: absolute; bottom: -5px; right: 0px; margin: 0 auto; z-index: 9;
    line-height: 1; display: flex; align-items: center; text-transform: uppercase; cursor: pointer;
}
.view-map .loc-icon {
    display: inline-block; height: 20px; width: 22px; background: url(../images/pin-block.png)no-repeat center;
    background-size: contain;
}
.bus-event-dtls-step .event-listing-wrap .listing-dtls .order-track.active {
    height: calc(100% - 300px);
}
.bus-event-dtls-step .listing-dtls.map-overlay-box p {margin: 0px 0px 7px;}
p.assigned-group {margin: 10px 0px 20px;}
.view-map {bottom: -10px;}
.group_chaticon {height: 28px; width: 28px; top: 22px; right: 5px;}

}
@media (max-width: 660px){	
	.header-row .search-bar {width: 200px;}
}
@media (max-width: 576px){
.header-row .search-bar {width: 180px;}	
.header-row .search-bar input {font-size: 22px; line-height: 22px;}
.cb_ctl_btn {width: 240px !important; height: 52px !important; font-size: 32px; line-height: 50px !important;}
#whereto_Txt:focus {width: 320px !important;}
.pac-container.whereTo_first{width: 320px !important;}
h1, h2, h3, h4, h5, h6 {margin: 0px 0px 15px; line-height: 1.2;}
.title {font-size: 30px;}
.pac-item {line-height: 50px; font-size: 28px;}
.pac-item-query {font-size: 28px;}

.header-row .menu-toggle {font-size: 32px;}
.menu-head a{font-size: 32px !important;}
.header-row {padding: 15px 0px 15px; width: calc(100% - 70px);}
.header-row .user-right {width: 100px;}
.header-row .user-right a {font-size: 24px;}
.topfull-close {font-size: 30px; right: 10px; top: 15px; padding: 0px 2px;}

.cb-side-menu {padding: 20px 15px 20px;}
.cb-side-menu.active {width: 85%;}
.cb-side-menu .menu-toggle {font-size: 32px;}
.cb-side-menu .cb-menu-list li a {letter-spacing: 0px; font-size: 24px;}
ul.ctrl-lst {width: 220px;}
ul.ctrl-lst li {width: 40px; height: 40px; line-height: 40px;}
ul.ctrl-lst li.active:before {width: 18px; height: 8px; left: 10px; top: 14px;}
form.profile, form.signup {height: calc(100% - 100px);}
.cb-pickup-dtls-row, .cb-listing-wrap {padding-top: 63px;}
.pickup-location .form-control{height: 68px; padding: 15px 0px; font-size: 30px; border-bottom-width: 10px;}
.current-location {margin-top: 30px;}
.cl-txt {font-size: 28px; padding-left: 45px;letter-spacing: -0.6px;}	
.gbs-icon {width: 40px; height: 40px;}

.pickup-datetime-inner {height: calc(100% - 150px);}
.pickup-datetime h4 {margin: 20px 0px 25px;}
.time-row {font-size: 28px; margin-bottom: 25px;}
.date-time-wrap {margin-bottom: 15px;}
.date-row {font-size: 28px;}
.date-row span {line-height: 1.4;}

.booking-dtls {padding: 20px 0px 30px;}
.cb-listing-row .listing-right .listing-img {padding-left: 20px;}
.booked-txt{margin: 0px 0px 20px;}
.recent-rides-list .booking-list p {font-size: 16px;}
.recent-rides-list .booking-list .booking-left .car-img img {height: 180px;}
.form-wrapper .form-row h5.title {font-size: 22px;}
.form-wrapper h4 {font-size: 26px; padding: 20px 0px 10px;}
.form-wrapper .form-control {height: 42px; font-size: 22px; line-height: 42px;}
.forgot-pwd {font-size: 16px;}
.form-group {margin-bottom: 15px;}
.errorspan {font-size: 13px;}

/*Auto Complete*/
.pac-item {line-height: 48px; font-size: 28px;}
.pac-item-query {font-size: 28px;}
.recent-rides-list .booking-list .name, .recent-rides-list .booking-list .date {font-size: 20px;}
.ridestatus {font-size: 18px; line-height: 32px; height: 36px; min-width: 120px;}
.ride-btn-group .ridestatus {font-size: 18px; min-width: 80px;}
.form-group label {font-size: 22px;}
.focused label {font-size: 15px;}
.form-group .profile-row.vehicle-row > div.css-2b097c-container {width: calc(100% - 50px); font-size: 22px;}
.form-group .profile-row label {width: 120px;}
.profile_box {height: 32px; width: 110px; line-height: 30px; font-size: 18px;}
.profile_box + span{font-size: 15px; width: 100px;}
.form-checkbox-row span {font-size: 20px;}
.form-checkbox-row span:before {width: 24px; height: 24px; line-height: 24px;}
.form-checkbox-row input[type=checkbox]:checked + span:before {height: 26px;width: 26px; background-size: 14px 18px;}
.userListing p {font-size: 18px;}	
.userListing p span.label {width: 105px;}
.userListing p span.txt {width: calc(100% - 115px); letter-spacing: 0px;}
.passenger.lg{ display: none;}
.passenger.sm{ display: block;}

 #field-wrapper{padding: 5px !important;}
.form-group.card-details-list label{width: 165px; margin-bottom: 0 !important;}
.form-group.card-details-list label{margin-left: 0.2em !important;}
.form-group.card-details-list label + label{width: 55px;}
.form-group.card-details-list label + label + label{width: 35px;}
.form-group.card-details-list .credit-card-input {font-size: 15px !important;}
.cb-driver-tracking-step .map-overlay-box.company-overlay .order-track, 
.cb-driver-tracking-step .map-overlay-box.user-overlay .order-track {
    height: calc(100% - 250px);
}
.map-overlay-box.active .comments-wrap {padding-right: 25px;}
.map-overlay-box.active .comments-wrap .remove-cmd {margin-left: 0px; position: absolute; top: 3px; right: 5px;}
.map-overlay-box .event-btn {margin: 0px 0px 0px; background: #fff; font-size: 18px;}
.cb-driver-tracking-step .map-overlay-box.listing-dtls p {font-size: 20px;}
.clear {font-size: 24px;}
.btn {width: 42px; height: 42px;}
.cb-driver-tracking-step .map-overlay-box.active {height: calc(100% - 140px);}
.upload-view-content .text-wrap button {bottom: -4px; width: 38px; height: 38px;}

.bus-tabs-nav a {padding: 10px 10px; font-size: 16px;}
.bus-tabs-nav li img {width: 50px; height: 50px;}
.bus-tabs-nav li span {margin: 8px 0px 6px;}
.bus-tabs-nav li:after {height: 4px;}
.bus-tabs-content {padding: 40px 0px 20px;}
.bus-tabs-content h3 {font-size: 32px;}
.bus-tabs-content p {font-size: 20px; margin: 0px 0px 40px;}
.bus-tabs-content .signup-btn {padding: 12px 14px 10px; font-size: 20px; max-width: 160px;}	
.bus-tabs-inner .bus-tabs-nav a {font-size: 18px; padding: 8px 4px;}
.bus-tabs-inner .bus-tabs-nav li img {width: 50px !important; height: 50px !important;}
.bus-tabs-inner .bus-tabs-nav li span {margin: 5px 0px 5px;}
.bus-tabs-inner .bus-tabs-content p {font-size: 22px; margin: 0px 0px 5px !important;}
.bus-label {font-size: 22px; right: 20px; bottom:10px;}
.close-stopdocument {right: 5px; top: 5px;}	
.bus-dashboard .bus-tabs-content h3 {font-size: 28px;}
.bus-dashboard .bus-tabs-content p {font-size: 20px; margin: 0px 0px 40px;}
.assigned-group-popup {height: calc(100% - 60px);top: 65px;}

	
}
@media (max-width: 480px){	
.recent-rides-list .booking-list {margin-bottom: 20px; width: 100%; padding: 0px 10px 0px 0px;}
.cb_ctl_btn {right: 0 !important; left: 0 !important; margin: 0 auto !important;}
.cb-open.cb_control_sec {height: calc(100% - 40px);}
.cb_control_sec {top: 20px;}
.map-overlay-box.listing-dtls .event-dtls-inner p{height: 28px; overflow: hidden;}
.order-track-text p {font-size: 20px !important; margin: 0px 0px 0px !important; height: 26px;}
.upload-view-content .text-wrap {height: 50px;}
.stops {margin: 2px 0px 2px;}
.addcomments {margin: 8px 0px 6px;}
.order-track-step {height: 200px;}
.order-track-step.add-comment-step {height: 250px;}
.order-track-step.add-upload-step{height: 260px;}
.header-row {width: calc(100% - 65px);}
.topfull-close {right: 5px;}
.bus-dashboard {height: 550px;}

}
@media (max-width: 460px){
.header-row .search-bar {width: 160px;}
.header-row .user-right {width: 80px;}

}
@media (max-width: 420px){
.form-group .profile-row label {margin-right: 5px;}
.profile_box {width: 90px; font-size: 14px;}
.profile_box + span {font-size: 13px; width: 80px;}
.cb-listing-row .listing-right .listing-img img {height: 310px;}

}
@media (max-width: 400px){		
.cb-listing-row .listing-left{order:2; width: 100%;}
.cb-listing-row .listing-right{order:1;  width: 100%;}
	
}
@media (max-width: 380px){	
.cb_ctl_btn {width: 220px !important;}
#whereto_Txt:focus {width: 280px !important;}
.pac-container.whereTo_first{width: 280px !important;}
.header-row {left: 15px; right: 15px;}
.cb-open.cb_control_sec {padding: 0px 15px 25px;}
.cb-details-wrap {left: 15px; right: 15px; width: calc(100% - 30px);}
.userListing p {font-size: 16px;}
.userListing p span.label {width: 95px;}
.userListing p span.txt {width: calc(100% - 105px);}	
	
}

.mapboxgl-canvas {position: absolute; top: 0; bottom: 0; width: 100%; height: 100%;}
.marker {background-size: contain; width: 50px; height: 50px; cursor: pointer; background-repeat:no-repeat;}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image: url(../images/plus.svg);}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image: url(../images/minus.svg);}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image: url(../images/compass.svg);}