:root {
	--primary-color: var(--primary-color);
	--primary-color-2: #c13a30;
	--secondary-bg-color: var(--primary-color);
	--text-primary-color: var(--primary-color); 

	--text-base-color: #828282;
	--text-header-base-color: #1B222A;
	--gray-color: #70757a;
	--gray-color-2: #dddddd;


	--bs-accordion-active-color: var(--primary-color);
	--border-radius-md: 8px;
	--border-radius-lg: 16px;
	--smooth-shadow-sm: 1.9px 0.7px 3.6px rgba(0, 0, 0, 0.01), 5.1px 2px 10px rgba(0, 0, 0, 0.015), 12.4px 4.8px 24.1px rgba(0, 0, 0, 0.02), 41px 16px 80px rgba(0, 0, 0, 0.03);
}


/* CUSTOM CONTAINER */
/* MAIN NAVIGATION */
/* LANDING */
/* SERVICES */
/* ABOUT */
/* CONTACT */
/* BUTTONS */
/* HELPERS */
/* FORMS */
/* MODALS */
/* RESPONSIVE */

/* CONTAINER STYLES  */

/* *********************************** */
/* BS5 RESET */
/* *********************************** */
.img-responsive{
  max-width: 100%;
}
.form-group{
  margin-bottom: 15px;
}
.form-inline .form-group{
  display: inline-block;
  vertical-align: top;
}
.form-inline.pull-right .form-group, .pull-right .form-inline .form-group{
  display: inline-block;
  margin-left: 10px;
}
.form-group.has-error .form-control, .form-group.has-error .form-select  {
  border: 1px solid rgb(220, 53, 69);
}
.form-group.has-error .help-block{
  color: rgb(220, 53, 69);
}

.list-inline{

}
.list-inline > li{
  display: inline-block;
  margin-right: 15px;
}
.list-inline.pull-right > li{
  display: inline-block;
  margin-right: 0;
  margin-left: 15px;
}

.list-inline-bullet > li{
  margin-right: 0;
}
.list-inline-bullet > li:after{
  content: '•';
  color: #888;
  display: inline-block;
  margin: 0 10px;
}
.list-inline-bullet > li:last-child:after{
  display: none;
}

.list-float{
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-float > li{
  float: right;
  display: block;
  margin-right: 15px;
}
.list-float.pleft > li{
  float: left;
}
.list-float.pull-right{
  margin-left: 15px;
  margin-right: 0;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
button{
  border: 0;
  background: transparent;
  padding: 0;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.hide{
	display: none !important;
}
.top20{
	margin-top: 20px;
}
.alert.show{
	display: block !important;
}


*, *::after, *::before {
	-webkit-font-smoothing: antialiased;
	outline: none;
	text-rendering: optimizeLegibility;
	zoom: 1;
}
::-moz-selection { background: var(--primary-color); color: #ffffff; }
::selection { background: var(--primary-color); color: #ffffff; }

@font-face {
  font-family: 'Urbane DemiBold';
  src: url('../fonts/urbane/Urbane-DemiBold.woff2') format('woff2'),
    url('../fonts/urbane/Urbane-DemiBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Urbane Medium';
  src: url('../fonts/urbane/Urbane-Medium.woff2') format('woff2'),
    url('../fonts/urbane/Urbane-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Urbane Light';
  src: url('../fonts/urbane/Urbane-Light.woff2') format('woff2'),
    url('../fonts/urbane/Urbane-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
/*  background: #0A4545;*/
	font-family: 'Urbane Light', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
}

.bg-light-1 {
  background-color: #f4f8f9 !important;
}
.dashboard-details-wrap{
	padding: 30px 20px;
	background: #ffffff;
	border-radius: 8px;
}


strong, .strong{
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
}
a {
	color: var(--primary-color);
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover {
	color: var(--primary-color) !important;
}

#ms--main--body {
	padding-top: 90px;
}
.hero-title-1 {
	font-size: 60px;
	line-height: 68px;
}
.hero-title-2 {
	font-size: 42px;
	line-height: 50px;
}


/* *********************************** */
/* CUSTOM CONTAINER */
/* *********************************** */
.container-custom-xl {
	max-width: 1800px;
	padding-left: 20px;
	padding-right: 20px;
}
.container-custom-lg {
	max-width: 1600px;
	padding-left: 50px;
	padding-right: 50px;
}

.container-custom-md {
	max-width: 1400px;
	padding-left: 50px;
	padding-right: 50px;
}

.container-custom-sm {
	max-width: 1200px;
	padding-left: 50px;
	padding-right: 50px;
}

.margin-auto { margin: 0 auto; }

/* *********************************** */
/* MAIN NAVIGATION */
/* *********************************** */
.site--logo img {
	max-width: 160px;
	width: 100%;
}
#main-navigation {
	padding: 18px 0;
	background: #fff;
/*	border-bottom: 1px solid #eeeeee;*/
/*	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);*/
}
#main-nav-items .nav .nav-item > a,
.nav-buttons .nav-item > a {
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	padding: 10px 25px;
}
#main-nav-items .nav .nav-item.active > a,
.nav-buttons .nav-item.active > a {
	border-bottom: 3px solid var(--primary-color);
}
#main-nav-items .nav .nav-item:hover > a,
.nav-buttons .nav-item:hover a {
	color: var(--primary-color);
}
#main-navigation .nav-item.dropdown:hover > a {
	color: #000;
}
#main-navigation .nav-item .dropdown-image {
	padding: 10px 0;
}

#main-navigation .nav-item .dropdown-menu {
	padding: 5px 0;
	border: 0;
	box-shadow: 0 2px 16px rgba(0,0,0,0.12);
	min-width: 220px;
}
#main-navigation .nav-item .dropdown-menu li a {
	padding: 10px 15px;
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #1b1b1b;
}
.dropdown-divider{
	border-color: #dddddd;
}
.my-dropdown{
	border-radius: 50px;
	border: 1px solid #ddd;
	padding: 8px 12px 8px 22px !important;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.my-dropdown:hover{
	border-color: #8C9999;
	box-shadow: 0 2px 16px rgba(0,0,0,0.12);
}
.dropdown-toggle.show.my-dropdown{
	box-shadow: 0 2px 16px rgba(0,0,0,0.12);
}

.caret-dropdown {
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  height: 10px;
  left: 15px;
  margin-top: 2px;
  position: relative;
  text-align: left;
  transition: 0.4s ease;
  transform: rotate(0);
  width: 13px;
}
.caret-dropdown:after, .caret-dropdown:before {
  background-color: transparent;
  border-bottom: 9px solid #444;
  box-sizing: content-box;
  content: "";
  display: inline-block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.4s ease;
  width: 1px;
}
.caret-dropdown:before {
  transform: rotate(-135deg);
}
.caret-dropdown:after {
  transform: rotate(135deg);
}
.dropdown-toggle:after{
	display: none;
}
.dropdown-toggle.show .caret-dropdown {
  transform: rotate(0);
  transform: translate(0, -6px);
}
.dropdown-toggle.show .caret-dropdown:before {
  transform: rotate(-45deg);
}
.dropdown-toggle.show .caret-dropdown:after {
  transform: rotate(45deg);
}

#main-navigation .nav-item .dropdown-menu li:hover a {
	color: var(--primary-color);
}

#main-nav-items .nav .nav-item a::before {
	content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 50%;
    background: #ec2323;
    height: 3px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#mobile-logo {
  margin: 20px auto;
  text-align: left;
  padding-left: 20px;
}
#mobile-nav-wrapper {
	position: fixed;
	z-index: 1080;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	line-height: 1em;
	text-align: left;
	overflow: auto;
	pointer-events: none;

	-webkit-transform: translateX(100%);
	transform: translateX(100%);

	background: #ffffff;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1);
	transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1);
	-o-transition: transform 400ms cubic-bezier(.694,0,.335,1);
	transition: transform 400ms cubic-bezier(.694,0,.335,1);
	transition: transform 400ms cubic-bezier(.694,0,.335,1),-webkit-transform 400ms cubic-bezier(.694,0,.335,1);
}
#mobile-nav-wrapper.open-nav {
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);

	-webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
	transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
	-o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
	transition: transform 600ms cubic-bezier(.694,0,.335,1);
	transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);

	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-overflow-scrolling: touch;
}
#mobile-nav-inject .nav {
	display: block;
    text-align: center;
}
#mobile-nav-inject .nav-item a {
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	padding: 10px 25px;
}
#mobile-nav-inject .nav-item a:hover,
#mobile-nav-inject .nav-item a:focus {
	color: #fff;
	background: #000;
	box-shadow: none !important;
}
#mobile-nav-inject .nav-buttons .nav-item {
	flex-basis: 135px;
}
#mobile-nav-inject .nav-item a.nav-btn {
	width: 100%;
}

#mobile-nav-trigger {
	width: 50px;
	position: fixed;
	top: 23px;
	right: 13px;
	z-index: 1090;
}
#nav-trigger,
#nav-customer-trigger {
	position: relative;
	width: 50px;
	height: 20px;
	padding: 0;
	-moz-transition:0 .4s;
	-o-transition:0 .4s;
	-webkit-transition:0 .4s;
	transition:transform .4s;
	opacity: 1;
	
	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden; 
	-ms-backface-visibility: hidden;
}
#nav-trigger:before,
#nav-customer-trigger:before {
	content: '';
	border-radius: 2px;
	width: 40px;
	height: 34px;
	position: absolute;
	left: 8px;
	top: -7px;

	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#nav-trigger:hover,
#nav-customer-trigger:hover {
	cursor: pointer;
}
#nav-trigger span,
#nav-customer-trigger span {
	-moz-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
	background-color: #000000;
	display: block;
	height: 2px;
	left: 14px;
	margin-top: -1px;
	position:absolute;
	top: 50%;
	width: 25px;
	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility:    hidden; 
	-ms-backface-visibility:     hidden;
	border-radius: 2px;
}
#nav-trigger span:first-child,
#nav-customer-trigger span:first-child {
	-moz-transform:translate(0,-7px);
	-ms-transform:translate(0,-7px);
	-webkit-transform:translate(0,-7px);
	transform:translate(0,-7px);
}
#nav-trigger span:nth-child(2){
	width: 18px;
  left: 21px;
}
#nav-trigger span:last-child,
#nav-customer-trigger span:last-child {
	-moz-transform:translate(0,7px);
	-ms-transform:translate(0,7px);
	-webkit-transform:translate(0,7px);
	transform:translate(0,7px);
}

