@charset "utf-8";

/* CSS Document */






@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.eot');
    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}











html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	background-color: #fff;

	color: #000;

	font-family: 'open_sansregular' !important;

	font-size: 17px;

}

html * {

	outline: none;

}

ol, ul, li {

	list-style: none;

	margin: 0px;

	padding: 0px;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a {

	text-decoration: none;

}

a:focus, a:hover {

	outline: none;

	text-decoration: none;

}

outline {

	border: 0;

}

.lft {

	float: left;

}

.rgt {

	float: right;

}

.clear {

	clear: both;

	line-height: 0;

	font-size: 0;

}

a, input, textarea {

	transition: 0.5s all ease-in-out;

	-moz-transition: 0.5s all ease-in-out;

	-webkit-transition: 0.5s all ease-in-out;

}

img {

	max-width: 100%;

	height: auto;

}



.modal-content {

	-webkit-border-radius: 0px !important;

	-moz-border-radius: 0px !important;

	border-radius: 0px !important;

	border-radius: 8px !important;

}

.modal-header {

	border-radius: 6px 6px 0 0 !important;

}



/****header-tpo*******/



.header-top {

	background: #017267;

	padding: 8px 0;

}

.header-call p i {

	color: #fff;

}

.header-call p {

	color: #fff;

}

.header-mail p {

	float: right;

	border-right: 1px solid #f2f2f2;

	padding: 10px;

	padding-right: 40px;

}

.header-mail p a {

	color: #fff;

	text-decoration: none;

	font-size: 13px;

}

.header-mail p i {

	color: #fff;

}

.main-header {

	background: #009688;

	padding: 8px 0;

}

.book-appointment ul {

 font-size:;

	float: right;

}

.book-appointment ul li {

	float: left;

	padding-left: 15px;

}

.book-appointment ul li h4 a {

	color: #fff;

	border: 1px solid #fff;

	padding: 15px 45px;

	border-radius: 30px;

	text-transform: uppercase;

}

.book-appointment ul li h4 {

	margin-top: 35px;

}

.book-appointment ul li p a {

	color: #fff;

	font-size: 21px;

	font-weight: 700;

	border: 1px solid #fff;

	padding: 10px 20px;

	border-radius: 30px;

}

.book-appointment ul li p {

	margin-top: 30px;

}

.header-social ul {

	float: right;

}

.header-social li {

	float: left;

	padding-left: 18px;

}

.header-social ul li a {

	color: #fff;

}

.header-mail p a:hover {

	color: #f82e6c;

}

.header-mail p:hover i {

	color: #f82e6c;

}

.header-social ul li a:hover {

	color: #1aead7;

}

.book-appointment ul li p a:hover {

	color: #f82e6c;

	border: 1px solid #f82e6c;

}

.book-appointment ul li h4 a:hover {

	color: #f82e6c;

	border: 1px solid #f82e6c;

}





.login, .register

{

	cursor: pointer

}

.login {

	cursor: pointer;

	text-align: right;

}



.login-button, .registration-button

{

	background-color:#009688;

	color:#fff;

}

/**********menu part***********/



.menu-toggle {

	display: none;

}

.menu-block li {

	float: none;

	display: inline-block;

	position: relative;

}

.menu-block {

	display: block;

	text-align: right;

	margin-top: 10px;

	z-index: 999;

}

.menu-block li a {
	padding: 0px 12px 5px;
	display: block;
	color: #fff;
	border-bottom: 1px solid transparent;
	font-size: 15px;
	text-decoration: none;
	border-radius: 0px;
	cursor: pointer;
	text-transform: capitalize;
}

.logo a img {
	width: 49%;
	padding: 8px 0 0 0;
}



.menu-block li a:hover, .menu-block li a.active {
	color: #fff;
	border-bottom: 1px solid #069386;
}

.menu {

	background: #f82e6c;

}

.menu-block li.active a {

	color: #fff;

}

.profile-form label {
	font-size: 12px;
}

.profiles-menu a {
	position: relative;
	color: #fff;
	padding: 10px 0;
	display: inline-block;
	text-transform: capitalize;
}

.profile-dropdown {
	position: absolute;
	top: 38px;
	left: 20px;
	display: none;
	background: rgb(0, 150, 136);
	width: 80%;
	z-index: 200;
	border-radius: 6px;
	box-shadow: 0 0 7px -5px #000;
}
.profile-dropdown li:nth-child(3) {
	border: 0;
}

.profile-dropdown li:hover {
	background: #004d45;
	transition: all ease-in 0.4s;
}

.profile-dropdown li {
	padding: 0 20px;
	border-bottom: 1px solid #0a9f91;
}

.profile-dropdown li a {
	width: 100%;
	display: block;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 0;
}

.profiles-menu:hover .profile-dropdown

{

	display:block

}



.login a {

	color: #fff;

	border: 1px solid #017267;

	border-radius: 2px;

	padding: 11px 41px;

	display: inline-block;

	text-transform: uppercase;

	/* margin-top: 5px; */

	background: #017267;

	border-radius: 4px;

}

.login a:hover {

	background: none;

	border: 1px solid #fff;

	color: #fff;

	text-decoration: none;

}

.vech_types

{

	border-bottom: 1px solid #f82e6c;

	color: #000;

	padding:10px 0;

}

.driver-profile form input[type="text"], .driver-profile form input[type="tel"], .driver-profile form input[type="email"] {

	color: #000;

}

.driver-profile form label {

	color: #000;

}

}

/*********banner******/







.main-banner, .inner-banner {

	position: relative;

}

.banner-text {

	position: absolute;

	top: 32%;

	z-index: 9;

	/* background: rgba(255,255,255,0.4); */

	width: 780px;

	/* padding: 30px; */

	left: 10%;

	border-radius: 15px;

}

.banner-text h2 {
	font-size: 25px;
	color: #fff;
	line-height: 38px;
	text-transform: capitalize;
	margin: 0 0 0;
	font-family: 'open_sanssemibold';
}

.banner-text h3 {
	font-size: 19px;
	color: #fff;
	text-transform: capitalize;
}

.banner-text h4 a {

	display: inline-block;

	color: #fff;

	text-transform: uppercase;

	background: #009688;

	padding: 14px 45px;

	border-radius: 4px;

	margin: 35px 0 0;

}

/**************** What Section Start **********/

.about-block {

	padding-top: 40px;

	padding-bottom: 60px;

}

.about-title {

	text-align: center;

	margin-bottom: 40px;

}

.about-title h2 {
	font-size: 25px;
	color: #000;
	position: relative;
	padding: 0 0 14px;
	margin-bottom: 22px;
}

.about-title h2 span{

	color:#009688;

}

.about-title h2:after{

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	width:86px;

	height:2px;

	background:#009688;

	content:'';

	z-index:99;

	margin:0 auto;

}

.about-title p {
	font-size: 13px;
	color: #5b5b5b;
	width: 58%;
	margin: 0 auto;
	line-height: 20px;
}

.about-detail-each {
	text-align: center;
	box-shadow: 0px 0 11px -5px #bdb8b8;
	padding: 30px 20px;
	height: auto;
	border-radius: 8px;
}

.about-detail-each .about-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	text-align: center;
	border: 2px solid #009688;
	border-radius: 50%;
	padding-top: 10px;
}
.about-icon img {
	transform: scale(.7);
}

.about-detail-each h3 {
	font-size: 17px;
	color: #009688;
	line-height: 0;
	margin: 30px 0 22px;
	text-transform: capitalize;
	font-family: 'open_sansregular';
}

.about-detail-each p {
	font-size: 12px;
	color: #000;
	line-height: 20px;
}

/***************** Why Section Start *************/

.why-block {

	background: url(../images/why-bg.png) no-repeat 0 0;

	background-size: cover;

	padding-top: 46px;

	padding-bottom: 80px;

	background-attachment: fixed;

}

.why-title {
	text-align: center;
	margin-bottom: 82px;
}

.why-title h2 {
	font-size: 25px;
	color: #fff;
	position: relative;
	padding: 0 0 14px;
	margin-bottom: 22px;
}

.why-title h2 span{

	color:#00c8b5;


}

.why-title h2:after{

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	width:86px;

	height:2px;

	background:#00c8b5;

	content:'';

	z-index:99;

	margin:0 auto;

}

.why-title p {
	font-size: 13px;
	color: #fff;
	width: 58%;
	margin: 0 auto;
	line-height: 20px;
}

.lt-part ul li {
	color: #fff;
	border-top: 1px solid #636668;
	padding: 10px 0 10px 33px;
	position: relative;
	font-size: 15px;
}

.lt-part ul li::before {
	position: absolute;
	left: 0;
	top: 12px;
	width: 19px;
	height: 19px;
	content: '';
	background: url(../images/li-before.png) no-repeat;
}
.row.why-bottom a img {
	width: 37%;
	margin: 0 8px 0 0;
}

.lt-part ul li:last-child{

	border-bottom:1px solid #636668;

}

.lt-part ul{

	margin:0 0 28px 0;

}

.why-bottom h4 {

	text-align: center;

	margin-top: 70px;

}

.why-bottom h4 a {

	display: inline-block;

	background: #009688;

	padding: 18px 43px;

	color: #fff;

	font-size: 20px;

	border-radius: 10px;

	border: 1px solid #009688;

}

.md-part p {
	font-size: 14px;
	color: #fff;
	line-height: 23px;
	margin-bottom: 15px;
}

/*************** Estimate Section Start **************/

.estimate-block {

	padding-bottom: 60px;

	padding-top: 50px;

}

.estimate-title {

	text-align: center;

	margin-bottom: 40px;

}

.estimate-title h2 {
	font-size: 25px;
	color: #000;
	position: relative;
	padding: 0 0 14px;
	margin-bottom: 22px;
}

.estimate-title h2 span{

	color:#009688;


}

.estimate-title h2:after{

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	width:86px;

	height:2px;

	background:#00c8b5;

	content:'';

	z-index:99;

	margin:0 auto;

}

.estimate-title p {
	font-size: 13px;
	color: #5b5b5b;
	width: 58%;
	margin: 0 auto;
	line-height: 20px;
}

.estimate-lt h2 {

	font-size: 30px;

	color: #000;

	margin: 0 0 16px 0;

}

.estimate-lt h2 span{

	color:#009688;


}

.estimate-lt h4 {

	font-size: 18px;

	color: #000;

	line-height: 27px;

	margin: 0 0 35px;

}

.estimate-lt h4 span{


	color:#009688;

}

.location input[type="text"] {
	background: none;
	border: 1px solid #ccc;
	width: 100%;
	display: block;
	margin: 0 0 10px;
	padding: 13px;
	border-radius: 7px;
	font-size: 14px;
	color: #000;
	position: relative;
	height: 50px;
}

.loc-icon {
	position: absolute;
	top: 50%;
	right: 4%;
	font-size: 28px;
	color: #888;
	transform: translate(-50%, -50%);
}

.location input[type="submit"] {
	background: #009688;
	display: block;
	margin: 0 0 10px;
	padding: 0 31px;
	border-radius: 0 7px 7px 0;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #009688;
	position: relative;
	height: 50px;
}

#destination-input {

	position: relative;

}

.desti-send span {
	position: absolute;
	top: 9px;
	z-index: 999;
	left: 24px;
	font-size: 21px;
	color: #fff;
}
.footer-lt img {
	width: 34%;
}

.desti-send {
	position: absolute;
	right: 0;
	top: 0;
}



/************* Partner Block Start **************/

.partner-block{

	background:url(../images/partner-bg.jpg) no-repeat 0 0;

	background-size:cover;

	padding-bottom:45px;

	padding-top:45px;

	display:none;

}

/*.partner-block{

	line-height:0;

}*/

.partner-block img{

	width:100%;

}

.partner-title {

	text-align: center;

	margin-bottom: 40px;

}

.partner-title h2{

	font-size:30px;

	color:#fff;

	position:relative;

	padding:0 0 14px;

	margin-bottom:22px;

}

.partner-title h2 span{

	color:#009688;


	text-transform: uppercase;

}

.partner-title h2:after{

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	width:86px;

	height:2px;

	background:#00c8b5;

	content:'';

	z-index:99;

	margin:0 auto;

}

.partner-title p {

	font-size: 15px;

	color: #fff;

	width: 58%;

	margin: 0 auto;

	line-height: 23px;

}

.driver-block {

	text-align:center;

	border:1px solid #727272;

	border-radius:5px;

	padding:0 0 55px;

}

.driver-block h3 {


	color: #009688;

	text-transform: uppercase;

	font-size: 24px;

	padding: 60px 0;

	border-bottom:1px solid #727272;

}

.driver-block ul li {

	color: #c2c1c1;

	text-transform: uppercase;

	padding: 20px 0;

	border-bottom: 1px solid #727272;

	font-size: 20px;

}

.partner-bottom-rt h3 {


	color: #009688;

	font-size: 25px;

	line-height: 31px;

	text-align: center;

	margin:0 0 35px 0;

}

.partner-form {

	border: 1px solid #727272;

	border-radius: 4px;

	padding: 44px 30px;

}

.partner-form ul li {

	width: 100%;

	float: left;

	color: #fff;

	position: relative;

	margin: 0 0 4px;

	font-size: 18px;

}

.form-group {

	margin-bottom: 15px;

	color: #fff !important;

}

.partner-form ul{

	margin:0 0 25px;

}

.partner-bottom-rt h4 {


	color: #009688;

	font-size: 25px;

	padding: 0 0 20px 0;

	display: block;

}

.gender {

	width: auto !important;

	margin: 20px 0px;

}

.partner-form input[type="text"], .partner-form input[type="password"] {

	border: 1px solid #727272;

	width: 48%;

	background: none;

	color: #fff;

	border-radius: 3px;

	padding: 15px;

	margin: 0 10px 20px 0;

	font-size: 18px;

	background: rgba(0, 0, 0, 0.5);

}

.partner-form input[type="tel"] {

    border: 1px solid #727272 !important;

    width: 98%;

    background: none;

    border-radius: 0 4px 4px 0 !important;

    /* padding: 17px 17px !important; */

    height: 48px;

    margin: 0 0 19px 0;

		font-size: 18px;



}

.partner-form input[type="email"] {

	border: 1px solid #727272;

	width: 98%;

	background: none;

	color: #fff;

	border-radius: 3px;

	padding: 15px;

	margin: 0 10px 20px 0;

	font-size: 18px;

	background: rgba(0, 0, 0, 0.5);

}

.input-group-addon, .input-group-btn {

	width: 1%;

	white-space: nowrap;

	vertical-align: top !important;

}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {

	margin-right: -1px;

	line-height: 24px !important;

}

.basic-info form select {

	border: 1px solid #727272;

	width: 99%;

	background: #000000;

	color: #ffffff;

	border-radius: 3px;

	padding: 15px;

	margin: 0 10px 20px 0;

	font-size: 18px;

}

.partner-form textarea{

	border: 1px solid #727272;

	width: 98%;

	background: none;

	color: #fff;

	border-radius: 3px;

	padding: 15px;

	resize:none;

	margin: 0 10px 20px 0;

	font-size: 18px;



}

.partner-inner-form input[type="submit"] {

	background: #5dbbb2;

	border: 0;

	color: #fff;

	padding: 15px 70px;

	float: right;

	text-align: center;

	border-radius: 5px;

	font-size: 19px;

	border: 1px solid #5dbbb2;

}

/**************** Agent Block *****************/

.agent-block {

	background: url(../images/agent-bg.jpg) no-repeat 0 0;

	background-size: cover;

	padding: 74px 0;

	display: none;

}

.agent-block h3{



	color:#fff;

	font-size:24px;

	text-transform:uppercase;

}

