.video-box {

	background-color: #f5f5f5;

	padding-bottom: 10px;

	max-height: 400px

}



.tap-slider .img-move01 {

	margin-top: 114px

}



.tap-slider .slider-caption {

	padding-left: 17px

}



.banner .header-text {

	text-transform: initial;

	font-size: 25px;

}



.ua-custom-banner .extra-margin-top {

	margin-top: 50px !important;

}

.move-with-price .price-text {
	font-size: 18px;
}

.courier-sec02 p {
	font-size: 18px;
}

.sec-going-way .way-detail {
	font-size: 16px;
}

.tap-slider .tap-app .tap-text {
	font-size: 18px;
}

.button-pos {
    display: block;
    float: right;
}
.button-pos span {
    font-size: 14px;
    font-family: 'Roboto-Regular';
}
#btn-requist {
    display: block;
}
.button-pos button {
    float: none;
	margin-bottom:10px;
}
.tagline2 p {
    font-size: 26px;
}
@media all and (transform-3d),

(-webkit-transform-3d) {

	.carousel-inner>.item.active.right,

	.carousel-inner>.item.next {

		left: 0;

		-webkit-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0)

	}

	.carousel-inner>.item.active.left,

	.carousel-inner>.item.prev {

		left: 0;

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0)

	}

}



.banner .banner-bottom-text {

	font-size: 28px;

	margin: 17px 0 1px

}



p.hireng-text a {

	color: #fff

}



p.hireng-text a:hover {

	color: #000!important

}



p.hireng-text {

	background-color: #ffb700;

	position: absolute;

	top: 61px;

	padding: 3px 20px;

	width: 300px;

	display: inline-block;

	text-align: center;

	color: #ffff;

	transform: rotate(-49deg);

	left: -76px;

	font-size: 20px

}



@media(max-width:991px) {

	.banner .banner-bottom-text {

		font-size: 17px;

		margin: 17px 0 1px

	}

	

	.mobile-banner {

		height: 100%;

		width: 100%!important;

		min-height: 516px;

		object-fit: cover!important;

		object-position: center!important

	}

}



@media(max-width:1025px) {

	.mobile-banner {

		height: 100%;

		width: 100%!important;

		object-fit: cover!important;

		object-position: center!important

	}

	.banner .banner-btns {

		margin-top: 10px!important

	}

	h1.banner-heading.animate-reveal.animate-first {

		font-size: 28px

	}

}



@media(max-width:768px) {

	header#header .fullscreen-bg {

		max-height: 500px

	}

	.banner .banner-bottom-text {

		font-size: 16px;

		margin: 17px 0 1px

	}

	/* p.hireng-text {

		top: 29px;

		left: -106px;

		font-size: 20px

	} */

	.tagline2 p {
		font-size: 18px;
	}

	p.hireng-text {
    top: 40px;
    left: -104px;
    font-size: 12px;
	}

	.banner .header-text {

		font-size: 16px!important

	}

}



@media(max-width:550px) {
	
	.tagline2 p {
    font-size: 18px;
	}



	.ua-custom-banner p.banner-btns {

		margin-bottom: -5px;

	}



	.ua-custom-banner .extra-margin-top {

		margin-top: 50px !important;

	}



	.map-bottom {

		display: inline-block;

		padding: 0 15px 20px 0;

		width: 100%;

		max-height: 250px;

		margin-bottom: 15px

	}

	#map {

		height: 250px!important;

		width: 100%

	}

	.video-box {

		max-height: 250px

	}

	.tap-slider .img-move01 {

		margin-top: 30px

	}

	.banner-box {

		margin-top: 44px

	}

	header#header .fullscreen-bg {

		max-height: 600px;

    }

    



	.banner .banner-bottom-text {

		font-size: 16px;

		margin: 17px 0 1px

	}

}



.btn-home-quote {

	background: #000;

	border-radius: 0

}



.btn-home-quote:hover {

	background: #f9b628

}



.bl-p {

	padding-top: 20px

}



@media (max-width:991px) {

	.banner-box .header-text {

		font-weight: 300!important

	}

	.bl-p {

		padding-top: 0!important

	}

}



@media (min-width:992px) {

	.banner {

		padding: 50px 0 20px!important

	}

	.banner .banner-btns {

		margin-top: 10px!important;

		margin-bottom: 0!important

	}

	.banner {

		background-color: transparent!important

	}

}



@media (max-width:767px) {

	#choose-hire-modal .col-sm-6~.col-sm-6 {

		margin-top: 15px!important

	}

}