body.nav-open #nav-trigger,
body.nav-open #nav-customer-trigger {
	-moz-transform: rotate(90deg) translate(-3px, 0);
	-ms-transform: rotate(90deg) translate(-3px, 0);
	-webkit-transform: rotate(90deg) translate(-3px, 0);
	transform: rotate(90deg) translate(-3px, 0);
}
body.nav-open #nav-trigger span:first-child,
body.nav-open #nav-customer-trigger span:first-child {
	-moz-transform:rotate(45deg) translate(0,0);
	-ms-transform:rotate(45deg) translate(0,0);
	-webkit-transform:rotate(45deg) translate(0,0);
	transform:rotate(45deg) translate(0,0);
}
body.nav-open #nav-trigger span:nth-child(2),
body.nav-open #nav-customer-trigger span:nth-child(2) {
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
}
body.nav-open #nav-trigger span:last-child,
body.nav-open #nav-customer-trigger span:last-child {
	-moz-transform:rotate(-45deg) translate(0,0);
	-ms-transform:rotate(-45deg) translate(0,0);
	-webkit-transform:rotate(-45deg) translate(0,0);
	transform:rotate(-45deg) translate(0,0);
}

.dropdown-image img {
	width: 35px;
	border-radius: 50px;
	border: 1px solid #8C9999;
}



#footer {
	border-top: 1px solid #eeeeee;
	padding: 80px 0 50px;
}
.footer-logo img {
	max-width: 200px;
	width: 100%;
}
.footer-title {
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
}
.footer-menu ul {
/*	color: #ffffff;*/
	padding-left: 0;
	list-style: none;
}
.footer-menu ul li {
	padding: 5px 0;
}
.footer-menu li:hover a {
	color: var(--primary-color) !important;
}
.footer-bottom {
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
}


/* *********************************** */
/* LANDING */
/* *********************************** */
#landing-page {
	/*background-image: url(../img/landing-bg.svg);*/
	/*background-position: right -100px;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: var(--primary-color);
	padding: 80px 0;
	min-height: 850px;
	position: relative;
	overflow: hidden;*/
}
#landing-page .section-header {
	max-width: 600px;
}
#landing-page .section-header p {
	max-width: 450px;
}
.landing-mobile-image img {
	max-width: 350px;
	width: 100%;
}
#carouselPlatformOverview {
	display: flex;
}
#carouselPlatformOverview .carousel-inner,
#carouselPlatformOverview .carousel-indicators {
	flex-basis: 50%;
}
#carouselPlatformOverview .carousel-indicators {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 100px;
}
#carouselPlatformOverview .carousel-indicators button {
	display: block;
	width: 100%;
	height: auto;
	text-indent: unset;
	margin: 0;
	background-clip: none;
	border: 0;
	padding-bottom: 30px;
	position: relative;
}
#carouselPlatformOverview .carousel-indicators button:after {
	content: '';
	background: #ffffff url(../img/icons/inactive-circle.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 28px;
	width: 28px;
	position: absolute;
	top: 0;
	left: -52px;
	z-index: 3;
}
#carouselPlatformOverview .carousel-indicators button.active:after {
	background: #ffffff url(../img/icons/active-circle.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#carouselPlatformOverview .carousel-indicators button:before {
	content: '';
	background: #ffffff url(../img/slider-broken-line.svg);
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 110px;
	width: 10px;
	position: absolute;
	z-index: -2;
	top: 32px;
	left: -43px;
	right: 0;
}
#carouselPlatformOverview .carousel-indicators button:last-child:before {
	display: none;
}

/*.carousel.carousel-vertical .carousel-item {
	-webkit-transition: 0.6s ease-in-out top;
	-moz-transition: 0.6s ease-in-out top;
	-ms-transition: 0.6s ease-in-out top;
	-o-transition: 0.6s ease-in-out top;
	transition: 0.6s ease-in-out top;
}
.carousel.carousel-vertical .carousel-item {
	left: 0;
}
.carousel.carousel-vertical .carousel-item.active {
	top: 0;
}*/
/*.carousel.carousel-vertical .carousel-control-next {
   top: 400px;
}

.carousel.carousel-vertical .carousel-control-prev {
   top: -400px;
}

.carousel.carousel-vertical .carousel-control-next,
.carousel.carousel-vertical .carousel-control-prev {
	top: 0;
}*/

/*.carousel.carousel-vertical .active.carousel-control-prev {
	top: -400px;
}
.carousel.carousel-vertical .active.carousel-control-next {
	top: 400px;
}*/



/*.landing-row {
	position: relative;
}*/

/*#landing-page .owl-carousel {
	position: absolute;
	top: 286px;
    left: 445px;
}

.owl-carousel .item .card .card-img-top {
	max-width: 122px;
}

.owl-carousel .item .card-body p {
	font-weight: 400;
	font-size: 8px;
	line-height: 16px;
}

.owl-carousel .item .card-body h5 {
	font-weight: 400;
	font-size: 10px;
	line-height: 12px;
}*/


/*.title-highlight-lg:after,
.title-highlight-md:after {
	content: '';
	right: 82px;
	bottom: 8px;
	height: 15px;
	width: 100%;
	background: var(--primary-color);
	position: absolute;
	z-index: -1;
	clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%);
}*/
/*.title-highlight-lg:after {
	max-width: 262px;
}
.title-highlight-md:after {
	max-width: 400px;
}*/
/*.landing-services-list ul {
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
}
.landing-services-list ul li {
	color: #dbdbdb;
}
.landing-services-list ul li.active {
	color: #000000;
	border-bottom: 2px solid var(--primary-color) !important;
	background: transparent;
}*/


.section-title {
	font-size: 38px;
	line-height: 46px;
}

.qr-code-image img {
	max-width: 100px;
	width: 100%;
}
.mobile-app-logos .qr-code {
	max-width: 100px;
	width: 100%;	
}


/* MESSAGES BOX  */
.chat-item{
	position: relative;
}
.chat-avatar-wrap{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	left: 20px;
}
.chat-media-body{
	padding-left: 60px;
}
.message-bubble{
	margin: 10px 0;
	display: inline-block;
	min-width: 48%;
	padding: 15px;
	font-size: 14px;
	background: #f1f1f1;
	border-radius: 10px 10px 0 10px;
}





#services {
	padding: 100px 0 200px;
}
#services .border-yellow:after {
	max-width: 100px;
	left: 0;
	margin: auto;
}
.service-image {
	position: relative;
	z-index: 9;
}
.service-image svg {
	width: 120px;
	height: 120px;
	object-fit: contain;
}
.service-image:after {
	content: '';
	background: #DBDBDB;
	width: 125px;
	height: 125px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
	border-radius: 100px;
}

#cta {
	margin-top: -150px;
}
.cta-box {
	background-image: url(../img/cta-bg.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;

	padding: 120px 100px;
	margin-bottom: 100px;
	border-radius: 4px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

/*.work-wrap p {
	margin: 0px;
	padding: 30px 0px;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
}*/

/*.access-box {
	background-image: url(../img/bbg.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #16110D;
	padding: 163px;

}

.access-box h3 {
	font-weight: 400;
	font-size: 38px;
	line-height: 47px;
}

.access-box p {
	font-weight: 400;
	font-size: 24px;
	line-height: 30px;
}*/
#solutions-work {
	padding-bottom: 200px;
}
.solutions-wrap-details svg {
	max-height: 85px;
}
#request-quote {
	background: url(../img/truck-safety-regulations-1.jpg);
	background-size: auto;
	background-position: right center;
	background-repeat: no-repeat;
}

.request-quote-box {
	margin-top: -50px;
	margin-bottom: -50px;
	padding: 180px 100px;
}
.request-quote-image {
	background: url(../img/trans-it-truck-image.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 550px;
}

.faq-wrap {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.faq-wrap:hover {
	background: #f7f7f7;
	border-radius: 6px;
}

.request-image svg,
.request-image img {
	max-width: 150px;
	height: auto;
	margin: auto;
}


/* *********************************** */
/* SERVICES */
/* *********************************** */
.page-title-lg {
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-size: 52px;
	line-height: 62px;
}
.page-title {
	font-size: 38px;
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	line-height: 46px;
}
#services-header {
	/*background-image: url(../img/bg-black.jpg);*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 200px 0;
}
.service-box-wrap {
	padding: 50px;
}

#service-cta {
	padding: 100px 30px;
}
#service-cta .cta-details {
	max-width: 600px;
    margin: auto;
}
.trans-it-mobile {
	position: absolute;
	top: -25px;
	right: 0;
}
.trans-it-mobile svg {
	width: 100%;
	height: auto;
}
#mobile-app-section {
	min-height: 650px;
}




/* *********************************** */
/* ABOUT */
/* *********************************** */
.about-mobile-app {
	margin-top: 80px;
	margin-bottom: -150px;
}
.about-mobile-app svg {
	width: 100%;
	height: auto;
	max-width: 600px;
}
.about-details {
	padding: 300px 0 80px;
}
.mission-vision-wrap {
	background: #f0f0f0;
	border-radius: 6px;
	padding: 80px;
	margin: 0 20px;
	width: 100%;
}

.world-map {
	background-position: top center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	min-height: 100vh;
}

.core-values-anim ul {
	list-style: none;
}
.core-values-anim ul li {
	list-style: none;
	padding: 0 2px;
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-size: 46px;
	color: #EAEAEA;
	text-align: center;
	/*position: relative;*/
}
.core-values-anim ul li span {
	font-size: 18px;
	line-height: 26px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
#core-values .section-header {
	max-width: 600px;
	margin: auto;
}



/* *********************************** */
/* CONTACT */
/* *********************************** */

#contact-page {
	background-image: url(../img/world-map.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #16110D;
	padding: 150px 0;
}

.contact-wrap h1 {
	font-size: 16px;
	color: yellow;
	text-align: center;
	font-weight: 400;
}

.contact-wrap h2 {
	font-size: 52px;
	color: white;
	text-align: center;
	font-weight: 400;
}

.contact-wrap p {
	padding-top: 25px;
	font-size: 24px;
	color: gray;
	text-align: center;
}

.contact-wrap .card {
	border: none;
	background-color: rgb(24, 24, 23 , 0.5);
}

.contact-wrap .card-body {
	min-height: 245px;
}

.contact-wrap .card img {
	filter: invert(100%);
	padding: 100px;
}

.contact-wrap .card a {
	text-decoration: none;
	color: yellow;
}

.contact-wrap .card p {
	text-decoration: none;
	color: white;
}

.contact-wrap .card h3 {
	text-decoration: none;
	color: rgb(169, 169, 53);
	text-align: center;
}


.contact-icon svg {
	width: 24px;
	height: auto;
}

.sm-icons {
	list-style: none;
	padding-top: 20px;
	padding-left: 0;
	margin-bottom: 0;
}
.sm-icons li {
	padding-right: 10px;
}
.sm-icons li img {
	max-width: 30px;
}


/* *********************************** */
/* PROFILE */
/* *********************************** */
#profile-tab {
	max-width: 700px;
}
#profile-tab.nav-progress > li {
	position: relative;
	flex-grow: 1;
}
#profile-tab.nav-progress > li > a {
	color: #888;
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
}
#profile-tab.nav-progress > li:first-child > a:after{
	border-radius: 6px 0 0 6px;
}
#profile-tab.nav-progress > li:last-child > a:after{
	border-radius: 0 6px 6px 0;
}
#profile-tab.nav-progress > li a:after{
	content: '';
	height: 8px;
	background: #f1f1f1;
	width: 100%;
	left: 0;
	right: 0;
	position: absolute;
	bottom: -10px;
	z-index: 1;
}
#profile-tab.nav-progress > li a.active:after{
	background: var(--primary-color);	
}
#profile-tab.nav-progress > li > a.active {
	background: transparent;
	color: #505050;
}