.agent-block h3 a {

	color: #000;

	background: #fff;

	display: inline-block;

	border-radius: 5px;

	padding: 21px 36px;

	margin: 25px 0 0;

	font-size: 23px;

}

.agent-block h3 a:hover {

	background: #000;

	color: #fff;

}

.agent-block h4 a:hover {

	background: #fff;

	color: #000;

}

.partner-inner-form input[type="submit"]:hover {

	background: none;

	border: 1px solid #5dbbb2;

	color: #5dbbb2;

}

.agent-rt {

	text-align: right;

}

.agent-block h4 a{

	font-size:18px;

	color:#fff;

	text-transform:uppercase;

	border:3px solid #fff;

	padding:16px 65px;

	display:inline-block;

	margin:25px 0 0;

	border-radius:4px;

}

/************* Footer Top Start **************/

.footer-top{

	background:#1e1d1c;

	padding:70px 0 30px;

}

.footer-lt p {
	font-size: 13px;
	color: #fff;
	line-height: 21px;
	margin: 20px 0;
}

.footer-social li{

	float:left;

	margin:0 20px 0 0;

}

.footer-social li a {
	color: #fff;
	font-size: 24px;
}

.footer-top h3 {
	text-transform: uppercase;
	font-size: 15px;
	line-height: 22px;
	padding: 0 0 16px;
	position: relative;
	margin-bottom: 20px;
	color: #fff;
}

.footer-top h3:after{

	position:absolute;

	width:100%;

	height:1px;

	background:#312f2e;

	left:0;

	bottom:0;

	content:'';

	z-index:9;

}

/*.useful-menu ul {

	float: left;

	width: 50%;

}*/

.useful-menu ul li{

	padding:10px 0;

	border-bottom:1px solid #312f2e;

}

.useful-menu ul li a {
	color: #fff;
	font-size: 12px;
	position: relative;
}

.about-menu ul li{

	padding:10px 0;

	border-bottom:1px solid #312f2e;

}

.about-menu ul li a{

	color:#fff;

	font-size:15px;

	position:relative;

}

.footer-bottom{

	background:#0d0c0b;

	padding:10px 0 15px;

}

.footer-bottom p{

	color:#444343;

	font-size:13px;

}

.copy{

	float:left;

}

.power{

	float:right;

	text-align:right;

}

/***************** Sliding Menu *****************/

.slide-menu a {

	color: #fff;

	font-size: 18px;

	margin: 0 0 10px;

	display: inline-block;

}

.slide-menu h4 {

	text-align: center;

	width: 250px;

	display: block;

	margin: 0 auto 14px;

}

.slide-menu h4 a {

    display: block;

    border: 1px solid #036f65;

    padding: 16px 0;

    text-transform: uppercase;

    font-size: 14px;

    line-height: 16px;

    border-radius: 4px;

    background: #036f65;

}

.slide-menu h4 a:hover {

	background: none;

	border: 1px solid #fff;

}

.arrow {

	text-align: left;

	padding-left: 26px;

	margin: 0;

	line-height: 13px;

}

.slide-menu-icon {
	position: relative;
	left: 30px;
	width: 44px;
	display: none;
}

.slide-menu-close {

	position: absolute;

	right: 10px;

	width: 44px;

	/*transition: all ease-in-out 0.4s;*/

	top: 0;

}

.slide-menu-icon::before {

	position: absolute;

	display: inline-block;

	color: #fff;

	font-size: 25px;

	cursor: pointer;

	top: 7px;

	line-height: 25px;

	font-family: 'FontAwesome';

	content: '\f0c9';

	z-index: 9;

}

.slide-menu-close:before {

	position: absolute;

	display: inline-block;

	color: #fff;

	font-size: 25px;

	cursor: pointer;

	top: 14px;

	line-height: 25px;

	font-family: 'FontAwesome';

	content: '\f00d';

	z-index: 9;

}

.slide-menu {

	width: 300px;

	text-align: center;

	background: #009688;

	position: fixed;

	left: -100%;

	top: 0;

	z-index: 9999;

	height: 100%;

	-moz-transition: all ease-in-out 0.9s;

	-ms-transition: all ease-in-out 0.9s;

	-webkit-transition: all ease-in-out 0.9s;

	-o-transition: all ease-in-out 0.9s;

	transition: all ease-in-out 0.9s;

	padding-top: 100px;

	opacity:0.9;

}

.slide-menu-open {

	left: 0;

	-moz-transition: all ease-in-out 0.5s;

	-ms-transition: all ease-in-out 0.5s;

	-webkit-transition: all ease-in-out 0.5s;

	-o-transition: all ease-in-out 0.5s;

	transition: all ease-in-out 0.5s;

}

.push-menu-right {

	left: 300px;

}

.slide-overlay {

	position: fixed;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

	left: 0;

	z-index: 99;

	display: none;

}

.slide-overlay-open {

	left: 0;

}

.slide-menu > ul {

	margin: 60px 0 0px;

}

.slide-menu > ul li {

	margin: 0 0 10px;

	display:block;

	position:relative;

}

.slide-menu ul li > ul {

	position: absolute;

	z-index: 99;

	left: 0;

	top: 40px;

	right: 0;

	display: none;

	background: #0a8074;

	padding: 25px 10px;

}

.arrow{

	position:relative;

}

.arrow:hover {

	background: #0b6c64;

	transition: all ease-in 0.4s;

	cursor:pointer;

}

.arrow a {

	margin: 0;

	line-height: 40px;

}

.side-logo {

	margin-bottom: 35px;

}

.arrow::after {

	position: absolute;

	right: 44px;

	top: 13px;

	z-index: 9;

	content: '\f105';

	width: auto;

	height: auto;

	font-family: 'FontAwesome';

	font-size: 20px;

	color: #fff;

}

/*********** Modal Custom css **********/

.panel-login > .panel-heading a {

	text-decoration: none;

	color: #666;

	font-weight: bold;

	font-size: 15px;

	-webkit-transition: all 0.1s linear;

	-moz-transition: all 0.1s linear;

	transition: all 0.1s linear;

}

.panel-login > .panel-heading a.active {

	color: #009688;

	font-size: 18px;


}

.btn-login, .btn-register {

	background-color: #009688 !important;

	outline: none;

	color: #fff !important;

	font-size: 16px !important;

	height: auto;

	font-weight: bold;

	padding: 11px 0 11px 0 !important;

	text-transform: uppercase;

	border-color: #009688 !important;

}

/***********************/

.basic-info {

	position: relative;

}

.switch {

	position: absolute;

	display: inline-block;

	width: 90px;

	height: 47px;

	right: 0;

	top: 0;

	left: 0;

	margin: 0 auto;

	z-index: 9999;

	background: #000;

	border-radius: 10px;

}

.switch input {

	display: none;

}

input:checked + .slider {

	background-color: #0ea725;

}

.label-name {

	position: absolute;

	width: 100%;

	height: 47px;

	line-height: 47px;

	padding: 0px 10px;

	text-transform: uppercase;

	color: #fff;

}

.slider::before {

	position: absolute;

	content: "";

	height: 39px;

	width: 39px;

	left: 4px;

	bottom: 4px;

	background-color: white;

	-webkit-transition: .4s;

	transition: .4s;

}

.slider.round::before {

	border-radius: 50%;

}

input:checked + .slider::before {

	-webkit-transform: translateX(42px);

	-ms-transform: translateX(42px);

	transform: translateX(42px);

}



/************ About InerPage Start ****************/

.inner-about-title {

	margin-bottom: 40px;

}

.inner-about-title h2{

	text-align:center;

	font-size:30px;

	color:#000;

	position:relative;

	padding:0 0 14px;

	margin-bottom:22px;

}

.inner-about-title h2 span{

	color:#009688;

}

.inner-about-title h2:after{

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	width:86px;

	height:2px;

	background:#009688;

	content:'';

	z-index:99;

	margin:0 auto;

}

.inner-about-title p {

	font-size: 16px;

	color: #000;

	margin: 0 0 21px;

	line-height: 27px;

}

.inner-about-title h4 {

	font-size: 24px;

	line-height: 26px;

	color: #009688;

	margin: 0 0 10px;


}

.inner-about-title ul li {

	padding: 0 0 0 26px;

	margin: 0 0 11px 0;

	position: relative;

	font-size: 16px;

}

.inner-about-title ul li::before {

	position: absolute;

	left: 0;

	top: 3px;

	z-index: 9;

	content: '\f0a4';

	color: #009688;

	font-size: 16px;

	font-family: 'FontAwesome';

}



/************ Ride InerPage Start ****************/

.ride-block {

	padding-top: 40px;

	padding-bottom: 40px;

	margin-top: -100px;

	background: #fff;

}

.inner-ride-title {

	margin-bottom: 18px;

}

.inner-ride-title h2 {

	text-align: center;

	font-size: 30px;

	color: #000;

	position: relative;

	padding: 15px;

	margin: 0 auto;

	display: block;

	background: #fff;

	/* width: 380px; */

	border-top: 2px solid #009688;

}

.inner-ride-title h2 span{

	color:#009688;


}

.inner-ride-title h2:after{

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	width:86px;

	height:2px;

	background:#009688;

	content:'';

	z-index:99;

	margin:0 auto;

}



.ride-text h3 {

	text-align: center;

	font-size: 22px;

	line-height: 30px;

	margin: 0 0 16px;

	text-transform: capitalize;

	color: #009696;

}

.ride-text h3 span{

	display:block;

}

.choose-each {

	text-align: center;

	margin: 40px 0;

	/* padding: 10px; */

	border-right: 1px dashed #009688;

}

.choose-each:nth-child(4) {

    border-right: 0;

}

.travel-each:nth-child(4) {

    border-right: 0;

}



.choose-each img {

	width: auto;

	height: 100px;

	object-fit: cover;

	margin: 0 auto;

}

.choose-each h4{

	font-size:20px;

	color:#009696;

	padding:10px 0;

	font-weight:bold;

}

.choose-each p {

	font-size: 15px;

	line-height: 24px;

}

.choose-main-img img {

	margin-top: 80px;

}

.choose-btn {

	text-align: center;

	margin-top: 30px;

	margin-bottom: 30px;

}

.choose-btn a {

	background: #fff;

	color: #18819d;

	border: 1px solid #18819d;

	font-size: 15px;

	text-transform: uppercase;

	padding: 15px 60px;

	border-radius: 4px;

}

.choose-btn a:hover{

	border: 1px solid #18819d;

	background:#18819d;

	color:#fff;

}

/********services***********/

.tab-ride-title {

	margin-bottom: 18px;

}

.tab-ride-title h2 {

	text-align: center;

	font-size: 30px;

	color: #000;

	position: relative;

	padding: 15px;

	margin: 0 auto;

	display: block;



}

.tab-ride-title h2 span{

	color:#009688;


}

.tab-ride-title h2:after{

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	width:86px;

	height:2px;

	background:#009688;

	content:'';

	z-index:99;

	margin:0 auto;

}

.our-services {

	padding-bottom: 40px;

	background: #F0F0F0;

}

.services-tab {

	margin: 30px 0;

}

.service-tab-head li {

	width: 100%;

	margin-bottom:20px;

	font-size:23px;

}

.service-tab-head > li.active > a, .service-tab-head > li.active > a:focus, .service-tab-head > li.active > a:hover {

	color: #009688;

	cursor: default;

	background: #fff;

	border:1px solid #009688;

	border-radius: 4px;

}

.service-tab-head > li > a {

	background: no-repeat;

	color: #009688;

	border-radius: 0;

	border-bottom: 1px dashed #18819d;

	padding: 10px 20px;

	border-radius: 0;

	text-align: left;

}

.service-tab-head > li > a:hover{

	background: #fff;

	color: #009688;

	border:1px solid #009688;

	border-radius: 4px;

}

.icon-img {

	float: left;

	margin: 0 40px 0 20px;

}

.icon-img i {

	font-size: 28px;

}

.service-tab-head > li > a > span > i {

	float: right;

	line-height: 32px;

	font-size: 17px;

	margin-right: 10px;

}

.service-tab-content h3 {

	font-size: 30px;

	text-align: center;

	color: #18819d;

	padding-bottom: 10px;

}

.service-tab-content p {

	font-size: 15px;

	text-align: center;

	line-height: 27px;

}

.service-tab-content img {

	width: auto;

	height: 300px;

	margin: 0 auto 26px;

	/* box-shadow: 0 0 6px #009688; */

}

.serv-btn {

	text-align: center;

	margin: 35px 0;

}

.serv-btn a {

	background: #009688;

	color: #fff;

	padding: 15px 80px;

	font-size: 17px;

	text-transform: uppercase;

	border-radius: 4px;

	border:1px solid #009688;

}

.serv-btn a:hover{

	background:#fff;

	color:#009688;

	border:1px solid #009688;

}

.service-tab-head {

	border-bottom: none;

}

/********end******/

/******* Travel Option Start ***********/

.travel-block {

	padding-top: 0;

	padding-bottom: 40px;

	/* margin-top: -100px; */

	background: #f0f0f0;

}

.inner-ride-title {

	margin-bottom: 18px;

}

.travel-title h2 {

	text-align: center;

	font-size: 30px;

	color: #000;

	position: relative;

	padding: 15px;

	margin: 0 auto;

	display: block;



}

.travel-title h2 span{

	color:#009688;


}

.travel-title h2:after{

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	width:86px;

	height:2px;

	background:#009688;

	content:'';

	z-index:99;

	margin:0 auto;

}



.travel-text h3 {

	text-align: center;

	font-size: 22px;

	line-height: 30px;

	margin: 0 0 16px;

	text-transform: capitalize;

	color: #009696;

}

.travel-text h3 span{

	display:block;

}

.travel-each {

	text-align: center;

	margin: 40px 0;

	/* padding: 10px; */

	border-right: 1px dashed #009688;

}



.travel-each img {

	width: auto;

	height: 100px;

	object-fit: cover;

	margin: 0 auto 20px;

}

.travel-each h4{

	font-size:20px;

	color:#009696;

	padding:10px 0;

	font-weight:bold;

}

.travel-each p {

	font-size: 15px;

	line-height: 24px;

}

.travel-main-img img {

	margin-top: 80px;

}

.travel-btn {

	text-align: center;

	margin-top: 30px;

	margin-bottom: 30px;

}

.travel-btn a {

	background: #fff;

	color: #18819d;

	border: 1px solid #18819d;

	font-size: 15px;

	text-transform: uppercase;

	padding: 15px 60px;

	border-radius: 4px;

}

.travel-btn a:hover{

	border: 1px solid #18819d;

	background:#18819d;

	color:#fff;

}

/********** Travel Option End **********/

/************ Contact US Page Start *************/

.contact-block {

	background: #fff;

	color: #000;

	padding-top: 40px;

	padding-bottom: 40px;

}

.con-title {

	text-align: center;

	margin: 0 0 35px;

}

.con-title h2 {

	text-transform: uppercase;

	font-size: 25px;

	color: #009688;

	margin: 0 0 10px 0;

}

.con-title h2 span{

	color: #000;

}

.con-title p {

	font-size: 14px;

	color: #000;

	padding: 0 70px 30px;

	margin: 0 0 10px 0;

	display: inline-block;

	border-bottom: 1px solid #cec7c7;

	position: relative;

}

.con-title p::after {

	position: absolute;

	left: 0;

	right: 0;

	width: 44px;

	height: auto;

	margin: 0 auto;

	font-family: 'FontAwesome';

	content: '\f0d7';

	z-index: 999;

	color: #009688;

	font-size: 32px;

	bottom: -20px;

	display: inline-block;

	background: #fff;

}

.info-each {

	margin: 0 0 28px;

}

.info-icon {

	width: 20%;

	float: left;

	text-align: center;

	padding: 10px 0;

}

.info-icon i.fa {

	font-size: 27px;

	color: #009688;

}