@media (max-width:480px) {

	.covid-banner .more-btn {
		font-size: 13px;
		padding: 3px 12px;
		min-width: initial;
		border-width: 1px;
		margin-top: 7px;
		border-radius: 0px;
	}

	span.cc-message {
		font-size: 12px;
		margin-bottom: 2px !important;
	}

	a.cc-btn.cc-dismiss {
		padding: 2px 5px !important;
	}

	.cc-compliance {
		display: inline-block;
		width: 50%;
		margin: 7px 10px !important;
		width: auto;
	}



	.covid-banner p {
		font-size: 11px;
	}

	.covid-banner h2 {
		font-size: 16px;
		margin-bottom: 3px;
	}

	.covid-banner {
		padding: 12px;
	}


	h1.banner-heading.animate-reveal.animate-first {

		font-size: 20px!important

    }



    .banner .header-text {

		font-size: 14px!important

	}

}



#video-box .video-box {

	position: relative

}



#video-box .video-box .video-holder {

	position: relative;

	padding-top: 58%;

	width: 100%

}



#video-box .video-box .video-holder iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%

}



.player .vp-sidedock,

.player .vp-sidedock .sidedock-inner {

	display: none!important;

	opacity: 0!important

}

.hireng-text
{
	z-index: 11 ;
}




#header .banner {
	
	/* background-color: transparent!important; */
	
	position: relative;
	background-color:transparent !important;
	
	background-position: center top;
	
}

#header .banner .container
{
	position: relative;
	z-index: 10;
}
.banner::after {
    z-index: 1;
    background: #000;
    opacity: .6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
}

@media(min-width:992px) {

	.banner {

		background-image: url(../img/homepage2banner.jpg);

		/* background-position: center top; */

		background-size: cover;

		background-repeat: no-repeat

	}

}



@media only screen and (min-width: 1200px) {

	.banner {		

		background-size: 100%;		

	}

}



@media(min-width:576px) {

	.show-later {

		display: none!important

	}


}



@media(max-width:575px) {


	.tap-slider .tap-app .tap-text {
		font-size: 16px;
	}

	.sec-going-way .way-top-text {
		font-size: 22px;
    	font-weight: bold;
	}



	.sec-going-way .way-heading {
		font-size: 21px;
	}
	
	section.courier-sec02 p {
		font-size: 16px;
	}

	.courier-sec02 .courier-heading {
		font-size: 30px;
	}

	.hide-later {

		display: none!important

	}

		

	#header .banner {

	background-color:rgba(0,0,0,0.5) !important;

	}

}



#video-box .video-box .img-holder {

	position: relative;

	width: 100%;

	padding-top: 56%

}



#video-box .video-box .img-holder img {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	object-fit: cover;

	object-position: center

}



.fare-estimat .autocomplete__input .btn-input2 {

	display: inline-block;

	text-align: center;

	height: 50px;

	width: 30px;

	background-color: #f7f7f9;

	line-height: 20px;

	padding: 14px 1px;

	color: #000;

	margin-top: -11px;

	font-size: 17px

}



.fare-estimat .autocomplete__input .form-control {

	width: 70%;

	display: block;

	float: left

}



.banner-default {

	transition: .15s linear!important;

	margin: 0 5px;

	outline: 0!important

}



.banner-video-open-link {

	margin: 20px 0 0

}



.banner-video-open-link .dark-btn {

	border: 2px solid #ffb700!important

}



.modal-backdrop {

	z-index: 1040

}



.home-video-frame .modal-dialog {

	width: 76%!important;

	margin: 0!important;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%)!important

}



.home-video-frame .modal-dialog .modal-body {

	padding: 0;

	position: relative;

	padding-top: 56%;

	background-color: #000

}



.home-video-frame .modal-dialog .modal-body video {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center

}



.home-video-frame .modal-body .close {

	position: absolute;

	z-index: 10;

	right: 15px;

	top: 12px;

	color: #ffb700;

	opacity: 1;

	text-shadow: none

}



#video-box .video-box {

	margin-top: 30px!important

}



.play-fvid {

	position: absolute;

	z-index: 100;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	border: 2px solid #ffb700!important;

	border-radius: 100%;

	font-size: 20px;

	padding: 12px 0 12px 3px!important;

	width: 47px;

	text-align: center

}



.dark-btn {

	outline: 0!important

}









.ua-custom-banner .banner-heading {

    font-size: 84px !important;

    margin-bottom: -10px;

    font-weight: 600 !important;

  }

  

  

  .ua-custom-banner span.tagline {

    font-weight: 600;

    font-size: 36px;

    color: #FFF;

    text-align: center;

    display: block;

  }

  

  .ua-custom-banner .header-text {

    font-size: 19px;

    margin-bottom: 15px;

    margin-top: 15px;

  }

  