.profile-photo,
#current_pic {
	max-width: 200px;
	width: 100%;
}
.profile-details .label {
	letter-spacing: 1px;
	flex-basis: 200px;
}

::-webkit-scrollbar {
    display: none;
}

.custom-pills .nav-item .nav-link {
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	background: #f1f1f1;
	color: #000;
	padding: 8px 20px 6px;
}
.custom-pills .nav-item.active .nav-link {
	background: #000;
	color: #fff;	
}

.custom-table thead tr th,
.custom-table thead tr th a {
	text-transform: uppercase;
	text-decoration: none;	
	font-size: 12px;
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	line-height: 16px;
	vertical-align: middle;
	height: 45px;
	color: #000;
	letter-spacing: 1px;
}
.custom-table thead tr th {
	padding: 10px;
}
.custom-table tbody tr td {
	padding: 10px 15px 8px;
	vertical-align: middle;
	font-size: 14px;
}
.custom-table thead tr th a .icon {
	font-size: 10px;
}
.custom-table.table-hover > tbody > tr: hover > td {
	background: #f7f7f7;
}
.custom-table tbody tr:hover td {
	background: #f8f8f8;
}


/* *********************************** */
/* BUTTONS */
/* *********************************** */
.btn {
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-size: 14px;
	/*line-height: 26px;
	padding: 14px 20px 12px;
	border-radius: 4px*/
}
.btn:disabled {
	background: #aaa;
	border: 2px solid #aaa;
	color: #fff;
}
.btn-primary {
	color: #fff;
	background: var(--primary-color);
	border: 2px solid var(--primary-color);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
	color: #fff;
	background: #000000;
	border: 2px solid #000000;
	box-shadow: none;
}
.btn.btn-primary.btn-border:hover,
.btn.btn-primary.btn-border:focus {
	border: 2px solid var(--primary-color);
	color: var(--primary-color);
}
.btn-secondary {
	color: #000000;
	background: #ffffff;
	border: 2px solid #000000;
	border-radius: 6px;
}
.btn-black {
	color: #ffffff;
	background: #050505;
	border: 2px solid #050505;
}
.btn-wide{
	min-width: 150px;
}


.btn-transparent {
	background: transparent;
	border: 2px solid #000;
	border-radius: 6px;
}
.btn-transparent:hover {
	background: transparent;
	border: 2px solid #000;
	border-radius: 6px;
}

.btn-default {
	background: #f1f1f1;
	border: 2px solid #f1f1f1;
	border-radius: 6px;
}
.btn-default:hover {
	background: var(--primary-color);
	color: #fff !important;
	border: 2px solid var(--primary-color);
	border-radius: 6px;
}

.btn-agree {
	background: var(--secondary-color);
	color: #ffffff;
	border: 2px solid var(--secondary-color);
	border-radius: 6px;
}
.btn-agree:hover {
	background: var(--primary-color);
	color: #fff !important;
	border: 2px solid #ffffff;
	border-radius: 6px;
}

.btn-md {
	font-size: 16px;
	line-height: 24px;
	padding: 10px 15px 8px;
}
.btn-sm {
	font-size: 14px;
	line-height: 22px;
	padding: 8px 15px;
}

.btn-link {
	color: #000000;
	text-decoration: none;
}
.btn-link:hover {
	color: var(--primary-color);
}
.btn-cta:hover,
.btn-cta:focus,
.btn-cta:active {
	background: transparent;
	border: 2px solid #fff;
	box-shadow: none;
}
#btn-booking-filter {
	height: 45px;
	padding: 10px 15px;
}

.btn-submit {
	color: #888888;
	background: #ffffff;
	border: 2px solid #ffffff;
}
.btn.btn-submit:hover,
.btn.btn-submit:focus,
.btn.btn-submit:active {
	color: #000000;
	background: var(--primary-color);
	border: 2px solid var(--primary-color);
	box-shadow: none;
}

/* *********************************** */
/* HELPERS */
/* *********************************** */
.pt20 	{ padding-top: 20px; }
.pt30 	{ padding-top: 30px; }
.pt50 	{ padding-top: 50px; }
.pt80 	{ padding-top: 80px; }
.pt100 	{ padding-top: 100px; }
.pt150 	{ padding-top: 150px; }
.pt200 	{ padding-top: 200px; }

.pb80 	{ padding-bottom: 80px; }
.pb100 	{ padding-bottom: 100px; }

.p80 	{ padding: 80px; }
.p100 	{ padding: 100px; }



.mx90   { margin: 0px 90px; }

.mt50   { margin-top: 50px; }
.mb80   { margin-bottom: 80px; }


.fs-xxl {
	font-size: 32px;
	line-height: 40px;
}
.fs-xl {
	font-size: 28px;
	line-height: 36px;
}
.fs-lg {
	font-size: 24px;
	line-height: 32px;
}
.fs-md {
	font-size: 20px;
	line-height: 28px;
}
.fs-sm {
	font-size: 16px;
	line-height: 24px;
}
.fs-sm-1 {
	font-size: 14px;
	line-height: 20px;
}
.fs-xs {
	font-size: 14px;
	line-height: 20px;
}
.fs-xxs {
	font-size: 12px;
	line-height: 18px;
}
.fs-jeko-bold {
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
}

.bg-gray {
	background: #f7f7f7;
}
.bg-gray-2 {
	background: #f9f9f9;
}
.bg-black-2 {
	background: #16110D;
}
.bg-yellow {
	background: var(--primary-color);
}
.bg-white {
	background: #ffffff;
}
.bg-blue-100 {
	background: #dbeafe;
}

.text-yellow {
	color: var(--primary-color);
}
.text-white {
	color: #ffffff;
}
.text-black {
	color: #050505;
}
.text-gray {
	color: #636363;
}


.no-border {
	border: 0;
}


.border-yellow {
	position: relative;
	z-index: 9;
}
.border-yellow:after {
	/*content: '';
	height: 15px;
    width: 100%;
    background: var(--primary-color-2);
    clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%);
    position: absolute;
    bottom: 5px;
    right: 0;
    z-index: -1;*/
}
.border-top-gray {
	border-top: 1px solid #d6d6d6;
}
.border-bottom-gray {
	border-bottom: 1px solid #d6d6d6;
}
.border-bottom-light-gray {
	border-bottom: 1px solid #f1f1f1;
}

.ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }

.text-link {
	color: #777;
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
}
.text-link:hover {
	color: var(--primary-color);
}

.hide {
	display: none;
}

/* WIDTH */
.w-10 {
	width: 10%;
}
.w-15 {
	width: 15%;
}
.w-20 {
	width: 20%;
}
.w-100 {
	width: 100%;
}
.mw-150 {
	max-width: 150px;
}
.mw-200 {
	max-width: 200px;
}
.mw-250 {
	max-width: 250px;
}

.mw100 {
	max-width: 100px;
	width: 100%;
}

.mw150 {
	max-width: 150px;
	width: 100%;
}

.mw200 {
	max-width: 200px;
	width: 100%;
}
.mw400 {
	max-width: 400px;
	width: 100%;
}
.mw450 {
	max-width: 450px;
	width: 100%;
}




.badge {
	padding: 6px 10px 4px;
    border-radius: 4px;
    font-size: 12px;
    font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.badge.bg-success {
	background: #dcfce7 !important;
	color: #166534;
}
.badge.bg-warning {
	background: #fef9c3 !important;
	color: #854d0e;
}
.badge.bg-secondary,
.badge.text-bg-secondary {
	background: #d1d5db !important;
	color: #1f2937 !important;
}
.badge.bg-danger,
.badge.text-bg-danger {
	background: #fecaca !important;
	color: #991b1b !important;
}
.badge.bg-primary,
.badge.text-bg-primary,
.badge.bg-info {
	background: #dbeafe !important;
	color: #1e40af !important;
}
.badge.bg-blue {
	background: #bfdbfe !important;
	color: #1e40af !important;
}
.badge.bg-teal {
	background: #ccfbf1 !important;
	color: #115e59 !important;
}

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

.badge-status{
	padding: 5px 15px 5px 5px;
	font-size: 12px;
	text-transform: none;
	letter-spacing: 0;
}
.badge.text-bg-warning{
	background-color: #FAE8C5 !important;
	color: #B59659 !important;
	border: 1px solid #ca8a0433;
	font-family: 'Urbane Light', Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.badge-status-icon{
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #ffffff;
	padding: 2px;
}


#mobile-app-carousel .item {
	background: #fff;
	border-radius: 6px;
	min-height: 220px;
}
.book-service-details {
	padding: 15px;
}
#mobile-app-carousel {
	position: absolute;
    bottom: 102px;
    left: 50px;
}
.book-service-box .book-service-image {
	text-align: right;
	overflow: hidden;
}
.book-service-box svg {
	max-width: 110px;
	height: auto;
	position: relative;
	right: -38px;
}


.pac-container{
	z-index: 99999 !important;
}

.ui-timepicker-standard {
	z-index: 99999 !important
}


/* *********************************** */
/* FORMS */
/* *********************************** */
.form-group {
	margin-bottom: 15px;
}
.control-label {
	font-size: 12px;
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	/*text-transform: uppercase;*/
	/*letter-spacing: 1px;*/
	color: #555;
}
.form-control {
	/*height: 45px;*/
	border-radius: 4px;
}
.form-control:hover,
.form-control:focus,
.form-control:active,
.form-select:hover,
.form-select:focus,
.form-select:active {
	border-color: var(--primary-color);
	box-shadow: 0px 0px 0px 4px #f1f1f1;
}
.form-control-text{
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
}
.form-control-text:focus, .form-control-text:hover{
	box-shadow: none;
	border: 0;
}
.help-block,
.help-block p {
	color: #f00;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.location-input{
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
}
.attachment-label {
	line-height: 18px;
    min-height: 50px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
}