.info-text {

	width: 79%;

	float: left;

	border-left: 1px solid #9c9595;

	padding: 10px 0 10px 25px;

}

.info-text h3 {

	font-size: 14px;

	text-transform: uppercase;

	color: #000;

	margin: 0 0 8px;

}

.info-text p {

	color: #000;

}

.info-text p a {

	color: #000;

}

.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], textarea {

	border: none;

	background: none;

	width: 100%;

	border-bottom: 1px solid #000;

	margin: 0px 0 20px;

	padding: 10px;

	color:#000;

}

.contact-form textarea{

	resize:none;

}

.contact-form input[type="submit"] {

	background: none;

	border: 1px solid #000;

	padding: 8px 0;

	width: 150px;

	color:#000;

}

.innerbanner {

	line-height: 0;

}

/************ Drive InerPage Start ****************/



.drive-block {

	padding-top: 40px;

	padding-bottom: 40px;

	margin-top: -100px;

	background: #fff;

}

.inner-drive-title {

	margin-bottom: 18px;

}

.inner-drive-title h2 {

	text-align: center;

	font-size: 30px;

	color: #000;

	position: relative;

	padding: 15px;

	margin: 0 auto;

	display: block;

	background: #fff;

	/* width: 380px; */

	border-top: 2px solid #009688;

}

.inner-drive-title h2 span{

	color:#009688;

	font-family: 'Raleway-SemiBold';

}

.inner-drive-title h2:after{

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	width:86px;

	height:2px;

	background:#009688;

	content:'';

	z-index:99;

	margin:0 auto;

}



.drive-text h3 {

	text-align: center;

	font-size: 22px;

	line-height: 30px;

	margin: 0 0 16px;

	text-transform: capitalize;

	color: #009696;

}

.drive-text h3 span{

	display:block;

}

.drive-each {

	text-align: center;

	margin: 40px 0;

	/* padding: 10px; */

	/* border-right: 1px dashed #009688; */

}



.drive-each img {

	width: auto;

	height: 100px;

	object-fit: cover;

	margin: 0 auto;

}

.drive-each h4{

	font-size:20px;

	color:#009696;

	padding:10px 0;

	font-weight:bold;

}

.drive-each p {

	font-size: 15px;

	line-height: 24px;

}

.drive-main-img img {

	margin-top: 80px;

}

.drive-btn {

	text-align: center;

	margin-top: 30px;

	margin-bottom: 30px;

}

.drive-btn a {

	background: #fff;

	color: #18819d;

	border: 1px solid #18819d;

	font-size: 15px;

	text-transform: uppercase;

	padding: 15px 60px;

	border-radius: 4px;

}

.drive-btn a:hover{

	border: 1px solid #18819d;

	background:#18819d;

	color:#fff;

}

.step-block {

	background: #f0f0f0;

	padding-top: 35px;

	padding-bottom: 50px;

}

.step-title {

	margin-bottom: 30px;

}

.step-title h2 {

	text-align: center;

	font-size: 30px;

	color: #000;

	position: relative;

	padding: 15px;

	margin: 0 auto;

	display: block;



}

.step-title h2 span{

	color:#009688;



}

.step-title h2:after{

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	width:86px;

	height:2px;

	background:#009688;

	content:'';

	z-index:99;

	margin:0 auto;

}

.step-each {

	text-align: center;

}

.step-each h2{

	font-size:20px;

	line-height:22px;

	margin:0 0 8px 0;

	color:#009688;

}

.step-block h4 {

	text-align: center;

	margin: 25px 0 0;

}

.step-each p {

	font-size: 14px;

	line-height: 23px;

}

.step-block h4 a {

	display: inline-block;

    background: #009688;

    padding: 15px 40px;

    color: #fff;

    font-size: 18px;

    line-height: 20px;

    border: 1px solid #009688;

    border-radius: 4px;

}

.step-block h4 a:hover {

	background: #fff;

	color: #009688;

	border:1px solid #009688;

}



/******testimonials*******/

.testi-title {

	margin-bottom: 30px;

}

.testi-title h2 {

	text-align: center;

	font-size: 30px;

	color: #000;

	position: relative;

	padding: 15px;

	margin: 0 auto;

	display: block;



}

.testi-title h2 span{

	color:#009688;


}

.testi-title h2:after{

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	width:86px;

	height:2px;

	background:#009688;

	content:'';

	z-index:99;

	margin:0 auto;

}

.title-head h5 {

	font-size: 19px;

	text-align: center;

}

.testimonials {

	padding: 30px 0;

}

.testi-image-slider{

	width: 800px !important;

	margin: 0 auto;

}

.testi-image-slider .item img {

	width: 160px !important;

	height: 160px !important;

	border-radius: 50%;

}

.testi-head h4 {

	color: #18819d;

	text-align: center;

	font-size: 20px;

	padding: 15px 0;

}

.testi-text p {

	text-align: center;

	padding: 0 90px;

	font-size: 15px;

	line-height: 27px;

}

.testi-slider .owl-item.active.center img {

	border: 2px solid #18819d;

	padding: 0;

}

.testi-slider .owl-item img {

	border: 2px solid #ccc;

	padding: 0 !important;

}

.testi-image-slider{

	padding-top:20px;

}



/*************** City Page Start ***************/

.find-city {

	margin: 28px 0;

}

.find-city input[type="text"] {

	width: 80%;

	margin: 0 auto;

	position: relative;

	padding: 12px;

	border: 0;

	border-bottom: 1px solid #009688;

	font-size: 22px;

	line-height: 24px;

}

.find-city input[type="submit"] {

	background: #009688;

	border: 1px solid #009688;

	color: #fff;

	padding: 6px 33px;

	border-radius: 4px;

}

.find-city input[type="submit"]:hover {

	background: #fff;

	border: 1px solid #009688;

	color: #009688;

}

.city-block {

	margin: 0 0 20px;

}

.city-block h2 {

	font-size:25px;

	line-height:27px;

	margin:0 0 10px 0;

}

.city-block p{

	font-size:16px;

	line-height:18px;

	margin:0 0 6px 0;

}

/*************** City Page ends ***************/







/*************** Profile Page start***************/

.profile-container {

	width: 90%;

	margin: 50px auto;

	border: 1px solid #ededed;

}

.signup-rider {

	/*border: 1px solid #f0eded;*/

	padding: 28px 300px;

}



.profile {

	border: 1px solid #f0eded;

	/*padding: 28px 161px;*/

}



.profile h2 {

font-size: 36px;

	padding: 0 0 29px 0;

	text-align: center;

}



.signup-rider  h2 {

 

 font-size: 30px;

	padding: 0 0 29px 0;

	text-align: center;

}

.btn {

	display: inline-block;

	margin-bottom: 0;

	text-align: center;

	-ms-touch-action: manipulation;

	touch-action: manipulation;

	cursor: pointer;

	border: 1px solid transparent;

	white-space: nowrap;

	padding: 12px 38px !important;

	font-size: 14px;

	line-height: 1.42857143;

	border-radius: 4px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background: #009688;

	color: #fff;

	font-size: 17px !important;

}

#phoneNumber {
	height: 50px;
	margin: 0 0 14px 0;
	border: 0;
	border-radius: 0 4px 4px 0;
}

#phoneNumberWhite {

	height: 48px;

	color: #ffffff;

	margin: 0 0 14px 0;

	border: 1px solid #009688;

	border-radius: 0 4px 4px 0;

	/*background: rgba(0, 0, 0, 0.5);*/

}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {

	margin-right: -1px;

	border: 1px solid #009688;

}

.profile-navigation {

    width: 20%;

    float: left;

    border: 1px solid #f0eded;

}

    .profile-navigation

    {

        width:20%;

        float:left;

    }

.profile-content {

	width: 80%;

	float: right;

	border-left: 1px solid #f2eeee;

	min-height: 479px;

}

    .profile-body

    {



    }

    .avatar

    {

        margin:40px auto;

        text-align: center;

    }

    .mypic

    {

        width:130px;

        height:130px;

        border-radius:130px;

        overflow: hidden;

        margin:0 auto;

		position: relative;

    }

	.image-upload

	{

		position:absolute;

		top:0;

		left:0;

		width:130px;

		height: 130px;

		border-radius: 130px;

		line-height: 130px;

		background-color: rgba(0,0,0,0.7);

		display:none;

		z-index: 100;

	}

	.image-upload i

	{

		font-size: 24px;

		color:#fff;

	}

	.mypic:hover .image-upload

	{

		display:block;

	}

	.image-upload > input

	{

		display: none;

	}



	.username

    {

        margin-top:10px;

    }

	.profile-menu

	{

		width: 100%;

	}

    .profile-menu li

    {

        padding:20px;

        border-top:1px solid #f0eded;

        cursor:pointer;



    }

    .profile-header

    {

        width:100%;

        padding:25px;

        text-align: center;

        font-size: 25px;

        border-bottom:1px solid #f0eded;

		color: #017267;

		font-weight: 600;

    }



.profile-fields {

	width: 100%;

	padding: 21px 4px;

	border-bottom: 1px solid #f0eded;

	margin: 0 !important;

}

.filter-container {

	width: 100%;

	padding: 20px 30px;

	text-align: center;

	font-size: 16px;

}



	.filter-container .row

	{

		margin:0;

		paddding:0;

	}

	.filter-container .row>div

	{

		padding:0;

	}

	.trip-heading

	{

		width:100%;

		background-color: #0a8074;

		padding:20px 0;

		text-align: center;

		color: #fff;

		text-transform: uppercase;

		font-weight: 700;

	}

.trip-container {

	width: 100%;

	padding: 0;

	height: 600px;

	overflow-y: scroll;

	background: #f1f3f3;

}

    .booking-tab

    {

    	padding:15px 0;

    	margin:1px 0;

		text-align: center;

		background-color:#c7c7c733;

    }

    .booking-title

    {

    	color: #017267;

    	font-size: 14px;

    	font-weight: 600;

    	margin-bottom: 15px;

    }

    .booking-details

    {

    	display:none;

    	padding:30px;

		background-color: #fff;

    }

    .booking-information

    {

    	font-size: 14px;

    }

.detailed-information {

	margin-bottom: 20px;

	color: #000;

	text-align: left;

	line-height: 27px;

}

.tdetails {

	color: #000;

}

    .accordian

    {

    	cursor:pointer;

    }

    .booking-heading

    {

    	padding:20px;

    	text-align: center;

    	border-bottom: 1px solid #f0eded;

    	margin-bottom: 40px;

    }



    .fare-breakup

    {

    	color: #017267;

    	font-size: 14px;

    	font-weight: 600;

    	margin-bottom: 20px;

    }

.fare-row {

	padding: 10px 0;

	border-top: 1px solid #f0eded;

	border-bottom: 1px solid #f0eded;

	color: #000;

}

    .add-money

    {

    	margin-top: 50px;

    	cursor:pointer;

    }

    .badges

    {

    	padding:8px 10px;

    	border-radius:3px;

    	margin:20px 10px;

    	display:inline-block;

    	background-color:#009688;

    	color:#fff;

    	cursor:pointer;

    }

    .amount-field

    {

    	margin-top: 50px;

    	display: none;

    }



    .coupons

    {

    	display:inline-block;

    	width:25%;

    	margin:20px;

    	border-radius: 6px;

    	border:1px dashed black;

    	padding:20px;

    	cursor: pointer;

    	background-color: #e8e6e6;

    }

    .coupon-validity

    {

    	text-align: center;

    	font-size: 13px;

    }

    .coupon-value

    {

    	text-align: center;

    	font-size: 30px;

    	color: #009688;

    	margin-bottom: 20px;

    }

/*************** Profile Page end***************/



.banner-text ul{

	margin-top:40px;

}

.banner-text ul li {

	display: inline;

}

.banner-text ul li a {
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
}

.banner-text ul li {
	display: inline;
	background: #017267;
	padding: 11px 20px;
	border-radius: 4px;
	margin-right: 5px;
}

.banner-text ul li:hover {

	background: #009688;

	transition: all ease-in 0.4s;

	cursor: pointer;

}

.why-bottom h4 a:hover {

	border: 1px solid #fff;

	background: none;

	text-decoration: none;

}

.about-menu ul li a:hover {

	color: #5dbbb2;

}

.useful-menu ul li a:hover {

	color: #5dbbb2;

}

.footer-social li a i:hover {

	color: #009688;

	transition: all ease-in 0.4s;

}





/************* Profile Page *****************/



.form-area input[type="text"] {

	width: 100%;

	height: 43px;

}

.form-area input[type="password"] {

	width: 100%;

	height: 43px;

}





.inn-box {

	padding: 0;

}

.control-label {

	padding: 0;

	color: #000;

}

.prof-but input[type="button"] {

	margin: 0 auto;

	display: block;

	padding: 17px 50px;

	font-size: 15px;

	text-transform: uppercase;

	background: #017267;

	border: 1px solid #017267;

	border-radius: 4px;

	color: #fff;

	margin-top: 32px;

}

.prof-but input[type="button"]:hover {

	margin: 0 auto;

	display: block;

	padding: 17px 50px;

	font-size: 15px;

	text-transform: uppercase;

	background: #fff;

	border: 1px solid #017267;

	border-radius: 4px;

	color: #017267;

	margin-top: 32px;

}

.profile-menu li{

	text-transform:uppercase;

	color:#017267;

}

.profile-menu li:hover {

	background: #017267;

	color: #fff;

	transition: all ease-in 0.4s;

}

.profile-menu li.active{

	background: #017267;

	color: #fff;

	transition: all ease-in 0.4s;

}

.invite-area h3 {

	text-align: center;

	font-size: 20px;

	text-transform: uppercase;

	font-weight: 600;

	line-height: 100px;

}

.free-area img {

	width: 19%;

	margin: 0 auto;

	display: block;

	padding: 0 0 41px 0;

}

.free-area p {

	text-align: center;

	display: block;

	font-size: 16px;

	line-height: 26px;

}

/*.code-area span {

	text-align: center;

	display: block;

	width: 100%;

	line-height: 35px;

	font-weight: 600;

}*/



.code-area h3 {

	text-align: center;

	padding-top: 15px;

}

.code-area h3 span {

	font-weight: 600;

	font-size: 20px;

	padding-left: 6px;

	color:#017267;

}

.code-area input[type="button"] {

	margin: 0 auto;

	display: block;

	padding: 17px 50px;

	font-size: 15px;

	text-transform: uppercase;

	background: #017267;

	border: 1px solid #017267;

	border-radius: 4px;

	color: #fff;

	margin-top: 32px;

}

.code-area input[type="button"]:hover {

	margin: 0 auto;

	display: block;

	padding: 17px 50px;

	font-size: 15px;

	text-transform: uppercase;

	background: #fff;

	border: 1px solid #017267;

	border-radius: 4px;

	color: #017267;

	margin-top: 32px;

}

.cupon p {

	text-align: center;

	padding: 24px 0;

	border: 1px dashed;

	width: 77%;

	margin: 22px auto;

}





.filter-area p {

	font-size: 15px;

	text-align: left;

	padding: 0 0 12px 10px;

}

.filter-area select {

	width: 92%;

	height: 40px;

	text-align: left;

	background: #fff;

	border: 1px solid #ccc;

	padding: 0 12px;



}

.filter-area input[type="text"] {

	width: 92%;

	height: 40px;

	text-align: left;

	background: #fff;

	border: 1px solid #ccc;

	padding: 0 12px;



}

.trip-heading li {

	display: inline-block;

	width: 150px;

	text-align: center;

}

.trip-heading li:nth-child(6) {

	padding-right: 0;

}

.trip-heading ul {

	text-align: left;

	padding-left: 30px;

	margin: 0 0 21px 0;

}