@media(max-width:991px) {

	.home-video-frame .modal-dialog {

		width: 100%!important

	}

}



@media(min-width:768px) {

	h1.banner-heading {

		font-size: 64px !important

	}

}



@media (max-width: 1025px) {

   

    .ua-custom-banner .banner-heading {

        margin-bottom: 10px;  

    }



    .ua-custom-banner span.tagline {

        font-weight: 400;

        font-size: 20px;

        line-height: 20px;

    }

    

    .ua-custom-banner .banner-heading.animate-reveal.animate-first {

        font-size: 38px !important;

        padding: 0px 10px !important;

        font-weight: 600 !important;

        margin-bottom: 2px;

    }



}











/* Devices specific queries */



/* iphone 6,7 */



/* Landscape */

@media only screen 

  and (min-device-width: 375px) 

  and (max-device-width: 667px) 

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: landscape) { 



	header#header .fullscreen-bg {

		min-height: 540px;

		

	}



	.ua-custom-banner .header-text {

		font-size: 16px;

	}



	

	.ua-custom-banner span.tagline {

		font-weight: 600;

	  }





	.ua-custom-banner .banner-heading.animate-reveal.animate-first {

		font-size: 52px !important;

	}

}



/* iphone 6+,7+ */



/* Landscape */

@media only screen 

  and (min-device-width: 414px) 

  and (max-device-width: 736px) 

  and (-webkit-min-device-pixel-ratio: 3)

  and (orientation: landscape) { 

	header#header .fullscreen-bg {

		min-height: 540px;

		

	}



	

	.ua-custom-banner span.tagline {

		font-weight: 600;

	  }





	.ua-custom-banner .header-text {

		font-size: 16px;

	}



	.ua-custom-banner .banner-heading.animate-reveal.animate-first {

		font-size: 52px !important;

	}

}





/* Iphone x' */





/* Landscape */

@media only screen 

  and (min-device-width: 375px) 

  and (max-device-width: 812px) 

  and (-webkit-min-device-pixel-ratio: 3)

  and (orientation: landscape) { 

	header#header .fullscreen-bg {

		min-height: 540px;

		

	}



	.ua-custom-banner .header-text {

		font-size: 16px;

	}





	.ua-custom-banner .banner-heading.animate-reveal.animate-first {

		font-size: 52px !important;

	}



	

	.ua-custom-banner span.tagline {

		font-weight: 600;

	  }



}

@media(max-width:767px)
{
	.why-bg03 > article
	{
		margin-bottom: 40px !important;
	}
}



@media	(max-width:767px)
{
	.cc-window.cc-banner{
		padding-top:5px !important;
	}
	.cc-theme-edgeless.cc-window
	{
		font-size: 10px !important;
	}
	.cc-compliance
	{
		margin:15px 10px 5px !important;
	}
	.cc-banner .cc-btn:last-child
	{
		min-width: 100px !important;
	}
	.covid-banner
	{
		padding:5px !important;
	}
	.covid-banner .text p
	{
		font-size: 10px !important;
	}
	.covid-banner .more-btn
	{
		border: 1px solid #fff !important;
		border-radius: 3px !important;
		color: #fff !important;
		font-size: 11px !important;
		padding: 2px 5px;
		min-width: auto;
		text-align: center;
		margin-top:5px !important;
	}
	.covid-banner h2
	{
		font-size: 14px;
		margin: 0 0 5px !important;
	}
	.covid-banner .close
	{
		top: 5px !important;
		right: 5px !important;
		font-size: 13px !important;
	}
}


@media(max-width:991px)
{
	.banner
	{
		position: absolute !important;
	}
}

@media (max-width: 575px)
{
	#header .banner 
	{
		background-color: transparent !important;
	}
}

.banner .banner-default
{
	display: inline-flex;
    align-items: center;
    justify-content: center;
}

.banner .banner-default i {
	font-size: 24px;
}
.banner .banner-default i,
.banner .banner-default img
{
	margin-right: 8px;
}
.ua-custom-banner .header-text.geo-text
{
	font-weight: bold;
    font-size: 24px;
    margin-bottom: 0px !important;
    padding-top: 0px;
}

@media (max-width: 767px)
{
	p.arrow-down {
		margin-top: 45px;
		display: block !important;
	}
	.ua-custom-banner .header-text.geo-text
	{
		font-weight: bold !important;
		font-size: 20px !important;
	}
}

@media (max-width: 550px)
{
	.ua-custom-banner .extra-margin-top {
		margin-top: 35px !important;
	}
}

@media(max-width:1024px)
  {
    #header .banner
    {
      position: absolute !important;
    }
  }