.form-check-input:checked {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.radio-select-icon{
	width: 40px;
	height: 40px;
}
.radio-select-icon svg{
	width: 40px;
	height: 40px;
}

.bg-light-yellow{
	/*background: rgb(255,255,255);
	background: -moz-linear-gradient(104deg, rgba(255,255,255,1) 0%, rgba(255,198,0,0.6419161414565826) 100%);
	background: -webkit-linear-gradient(104deg, rgba(255,255,255,1) 0%, rgba(255,198,0,0.6419161414565826) 100%);
	background: linear-gradient(104deg, rgba(255,255,255,1) 0%, rgba(255,198,0,0.6419161414565826) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="var(--primary-color)",GradientType=1);*/
}


/* *********************************** */
/* MODALS */
/* *********************************** */
.modal-header .btn-close:focus {
	box-shadow: none;
}
.bootbox-close-button{
	background: transparent;
	border: 0;
	font-size: 30px;
}
.modal-header{
	border: 0;
	padding-bottom: 0;
}
.modal-header .btn-close{
	font-size: 12px;
}

#login-form-wrap .modal-body {
/*	max-width: 500px;*/
	/*margin: 30px auto;*/
}
.user-avatar-wrap{
	width: 100px;
}

.reload-icon svg {
	width: 20px;
    color: #000;
}
.reload-icon svg:hover {
	color: var(--primary-color);
}

.booking-filter {
    overflow-x: auto;
	white-space: nowrap;
}
.booking-filter > ul > li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.booking-filter > ul > li .dropdown-menu {
	position: fixed !important;
    top: 225px !important;
    left: auto !important;
    transform: unset !important;
    padding: 15px;
}
.dashboard-nav {
	position: fixed;
	background: #fff;
	left: 0;
	right: 0;
	z-index: 1020;
	padding-top: 25px;
	top: 74px;
}


/* PARTNER TRUCKER */
.partner-trucker-form-steps .nav .nav-link:first-child {
	padding-left: 0;
}
.partner-trucker-form-steps .nav .nav-link {
	padding: 10px 80px;
    background: transparent;
}
.partner-trucker-form-steps .nav .icon-tab svg {
	width: 50px;
	height: auto;
	border-radius: 100px;
}
.partner-trucker-form-steps .nav .nav-item:hover .icon-tab svg rect {
	fill: var(--primary-color);
}
.partner-trucker-form-steps .nav .icon-tab svg rect {
	fill: #ccc;
}
.partner-trucker-form-steps .nav .nav-link.active .icon-tab svg rect {
	fill: var(--primary-color);
}
.partner-trucker-form-steps .nav .nav-item {
	position: relative;
}
.partner-trucker-form-steps .nav .nav-item:before {
	content: '';
	background: #B9B9C3;
	height: 2px;
	width: 100px;
	position: absolute;
	top: 34px;
	right: -20px;
	z-index: -1;
}
.partner-trucker-form-steps .nav .nav-item:last-child:before {
	display: none;
}

.image-wrap svg {
	width: 100%;
	height: auto;
}

.payment-icon img {
	max-width: 60px;
	width: 100%;
}

#cropping-area {
	overflow: auto;
}



/* *********************************** */
/* OWL CAROUSEL */
/* *********************************** */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;

	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden;
	/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;

	/* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
	display: block;
	width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
	background: none;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
}
.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}

/* No Js */
.no-js .owl-carousel {
	display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
	z-index: 0;
}
.owl-carousel .owl-animated-out {
	z-index: 1;
}
.owl-carousel .fadeOut {
	animation-name: fadeOut;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
	transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
	/** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
	calculation of the height of the owl-item that breaks page layouts
	*/
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
	max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}


#map-pointer, #vehicle-map-pointer{
  height: 700px;
}

#on-demand-map-pointer{
  height: 700px;
}

#straight-map-pointer{
  height: 700px;
}
#straight-map-pointer #infowindow-content {
  display: inline;
}

#map-pointer [title="pulse"] {
    -moz-animation: pulsate 1.5s ease-in-out infinite;
    -webkit-animation: pulsate 1.5s ease-in-out infinite;
    border: 1pt solid #ffffff;
    /* make a circle */
    -moz-border-radius:51px;
    -webkit-border-radius:51px;
    border-radius:51px;
    /* multiply the shadows, inside and outside the circle */
    -moz-box-shadow:inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12;
    -webkit-box-shadow:inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12;
    box-shadow:inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, inset 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12, 0 0 5px #c91a12;
    /* set the ring's new dimension and re-center it */
    height: 51px!important;
    margin: 0px 0 0 -10px;
    width:51px!important;
}
/* hide the superfluous marker image since it would expand and shrink with its containing element */
/*  #map-pointer div[style*="987654"][title] img {*/
#map-pointer [title="pulse"] img {
    display:none;
}
/* compensate for iPhone and Android devices with high DPI, add iPad media query */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) {
    #map-pointer [title="pulse"] {
        margin: 0px 0 0 -10px;
    }
}

#infowindow-content .title {
	font-weight: bold;
}
#infowindow-content {
	display: none;
}

#map{
	height: 400px;
}
#map #infowindow-content {
	display: inline;
}


/* BOOKING STYLES  */
.bg-light-gray{
	background: #F0F0F1;
}
.booking-header{
	padding: 20px 0;
}
.nav-progress > li{
	position: relative;
	/*margin: 0 1px;*/
}
.nav-progress > li > a{
	color: #888;
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.nav-progress > li > a:hover {
	color: var(--primary-color);
}
.nav-progress > li:first-child:after{
	border-radius: 6px 0 0 6px;
}
.nav-progress > li:last-child:after{
	border-radius: 0 6px 6px 0;
}
.nav-progress > li:after{
	content: '';
	height: 8px;
	background: #f1f1f1;
	width: 100%;
	left: 0;
	right: 0;
	position: absolute;
	bottom: -10px;
}
.nav-progress > li.active:after{
	background: var(--primary-color);	
}
.nav-progress > li.active > a{
	color: #505050;
}



.offcanvas{
	/*z-index: 99999;*/
}
.offcanvas.container-offcanvas{
	width: 50% !important;
}

@media ( max-width: 1000px ){
	.offcanvas.container-offcanvas{
		width: 100% !important;
	}	
}

.booking-type-card{
	padding: 20px;
	background: #ffffff;
	/*border-radius: 8px;*/
	/*box-shadow: 0 1px 15px rgba(0,0,0,0.2);*/
	/*min-height: 250px;*/
	position: relative;
	/*overflow: hidden;*/

	-webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.booking-type-card:hover, .checkbox-image .form-check-input:checked{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eeeeee",GradientType=1);
}
.booking-type-body{
	/*padding-top: 180px;*/
	position: relative;
	z-index: 3;
}
.booking-type-title{
	font-size: 16px;
	margin-bottom: 0;
}
.booking-description{
	font-size: 14px;
	line-height: 22px;
	color: #888;
}
.booking-type-img{
	/*position: absolute;
	right: -30px;
	top: 0;
	bottom: 0;
	z-index: 1;*/
	margin-bottom: 20px;
}
.booking-type-img svg{
	width: 100%;
	max-width: 140px;
	height: 120px;
}

.card-2{
	background: #ffffff;
	border: 1px solid rgb(221, 221, 221);
	border-radius: 12px;
	padding: 24px;
	box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;	
}


.container-req-section{
	max-width: 800px;
}

.qty-input-wrap{
	max-width: 160px;
}
.qty-input{
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	text-align: center;
	color: #000;
/*	background: #f1f1f1;*/
	background: #ffffff;
}
.qty-action{
	text-align: center;
}
.qty-action a{
	background: #ffffff;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	padding: 7px 0;
	font-size: 22px;
	display: block;
	color: #505050;
	text-decoration: none;
}
.qty-action a:hover{
	background: #eee;
}

.container-item-wrap{

}
.container-item-wrap .accordion{
	border: 0;
	border-radius: 0;
}
.container-item-wrap .accordion-item{
	border: 0;
	margin-bottom: 15px;
}
.container-item-wrap .accordion-button{
	padding: 20px 0;
	background: #eee;
	border-radius: 0;
	font-size: 18px;
}
.container-item-wrap .accordion-button:focus{
	box-shadow: none;
}
.container-item-wrap .accordion-body{
	padding: 0;
}
.container-item-wrap .accordion-collapse{
	padding-top: 20px;
}

#full-container-details{

}
#full-container-details.container-item-wrap .accordion-button{
	background: transparent;
	padding-left: 0;
}

.b-value{
	margin-top: 10px;
	font-size: 18px;
}



.kt-panel-header{
	margin-bottom: 20px;
}
.shipment-transactions-list{
	list-style: none;
	padding-left: 10px;
	margin: 0;
}
.shipment-transactions-list > li{
	display: block;
	position: relative;
	/*padding: 10px 0;*/
	margin-bottom: 0px;
	/*border-left: 1px dashed #3279b7;
	border-left: 2px dashed #3279b7;*/
	border-left: 4px dotted #c9c9c9;
	padding-left: 20px;
	padding-bottom: 15px;
}
.shipment-transactions-list > li.active{
	border-left: 2px dashed #eee;
}
.shipment-transactions-list > li.active:after{
	content: '';
	height: 100px;
	width: 2px;
	background: #5cb85c;
	position: absolute;
	left: -2px;
	top: 0;
	animation: vprogress 2s ease infinite;
}

@keyframes vprogress{
	0%{
		height: 0;
	}
	100%{
		height: 100%;
	}
}