.drop-arow img {

	width: 37%;

	padding-top: 38px;

}

.cont {

	color: #000;

}

/*.date-title ul {

	display: none;

}*/



.log-title {
	margin: 0 0 0 15px;
	line-height: 20px;
	font-size: 15px;
	color: #fff;
	font-weight: 600;
}
.modal-header {
	padding: 12px 0 0;
	border-bottom: 1px solid #e5e5e5;
}

.close span {
	font-size: 34px;
	color: #fff;
	padding-right: 17px;
	bottom: 7px;
	position: relative;
}
.upload-area div p {
	color: #959595;
	font-size: 12px;
}

.login-form input[type="email"] {

	height: 50px;

}

.login-form input[type="password"] {

	height: 50px;

}

.login-form .input-group-addon i {

	font-size: 17px;

	padding: 0 8px;

}
.single-driver a:focus {
	color: #fff;
	text-decoration: none;
}

.login-form .pass i {

	font-size: 20px;

	padding: 0 10px;

}

.login-form button {

	padding: 11px 58px;

	font-size: 17px;

	border:1px solid #009688;

}

.login-form button:hover {

	padding: 11px 58px;

	font-size: 17px;

	background: #fff;

	color: #009688;

	transition: all ease-in 0.4s;

}

.rider-registration-form input[type="text"] {

	height: 50px;

	border:1px solid #009688;

}

.rider-registration-form input[type="email"] {

	height: 50px;

	border:1px solid #009688;

}

.rider-registration-form input[type="password"] {

	height: 50px;

	border:1px solid #009688;

}

.rider-registration-form .input-group-addon i {

	padding: 8px 10px;

	font-size: 19px;

	color: #fff;

}

.rider-registration-button {

	padding: 15px 60px !important;

	font-size: 21px !important;

}

.rider-registration-form .input-group-addon {

	background:#009688;

	border:1px solid #009688;



}

.rider-registration-button {

	padding: 15px 52px;

	font-size: 16px;

	color: #fff;

	background: #044741;

}

.rider-registration-button:hover{

	background:#009688;

	color: #fff;

	transition: all ease-in 0.4s;

}

.fa.fa-phone.key {

	width: 39px;

}

.fa-lock.passw{

	width: 39px;

}

.forgot-password-form input[type="email"] {

	height: 50px;

}

.forgot-password-form .input-group-addon {

	font-size: 17px;

	padding: 0 13px;

}

.forgot-password-button {

	padding: 13px 48px;

	background: #003933;

	color: #fff;

	font-size: 16px;

}

.forgot-password-button:hover {

	color: #fff;

	background: #009688;

	transition: all ease-in 0.4s;

}





/********************* Driver 1 *********************/



/* Style the tab

.driver-part.tab {

    overflow: hidden;

    border: 1px solid #ccc;

    background-color: #f1f1f1;

}



/* Style the buttons inside the tab

div.tab button {

    background-color: inherit;

    float: left;

    border: none;

    outline: none;

    cursor: pointer;

    padding: 14px 16px;

    transition: 0.3s;

    font-size: 17px;

}



/* Change background color of buttons on hover

div.tab button:hover {

    background-color: #ddd;

}



/* Create an active/current tablink class

div.tab button.active {

    background-color: #ccc;

}



/* Style the tab content

.tabcontent {

    display: none;

    padding: 6px 12px;

    border: 1px solid #ccc;

    border-top: none;

}

*/

.driver-tab {

	background: #009688;

	padding: 28px 119px;

	text-align: center;

}

.driver-tab .but-tab {

	/* background: #009688; */

	/* border-bottom: none; */

	color: #fff;

	border-radius: 4px;

	padding: 17px 40px;

	margin: 0 18px 0 0;

	text-align: center;

	display: inline-block;

	background: none;

	border: 0;

	border-bottom: 3px solid #fff;

}

.driver-tab .but-tab:hover {

	border-bottom: 3px solid #00ffe7;

	color: #00ffe7;

	transition: all ease-in 0.4s;

}

/*.driver-tab .but-tab.active {

	background: #017267;

	border: 1px solid #017267;

	color:#fff;

	transition: all ease-in 0.4s;

}

*/

.tab-text-area {
	padding-top: 0;
}

.total-left p {

	font-size: 15px;


}
.total-left h1 {
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 600;
}

.pay-priod p {

	font-size: 15px;

	text-align: right;

	margin-bottom: 13px;


}

.form-area .form-sel {

	width: 100%;

	height: 47px;

	padding: 0 11px;

	border: 1px solid #ccc;

	border-radius: 4px;

}

.driver-details {

	background: #ededed;

	padding: 32px 46px;

	margin: 35px 0 12px 0;

	border-radius: 6px;

	border-left: 5px solid #009688;

}

.driver-details ul li {

	display: inline-block;

	text-align: center;

	padding-right: 93px;

}

.driver-profile-menu button {

	background: #fff;

	padding: 13px 32px;

	border: 1px solid #fff;

	font-size: 16px;

	border-radius: 4px;

}

.driver-profile-menu button:hover {

	background: #017267;

	padding: 13px 32px;

	border: 1px solid ##017267;

	font-size: 16px;

	border-radius: 4px;

	color: #fff;

}

.single-driver {
	background: #f5f3f3;
	border-left: 3px solid #009688;
	border-radius: 4px;
	margin: 0 0 12px;
}

.btn-solid {
	background: #009688;
	color: #fff;
	padding: 7px 15px;
	display: inline-block;
	border-radius: 4px;
	font-size: 12px;
	margin: 5px 0 0;
}

.driver-profile-menu button.active {

	background: #017267;

	padding: 13px 32px;

	border: 1px solid ##017267;

	font-size: 16px;

	border-radius: 4px;

	color: #fff;

}



.driver-details ul li:nth-child(4){

	padding-right:0;

}

.driver-details ul li h1 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 13px 0;
}

.driver-details ul li p {
	font-size: 12px;
}

.weekly-earn h1 {
	font-size: 17px;
	font-weight: 600;
	padding: 0 0 11px 0;
	border-bottom: 1px dotted #009688;
	margin-bottom: 40px;
	color: #009688;
}

.weekly-earn {

	background: #f3f3f3;

	padding: 30px;

	border-radius: 6px;

	border-left: 5px solid #009688;

}

.weekly-earn ul li p {

	font-size: 17px;

	padding-bottom: 12px;


}

.weekly-earn ul li {

	padding: 17px 0;

	border-bottom: 1px solid #ccc;

}

.weekly-earn ul li:nth-child(2){

	border-bottom:none;



}

.weekly-earn ul li:nth-child(4){

	border-bottom:none;



}

.weekly-earn ul li:nth-child(3){

	border-bottom: 3px solid #ccc;



}

.daily-earning p {
	font-size: 12px;
	margin: 0;
}

.weekly-earn ul li p {

	text-align: right;

	float: right;

	font-size: 17px;

	font-weight: 600;


}

.daily-earning ul li {
	display: inline-block;
	padding: 18px 23px;
}

.daily-earning ul li:nth-child(7) {

	padding-right: 0px;

}

.daily-earning ul li:nth-child(even) {

	background:#e7e7e7;

}
.daily-earning h1 {
	font-size: 14px;
	padding: 4px 0;
	font-weight: 600;
	margin: 0;
}

.daily-earning {

	background: #f3f3f3;

	margin: 13px 0;

	border-radius: 6px;

	border-left: 5px solid #009688;

}

.bank-title h1 {
	font-size: 30px;
	font-weight: 600;
	padding: 0;
	margin: 0 0 23px;
}

.bank-area ul li {

	display: inline-block;

	padding: 0 15px;

	width: 49%;

	margin-bottom: 43px;

}

.bank-area ul li p {

	font-size: 15px;

	padding-bottom: 10px;

}

.bank-area ul li h4 {

	font-size: 15px;

	font-weight: 600;


}



.ibn-area P{

	font-size: 15px;

	padding-bottom: 10px;

}

.ibn-area H4{

	font-size: 15px;

	font-weight: 600;


}

.main-bank-area {

	background: #ededed;

	padding: 32px 46px;

	margin: 0px 0 30px 0;

	border-radius: 6px;

	border-left: 5px solid #009688;

}

.stylish-input-group .form-control{

	border-right:0;

	box-shadow:0 0 0;

	border-color:#ccc;

}

.stylish-input-group button{

    border:0;

    background:transparent;

}

.search-area input[type="text"] {

	height: 47px;

}

.download ul li {

	display: inline-block;

	padding: 13px 9px;

}



.download ul li a i{

	padding: 0px 6px;

}

.sear-head {

	background: #009688;

	margin: 46px 0 15px 0;

	border-radius: 6px;

}

.sear-head ul li {

	display: inline-table;

	width: 24%;

	padding: 18px 0px;

}

.sear-head ul {

	margin-left: 30px;

}

.sear-head ul li p {

	color: #fff;

	font-weight: 600;

	font-size: 13px;


}

.sear-cont ul li img {

	width: 50px;

	border-radius: 50px;

	float: left;

	display: inline-block;

	margin-right: 12px;

}

.sear-cont ul li {

	display: inline-block;

	float: inherit;

	width: 261px;

}

.sear-cont ul{

	margin-left: 30px;

}

.sear-cont ul li p {

	padding: 14px 0;




}

.sear-cont {

	background: #f9f9f9;

	padding: 14px 0;

}

.sear-cont:nth-child(odd) {

	background: #fff;

	padding: 14px 0;

}

.download ul li a {

	color: #009688;

}

.date-pic ul li p{


}

.sear2 ul li {

	display: inline-block;

	float: inherit;

	width: 131px;

}

.head2 ul li{

width: 12%;

}

.live-map{

	margin-top:30px;

}

.live-map iframe {

	width: 100%;

	height: 400px;

}

.head3 ul li {

	width: 155px;

}

.sear3 ul li {

	width: 155px;

}





.track-inv h1 {

	font-size: 30px;

}

.track-inv p {

	font-size: 16px;

	padding-top: 7px;

}

.track-inv-right p {

	text-align: right;

	font-size: 16px;

}

.track-inv-right h1 {

	font-size: 38px;

	text-align: right;


}

.track-text-area {

	padding-top: 30px;

}

.trackdrin ul li {

	width: 205px;

}

.trackdrin ul li p {

	font-size: 15px;

}



.driver-profile form input[type="button"] {
	padding: 8px 30px !important;
	font-size: 16px !important;
}
.tablinks.active {
	background: #004d45;
}
.add-car-butt a:hover {
	color: #fff;
	text-decoration: none;
}
.add-car-butt a:focus {
	color: #fff;
	text-decoration: none;
}

.pro-form form input[type="submit"] {

	padding: 15px 30px;

	font-size: 16px;

	background: #009688;

	border: 1px solid #009688;

	border-radius: 4px;

	color: #fff;

}

.track-inn ul li {

	display: inline-block;

	float: inherit;

	width: 208px;

}

.track-inn ul li a {

	background: #009688;

	color: #fff;

	padding: 11px 39px;

	border-radius: 4px;

	border: 1px solid #009688;

}

.track-inn ul li a:hover {

	background: none;

	color: #009688;

	border: 1px solid #009688;

}

.load-more a {

	text-align: center;

	display: block;

	border: 1px solid #009688;

	padding: 15px 0;

	border-radius: 4px;

	color: #009688;

}

.load-more{

	padding: 20px 0 30px 0;

}

.inv-frin h1 {

	font-size: 30px;

	font-weight: 600;

}

.inv-frin {

	margin-bottom: 40px;

}

.left-code h1 {

	font-size: 25px;

	margin: 0 0 6px 0;

}

.left-code p {

	padding-bottom: 20px;

}

.code-blog h2 {

	padding-bottom: 12px;

}

.code-blog p {

	border: 1px solid #ccc;

	padding: 15px 17px;

	border-radius: 4px;

	width: 263px;

}

.code-blog p span {

	text-align: right;

	float: right;

	padding-right: 15px;

}

.code-blog {

	float: left;

	margin-right: 50px;

}

.sear-blog h1 {

	font-size: 20px;

}

.sear-blog ul li {

	display: inline;

	padding-right:12px;

}

.sear-blog ul li a i {

	font-size:41px;

}

.sear-blog-right h1 {

	font-size: 25px;

	padding-bottom: 15px;

}

.sear-blog-right p {

	padding-bottom: 17px;

}

.sear-blog-right a {

	color: #009688;

}

.inv-fr-block a {

	background: #009688;

	color: #fff;

	padding: 10px 25px;

	border-radius: 4px;

	margin-top: 26px;

	display: block;

	width: 157px;

}

.manualy h1 {

	font-size: 25px;

	margin-top: 30px;

}

.manualy p {

	padding-bottom: 24px;

}

.manualy textarea {

	border: 1px solid #ccc;

	margin-top: 10px;

}

.profile-head ul li img {

	width: 77px;

	border-radius: 50px;

	height: 77px;

	border: 1px solid #ccc;

	object-fit: cover;

	margin: 5px 0 0 0;

}

.vehicle-fields img {

	width: 80px;

	height: 35px;

	object-fit: cover;

}

.profile-image img {

	width: 200px !important;

	height: 200px !important;

	object-fit: cover;

	border-radius: 50px !important;

}

.profile-head ul li {

	display: inline;

	display: block;

	float: left;

}

.profile-head ul li h1 {
	line-height: 23px;
	font-size: 20px;
	font-weight: 600;
	margin: 19px 0 6px 14px;
}

.profile-head {
	background: #eaeaea;
	border-radius: 4px;
	padding: 22px 38px;
}

.profile-head ul li p {

	padding-left: 15px;

	color: #1db300;

	font-size: 16px;

}

.update-pro h1 {
	font-size: 20px;
	font-weight: 600;
	padding: 15px 0;
	margin: 0;
	text-align: center;
	color: #000;
}

.pro-form form input[type="text"] {
	width: 100%;
	height: 50px;
	background: #fff;
	border: 0;
	margin: 7px 0;
	padding: 0 15px;
	border-radius: 4px;
	border: 1px solid #ccc;
	font-size: 13px;
}

.pro-form form input[type="tel"] {

	width: 100%;

	height: 50px;

	background: #fff;

	border: 0;

	margin: 7px 0;

	padding: 0 15px;

	border-radius: 4px;

}

.pro-form form input[type="email"] {

	width: 100%;

	height: 50px;

	background: #fff;

	border: 0;

	margin: 7px 0;

	padding: 0 15px;

	border-radius: 4px;

}

.pro-form form select {
	width: 100%;
	height: 50px;
	background: #fff;
	border: 0;
	margin: 7px 0;
	padding: 0 15px;
	border-radius: 4px;
	border: 1px solid #ccc;
	font-size: 13px;
}

.pro-form label {

	padding: 2px 0;

}

.pro-form p {

	line-height:25px;

}

.pro-form form input[type="submit"] {

	padding: 12px 40px;

	margin: 22px 0;

	background: #009688;

	border: 1px solid #009688;

	border-radius: 4px;

	color: #fff;

}

.pro-form form input[type="submit"]:hover {

	padding: 12px 40px;

	background: #fff;

	border: 1px solid #009688;

	border-radius: 4px;

	color: #009688;

}

.contact-pro h1 {

	font-size: 25px;

	padding-top: 0;

}

.upload-doc ul li h3 {

	color: #0bb107;

	line-height: 33px;

}

.upload-doc ul li a {

	color: #fff;

	background: #009688;

	padding: 9px 26px;

	border-radius: 4px;

	margin-top: 0;

	display: block;

}

.upload-doc ul li {

	display: inline-block;

	float: left;

	padding: 20px 397px 0 0;

}

.upload-doc ul li:nth-child(3) {

	padding-right: 0px;

}

.upload-doc ul {

	border-bottom: 1px solid #e7e7e7;

	height: 77px;

}

.inact {

	color: #f22626 !important;

}

.add-car-butt a {
	background: #009688;
	padding: 13px 34px;
	color: #fff;
	display: inline-block;
	margin: 0 0 6px;
	font-size: 13px;
	border-radius: 4px;
}

.car-det ul li {

	display: inline-block;

	float: left;

	padding-right: 100px;

}

.car-det ul li:last-child {

	padding-right: 10px;

}

.car-det ul li p {

	line-height: 30px;


}

.car-det ul li {

	display: inline-block;

	float: left;

	padding-right: 10px;

	width: 180px;

}

.car-det ul li img {

	width: 50px;

	float: left;

	width: 77px;

	padding-right: 10px;

	padding-top: 10px;

}

.car-det ul {

	background: #eae7e7;

	height: 71px;

	padding: 9px 15px;

	border-radius: 4px;

}

.car-det ul li a {

	background: #009688;

	padding: 13px 39px;

	color: #fff;

	border-radius: 4px;

	display: block;

	margin-top: 4px;


}

.car-det ul li h4

{


}



.fileUpload

{

	position: relative;

	overflow: hidden;

	color: #fff;

	background: #009688;

	padding: 14px 10px;

	border-radius: 4px;

	margin-top: 0;

	display: block;

	width:120px!important;

}

.fileUpload input.upload

{

	position: absolute;

	top: 0;

	right: 0;

	margin: 0;

	padding: 0;

	font-size: 20px;

	cursor: pointer;

	opacity: 0;

	filter: alpha(opacity=0);

}

.tdetails {

	color: #000;

}



/*.sticky {

  position: fixed;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 100;

  border-top: 0;

}*/

/*.sticky {

    position: fixed !important;

    width: 100%;

    top: 0;

    box-shadow: 0px 0px 7px #5A5A5A;

	background: #009688;

    z-index: 999;

	margin:0 auto;

}*/



.upload-doc .row {

	padding: 15px 0;

}

.vehicle-fields {

	padding: 15px 29px;

	background: #f2eeee;

	border-left: 3px solid #009688;

	border-radius: 4px;

	margin: 11px 0;

}

.vehicle-fields p {
	padding-bottom: 15px;
	font-size: 13px;
	color: #000;
	font-family: 'open_sanssemibold';
}
.vehicle-fields h4 {
	font-size: 12px;
	color: #515151;
}



/********* Home Contact ********/

.foot-contact ul li {
	line-height: 23px;
	padding: 0 0 9px;
}

.foot-contact ul li a {
	color: #fff;
	font-size: 12px;
}

.foot-contact ul li:hover a {

    color:#009688;

}

.foot-contact ul li a i {

    padding:0 6px 0 0;

}

.foot-social ul li {

    display: inline-block;

    padding: 0 16px 0 0;

}

.foot-social ul li a i {

    color:#fff;

}

.foot-social ul li a:hover i {

    color:#009688;

}
#map {
	height: 232px !important;
}



.foot-social ul{

	margin-top:15px;

}



/************* About *************/



.avout-title h2 {

    font-size: 33px;

    text-align: center;

    margin: 0 0 30px 0;

    position: relative;

}

.avout-title h2::after {

    position: absolute;

    background: #009688;

    width: 78px;

    height: 2px;

    content: '';

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 51px;

}

.avout-title h2  span{

	color:#009688;

}

.about-ceo{

	background:#f5f4f4;

	padding:40px 0;

}

.ceo-img img {

    width: 100%;

    height: 445px;

    border-radius: 240px;

    object-fit: cover;

    border: 2px solid #009688;

}

.ceo-tect h2 {

    font-size: 30px;

    color: #009688;

}

.ceo-tect h4 {

    font-size: 20px;

    color: #676666;

}

.ceo-tect p {

	line-height: 28px;

	margin-top: 15px;

	font-size: 16px;

}



/*************** Inner Banner **************/



.inn-main-banner img {

	width: 100%;

	height: auto;

	/* object-fit: cover; */

}









/************* Inner Our Team Page ********************/

.team-inn-banner{

	position:relative;

}

.team-inn-banner img {

	height: 300px;

	width: 100%;

	object-fit: cover;

}

.team-inn-banner h1 {

	position: absolute;

	bottom: 101px;

	left: 0;

	right: 0;

	text-align: center;

	color: #fff;

	background: #009688;

	display: inline-table;

	padding: 18px 68px;

	border-radius: 0 35px 35px 0;

	font-size: 30px;

}

.team-tile h2 {

	text-align: center;

	display: block;

	font-size: 30px;

	position:relative;

	margin-bottom:30px;

}

.team-tile h2::after {

	position: absolute;

	top: 42px;

	left: 0;

	margin: 0 auto;

	background: #009688;

	width: 70px;

	height: 2px;

	content: '';

	right: 0;

}

.team-tile span {

	color: #009688;



}

.team-tile p {

	text-align: center;

	line-height: 26px;

	font-size: 17px;

	margin-bottom: 40px;

}

.team-img img {

	width: 100%;

	height: 235px;

	border-radius: 166px;

}

.team-img img {

	width: 254px;

	height: 245px;

	border-radius: 50%;

	border: 4px solid #c6c2c2;

	/*object-fit: cover;*/

}

.team-details h3 {

	text-align: center;

	display: block;

	color: #009688;

	margin: 16px 0 10px 0;

	font-size: 17px;

	text-transform: uppercase;

}

.team-details h5 {

	text-align: center;

	margin: 0 0 12px 0;

	color: #a4a4a4;

	font-size: 14px;

	text-transform: uppercase;

	color: #000;

}

.team-details p {

	text-align: center;

	line-height: 23px;

	font-size: 15px;

}

.team-details ul li {

	display: inline-block;

	border: 1px solid #009688;

	width: 40px;

	height: 40px;

	text-align: center;

	border-radius: 50px;

	line-height: 38px;

	margin: 0 3px;

}

.team-img {

	text-align: center;

}

.team-details ul li a i {

	color:#009688;

	font-size:17px;

}

.team-details ul {

	text-align: center;

	margin: 16px 0 0 0;

}

.sin-tm {

	border: 1px solid #009688;

	padding:20px;

	border-radius:6px;

	margin-bottom:30px;

}



/************** Contact us ***************/



.inn-con-soc ul li {

	display: inline-block;

	border: 1px solid #fff;

	width: 40px;

	height: 40px;

	text-align: center;

	border-radius: 50px;

	line-height: 38px;

	margin: 0 3px;

}

.inn-con-soc ul li a i {

	color:#fff;

	font-size:17px;

}

.inn-contact form input[type="text"], .inn-contact form input[type="email"], .inn-contact form input[type="tel"] {

	width: 100%;

	height: 45px;

	background: #fff;

	border: 1px solid #009688;

	border-radius: 4px;

	margin: 0 0 8px 0;

	padding: 0 15px;

}

.inn-contact form textarea {

	width: 100%;

	height:130px;

	background: #fff;

	border: 1px solid #009688;

	border-radius: 4px;

	margin: 0 0 8px 0;

	padding:15px;

}

.inn-contact form input[type="submit"] {

	background: #009688;

	border: 1px solid #009688;

	border-radius: 4px;

	padding: 16px 50px;

	color: #fff;

	font-size: 17px;

}

.inn-cnt-text h2 {

	font-size: 30px;

	margin: 0 0 15px 0;

	color:#fff;

}

.inn-cnt-text p {

	line-height: 25px;

	font-size: 16px;

	color: #fff;

	margin: 0 0 20px 0;

}

.address ul li {

	line-height: 30px;

}

.address ul li a {

	color: #fff;

	font-size: 17px;

}

.address ul li a i {

	padding-right: 10px;

	color: #fff;

}

.inn-con-soc {

	margin-top: 20px;

}

.inn-cnt-text {

	background: #009688;

	border-radius: 6px;

	height: 340px;

	padding: 35px 37px;

}

.team-tile {

	margin: 30px 0 49px 0;

}

.map-area {

	margin-top:40px;

}

.map-area iframe {

	width: 100%;

	height: 300px;

}



@media print { 

 /* All your print styles go here */

 .print-invoice { display: none !important; } 

}







.print-invoice {

    background: #009688;

    color: #fff;

    padding: 16px 40px !important;

    width: 142px;

    font-size: 17px;

    display: inline-block;

    margin: 29px 0 0 0;

}

.invoice-no {

    border: 1px dashed #888;

    padding: 13px 24px;

    border-radius: 4px;

    margin: 19px 0;

}

.fare-calculation {

    background: #f1f1f1;

    padding: 12px 40px;

    display: block;

    border-radius: 6px;

    border-left: 4px solid #009688;

    margin: 38px 0 38px 0;

}

.fare-calculation h1 {

    font-size: 30px;

    font-weight: 600;

    color: #009688;

}

span.fares {

    text-align: right;

    float: right;

}

.travel-each:nth-child(3) {

    border-right: 0;

}

.modal-content .input-group-addon:first-child {

    border-right: 0 !important;

    padding: 14px 12px !important;

}



/*************************************/



.input-group-btn .btn {
	padding: 11px 7px !important;
	border: 0 !important;
	background: #e3e3e3;
	top: 2px;
	display: flex;
	align-items: center;
}

.tn-default.active, .btn-default:active, .btn-default:hover, .open > .dropdown-toggle.btn-default {

	color: #fff !important;

	background-color: #009688 !important;

	border-color: #fff;

}

.btn-cc {

	color: #fff;

}

.caret {

	color: #fff;

}

.input-group-addon {

	padding: 6px 28px !important;

}



/************************* New Page Ride-Sigh up *****************************/



.ride-p-area{

	position:relative;

	

}







.ride-form-area {

	position: absolute;

	top: 135px;

	width: 100%;

	margin: 0 auto;

}

.form-right {

	background: #fff;

	padding: 30px;

	border-radius: 10px;

	box-shadow: 0 0 15px -1px;

}

.form-right h4 {

	font-size: 29px;

	text-transform: normal;

	margin: 0 0 21px 0;



}

.form-left h1 {

	font-size: 36px;

	font-weight: 600;

	color: #000;

	margin: 0 0 5px 0;

}

.form-left p {

	font-size: 25px;

	letter-spacing: 3px;

	margin: 0;

}

.form-left {

	margin: 70px 0 0 0;

}



.drvsnup {
	width: 49%;
	height: 50px;
	border-radius: 4px;
	border: 1px solid #000;
	margin: 0 0 10px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 0 15px;
}
.drvsnup i {
	color: #515151;
}
.drvsnup input {
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0 14px;
	background: transparent;
}
.drvsnup select {
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0 14px;
}

.form-right form span{

	color:#000;

}

	

.form-right .input-phone {

	width: 49%;

	height:50px;

}



.form-right .input-phone {
	width: 100%;
	height: 50px;
	float: right;
	margin: 0;
}
.drvsnup2 {
	padding: 0;
}



/************************/



.driver-faci {

	padding: 250px 0 50px 0;

}

.driver-faci:hover {

	text-decoration: none;

}

.ride-title-inn h2 {

	text-align: center;

	font-size: 33px;

	margin: 0 0 37px 0;



	color: #000;

}

.single-item img {

	width: 100px;

	height: 100px;

	text-align: center;

	display: block;

	margin: 0 auto;

}

.single-item h2 {

	font-size: 30px;

	text-align: center;

	margin: 13px 0 12px 0;

	color:#009688;

}

.single-item p {

	text-align: center;

	font-size: 15px;

	color: #000;

}



/****************************/



.cont-img img {

	width: 59%;

	float: right;

}

.cont-text h2 {

	font-size: 25px;

	color: #009688;

	margin: 0 0 4px 0;

}

.cont-text p {

	font-size: 16px;

	color: #000;

}

.single-cont {

	margin: 23px 0 30px 0;

	display: inline-block;

}

.driv-cont {

	margin: -160px 0 0 0;

	display: inline-block;

	text-align: ;

	width: 100%;

}

.dri-heading h2 {

	text-align: center;

	font-size: 26px;

	color: #000;

	font-weight: 600;

	padding: 0 0 37px 0;

}

.main-dri-block {

	background: #fff;

	z-index: ;

	position: relative;

	padding: 30px 0 30px 0;

	border-radius: 10px;

}

.span-text {

	color: #000;

}

.span3 {

	color: #000;

}



/***************** App Screen Slider ******************/



.main-slider-area {

	padding: 50px 0;

	background: #f3f3f3;

}

.text-area h2 {

	font-size: 36px;

	color: #009688;

	font-weight: 600;

}

.text-area p {

	color: #000;

	font-size: 16px;

	line-height: 27px;

	margin: 7px 0 0 0;

}

.screen-area {

	width: 83%;

}

.screen-area img {

	width: 100%;

	border-radius: 9px;

}

.text-area {

	margin: 200px 0 0 0;

}

.slider-title {

	position: absolute;

}

.slider-title h1 {

	font-size: 36px;

	font-weight: 600;

	color: #000;

}

.bott-img img {

	width:100%;

}

.sign-up-bg-area{

	background:url(../images/sign-bg.png);



}

.ride-p-area img {

	width: 100%;

}

.driv-img img {

	width: 100%;

}



/************ Rider Sign Up Page ********************/



.signup-area-text h1 {

	font-size: 36px;



	margin: 34px 0 11px 0;

}

.signup-area-text p {

	font-size: 16px;

	line-height: 25px;

}

.main-rider-form{

	background:url(../images/rs-bg.jpg) no-repeat;

	background-size: contain;

	

}

.right-form {

	background: #fff;

	padding: 30px 27px;

	box-shadow: 0 0 9px 3px;

	border-radius: 22px;

	margin: -47px 0 61px 0 !important;

}

.right-form h2 {

	font-size: 30px;

	text-align: center;

	margin: 0 0 33px 0;


	color:#009688;

}



/***************/

.main-banner-sliders img {
	width: 100%;
	height: 600px;
	object-fit: cover;
}


/**************** Ride Safety Page *******************/



.row.safety-area {

	padding: 55px 0;

}

.safety-img img {

	width: 100%;

	height: 347px;

	object-fit: cover;

	border-radius: 8px;

}

.safety-text h2 {
	font-size: 25px;
	margin: 0;
	padding: 0 0 9px 0;
	font-family: 'open_sanssemibold';
}

.safety-text p {
	font-size: 14px;
	line-height: 24px;
}

.safety-text {

	margin: 60px 0 0 0;

}

.desti-text h2 {

	font-size: 36px;

	margin: 0;

	padding: 0 0 18px 0;



}

.desti-text h3 {

	font-size: 20px;

	margin: 0 0 11px 0;

	

}

.desti-text p {

	font-size: 17px;

	line-height: 28px;

	padding: 0 0 18px 0;

}

.desti-img img {

	width: 100%;

	height: 332px;

	object-fit: cover;

	border-radius: 8px;

}

.desti-area {

	padding: 55px 0;

}

.after-t-img img {

	width: 300px;

	height: 300px;

	border-radius: 50%;

	border: 1px solid #bfbfbf;

}

.after-t-text h2 {

	font-size: 50px;

	margin: 0;

}

.after-t-text h3 {

	font-size: 30px;

	margin: 0 0 -3px 0;

	font-family: 'Sansation-Light';

	color: #959595;

}

.after-t-text {

	margin: 0 0 0 0;

}

.after-t-area {

	padding: 45px 0;

	background: #efefef;



}











.befor-t-img img {

	width: 300px;

	height: 300px;

	border-radius: 50%;

	border: 1px solid #bfbfbf;

}

.befor-t-text h2 {

	font-size: 50px;

	margin: 0;

}

.befor-t-text h3 {

	font-size: 30px;

	margin: 0 0 -3px 0;

	font-family: 'Sansation-Light';

	color: #959595;

}