.shipment-transactions-list > li > a{
	display: block;
	font-size: 16px;
	color: #9c9c9c;
	/*margin-bottom: 10px;*/
}
.shipment-transactions-list > li:before{
		/*content: "";*/
    /*height: 150px;*/
    /*width: 3px;
    position: absolute;
    top: 17px;
    left: -24px;
    bottom: -16px;
    background: #ddd;
    z-index: 1;*/

    position: absolute;
    left: -12px;
    top: 0px;
    content: " ";
    /* border: 5px solid rgba(34, 167, 74, 02); */
    border: 5px solid rgba(255, 255, 255, 0.74);
    border-radius: 500%;
    background: #22a74a;
    background: #888;
    height: 20px;
    width: 20px;
    transition: all 500ms ease-in-out;
}
.shipment-transactions-list > li:first-child:before{
	background: var(--primary-color-2);
	border-radius: 4px;
}
.shipment-transactions-list > li:last-child:before{
	background: var(--primary-color);
/*	display: none;*/
}
.shipment-transactions-list > li > a .list-checkmark{
	/*position: absolute;
	left: -30px;
	top: 13px;
	width: 15px;
	height: 15px;
	background: #999;
	border-radius: 50%;
	z-index: 2;*/

	  width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: -10px;
    top: 1px;
    z-index: 2;
    border-radius: 100px;
    border: 4px solid rgba(255, 255, 255, 0.74);
}
.shipment-transactions-list > li.active > a:hover .list-checkmark, .shipment-transactions-list > li.active > a .list-checkmark{
	background: #5cb85c;
}
.shipment-transactions-list > li.with_date > a:hover .list-checkmark, .shipment-transactions-list > li.with_date > a .list-checkmark{
	background: #0d6efd;
}


.shipment-transaction-time{
	font-size: 12px;
	min-height: 20px;
}
.shipment-transactions-list > li.active > a{
	color: #000;
	font-family: 'Jeko', Helvetica, Arial, sans-serif;
}






/* UTILITIES  */
.border-1{
	border: 1px solid rgb(221, 221, 221) !important;
}
.opacity-100{
	opacity: 1;
}
.br-12{
	border-radius: 12px;
}

.checkbox-image {
	/*border: 1px solid #d9d9d9;*/
	/*border-radius: 6px;
	position: relative;*/
}
.checkbox-image .form-check-input {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin-top: 0;
	background: transparent;
	cursor: pointer;
	border: 0;
	border-radius: 12px;
	/*border-radius: 6px;*/
}
.checkbox-image .form-check-input:checked {
	/*background: transparent;*/
}
.checkbox-image .form-check-input:before {
	position: absolute;
	top: 7px;
	right: 7px;
	display: block;
	width: 20px;
	height: 20px;
	content: '';
	background-color: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 50px;
}
.form-check-input:focus, .checkbox-image .form-check-input:checked{
	/*box-shadow: 0 0 0 0.25rem rgb(251 105 86 / 20%);*/
	/*box-shadow: 0 0 0 0.25rem rgb(250 172 32 / 20%);*/
	/*box-shadow: 0 0 0 0.25rem rgb(255 198 0 / 20%);*/
	box-shadow: 0 0 0 0.25rem var(--primary-color) !important;
	opacity: 0.3;
}
.checkbox-image .form-check-input:checked:before {
    /*background-color: #FB6956;
    border: 1px solid #FB6956;*/

    background-color: #505050;
    border: 1px solid #505050;
    border-radius: 50px;
    background-image: url(../img/icons/check-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
}


#booking-summary-card{
	top: 115px;
}
.summary-item:first-child{
	padding-top: 0;
}
.summary-item{
	border-bottom: 1px solid #f1f1f1;
	padding: 8px 0;
}

.summary-item-value{
	font-family: 'Urbane DemiBold';
	color: #505050;
}

.summary-item-icon{
	width: 30px;
	height: 30px;
	/*background: #eee;*/
	margin-right: 5px;
}
.summary-item-icon svg{
	width: 30px;
	height: 30px;
}



.search-bar-icon {
	position: absolute;
    top: 8px;
    right: 10px;
    z-index: 2;
}


.tracking-input-wrap{
  max-width: 580px;
  margin: 0 auto 30px;
  position: relative;
}
.tracking-input-wrap .form-control{
  border: 1px solid #111;
  height: 54px;
  padding: 14px 18px !important;
  padding-right: 54px !important;
  font-size: 20px;
  border-radius: 8px;
}
.tracking-input-wrap .search-bar-icon{
  top: 7px;
  right: 8px;
}
.tracking-input-wrap .search-bar-icon .btn{
  width: 40px;
  height: 40px;
  padding: 8px 1px;
  background: #eeeeee;
}

#tracking_link{
  border: 1px solid #ddd;  
  padding: 10px 15px !important;
  border-radius: 4px;
  /*border-top-right-radius: 0;*/
  /*border-bottom-right-radius: 0;*/
  /*border-right: 0;*/
}
.tracking_link_group{
  position: relative;
}
.tracking_link_group .copy-link{
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  bottom: 0;
  background: #999;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  padding: 4px 10px;
  cursor: pointer;
}



.history-tl-container{
  display:block;
  position:relative;
}
.history-tl-container ul.tl{
    margin:20px 0;
    padding:0;
    display:inline-block;
    /*margin-left: 150px;*/
    margin-left: 10px;
}
.history-tl-container ul.tl li{
    list-style: none;
    margin:auto;
    /*margin-left:200px;*/
    min-height:50px;
    /*background: rgba(255,255,0,0.1);*/
    border-left: 1px dashed #3279b7;
    padding:0 0 50px 30px;
    position:relative;
    line-height: 24px;
    min-width: 250px;
    max-width: 300px;
}
.history-tl-container ul.tl li:last-child{ border-left:0;}
.history-tl-container ul.tl li::before{
  position: absolute;
  left: -11px;
  top: 0px;
  content: " ";
  /* border: 5px solid rgba(34, 167, 74, 02); */
  border: 5px solid rgba(255, 255, 255, 0.74);
  border-radius: 500%;
  background: #22a74a;
  height: 20px;
  width: 20px;
  transition: all 500ms ease-in-out;
}
.history-tl-container ul.tl li:hover::before{
    /*border-color:  #258CC7;
    transition: all 1000ms ease-in-out;*/
}
ul.tl li .item-title{
  font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
  margin-bottom: 10px;
}
ul.tl li .item-detail{
    color:rgba(0,0,0,0.5);
    font-size:14px;
}
ul.tl li .timestamp{
  color: #8D8D8D;
  /*position: absolute;*/
  /*width: 100px;*/
  /*left: -90%;*/
  left: -51%;
  top: -1px;
  /*text-align: right;*/
  font-size: 14px;
  margin-bottom: 10px;
}





/* CONTAINER STYLES  */
.convan-item-wrap{
	position: relative;
}
.convan-left-body{

}
.container-size-wrap svg {
	max-width: 180px;
	width: 100%;
}
.convan-count{
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	border-radius: 15px;
	height: 30px;
	min-width: 30px;
	background: #505050;
	color: #fff;
	padding: 5px;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 2;
}
.convan-count-summary {
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border-radius: 15px;
	height: 20px;
	min-width: 20px;
	background: #505050;
	color: #fff;
	text-align: center;
	padding: 2px;
}
.convan-num{
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 5px;
}
.convan-stat-item{
	margin-bottom: 10px;
}
.convan-value{
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
}
.convan-label{
	font-size: 12px;
	line-height: 18px;
	color: var(--gray-color);
}
.convan-collapse-btn{
	display: block;
	width: 44px;
	height: 44px;
	background: #f1f1f1;
	color: #505050;
	border-radius: 100%;
	padding: 10px 0 10px;
	text-align: center;

	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.convan-collapse-btn.collapsed{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.convan-collapse-btn svg{
	margin: 0 auto;
	width: 22px;
	height: 22px;
}

.convan-collapse-btn{

}

.dispatch-details-collapse{
	/*border-top: 1px solid var(--gray-color-2);*/
	padding-top: 30px;
	margin-top: 10px;
}
.dispatch-details-wrap{
	position: relative;
	/*left: -30px;*/
}
.v-border-line{
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
	border-radius: 6px;
	width: 1.5px;
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	opacity: 0.7;
}
.dispatch-location-wrap{
	position: relative;
	padding-left: 30px;
}
.dispatch-l-icon{
	left: 0;
	margin-left: -8px;
	width: 17px;
	height: 17px;
	/*background: #505050;*/
	background: #ffffff;
	border-radius: 3px;
	position: absolute;
	box-shadow: 0 0 0 5px #ffffff;
	z-index: 2;
}
.dispatch-l-icon svg{
	width: 17px;
	height: 17px;
}

/*.radio-box-01{
	position: relative;
}
.radio-box-01 input[type=radio]{
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 2;
}
.radio-box-label{
	width: 100%;
	display: block;
	margin-bottom: 20px;
	position: relative;
	padding: 15px 25px;
	border-radius: 10px;
	cursor: pointer;
}

.radio-box-label > input{
	
}

.radio-box-01 input[type=radio]:checked + .radio-box-label{
	border: 1px solid #293E94;
	box-shadow: 0 0 0 4px rgba(41,62,148,.2) !important;
}*/
.box-shadow{
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.box-shadow-01{
	box-shadow: 0 0 15px rgba(41, 62, 148, 0.1);
}
.border-01{
	border: 1px solid #D4D6D8;
}

.box-label-radio{
	border: 1px solid #D4D6D8;
}


.radio-box-01 {
	position: relative;
}
.radio-box-01 input[type=radio] {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 2;
}
.radio-box-label {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	position: relative;
	padding: 15px 25px;
	border-radius: 10px;
	cursor: pointer;
}

.radio-box-label > input {
	
}

.radio-box-01 input[type=radio]:checked + .radio-box-label {
	border: 1px solid var(--primary-color);
	box-shadow: 0 0 0 2px var(--primary-color) !important;
}

.pop-up-booking-error-messages{

}
.pop-up-booking-error-messages .text-danger{
	font-size: 14px;
	margin-bottom: 3px;
}

.attachments-container{
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  padding: 30px;
  border-left: 1px dashed #000000;
  margin-bottom: 20px;
}


.list-inline{

}
.list-inline > li{
  display: inline-block;
  margin-right: 15px;
}
.list-inline.pull-right > li{
  display: inline-block;
  margin-right: 0;
  margin-left: 15px;
}

.list-inline-bullet > li{
  margin-right: 0;
}
.list-inline-bullet > li:after{
  content: '•';
  color: #888;
  display: inline-block;
  margin: 0 10px;
}
.list-inline-bullet > li:last-child:after{
  display: none;
}



ul.list-stat{
	list-style: none;
	padding: 0;
}
ul.list-stat > li{
	display: inline-block;
}
.stat-item{
	display: block;
	-webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;

    min-width: 100px;
	padding: 20px 30px;
	border-radius: 1px;
}

ul.list-stat > li > a, .stat-item a{
	position: relative;
	/*text-align: center;*/
	display: inline-block;
	
	-webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.stat-item:hover{
	color: #ffffff;
	background: #505050; /* Old browsers */
	
}
.stat-item:hover *{
	color: #ffffff !important;
}
ul.list-stat > li > a:hover .stat-num, ul.list-stat > li > a:hover .stat-label, .stat-item a:hover{
	color: #ffffff;
}

.stat-item a:hover *{
	color: #ffffff !important;
}
ul.list-stat > li > a .stat-num, .stat-item .stat-num{
	font-size: 24px;
	line-height: 24px;
	display: inline-block;
	margin-bottom: 6px;
	font-family: 'Urbane DemiBold', sans-serif;
	color: #696e7c;
}
ul.list-stat > li > a .stat-over, .stat-item a .stat-over{
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
	color: #696e7c;
	/*position: absolute;
	top: 20px;*/

}
ul.list-stat > li > a .stat-label, .stat-item a .stat-label{
	font-size: 14px;
	line-height: 16px;
	color: #888;
	font-family: 'Jeko', sans-serif;
	display: block;
	overflow: hidden;
}

ul.list-stat.no-arrow > li > a .stat-label:before{
	display: none;
}
ul.list-stat > li > a .stat-label:before{
	content: '';
	width: 20px;
	height: 3px;
	border-radius: 2px;
	display: inline-block;
	float: left;
	margin-top: 6px;
	margin-right: 8px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--primary-color)+0,59cafa+100 */
	background: var(--primary-color); /* Old browsers */
	background: -moz-linear-gradient(left, var(--primary-color) 0%, #59cafa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, var(--primary-color) 0%,#59cafa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, var(--primary-color) 0%,#59cafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary-color)', endColorstr='#59cafa',GradientType=0 ); /* IE6-9 */
}

ul.list-stat > li > a:hover .stat-label:before{
	background: #ffffff;
}

.list-stat.list-stat-block .stat-num{
	font-size: 36px;
	line-height: 36px;
}
.list-stat.list-stat-block li{
	display: block;
}

.section-pad-sm{
	padding: 30px 0;
}




/* DATEPICKER */
.datepicker table th{
	font-family: 'Urbane DemiBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.datepicker.datepicker-inline td, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.dropdown-menu th{
	padding: 6px 10px;
}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{
	background: #eee;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled]{
	border: 0;
	background: transparent;
	background-color: var(--primary-color) !important;
	text-shadow: none;
	color: #000;
}



.search-partner-trucker-wrap{
	position: relative;
}
.search-anim-wrap{
	bottom: -10px;
	position: absolute;
	left: 50%;
	margin-left: -53px;
	width: 36px;
	z-index: 2;
	/*background: #ffffff;*/
}

.gs_reveal {
	opacity: 0;
	visibility: hidden;
	will-change: transform, opacity;
}

.action-dropdown-menu {
	padding: 10px;
	font-size: 14px;
}
.action-dropdown-menu .eye-icon {
	width: 15px;
}
.action-dropdown-menu li a {
	color: #000000;
}
.action-dropdown-menu li a:hover {
	color: var(--primary-color);
}

/* WAYBILL */
.invoice-wrap {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
.invoice-wrap .site-logo img {
	max-width: 150px;
	width: 100%;
}
.invoice-tbl table {
	width: 100%;
	border-radius: 4px;
}
.invoice-tbl thead tr th {
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 1px;
	color: #000000;
	border: 0;
	padding: 12px 10px;
}
.invoice-tbl tbody tr td {
	font-size: 14px;
	line-height: 18px;
	padding: 10px;
}


.core-values-wrap img {
	max-width: 70px;
	width: 100%;
}

#cookie-popup{
    position: fixed;
    z-index: 1010;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: var(--primary-color);
    color: #fff;
    padding: 15px;

    -webkit-transform: translateY(100%);
    transform: translateY(100%);

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    text-align: center;
}

#cookie-popup .container{
    width: 100%;
    max-width: 1600px;
}
#cookie-popup.open-cookie{
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);

    -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);

    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
}
#cookie-popup .close{
    color: rgba(255,255,255,0.8);
    opacity: 1;
}