.befor-t-text {

	margin: 0 0 0 0;

}

.befor-t-area {

	padding: 45px 0;

	background: #efefef;

}



.sef-guide-img h3 {

	font-size: 30px;

	margin: 0 0 0 0;

	font-family: 'Sansation-Light';

}

.sef-guide-img h2 {

	font-size: 50px;

	margin: 0 0 15px 0;

}

.sef-guide-img p {

	font-size: 17px;

	margin: 0 0 15px 0;

}

.sef-guide-img a {

	background: #000;

	padding: 20px 45px;

	display: inline-block;

	font-size: 16px;

	text-transform: uppercase;

	color: #fff;

	border-radius: 4px;

	margin: 18px 0 0 0;

}

.sef-guide-img a:hover {

	color: #fff;

	list-style: none;

	text-decoration: none;

	background: #009688;

}

.sef-guide-area {

	padding: 45px 0;

}



/************** Airport Page *******************/



.airport-area{

	background:url(../images/airport-banner.jpg) no-repeat;

	padding:50px 0 100px 0;

	background-size:cover;

}

.airport-text h2 {

	font-size: 34px;

	color: #000;

	text-transform: capitalize;

	font-family: 'Sansation-Light';



}

.airport-text h5 {

	font-size: 43px;

	color: #000;


	text-shadow: 2px 2px #d5d5d5;

	text-transform: capitalize;

}

.airport-text a {

	background: #009688;

	padding: 21px 59px;

	font-size: 19px;

	text-transform: uppercase;

	color: #fff;

	display: inline-block;

	border-radius: 4px;

	margin: 26px 0 0 0;

}

.airport-text {

	margin: 50px 0 0 0;

	text-align:right;

}

.airport-text a:hover {

	color: #fff;

	background: #000;

	text-decoration: none;

}

.tran-title h2 {

	text-align: center;

	font-size: 36px;

	margin: 0 0 37px 0;

	color: #000;

	

}

.airport-trn-text h2 {

	font-size: 20px;

	margin: 13px 0 5px 0;

}

.airport-trn-text p {

	font-size: 15px;

}

.airport-trn-text img {

	width: 100%;

	height: 392px;

	border-radius: 9px;

	object-fit: cover;

}

.airport-trn-area {

	padding: 45px 0;

}

.free-ride-area {

	background: #f0efef;

	padding: 45px 0;

}

.free-ride-img img {

	width: 100%;

	height: 300px;

	border-radius: 9px;

	object-fit: cover;

}

.free-ride-text h2 {

	font-size: 27px;

	font-family: 'Sansation-Light';



}

.free-ride-text h4 {

	text-align: ;

	font-size: 36px;

	margin: 0 0 10px 0;

}

.free-ride-text h3 {

	font-size: 19px;

	padding: 0 0 9px 0;

	font-family: 'Sansation-Light';



}

.free-ride-text h3 span {





}

.free-ride-text {

	margin: 0 0 0 0;

}

.find-air-text h2 {

	font-size: 30px;

	color: #000;

	border-bottom: 1px dashed #a59e9e;

	padding: 0 0 7px 0;

	margin: 0 0 18px 0;

}

.find-air-text ul li p {

	line-height: ;

	padding: 4px 0;

	font-size: 16px;



}

.find-air-text ul li p i {

	padding-right: 10px;

}

.find-air-text {

	margin: 0 0 28px 0;

}

.find-air-area {

	padding: 45px 0;

}



/*************** Sub Menu ********************/



.r-sub-menu {
	position: absolute;
	width: 200px;
	background: #009688;
	border-radius: 0 0 9px 9px;
	top: 30px;
	padding: 11px 10px;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 7px 9px -5px #000;
}

.r-sub-menu ul li {

	text-align: left;

	width: 100%;

}

.r-sub-menu ul li a {
	text-transform: uppercase;
	font-size: 13px;
	padding: 0 0 13px 9px;
	border: 0;
}

.r-sub-menu ul li a:hover {

	border: 0;

	color: #02443d;

}

.r-menu:hover .r-sub-menu {

	display: block;

	transition: all ease-in-out 0.4s;

	opacity:1;

	visibility:visible;

}



/*****************************/



.d-sub-menu {
	position: absolute;
	width: 224px;
	background: #009688;
	border-radius: 0 0 9px 9px;
	top: 28px;
	padding: 8px 8px;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 9px 12px -5px #000;
}

.d-sub-menu ul li {

	text-align: left;

	width: 100%;

}

.d-sub-menu ul li a {
	text-transform: uppercase;
	font-size: 13px;
	padding: 0 0 13px 9px;
	border: 0;
}

.d-sub-menu ul li a:hover {

	border: 0;

	color: #02443d;

}

.d-menu:hover .d-sub-menu {

	display: block;

	transition: all ease-in-out 0.4s;

	opacity:1;

	visibility:visible;

}



/**************** How It Works *****************/



.how-area {

	padding: 50px 0;

}



.how-top h2 {

	font-size: 36px;

	margin: 0 0 0 0;

	color: #000;



}

.how-top h3 {

	font-size: 57px;

	margin: 0 0 4px 0;

	font-family: 'Sansation-Light';

}

.how-top p {

	font-size: 19px;

	line-height: 29px;

}

.how-top a {

	background: #009688;

	padding: 18px 43px;

	font-size: 17px;

	text-transform: uppercase;

	color: #fff;

	border-radius: 4px;

	display: inline-block;

	margin: 26px 0 0 0;

}

.how-top img {

	width: 100%;

	height: auto;

}

.how-top a:hover {

	color: #fff;

	text-decoration: none;

	background: #000;

}

.row.how-sec-img img {

	width: 100%;

	height: 350px;

	object-fit: cover;

}

.overview-main h2 {

	font-size: 22px;

	text-align: center;

	margin: 0 0 8px 0;



}

.overview-main p {

	text-align: center;

	line-height: 24px;

	font-size: 16px;

}

.overview-sec {

	padding: 45px 0;

}

.over-top-cou ul li {

	display: inline-block;

	text-align: center;

	padding: 25px 168px;

}

.over-top-cou ul li p {

	background: ;

	border: 2px solid #009688;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	text-align: center;

	line-height: 38px;

	font-size: 20px;

	color: #009688;

	background: #fff;

}

.over-top-cou ul {

	position: relative;

}

.over-top-cou ul::after {

	background: #009688;

	width: 63%;

	height: 2px;

	content: '';

	position: absolute;

	left: 208px;

	right: 0;

	top: 45px;

	z-index: -1;

	text-align: center;

}

.row.app-featu {

	background: #ededed;

}

.row.app-featu {

	background: #ededed;

	padding: 45px 0;

}

.main-featu ul li p {

	font-size: 23px;

	padding: 0 0 18px 0;

	color: #000;

}

.main-featu ul li {

	width: 49%;

	display: inline-block;

}

.tran-title2 h2 {

	text-align: left;

}

.main-featu ul li p i {

	color: #009688;

	padding: 0 11px 0 0;

}

















/******* Forgot pass ************/

.form-control.rider-otp2 {

	height: 50px !important;

}

.form-control.update-password {

	height: 50px !important;

}

.form-control.repeat-password {

	height: 50px !important;

}





/************************** Driver page *******************/



.driv-main img {

	width: 200px;

	height: 200px;

	border-radius: 100%;

	border: 1px solid #aeadad;

	text-align: center;

	margin: 0 auto;

	display: block;

	object-fit: cover;

}

.driv-main h2 {

	text-align: center;

	font-size: 22px;

	margin: 16px 0 10px 0;

	color: #000;

	text-transform: capitalize;

}

.driv-main p {

	text-align: center;

	font-size: 16px;

	line-height: 26px;

}

.driv-cate {

	background: #ececec;

	padding: 45px 0;

}

.safety-text a {

	background: #009688;

	padding: 16px 40px;

	display: inline-block;

	color: #fff;

	text-transform: uppercase;

	font-size: 17px;

	border-radius: 4px;

	margin: 18px 0 0 0;

}

.safety-textd {

	margin: 0 0 0 0;

}

.safety-text a:hover {

	background: #000;

	color: #fff;

	text-decoration: none;

}

.driv-seaf-area {

	background: #eceaea;

	padding: 45px 0;

}

.driv-seaf-area-main h2 {

	font-size: 26px;

	color: #009688;

	margin: 17px 0 10px 0;

}

.driv-seaf-area-main p {

	font-size: 16px;

	line-height: 26px;

}

.driv-seaf-area-main img {

	width: 100%;

	height: 300px;

	object-fit: cover;

	border-radius: 10px;

}



/********************* User Login **********************/

.main-login-area {

	padding: 50px 0;

	background: url(../images/log-top-img.jpg) no-repeat;

	background-size: cover;

}

.left-login h2 {

	font-size: 20px;

	margin: 0 0 6px 0;


	text-align: center;

}

.tran-title3 h2 {
    text-align: center;
    font-size: 32px;
    margin: 0 0 30px 0 !important;
    color: #000;
}

.left-login p {

	font-size: 15px;

	margin: 0 0 23px 0;

	text-align: center;

}
.left-login a {
    background: #009688;
    padding: 12px;
    font-size: 16px;
    display: block;
    color: #fff;
    width: 80%;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
}

.left-login a:hover {

	background: #000;

	color: #fff;

	text-decoration: none;

}

.log-area {
    border-radius: 20px;
    padding: 40px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 0 21px -4px;
    width: 80%;
    /* margin-bottom: 60px; */
}
.left-login img {
    width: 22%;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 0 0 20px 0;
}

.log-sign-up p {

	text-align: center;

	padding: 16px 0;

	font-size: 17px;

}

.log-sign-up a {

	text-align: center;

	display: block;

	font-size: 16px;

	color: #009688;

}

.log-sign-up a:hover {

	color: #000;

	text-decoration:none;

}



/*********************** Main Login Page *********************/



.single-login-area {
    background: url(../images/log-main-img.jpg) no-repeat;
    padding: 50px 0 0 0;
    /* height: 600px; */
    background-size: cover;
}

.single-login h2 {

	text-align: center;

	font-size: 30px;

	padding: 44px 0 42px 0;

}

.single-login {
    width: 50%;
    margin: 0 auto 50px;
    padding: 0 30px 50px 30px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 14px -3px;
}

.single-login form input[type="email"], .single-login form input[type="password"] {

	height: 60px;

	width:100%;

}

.single-login .input-group-addon i {

	font-size: 25px;

	line-height: 44px;

	width: 26px;

}

.single-login .login-button {

	padding: 19px 71px !important;

	text-transform: uppercase;

	display: inline-block;

	margin: 55px 0 0 0;

}

.single-login .login-button:hover{

	background:#000;

	color:#fff;

}

.forgot-pass {

	float: right;

	display: inline-block;

}

.remem-area {

	float: left;

	display: inline-block;

}

.forgot-pass-area h2 {

	text-align: center;

	font-size: 30px;

	padding: 44px 0 42px 0;

}

.forgot-pass-area {

	width: 50%;

	margin: 100px auto 60px;

	padding: 0 30px 50px 30px;

	background: #fff;

	border-radius: 20px;

	box-shadow: 0 0 14px -3px;

}

.forgot-pass-area form input[type="email"] {

	height: 60px;

	width:100%;

}

.forgot-pass-area .input-group-addon i {

	font-size: 25px;

	line-height: 44px;

	width: 26px;

}

.forgot-pass-area .login-button {

	padding: 19px 71px !important;

	text-transform: uppercase;

	display: inline-block;

	margin: 15px 0 0 0;

}

.forgot-pass-area .login-button:hover{

	background:#000;

	color:#fff;

}

.otp-area form input[type="text"] {

	height: 60px !important;

	width:100%;

}



.otp-area h2 {

	text-align: center;

	font-size: 30px;

	padding: 44px 0 42px 0;

}

.otp-area {

	width: 50%;

	margin: 100px auto 60px;

	padding: 0 30px 50px 30px;

	background: #fff;

	border-radius: 20px;

	box-shadow: 0 0 14px -3px;

}

.otp-area .input-group-addon i {

	font-size: 25px;

	line-height: 44px;

	width: 26px;

}

.otp-area .login-button {

	padding: 19px 71px !important;

	text-transform: uppercase;

	display: inline-block;

	margin: 15px 0 0 0;

}

.otp-area .login-button:hover{

	background:#000;

	color:#fff;

}

.con-pass-area form input[type="password"] {

	height: 60px;

	width:100%;

}

.con-pass-area .input-group-addon i {

	font-size: 25px;

	line-height: 44px;

	width: 26px;

}

.con-pass-area .form-group {

	margin-bottom: 15px;

}

.con-pass-area h2 {

	text-align: center;

	font-size: 30px;

	padding: 44px 0 42px 0;

}

.con-pass-area {

	width: 50%;

	margin: 100px auto 60px;

	padding: 0 30px 50px 30px;

	background: #fff;

	border-radius: 20px;

	box-shadow: 0 0 14px -3px;

}

.login-errors p {

	width: 100%;

	float: right;

	padding: 6px 0;

}

.con-pass-area .login-button {

	padding: 19px 71px !important;

	text-transform: uppercase;

	display: inline-block;

	margin: 15px 0 0 0;

}

.con-pass-area .login-button:hover{

	background:#000;

	color:#fff;

}

















.befor-t-text h4 {

	font-size: 23px;

	margin: 14px 0 7px 0;

}

.befor-t-text p {

	font-size: 16px;

}

.desti-text h4 {

	font-size: 23px;

	margin: 14px 0 7px 0;

}

.after-t-text h4 {

	font-size: 23px;

	margin: 14px 0 7px 0;

}

.after-t-text p {

	font-size: 16px;

}



.free-ride-text p {

	font-size: 20px;

	line-height: 31px;

}

.free-ride-text h2 {

	font-size: 23px;

	margin: 9px 0 0 0;





}

.free-ride-text h1 {

	margin: 14px 0 0 0;

}

.safety-text.safety-textd h3 {

	font-size: 19px;

	margin: 13px 0 3px 0;

}

.driv-seaf-area-main h3 {

	font-size: 22px;

	margin: 0 0 6px 0;

}

.driv-seaf-area-main h4 {

	font-size: 20px;

	margin: 16px 0 5px 0;

	

}



/**********************8 Driver App page Css **********************/

.drv-ban-img img {

	width: 100%;

	height: 380px;

	object-fit: cover;

}

.ban-app-img img {
	width: 30%;
	display: block;
	margin: 0 auto;
}

.drv-app-area {

	padding: 50px 0;

}

.ban-app-cont h2 {

	font-size: 30px;

	margin: 0 0 12px 0;


}

.ban-app-cont p {

	font-size: 16px;

	line-height: 27px;

	margin: 0 0 15px 0;

}

.drv-app-area-odd {

	background: #f2f0f0;

}



/************** Marketing Page ******************/

.qa-inn-banner img {

	width: 100%;

	height: 300px;

	object-fit: cover;

}

.qa-inn-banner{

	position:relative;sss

}

.q-bann-text {

	position: absolute;

	top: 123px;

	background: #fff;

	padding: 29px 50px;

	width: 377px;

	left: 115px;

	box-shadow: 0 0 20px -4px;

	z-index: 99;

}

.q-bann-text h1 {

	margin: 0 0 15px 0;

	font-size: 36px;

	text-transform: capitalize;

}

.q-bann-text p {

	font-size: 18px;

	margin: 0 0 26px 0;

	color: #8f8f8f;

	line-height: 28px;

}

.q-bann-text a {

	background: #009688;

	color: #fff;

	padding: 19px 41px;

	display: inline-block;

	font-size: 17px;

	border-radius: 4px;

}

.q-bann-text a:hover {

	background: #000;

	color: #fff;

	text-decoration:none;

}

.mark-area {

	padding: 278px 0 45px 0;

	z-index: -1;

}

.makt-tit h2 {

	text-align: center;

	font-size: 38px;

	color: #000;

	margin: 0 0 32px 0;

}

.star-mak h2 {

	font-size: 24px;

	margin: 0 0 12px 0;

	color:#000;

}

.star-mak p {

	font-size: 17px;

	color: #716f6f;

}

.mark-text-area {

	background: #eae9e9;

	padding: 43px 0;

}

.mak-pat-img img {

	width: 78%;

	text-align: center;

	display: block;

	margin: 0 auto;

	padding: 15px 0 0 0;

}

.mak-pat-img {

	width: 200px;

	height: 200px;

	border: 1px solid #009688;

	padding: 30px;

	border-radius: 100px;

	margin: 0 auto;

}

.part-mak h2 {

	text-align: center;

	font-size: 22px;

	margin: 18px 0 0 0;

}

.part-mak {

	margin: 18px 0;

	height: 280px;

}

.mark-partn-area {

	padding: 45px 0;

}



/*************** Marketing Sign Up Area ******************/

.mark-signup-area {

	padding: 44px 0 0 0;

}

.market-titl h2 {

	text-align: center;

	font-size: 36px;

	color: #000;

	margin: 0 0 32px 0;

}



.markt-signup form input[type="text"], .markt-signup form input[type="tel"], .markt-signup form input[type="email"], .markt-signup form input[type="password"] {

	width: 100%;

	height: 55px;

	padding: 0 20px;

	border-radius: 4px;

	border: 1px solid #000;

	margin: 0 0 10px 0;

}

.markt-signup form input[type="submit"] {

	background: #009688;

	padding: 12px 25px;

	color: #fff;

	font-size: 16px;

	text-transform: uppercase;

	border-radius: 4px;

	border: 1px solid #009688;

	display: inline-block;

	margin: 16px 0 0 0;

}

.markt-signup form input[type="submit"]:hover {

	background: #000;

	color: #fff;

	border: 1px solid #000;

}

.markt-signup form .step2 #phoneNumber {

	height: 50px;

	border: 1px solid #000;

}

.markt-signup .input-group-btn #btn-country {

	background: #fff;

	color: #000 !important;

	border: 1px solid #000 !important;

}

.markt-signup .input-group-btn .btn-cc {

	color: #000;

}

.markt-signup .input-group-btn .caret {

	color: #000;

}

.markt-signup {

	padding: 50px 50px 50px 50px;

	box-shadow: 0 0 17px -4px;

	width: 90%;

	margin: -170px auto 68px;

	background: #fff;

	border-radius: 25px;

	position: inherit;

}

.all-steps ul li {

	padding: 0 0 25px 0;

}

.all-steps ul li p {

	color: #888;

	text-transform: uppercase;

	font-size: 17px;

}

.all-steps ul li p span {

	background: #888;

	width: 25px;

	height: 25px;

	display: inline-block;

	text-align: center;

	border-radius: 50px;

	color: #fff;

	margin: 0 12px 0 0;

}

.all-steps ul .active p {

	color: #009688;

}

.all-steps ul .active span {

	background: #009688;

	color:#fff;

}

.all-steps ul{

	position:relative;

}

.all-steps ul::after {

	background: #888;

	content: '';

	width: 1px;

	height: 126px;

	position: absolute;

	top: 25px;

	left: 12px;

	z-index: -1;

}





/*===================================================== Trip Section Css ========================================================*/



.title-main {

	background: #009688;

	height: 56px;

	padding: 17px 15px 0 15px;

}

.title p {

	text-align: left;

	text-transform: uppercase;

	font-size: 16px;

	color: #fff;

}

.trip-details p {

	text-align: left;

}

.tr-show-btn {

	position: absolute;

	right: 20px;

	top: 12px;

	cursor: pointer;

	z-index: 9;

}

.tr-show-btn i {

	font-size: 21px;

	color: #009688;

	background: #fff;

	border-radius: 50px;

	width: 30px;

	height: 30px;

	text-align: center;

	line-height: 30px;

}

.trip-details-box {

	padding: 18px 15px 0 15px;

	background: #ccc;

	height: 59px;

	position:relative;

}

.trip-inn-details h5 {

	font-size: 17px;

	padding: 16px 0 8px 0;

	color: #009688;

}

.trip-inn-details p {

	font-size: 16px;

	color: #838282;

}

.trip-hide-box {

	padding: 15px 0 0 16px;

}

.trip-details-main {

	margin: 58px auto;

	display: block;

	text-align: center;

}

.trip-details-main a {

	font-size: 17px;

	background: #009688;

	display: inline-block;

	width: 60%;

	text-align: center;

	padding: 15px 0;

	border-radius: 4px;

	margin: 0 0 7px 0;

	color: #fff;

	text-decoration: none;

	cursor: pointer;

}

.trip-details-main a:hover{

	background:#000;

	color:#fff;

	text-decoration:none;

}

.trip-inn-details ul li {

	display: inline-block;

	padding: 23px 34px 0 0;

}

.trip-inn-details ul li i {

	color: #009688;

	font-size: 17px;

	margin: 0 9px 0 0;

}

.trip-inn-details ul {

	border: ;

	border-top: 1px solid #ccc;

	margin: 28px 0 0 0;

}









.accordion {

    background-color: #eee;

    color: #444;

    cursor: pointer;

    padding: 0;

    width: 100%;

    border: none;

    text-align: left;

    outline: none;

    font-size: 15px;

    transition: all ease-in-out 0.4s;

}



/*.active, .accordion:hover {

    background-color: #ccc; 

}*/



.panel {

    padding: 0 18px;

    display: none;

    background-color: white;

    overflow: hidden;

	transition: all ease-in-out 0.4s;

	position:relative;

}

.accordion-butt {

	background: #fff;

	width: 30px;

	height: 30px;

	border-radius: 50px;

	text-align: center;

	line-height: 31px;

	font-size: 20px;

	position: absolute;

	right: 16px;

	top: 13px;

}

.right-part h3 {

	font-size: 25px;

	text-align: center;

	margin: 18px 0 25px 0;

}

.right-part ul li p {

	font-size: 17px;

	color: #000;

	padding: 16px 0;

	border-top: 1px solid #eae7e7;

}

.right-part {

	padding: 0 50px;

}

.right-part ul li p span {

	float: right;

	color: #a5a3a3;

}

.total-block p {

	color: #009688 !important;

	font-size: 20px !important;

}

.total-block p span {

	color: #009688 !important;

}

.trip-main-details h2 span {

	float: right;

	margin: 0 17px 0 0;

	color: #009688;

	cursor:pointer;

}

.trip-main-details{

	display:none;

}

.ride-video-area {

	background: #f6f6f6;

	padding: 50px 0;

}

.video-left h2 {

	font-size: 32px;

	text-transform: capitalize;

	color: #009688;

	margin: 0 0 11px 0;

}

.video-left p {

	font-size: 16px;

	line-height: 25px;

}



/************************* Driver Profile *************************************/



.prof-head {

	width: 100%;

	background: #efeded;

	border-radius: 10px 10px 0 0;

}

.prof-img img {
	border-radius: 100%;
	border: 2px solid #009688;
	margin: 0;
	width: 60px;
	height: 60px;
	object-fit: cover;
}

.upload-doc img {

	width: 68px;

	height: 43px;

	object-fit: cover;

}

.prof-img {

	text-align: center;

}

.prof-name h2 {
	font-size: 17px;
	font-weight: 600;
	text-align: left;
	padding: 8px 0 3px 0;
	color: #fff;
}

.prof-name p {
	text-align: left;
	font-size: 15px;
	/*color: #00ff26;*/
	padding: 0 0 24px 0;
}

.prof-cont {
	margin: 0;
	background: #efeded;
	border-radius: 6px;
	padding: 12px 25px 25px 25px;
}

.hide-table {

	background: #ececec;

	border-radius: 8px !important;

}

.days{

	display:none;

}

.single-sec {

	cursor: pointer;

}

.hide-table thead tr {

	background: #fff;

}

.hide-table thead tr th {
	width: 24%;
	text-align: left;
	padding: 28px 28px;
	font-size: 13px;
	font-weight: 600;
}

.hide-table tr td {

	width: 25%;

	text-align: left;

	padding: 19px 29px;

	font-size: 16px;

}

.hide-table tbody {

	border-top: 1px solid #ccc;

}

































/* Style the buttons that are used to open the tab content */

.tab button {

	background: inherit;

	outline: none;

	cursor: pointer;

	padding: 14px 34px;

	transition: 0.3s;

	text-transform: uppercase;

	border: 1px solid #009688;

	border-radius: 50px;

	color: #009688;

	font-size: 15px;

	margin: 0 3px;

}

/* Change background color of buttons on hover */

.tab button:hover {

	background-color: #009688;

	color: #fff;

}



/* Create an active/current tablink class */

.tab button.active {

    background-color: #009688;

	color: #fff;

}



/* Style the tab content */

.tabcontent {
	display: none;
	padding: 0;
	border-top: none;
}

#Profile {

	display: block;

}

.man-area .tab {

	margin: 31px 0 0 0;

	text-align: center;

	border-bottom: 2px solid #e7e7e7;

	border-top: 2px solid #e7e7e7;

	padding: 15px 0;

}

.m-prof-img img {

	width: 250px;

	height: 250px;

	border-radius: 50%;

	border: 2px solid #009688;

}

.m-prof-img {

	margin: 40px auto 0;

	display: block;

	text-align: center;

}

.m-prof-area {

	background: #eaeaea;

	margin: 0 0 40px 0;

}

.m-prof-area h2 {

	text-align: center;

	font-size: 23px;

	font-weight: 600;

	color: #006057;

	padding: 0 0;

	margin: 10px 0 5px 0;

}

.row.m-prof-area h3 {

	text-align: center;

	color: #000;

	font-size: 16px;

	margin: 0;

}

.m-prof {

	background: #dddbdb;

	border-radius: 15px;

	padding: 40px 40px;

	margin: 36px 20px;

}

.main-makt-block {

	padding: 31px 0 0 0;

}

.m-prof h2 {

	margin: 0 0 30px 0;

	font-size: 35px;

	color: #22958a;

	font-weight: 600;

}

.m-prof-deta form input[type="text"], .m-prof-deta form input[type="tel"], .m-prof-deta form input[type="email"]{

	width: 100%;

	height: 50px;

	border-radius: 4px;

	border: 0;

	padding: 0 17px;

	color: #000;

	font-size: 15px;

}

.m-prof-deta form input[type="submit"] {

	background: #009688;

	padding: 14px 50px;

	font-size: 17px;

	color: #fff;

	border: 1px solid #009688;

	border-radius: 4px;

}

.m-prof-deta form input[type="submit"]:hover {

	background:#017267;

}