#cookie-popup p{
    margin: 0;
    padding: 0;
}
#cookie-popup a:hover {
	color: #ffffff !important;
}


/* *********************************** */
/* RESPONSIVE */
/* *********************************** */
@media(max-width: 1300px) {
	#landing-page {
		background-position: 550px -100px;
	}
	.book-service-box svg {
		max-width: 100px;
		right: -25px;
	}

	/* DASHBOARD */
	.booking-filter .btn-sm {
		font-size: 12px;
		line-height: 20px;
		padding: 6px 12px 4px;
	}

	/* BOOKING */
	.booking-type-img svg {
		max-width: 110px !important;
	}
	.booking-type-title {
		font-size: 14px !important;
	}
}
@media(max-width: 1200px) {
	#main-nav-items .nav .nav-item a,
	.nav-buttons .nav-item a {
		padding: 10px 20px;
	}
	.section-title {
		font-size: 30px;
		line-height: 38px;
	}

	#request-quote {
		background-size: 1100px;
	}
	.request-quote-box {
		padding: 100px 80px;
	}

	#mobile-app-section {
		min-height: 550px;
	}
	.trans-it-mobile svg {
		max-width: 450px;
	}

	/* ABOUT */
	.about-details {
		padding: 250px 0 100px;
	}
	.mission-vision-wrap {
		padding: 50px;
	}

	
}
@media(max-width: 1100px) {
	#main-nav-items .nav .nav-item a,
	.nav-buttons .nav-item a {
		padding: 10px 15px;
	}
}
@media(max-width: 1024px) {
	.request-quote-box {
		padding: 80px 50px;
	}

	/* ABOUT */
	.about-mobile-app {
		margin-bottom: -120px;
	}
}
@media(max-width: 991px) {
	#main-navigation {
    	padding: 15px 0;
	}
	.site--logo img {
		max-width: 140px;
	}
	#main-navigation .login-menu {
		padding-right: 30px;
	}
	#main-nav-items .nav .nav-item a,
	.nav-buttons .nav-item a {
		padding: 6px 15px;
	}
	#main-navigation .nav-item .dropdown-image {
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 40px;
	}
	#mobile-nav-trigger {
		right: 10px;
	}
	

	h1 {
		font-size: 44px;
		line-height: 52px;
	}
	.hero-title {
		font-size: 52px;
		line-height: 60px;
	}
	.page-title-lg {
		font-size: 46px;
		line-height: 56px;
	}
	.section-title {
		font-size: 32px;
		line-height: 40px;
	}

	#landing-page {
		background-position: 400px -100px;
	}
	#landing-page .section-header,
	#landing-page .section-header p {
		padding-top: 0;
		margin: auto;
		text-align: center;
	}
	.landing-mobile-image {
		padding-top: 20px;
		text-align: center;
		max-width: 400px;
		margin: auto;
	}
	.landing-mobile-image img {
		max-width: 300px;
	}
	#mobile-app-carousel {
		left: 95px;
	}
	#mobile-app-carousel .item {
		min-height: 170px;
	}
	.book-service-box svg {
		max-width: 70px;
		right: -10px;
	}
	.book-service-details {
		padding: 10px;
		text-align: left;
	}

	.carousel-platform-image {
		max-width: 500px;
		margin: 0 auto 30px;
	}
	#carouselPlatformOverview .carousel-indicators button:after,
	#carouselPlatformOverview .carousel-indicators button:before {
		display: none;
	}
	#carouselPlatformOverview .carousel-indicators {
		display: flex;
		padding-top: 20px;
		padding-left: 0;
		align-items: center;
		flex-basis: unset;
	}
	#carouselPlatformOverview .carousel-indicators button {
		background: #fff;
		border: 1px solid #000;
		width: 12px;
		height: 12px;
		border-radius: 50px;
		margin: 0 15px;
		padding-bottom: 0;
	}
	#carouselPlatformOverview .carousel-indicators button.active {
		border: 5px solid var(--primary-color);
	}

	.service-wrap {
		padding-bottom: 30px;
	}

	#solutions-work {
		padding-bottom: 100px;
	}
	.solutions-wrap-details svg {
		max-height: 75px;
	}

	.cta-box {
		padding: 80px;
	}

	#request-quote {
		background: transparent;
	}
	.request-quote-box {
		border-radius: 0 !important;
		margin-bottom: 0;
	}

	#faqs {
		padding: 100px 0;
	}
	.faq-wrap:nth-child(odd) {
		background: #f7f7f7;
		border-radius: 6px;
	}

	/* SERVICES PAGE */
	.service-box-wrap {
		padding: 30px;
	}
	.trans-it-mobile {
		position: relative;
		text-align: center;
		top: auto;
		padding: 30px 0;
	}

	/* ABOUT */
	.about-mobile-app {
		margin-bottom: -100px;
	}
	.about-details {
		padding: 180px 0 80px;
	}
	.mission-vision-wrap {
		margin-bottom: 30px;
	}
	.world-map {
		background-size: contain !important;
	}

	/* MODALS */
	.modal-dialog {
		margin-top: 80px;
	}

	.request-image svg,
	.request-image img {
		max-width: 100px;
	}

	#be-our-partner .image-wrap {
		max-width: 500px;
		margin: auto;
	}

	/* CONTACT */
	#contact {
		padding-top: 30px;
	}
	#contact .image-wrap {
		max-width: 400px;
		margin: 0 auto 30px;
	}

	/* DASHBOARD */
	.dashboard-nav {
		padding-top: 0
	}
	.btn-sm.export-booking-data {
		font-size: 12px;
		line-height: 20px;
		padding: 6px 12px 3px;
	}

}
@media(max-width: 880px) {
	#landing-page .custom-col {

	}
}
@media (max-width: 768px) {
	.container-custom-lg,
	.container-custom-md,
	.container-custom-sm {
		padding-left: 30px;
		padding-right: 30px;
	}

	h1 {
		font-size: 40px;
		line-height: 50px;
	}

	h2 {
		font-size: 34px;
		line-height: 42px;
	}

	.hero-title-1 {
		font-size: 56px;
		line-height: 64px;
	}
	.page-title-lg {
		font-size: 42px;
		line-height: 52px;
	}


	.section-title {
		font-size: 34px;
		line-height: 42px;
	}
	.fs-lg {
		font-size: 22px;
		line-height: 30px;
	}
	.fs-md {
		font-size: 18px;
		line-height: 26px;
	}

	.cta-box {
		padding: 80px 50px;
		background-size: auto;
		background-position: 72% -30px;
	}

	#landing-page {
		background-position: right -100px;
	}

	#faqs {
		padding: 80px 0;
	}

	/* SERVICES PAGE */
	#services-header {
		padding: 150px 0;
	}
	#service-cta {
    	padding: 80px 30px;
	}

	/* ABOUT */
	#about-header {
		padding-top: 65px;
	}
	.mission-vision-wrap {
		margin-left: 0;
		margin-right: 0;
	}

	/* PARTNER TRUCKER */
	.partner-trucker-form-steps .nav .nav-link {
		padding: 10px 50px;
	}
	.partner-trucker-form-steps .nav .icon-tab svg {
		width: 40px;
	}
	.partner-trucker-form-steps .nav .nav-item:before {
		top: 28px;
	}

	/* BUTTONS */
	.btn-group-1 .btn {
		font-size: 14px;
		line-height: 22px;
		padding: 8px 12px 6px;
	}
}
@media(max-width: 767px) {
	.about-mobile-app {
		margin-top: 0;
	}
	.about-mobile-app svg {
		max-width: 400px;
	}
	.btn-sm.export-booking-data {
		font-size: 12px;
		line-height: 20px;
		padding: 6px 12px 2px;
	}
}
@media(max-width: 600px) {
	#main-navigation .container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
	#mobile-nav-trigger {
		right: 5px;
	}
	#mobile-logo {
		text-align: left;
		padding-left: 20px;
	}
	#main-navigation .nav-item .dropdown-menu li a {
		padding: 5px;
		font-size: 14px;
	}


	h2 {
		font-size: 32px;
		line-height: 38px;
	}
	.hero-title {
		font-size: 48px;
		line-height: 56px;
	}

	.request-quote-mb-image img {
		height: 380px;
		object-fit: cover;
		object-position: right center;
	}

	/* SERVICES PAGE */
	.service-box-wrap {
		padding: 25px 15px;
		display: block !important;
	} 
	.service-box-wrap .service-image {
		text-align: left !important;
		margin-bottom: 25px;
	}
	.service-box-wrap .service-image svg {
		width: 85px;
		height: 85px;
	}
	.service-box-wrap .service-image:after {
		width: 90px;
		height: 90px;
		margin-left: 0;
		margin-right: auto;
	}
	.service-box-wrap .service-description {
		padding-left: 0 !important;
	}
	#service-cta {
		padding: 50px 30px;
	}

	/* PARTNER TRUCKER */
	.partner-trucker-form-steps {
		max-width: 300px;
		margin: auto;
	}
	.partner-trucker-form-steps .nav {
		justify-content: center;
	}
	.partner-trucker-form-steps .nav .nav-link {
		padding: 10px 25px !important;
	}
	.partner-trucker-form-steps .nav .nav-item:nth-child(3):before {
		display: none;
	}
	.partner-trucker-form-steps .nav .nav-item:before {
		right: -45px;
	}
	.attachment-label {
		font-size: 12px;
		line-height: 16px;
		min-height: 60px;
	}
	.attachment-browse-button {
		font-size: 12px;
		line-height: 20px;
		padding: 6px 15px 4px;
	}

	/* CONTACT */
	#contact .image-wrap {
		max-width: 300px;
		margin: 0 auto 30px;
	}
}
@media(max-width: 560px) {
	.mobile-app-logos .qr-code-image {
		display: block !important;
		padding-right: 0 !important;
	}
	.mobile-app-logos .qr-code {
		max-width: 80px;
	}
}
@media(max-width: 480px) {
	body {
		font-size: 16px;
		line-height: 24px;
	}

	h1 {
		font-size: 36px;
		line-height: 44px;
	}
	h2 {
		font-size: 30px;
		line-height: 38px;
	}
	.hero-title {
		font-size: 40px;
		line-height: 48px;
	}
	.hero-title-1 {
		font-size: 52px;
		line-height: 60px;
	} 

	.page-title-lg {
		font-size: 38px;
		line-height: 48px;
	}

	.container-custom-md, .container-custom-sm {
		padding-left: 15px;
		padding-right: 15px;
	}


	#mobile-logo {
		text-align: left;
		padding-left: 20px;
	}

	.section-title {
		font-size: 30px;
		line-height: 38px;
	}
	.fs-lg {
		font-size: 20px;
		line-height: 28px;
	}
	.fs-md {
		font-size: 18px;
		line-height: 26px;
	}
	.page-title {
		font-size: 34px;
		line-height: 42px;
	}

	#carouselPlatformOverview .carousel-indicators button {
		margin: 0 12px;
	}

	.service-image svg,
	.service-image:after {
		width: 100px;
		height: 100px;
	}
	.service-wrap p {
		font-size: 16px;
		line-height: 24px;
	}

	.cta-box {
		padding: 60px 35px 35px;
	}

	.request-quote-box {
		padding: 50px 30px;
	}

	/* SERVICES PAGE */
	.service-box-wrap {
		padding: 25px 0;
	}

	/* ABOUT */
	.mission-vision-wrap {
    	padding: 35px;
	}
	.core-value-image svg {
		max-width: 180px;
		width: 100%;
		height: auto;
	}

	/* DASHBOARD */
	.dash-title.section-title {
		font-size: 22px;
		line-height: 30px;
	}
	.dashboard-nav .search-form .form-control {
		font-size: 14px;
		line-height: 22px;
		height: 34px;
	}
	.dashboard-nav .search-form .btn {
		padding: 5px 12px 3px;
	}

	/* BOOKING */
	.booking-type-img svg {
		height: 100px;
	}

	/* INVOICE  */

	.invoice-wrap {
		max-width: 1200px;
		width: 100%;
		margin: auto;
	}
	.invoice-wrap .site-logo img {
		max-width: 200px;
		width: 100%;
	}
	.amount-due-wrap {
		background: #F6F6F6;
		border-radius: 6px;
		padding: 20px;
	}
	.bar-code-wrap img {
		max-width: 200px;
		width: 100%;
		margin: auto;
	}
	.invoice-tbl table {
		width: 100%;
		border-radius: 4px;
	}
	.invoice-tbl thead {
		background: #f6f6f6;
	}
	.invoice-tbl thead tr th {
		font-weight: 400;
		color: #636363;
		border: 0;
		padding: 12px 10px;
	}
	.invoice-tbl tbody tr td {
		/*font-family: 'Suisse Intl Regular', Helvetica, Arial, sans-serif;*/
		padding: 10px;
	}

	.payment-icon img {
		max-width: 45px;
	}
	.payment-name {
		font-size: 14px;
	}
	.select-payment-method .radio-box-label {
		padding: 10px 15px;
	}
	.select-payment-method .radio-box-01 input[type=radio] {
		right: 15px;
		top: 15px;
	}



}
@media(max-width: 459px) {
	#mobile-app-carousel {
		width: 100% !important;
		max-width: 200px;
		left: 0;
		right: 0;
		margin: auto;
	}


}
@media(max-width: 425px) {
	.hero-title-1 {
		font-size: 48px;
		line-height: 56px;
	}

	.request-quote-mb-image img {
		height: 350px;
	}

	/* BOOKING */
	.qty-action a {
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.mobile-app-logos .dl-app-logo svg {
		max-width: 120px;
	}
	.mobile-app-logos .dl-app-logo.android svg {
		max-width: 135px;
	}


}
@media(max-width: 375px) {
	.hero-title-1 {
		font-size: 42px;
		line-height: 50px;
	}

	.book-service-details h2 {
		margin-bottom: 4px;
	}


	.service-image svg,
	.service-image:after {
		width: 85px;
		height: 85px;
	}

	.payment-name {
		font-size: 12px;
	}
	
}
@media(max-width: 360px) {
	.mobile-app-logos .dl-app-logo svg {
    	max-width: 100px;
	}
	.mobile-app-logos .dl-app-logo.android svg {
    	max-width: 115px;
	}
}
@media(max-width: 340px) {
	#mobile-app-carousel {
		max-width: 185px;
	}
	#mobile-app-carousel .item {
		min-height: 155px;
	}
	.book-service-box svg {
		max-width: 65px;
	}
	.book-service-details h2 {
		font-size: 11px;
	}
	.book-service-details p {
		font-size: 10px;
		line-height: 14px;
	}
}
@media(max-width: 330px) {
	#mobile-app-carousel .item {
		min-height: 145px;
	}
}