.m-prof-deta form p {

	margin: 18px 0 7px 0;

	font-size: 16px;

	`colo: ;

	color: #000;

}

.ref-code {

	color: #000 !important;

	font-size: 20px !important;

	margin: 33px 0 !important;

}

.ref-code span {

	color: #017267;

	padding: 0 22px;

}

.copy-code {

	background: #c3c3c3;

	border-radius: 4px;

	padding: 8px 27px !important;

	font-size: 17px;

	color: #000 !important;

	border: 1px solid #a19c9c;

	float: right;

	cursor:pointer;

}

.upload-img i {

	font-size: 25px;

	color: #000;

	background: #fff;

	padding: 12px;

	border-radius: 50%;

	border: 2px solid #009688;

}

.upload-img {

	position: absolute;

	top: 21%;

	right: 57px;

	background: inherit;

	border: 0;

}

.m-idcard ul li {

	width: 49%;

	display: inline-block;

	padding: 0 19px;

}

.m-idcard ul li img {

	border: 2px solid #009688;

	border-radius: 8px;

	position:relative;

}

.m-deta {

	position: relative;

}

.m-idcard ul li h2 {

	font-size: 23px;

	color: #000;

	font-weight: 600;

	margin: 0 0 12px 0;

}

.i-up i {

	background: #009688;

	color: #fff;

	padding: 15px;

	font-size: 22px;

	border-radius: 50%;

	border: 2px solid #fff;

}

.i-up {

	position: absolute;

	bottom: 11px;

	left: 29px;

	cursor: pointer;

	background: inherit;

	border: 0;

}

.i-up2 {

	position: absolute !important;

	/* right: 0 !important; */

	top: 67%;

	left: 54%;

	cursor:pointer;

}

.md-doc p {

	font-size: 23px;

	margin: 0 0 9px 0;

	color: #000;

}

.md-doc p span {

	font-weight: 600;

	padding: 0 0 0 16px;

	color:#009688;

}

.md-doc {

	background: #dddbdb;

	border-radius: 15px;

	padding: 25px 48px;

	margin: -25px 17px 44px 17px;

}

.m-inv-list table{

	width:100%;

}

.m-inv-list table tbody tr th {

	background: #009688;

	color: #fff;

	padding: 12px 11px;

	font-size: 15px;

	text-align: center;

	border: 1px solid #0d7d72;

}

.m-inv-list table tbody tr td {

	color: #000;

	padding: 12px 12px;

	font-size: 15px;

	text-align: center;

	border: 1px solid #aaa6a6;

}

.m-prof2 {

	padding: 25px 14px;

}

.licence-expiry {

	height: 50px !important;

}

.cards ul li img {

	width: 12%;

}

.cards {

	margin: 88px 0 0 0;

}

.cards ul li {

	display: inline;

	padding: 0 5px 0 0;

}

#btn-next {

	padding: 15px 24px;

	background: #047268;

	border-radius: 4px;

	border: 0;

	color: #fff;

	text-transform: uppercase;

}

#btn-prev {

	padding: 15px 24px;

	background: #047268;

	border-radius: 4px;

	border: 0;

	color: #fff;

	text-transform: uppercase;

}

.payment-area {

	background: #dddbdb;

	border-radius: 6px;

	padding: 16px 0;

	margin: 30px 0 0 0;

}

.payment-area h2 {

	margin: 0 0 21px 0;

	font-size: 35px;

	color: #22958a;

}





/***** Date Pick Css ****/



/*

 * Copyright (c) 2012-2013 Thibaut Courouble

 * http://www.cssflow.com

 * Licensed under the MIT License

 *

 * Sass/SCSS source: https://goo.gl/yUpMF

 * PSD by Liam McCabe: https://goo.gl/RlGjy

 */





.month-picker {

  margin: 0 0 0 0;

  text-align: left;

  width:525px;

}



.month-picker-fieldset {

	display: inline-block;

	padding: 0 7px;

	background: rgb(0, 150, 136);

	border-radius: 5px;

}



.month-picker-fieldset > input {

  position: absolute;

  clip: rect(1px, 1px, 1px, 1px);

}



.month-picker-label, .month-picker-nav {

  display: inline-block;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  line-height: 25px;

  vertical-align: top;

  cursor: pointer;

}



input:focus + .month-picker-label, .month-picker-nav:focus {

  outline: 2px solid #5e9ed7;

  outline: 5px auto -webkit-focus-ring-color;

}



.month-picker-label {

	position: relative;

	padding: 2px 7px;

	font-size: 12px;

	font-weight: 200;

	color: #fff;

	text-transform: uppercase;

	margin: 0;

}



.month-picker-label, .month-picker-label:before {

  -webkit-transition: 0.15s ease-out;

  -moz-transition: 0.15s ease-out;

  -o-transition: 0.15s ease-out;

  transition: 0.15s ease-out;

}



.month-picker-label:before {

  content: '';

  position: absolute;

  top: -2px;

  bottom: -2px;

  left: -2px;

  right: -2px;

  border: 2px solid;

  border-color: #e4e0fb #b6b1d1 #b6b1d1;

  border-radius: 6px;

  opacity: 0;

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);

}



input:checked + .month-picker-label {

  color: white;

  background: #302e42;

  background-image: -webkit-linear-gradient(top, #302e42, #29253b);

  background-image: -moz-linear-gradient(top, #302e42, #29253b);

  background-image: -o-linear-gradient(top, #302e42, #29253b);

  background-image: linear-gradient(to bottom, #302e42, #29253b);

}



input:checked + .month-picker-label:before {

  opacity: 1;

}



.month-picker-nav {

  width: 25px;

  font-size: 16px;

  font-weight: bold;

  color: rgba(0, 0, 0, 0.7);

  text-align: center;

  text-decoration: none;

  text-shadow: 0 1px rgba(255, 255, 255, 0.1);

}



.year-sel select {

	width: 100%;

	height: 29px;

	border-radius: 4px;

	border: 1px solid #009688;

	color: #fff;

	background: #009688;

	padding: 0 0 0 8px;

}

.payment-area p {

	color: #000;

	font-size: 15px;

	padding: 0 0 6px 0;

}

.Pay-statm {

	padding: 0 17px;

}

.Pay-statm table {

	background: #f5f5f5;

	border-radius: 4px;

	margin: 96px 0 0 0;

}

.Pay-statm table tr th {

	background: #009688;

	font-size: 15px;

	text-transform: uppercase;

	color: #fff;

	text-align: center;

	padding: 10px 0;

}

.Pay-statm table tr td {

	text-align: center;

	border-bottom: 1px solid #ccc;

	padding: 9px 0;

}

.ban-app-cont a {

	background: #009688;

	padding: 17px 40px;

	font-size: 16px;

	color: #fff;

	display: inline-block;

	border-radius: 4px;

}

.ban-app-cont a:hover {

	text-decoration: none;

	color: #fff;

	background: #000;

}

.r-testi img {

	width: 100% !important;

	height: 230px !important;

	object-fit: cover;

	border-radius: 10px 10px 0 0;

	margin: 30px 0 0 0;

}

.r-testi {

	padding: 0 0 32px 0;

}

.video-right iframe {

	width: 100%;

}

.video-right {

	margin: 20px 0 0 0;

}

.r-testi h3 {

	color: #009688;

	font-size: 20px;

	padding: 9px 0 6px 0;

	margin: 0;

}

.r-testi p {

	font-size: 15px;

	line-height: 24px;

	color: #000;

}

.daily-earnings .active {

	border-bottom: 2px solid #009688;

}

.daily-earnings li:hover {

	border-bottom: 2px solid #009688;

}
.id-front .input-group-addon {
	height: 45px;
}
.id-front input[type="text"] {
	height: 45px;
}
.upload-area {
	margin: 0 0 15px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background: #f4f4f4;
	padding: 20px;
	border-radius: 4px;
}
.upload-area label {
	border: 2px dashed #5dbbb2;
	width: 90px;
	height: 90px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.privacyCls {
	display: block;
	width: 100%;
}
.imgUpText {
	text-align: left;
	margin: 0 0 0 22px;
}
.veichecal {
    display: flex;
    justify-content: end;
    align-items: center;
}
.veichecal button {
	padding: 6px 10px !important;
	font-size: 12px !important;
	margin: 6px 7px 0 0;
	background: #0dc175;
	color: #fff;
}
.veichecal button :hover{
	color: #fff;
}








/*****************03.02.21*********************/
.getstestback
{
	cursor: text !important;
	background:#0dc175 !important;
}
/*.getstestback:hover
{
	color:#fff !important;
	background:#0dc175 !important;
}*/
/*.getstestfont
{
width: 107px !important;
  background: inherit !important;
  color: #0d53c1 !important;
  
}*/
/*.getstestfont:hover
{
	color:#fff !important;
	background:#0dc175 !important;
}*/
.rejectvhback
{
	display: inline-block;
    background: #d43f3a;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}

.rejectvh {
	display: flex;
	background: #d43f3a;
	color: #fff;
	padding: 7px 0px;
	
	border-radius: 4px;
	text-transform: uppercase;
	text-align: center;
	
	
	margin: 5px 7px 0 0;
}
.pendingvhcss {
	background: #e6aa00 !important;
	color: #fff;
	padding: 7px 0px;
	display: inline-block;
	border-radius: 4px;
	text-transform: uppercase;
	text-align: center;
	margin-right: 7px;
	font-size: 14px;
}
.activevhcss {
	background: inherit;
	color: #56b46d;
	padding: 0;
	display: inline-block;
	border-radius: 4px;
	text-transform: uppercase;
	text-align: center;
	margin-right: 7px;
	font-size: 14px;
	border: 0;
	font-family: 'open_sansbold';
}

.row.single-driver h3 {
	width: 90px;
	display: flex;
	background: #d43f3a;
	color: #fff;
	padding: 0;
	/* display: inline-block; */
	border-radius: 4px;
	text-transform: uppercase;
	text-align: center;
	/* cursor: pointer; */
	font-size: 14px;
	border: 0;
	font-family: 'open_sansbold';
	margin: 0;
	align-items: center;
}
.drv-doc-btn h3 i {
	font-size: 23px;
	padding: 0 8px 0 0;
}
.veichecal h3 i {
    font-size: 23px;
    padding: 0 8px 0 0;
}
.veichecal h3 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.getstartedQuatarId
{
	width: 100% !important;
	background: inherit !important;
	color: #0d53c1 !important;
	border: 1px solid #0d53c1;
}
.getstartedlicensefront
{
	width: 100% !important;
	background: inherit !important;
	color: #0d53c1 !important;
	border: 1px solid #0d53c1;
}
.getstartedlicenseback {
	width: 100% !important;
	background: inherit !important;
	color: #0d53c1 !important;
	border: 1px solid #0d53c1;
}
.getstartedidFront
{
	width: 100% !important;
	background: inherit !important;
	color: #0d53c1 !important;
	border: 1px solid #0d53c1;
}
.getstartedidBack {
	width: 100% !important;
	background: inherit !important;
	color: #0d53c1 !important;
	border: 1px solid #0d53c1;
}
.getstartedcrPageon
{
	width: 100% !important;
	background: inherit !important;
	color: #0d53c1 !important;
	border: 1px solid #0d53c1;
}
.getstartedcrPagetwo
{
	width: 100% !important;
	background: inherit !important;
	color: #0d53c1 !important;
	border: 1px solid #0d53c1;
}
.activecss {
	background: inherit !important;
	color: #56b46d !important;
	border: 1px solid #56b46d;
}
.getstestfont,
.getstestback {
	width: 100% !important;
  background: inherit !important;
  color: #0d53c1 !important;
  font-family: 'open_sansbold';
  display: flex;
}
.pendingcss,
.pendingvhcss
 {
	background: inherit !important;
	color: #e6aa00 !important;
	
	font-family: 'open_sansbold';
}
/*.pendingcss {
	background: inherit !important;
	color: #e6aa00 !important;
	border: 1px solid #e6aa00;
}*/
.rejectedcss, .rejectcrPgone,
.rejectvh
 {
	background: inherit !important;
	color: #d43f3a !important;
	font-family: 'open_sansbold';
	text-transform: uppercase;
    text-align: center;
    margin-right: 7px;
    font-size: 14px;
}
a.btn-solid:hover, .profiles-menu a:hover, p.power a, p.power a:hover {
    color: #fff;
    text-decoration: none;
}
.veichecal button {
    text-transform: uppercase;
}
input.edit-profile.btn.btn-primary {
    background: #009688;
}
.veichecal button {
	cursor: text;
}
.driver-profile-area {
	margin: 35px 0;
}
.driv-prof-left {
	background: #009688;
	border-radius: 6px;
}
.dirv-prof-head {
	display: flex;
	justify-content: flex-start;
	padding: 20px 20px 0;
	border-bottom: 1px solid #038276;
	margin: 0 0 31px;
}
.prof-name {
	text-align: left;
	margin: 0 0 0 10px;
}
.drvr-prf-mnu ul li a {
	color: #fff;
	padding: 8px 15px;
	display: block;
	font-size: 13px;
	background: #038276;
	margin: 1px 0 0;
	cursor: pointer;
	list-style: none;
	text-decoration: none;
	margin: 0 20px 2px;
}
.drvr-prf-mnu .fa-long-arrow-right {
	float: right;
}
.drvr-prf-mnu {
	padding: 0 0 20px;
}
.drvr-prf-mnu ul li a:hover {
	background: #004d45;
}
.drivr-frm-lst {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.drivr-frm-lst .form-group {
	width: 48%;
}

.profile-form .form-group {
	margin-bottom: 0;
}
.edit-profile {
	margin: 16px 0 0;
	border: 0 !important;
}
.drv-doc-btn {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 5px 0 0;
}
.pendingCrpage2
{
	background: inherit !important;
    color: #e6aa00 !important;	   
    display: none;
    border-radius: 4px;  
   
    width: 90px;   
    padding: 0;
    /* display: inline-block; */
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    /* cursor: pointer; */
    font-size: 14px;
    border: 0;
    font-family: 'open_sansbold';
    margin: 0;
    align-items: center;
}
.pendingCrpage1
{
	background: inherit !important;
    color: #e6aa00 !important;	   
    display: none;
    border-radius: 4px;  
   
    width: 90px;   
    padding: 0;
    /* display: inline-block; */
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    /* cursor: pointer; */
    font-size: 14px;
    border: 0;
    font-family: 'open_sansbold';
    margin: 0;
    align-items: center;
}
.pendingIdback
{
	background: inherit !important;
    color: #e6aa00 !important;	   
    display: none;
    border-radius: 4px;  
   
    width: 90px;   
    padding: 0;
    /* display: inline-block; */
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    /* cursor: pointer; */
    font-size: 14px;
    border: 0;
    font-family: 'open_sansbold';
    margin: 0;
    align-items: center;
}
.pendingIdfront
{
	background: inherit !important;
    color: #e6aa00 !important;	   
    display: none;
    border-radius: 4px;  
   
    width: 90px;   
    padding: 0;
    /* display: inline-block; */
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    /* cursor: pointer; */
    font-size: 14px;
    border: 0;
    font-family: 'open_sansbold';
    margin: 0;
    align-items: center;
}
.pendingLncback
{
	background: inherit !important;
    color: #e6aa00 !important;	   
    display: none;
    border-radius: 4px;  
   
    width: 90px;   
    padding: 0;
    /* display: inline-block; */
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    /* cursor: pointer; */
    font-size: 14px;
    border: 0;
    font-family: 'open_sansbold';
    margin: 0;
    align-items: center;
}
.pendingLncfront
{
	background: inherit !important;
    color: #e6aa00 !important;	   
    display: none;
    border-radius: 4px;  
   
    width: 90px;   
    padding: 0;
    /* display: inline-block; */
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    /* cursor: pointer; */
    font-size: 14px;
    border: 0;
    font-family: 'open_sansbold';
    margin: 0;
    align-items: center;
}

.drv-doc-btn h4 i {
    font-size: 23px;
    padding: 0 8px 0 0;
}

}
.pendingQatarId
{
	background: inherit !important;
	color: #e6aa00 !important;
	border: 1px solid #e6aa00;	
    padding: 10px 20px;
    display: none;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    margin-right: 7px;
}
.pendingestimar
{
	background: #e6aa00 !important;
    color: #fff;
    padding: 10px 20px;
    display: none;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    margin-right: 7px;
}
.pendingestimarback
{
	background: #e6aa00 !important;
    color: #fff;
    padding: 10px 20px;
    display: none;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    margin-right: 7px;
}
.estimate-ltft h2 {
	font-size: 20px;
	color: #009688;
	margin: 0 0 9px;
	font-family: 'open_sanssemibold';
}
.estimate-ltft h4 {
	font-size: 13px;
	padding: 0 0 18px;
	line-height: 22px;
}
.entloc {
	position: relative;
}
.entdstn {
	position: relative;
}
.row.profile-head {
	display: none;
}
.row.single-driver p {
	font-size: 13px;
	color: #000;
}
.row.single-driver h4 {
	width: 90px;
	display: none;
	background: #d43f3a;
	color: #fff;
	padding: 0;
	/* display: inline-block; */
	border-radius: 4px;
	text-transform: uppercase;
	text-align: center;
	/* cursor: pointer; */
	font-size: 14px;
	border: 0;
	font-family: 'open_sansbold';
	margin: 0;
	align-items: center;
}
.row.single-driver h5 {
	font-size: 12px;
	color: #5b5b5b;
}
.estimara-expiry {
	height: 45px !important;
}
.cls-mnu {
	display: none;
}
.menu-toggle-prof {
	display: none;
}
.cls-mnuprf {
	display: none;
}
.cls-mnu-prof {
	display: none;
}
.drvr-prf-mnupmt {
	padding-top: 20px;
}
#inv table tr th {
	font-size: 13px !important;
}
.driver-details ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.licence-front input {
	background: #fff !important;
}
.driver-registration-form {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.logo-mob{
	display: none;
}
.prof-main-mobile {
	display: none;
}
.prfhdng {
	margin: 0 0 20px;
	font-size: 25px;
	color: #000;
}

.menu-toggle-home {
	display: none;
}
.row.sing_vecl {
	border-bottom: 1px solid #ccc;
	margin-bottom: 31px;
	padding: 0 0 20px;
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0,50%);
	-ms-transform: translate(0,50%);
	-o-transform: translate(0,50%);
	transform: translate(0,50%);
}
.upload-error2 {
	text-align: center;
}
.fade.in {
	background: rgba(0, 0, 0, 0.5);
}
.veichecal a:focus {
	text-decoration: none;
	color: #fff;
}
.pro-form form input[type="file"] {
	width: 100%;
	height: 50px;
	background: #fff;
	border: 0;
	margin: 7px 0;
	padding: 12px 15px;
	border-radius: 4px;
	border: 1px solid #ccc;
	font-size: 13px;
}
.main-drvr-sect-all table {
	width: 100%;
}
.main-drvr-sect-all table thead tr {
	background: #d7d7d7;
}
.main-drvr-sect-all table thead tr th {
	padding: 11px 15px;
	vertical-align: middle;
	font-family: 'open_sanssemibold';
	color: #000;
}
.main-drvr-sect-all table tbody tr td {
	padding: 11px 15px;
	vertical-align: middle;
	color: #000;
	background: #f7f7f7;
}
.main-drvr-sect-all table tbody tr td h3 {
	display: flex;
	align-items: center;
}
.main-drvr-sect-all table tbody tr td h3 i {
	font-size: 22px;
	padding: 0 10px 0 0;
}

.wait_drstatus
{
	color:#ff9f58;
}
.rjct_drstatus
{
	color:#ff0800;
}
.onbord_drstatus
{
 color: #052f71;
}
.active_drstatus
{
	color:#00ff26;
}

.dwnflyr a {
	background: #055c54;
	color: #fff;
	padding: 15px 25px;
	display: inline-block;
	font-size: 17px;
	border-radius: 4px;
	text-decoration: none;
}
.dwnflyr a:focus {
	color: #fff !important;
	text-decoration: none;
}
.dwnflyr {
	text-align: right;
}
.dwnflyr a:hover {
	color: #fff;
	text-decoration: none;
}
.dwnflyr a i {
	padding: 0 5px 0 0;
}
.vidlft_cont h3 {
	margin: 17px 0 12px;
	font-size: 18px;
	color: #000;
	font-weight: 600;
}
.step-block22 {
	background: #fff;
}
.step-title21 p {
	text-align: center;
	margin: 13px 0 0;
	font-size: 16px;
}
.testimonialsinn {
	background: #f6f6f6;
}
.privacy_policy_page h3 {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	margin: 0 0 19px;
}