/* RN WEBVIEW STYLE  */

.rn-webview-body #ms--main--body{
	padding-top: 0;
}
.rn-webview-body #booking-section-container{
	padding-top: 0 !important;
}
.rn-webview-body .booking-header{
	padding-top: 0;
}

.rn-webview-body .modal-dialog{
  margin: 10px auto;
  width: 100%;
}
.rn-webview-body .form-group-wrap{
  padding: 15px;
}
.rn-webview-body .modal-content{
  border-radius: 15px 15px 0 0;
  border-radius: 10px;
}
.rn-webview-body .btn{
  height: auto;
  /*padding: 15px 18px;*/
}
.rn-webview-body .modal-header .close {
    margin-top: 0px;
    font-size: 40px;
}


.rn-webview-body #container-btn-modal{
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	background: #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
	z-index: 10;
	border: 0;
	/*border-radius: 15px 15px 0 0;*/
	border-radius: 10px;
}

.rn-webview-body #container-btn-modal .btn{
	width: 100% !important;
	height: 48px;
	padding: 11px 15px;
}

.rn-webview-body .tab-header.pt150{
	padding-top: 0 !important;
}
.rn-webview-body .dashboard-nav{
	position: relative;
	top: 0;
}

.rn-webview-body #add-container-form .modal-title, .rn-webview-body #sub-milestone-modal .modal-title{
	/*text-align: center;*/
	font-size: 14px;
}
.rn-webview-body #add-container-form .btn-close, .rn-webview-body #sub-milestone-modal .btn-close{
	/*display: none;*/
	font-size: 14px;
}

.rn-webview-body .container-item-wrap .accordion-button{
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 5px;
}
.rn-webview-body .container-item-wrap .accordion-collapse{
	padding-top: 10px !important;
}


.rn-webview-body #booking-transaction-milestones{
	border: 0;
	/*padding: 0;*/
	box-shadow: none;
	padding-top: 0;
}

.rn-webview-body .shipment-transactions-list > li > a{
	color: #1b1b1b;
	font-size: 12px;
}

.rn-webview-body .shipment-transactions-list .item-detail{
	font-size: 10px;
}

.rn-webview-body #booking-billing-charges-section{
	/*font-size: 98%;*/
	font-size: 12px;
	line-height: 18px;
	background: transparent;
	padding: 10px 0 0 !important;
	margin-bottom: 100px;
}
.rn-webview-body #booking-billing-charges-section .h5, 
.rn-webview-body #booking-billing-charges-section h5,
.rn-webview-body #booking-billing-charges-section .fs-sm{
	font-size: 14px;
	line-height: 20px;
}
.rn-webview-body #booking-billing-charges-section .fs-lg{
	font-size: 18px;
}
.rn-webview-body #booking-billing-charges-body{
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: none;
	border: 0 !important;
}

.consignee-sign img {
	max-width: 150px;
    width: 100%;
    position: absolute;
    top: -30px;
}



.attachments-grid{
	padding: 0;
	margin: 0;
	list-style: none;

	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}
.attachments-grid > li{
		width: 120px;
    height: 120px;
    display: inline-block;
    padding: 10px;
    margin-bottom: 60px;
    margin-left: 10px;
    /*overflow: hidden;*/
    /*position: relative;*/
    /*border: 1px solid #eeeeee;*/
}
.attachments-grid > li:hover .post-product-controls{
	opacity: 1;
	z-index: 10;
}
.attachments-grid > li .post-product-controls{
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition   : opacity 0.3s ease-in-out;
	-ms-transition    : opacity 0.3s ease-in-out;
	-o-transition     : opacity 0.3s ease-in-out;
	transition        : opacity 0.3s ease-in-out;
}
.attachments-grid > li .post-product-controls .btn{
	box-shadow: none;
	background: #333;
	padding: 5px 10px;
	color: #888;
	border: 0;
	font-size: 12px;
	line-height: 14px;
}
.attachments-grid > li .post-product-controls .btn.btn-danger:hover{
	background: #e74c3c;	
}

.attachments-grid > li .post-product-controls .btn:hover{
	color: #ffffff;
}
.attachments-grid > li:hover{
	/*cursor: move;*/
}


.card-company-logo {
	background: #ffffff;
	border-radius: 50%;
	border: 5px solid #f5f5f5;
	overflow: hidden;
	padding: 5px;
	margin: 0 auto 20px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.card-company-logo-wrap .card-company-logo {
	width: 120px;
	height: 120px;
}
.card-company-logo {
	width: 130px;
	height: 130px;
}
.card-company-logo a{
	display: block;
}
.card-company-name {
	min-height: 80px;
}





/* ================ CHECKBOX ================ */

.checkbox-item {
  /*display: block;*/
  position: relative;
  padding-left: 34px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 10px;
}


/* Hide the browser's default checkbox */
.checkbox-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border-radius: 2px;
}
.table-hover tr:hover .checkmark{
	background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.checkbox-item:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-item input:checked ~ .checkmark {
  background-color: var(--primary-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-item input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-item .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.checkbox-item-bordered .checkmark{
	background: #ffffff;
	border: 1px solid #ccc;
}
.checkbox-item-bordered .checkbox-item input:checked ~ .checkmark{
	border-color: var(--primary-color);
}
.checkbox-item-bordered .checkbox-item:hover input ~ .checkmark {

}

.checkbox-item-sm .checkbox-item{
	
}
.checkbox-item-sm .checkbox-item .checkmark:after{
	left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
}
.checkbox-item-sm .checkmark{	
	height: 18px;
	width: 18px;
	margin-top: 4px;
}
.checkbox-item-sm .checkbox-item{	
	font-size: 14px;
	font-weight: normal;
	padding-left: 30px;
	margin-bottom: 5px;
}

/*=============STAR RATING=============*/
/*@import url(../css/font-awesome.css);*/


.star-rating-inner {
	display: inline-block;
	width: 100%;
}
.star-rating-inner .text-wrap {
	margin-bottom: 0 !important;
}
/****** Style Star Rating Widget *****/

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 36px;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 






/* TRACKRR STYLES */
.btn-card{
	position: relative;
	background: #ffffff;
	border: 1px solid #D9D9D9;
	border-radius: var(--border-radius-lg);

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-card-title{
	margin-bottom: 5px;
}
.btn-card:hover{
	border-color: #999;
	box-shadow: var(--smooth-shadow-sm);
;
}
.btn-card > a{
	padding: 24px 28px;
	display: block;
}
.btn-card-sm > a{
	padding: 18px 20px;
	display: block;
}
.btn-card-lg > a{
	padding: 30px 34px;
	display: block;
}
@media (max-width: 600px){
	.btn-card-lg > a{
		padding: 24px 28px;
	}
}

.btn-card-bg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: 120px;
	background-repeat: no-repeat;
	background-position: 95% center;
	z-index: 1;
}
.full-bottom{
	background-size: 50%;
	background-position: left bottom;
}



.linear-wipe {
  background: linear-gradient(to right, #6ECB72 20%, #6ECB72 40%, #00BE92 60%, #00BE92 80%);
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: shine 3s linear infinite;
          animation: shine 3s linear infinite;
}
@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}


/* BOOK A VEHICLE  */
.vehicle-types-container{

}
.vehicle-select-col{
	min-width: 160px;
	
}
.vehicle-select-wrap{
/*	display: inline-block;*/
	/*margin-right: 20px;
	margin-bottom: 20px;*/
	background-size: 300px 199px;
	background-position: right bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}
.vehicle-selected-wrap{
	padding-right: 160px;
	background-size: 220px;
	background-position: right bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}
.vehicle-types-container > .vehicle-select-wrap:last-child{
/*	margin-right: 0;*/
}
.vehicle-select-wrap > a{
	min-height: 220px;
}


/* MODAL  */
.modal-dialog-default{
	max-width: 600px;
}
.modal-header{
	display: block;
	font-size: 14px;
	border-bottom: 1px solid #dddddd;
	position: relative;
	padding: 18px;
	text-align: center;
}
.modal-header .btn-close, .bootbox-close-button{
	position: absolute;
	margin: 0;
	left: 10px;
	top: 16px;
	z-index: 10;
	color: #999;
}
.bootbox-close-button{
	font-size: 24px;
	left: 14px;
}
.modal-title{
	font-size: 16px;
}
.modal-header-center{
	
}


/* OFFCANVAS  */
.offcanvas{
	border-radius: 20px 20px 0 0;
}
.offcanvas-header{
	justify-content: center;
}
.offcanvas-header .btn-close{
	position: absolute;
  left: 10px;
  top: 20px;
  z-index: 10;
  background-size: 10px;
  /* background-color: #eee; */
  border-radius: 100px;
  border: 1px solid #eee;
}
.offcanvas.h-auto{
	height: auto !important;
}
.offcanvas.h-auto .offcanvas-body{
  flex-grow: 0;
}

@media(max-width: 715px){
	.offcanvas{
		top: 80px;
	}
}


.kn-breadcrumbs{
/*	--bs-breadcrumb-divider: url('../img/app/chevron_right.svg');*/
}
.breadcrumb-item+.breadcrumb-item::before{
	content: url('../img/app/chevron_right.svg');
}

/* ALERTS  */
.alert{
	background: #ffffff !important;
}
.alert-danger{
	border-color: #dc262680;
	color: #dc2626;
}
.alert-dismissible .btn-close{
	font-size: 12px;
}



/* VEHICLE BOOKING  */
#vehicle-booking-section{
	min-height: 400px;
}

#vehicle-booking-form-section{
	width: 600px;
/*	overflow: auto;*/
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 15px;
	z-index: 10;
	background: #ffffff;
	border-radius: 10px;

	box-shadow:
  2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
  6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
  12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
  22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),
  41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),
  100px 100px 80px rgba(0, 0, 0, 0.07);
}
#v-booking-body{
	overflow-y: auto;
	overflow-x: hidden;
}
@media(max-width: 1000px){
	#vehicle-booking-form-section{
		width: 450px;
	}
}
@media(max-width: 767px){

	#vehicle-booking-section{
		height: auto !important;
	}
	
	#vehicle-booking-form-section{
		width: 100%;		
		position: static;
	}	
	#v-booking-body{
		overflow: hidden;
		height: auto !important;
	}
	#vehicle-map-pointer{
		height: 400px !important;
	}
}

.vehicle-booking-submit-wrap{
/*	padding: 10px 15px;*/
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 12;

	box-shadow:
  2.1px 0px 5.3px rgba(0, 0, 0, 0.028),
  6.9px 0px 17.9px rgba(0, 0, 0, 0.042),
  31px 0px 80px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
}

.plotted-info{
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px solid #f1f1f1;
	color: #999;
}

.pac-container{
  z-index: 1090;
}


/*FOR GOOGLE MAP AUTOCOMPLETE ADDRESS*/
.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 0;
    border-top: 1px solid #d9d9d9;
    font-family: inherit;
    box-shadow: 0 0 30px rgba(0,0,0,0.05) !important;
    /*padding: 0 30px !important;*/

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.pac-logo:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 16px;
    text-align: right;
    display: block;
    background-image: url('https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 120px 14px
}
.hdpi.pac-logo:after {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png)
}

.pac-container .pac-item:first-child{
  border-top: 0;
}

.pac-item {
    cursor: default;
    padding: 10px 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 14px;
    color: #999;
}
.pac-item:hover {
    background-color: #fafafa
}
.pac-item-selected,
.pac-item-selected:hover {
    background-color: #ebf2fe
}
.pac-matched {
    font-weight: 700
}
.pac-item-query {
    font-size: 13px;
    padding-right: 3px;
    color: #000
}
.pac-icon {
    width: 15px !important;
    height: 15px !important;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url('../img/map-marker.png') !important;
    background-size: 15px 15px !important;
    background-repeat: no-repeat;
    background-position: center !important;
}
.hdpi .pac-icon {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}
.pac-icon-search {
    background-position: -1px -1px
}
.pac-item-selected .pac-icon-search {
    background-position: -18px -1px
}
.pac-icon-marker {
    background-position: -1px -161px
}
.pac-item-selected .pac-icon-marker {
    background-position: -18px -161px
}
.pac-placeholder {
    color: gray
}

.pac-container{
  z-index: 1090;
}
.pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  padding: 20px;
}






/* CUSTOMER DASHBOARD  */
.vehicle-thumb{
	width: 124px;
	height: 80px;
	background-position: -48px -35px;
	background-repeat: no-repeat;
	background-size: 165px;
}
.btn-drop{
/*	display: inline-block;*/
	width: 38px;
	height: 38px;

/*	padding: 4px;*/

	background: #ffffff;
	border: 1px solid transparent;
	border-radius: 30px;

	display: flex;
  align-items: center;
  justify-content: center;


  -moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-drop.collapsed{
	box-shadow: none;
	border: 1px solid transparent;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.btn-drop svg{
	/*position: relative;
	top: -2px;*/
}
.btn-drop:hover, .btn-drop{
	border-color: #999;
	box-shadow: var(--smooth-shadow-sm);
}

.empty-state-icon{
	width: 40px;
	height: 40px;
}



/* HELPERS */

.z-2{
	z-index: 2;
}
.text-muted-2{
	color: #8C9999;
}