@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,700italic,900,400italic);
@import url(https://fonts.googleapis.com/css?family=Coda:400);
@import url(https://www.specialcarrier.com/css/icons/style.css?1=1);

body,html{ margin:0; overflow-x: hidden; font-size:16px; color:#5E5E5E; font-family:"Lato"; font-weight:400;}


/* ////////////////////// MENU NAVIGATION ////////////////////// */
#popmenu{width:100%; height:100vh; overflow-y:auto; background-image: url(../images/footer-bkg.jpg); background-size:cover; background-position: center center; position:fixed; top:0; left:0px; z-index:5000;}
#preheader{ margin:0 auto; height:30px; background-color:#FFFFFF; position:fixed; top:0; z-index:500; width:100%; overflow:hidden;}
.phmcont{ width:1024px; margin:0 auto; padding:0; height:30px; font-size:14px; text-align: justify; font-family:"Lato";}

.prehdtellnk{-webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear;  text-decoration:none; padding:0 10px; font-size:17px; font-weight:900; line-height:30px; float:right; background-color:#D0202E; color:#FFFFFF !important;}
.prehdtellnk:hover{ text-decoration:underline; background-color:#000000;}  
.panhei{ width:100%; padding-bottom:45%; background-size:cover; margin-bottom:20px;}

.prehdlnk{ font-size:14px; line-height:30px; font-weight:400;}
#bounceinmessage{ font-size:14px; line-height:30px; font-weight:400;}

#telephonelink{-webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear;  text-decoration:none; padding:0 10px; font-size:17px; font-weight:900; line-height:30px; float:right; background-color:#D0202E; color:#FFFFFF !important;}
#telephonelink:hover{ text-decoration:underline; background-color:#000000;} 

#popsend{ background-color:rgba(0,0,0,0.85); width:100%; height:100vh; position:fixed; top:0; left:0; z-index:6000;}
.confirmbox{ background-color:#FFFFFF; border:20px solid #FFFFFF; box-sizing:border-box; min-height:40vh; margin:25vh 0 0 0; font-family:"Lato"; font-size:12px;}
.confirmbox > div { padding-bottom:10px;}
#padcell > .tabrow > .tabcell { padding-bottom:10px !important;}
#conf-comments{ max-height:20vh; overflow-y:auto;}

.jsMovieFrame{opacity:1;}
.blue{background-color:#232D69;} .red{background-color:#D0202E;} .yellow{background-color:#F8992F;}

#menucontainer{width:100%; height:90px; z-index:1000; background-color:#000000; position:fixed; top:30px;}
#minimenucontainer{ width:100%; height:40px; z-index:500; background-color:#000000; position:fixed; top:30px; }
#menucontainer-ghost{ width:100%; height:90px; z-index:200; background-color: transparent; position:fixed; pointer-events: hover;}
#menudropcont{ width:100%; height:calc(100vh - 120px); top:120px; z-index:30; position:fixed; background-color: transparent; overflow:hidden; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; pointer-events: none;}
	
.mentop{ top:-110px;}

.menuwrap{ width:1024px; margin:0 auto; min-height:90px; background-color: transparent;}
.logo{width:120px; height:90px; float:left; background-image:url(../images/minilogo.jpg); background-repeat:no-repeat; background-position:center center; background-size:110%;}

#menbar{ width:840px; height:90px; float:right; display:table;}
#menbar ul{ display:table-row; height:90px;	}
#menbar li{ width:140px !important; vertical-align:middle; height:90px; display:table-cell; color:#FFFFFF; text-align:center; font-family:"Coda"; font-weight:400; letter-spacing:1px; font-size:14px; text-transform:uppercase; cursor:pointer; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; box-sizing:border-box; background-color:#000000; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:2px solid #000000;}	
#menbar a{ width:140px !important; vertical-align:middle; height:88px; display:table-cell; color:#FFFFFF; text-align:center; font: inherit; letter-spacing: inherit; text-transform: inherit;}

#respmenbar{ width:auto; height:90px; float:right; text-align:right; display:table; display:none; }
#respmenbar span{vertical-align:middle; height:88px; display:table-cell; color:#FFFFFF;font-size:32px; cursor:pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
#respmenbar span:hover{color:#F8992F;}

.dropskew{ width:140px; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); float:left; position:relative; z-index:60 !important; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; border:1px solid #FFFFFF; box-sizing:border-box; pointer-events: initial;}
.dropskew ul{width:140px; margin:0; padding:10px 0 10px 0; list-style:none;}	
.dropskew li{margin:0; list-style:none; padding:5px 0px 5px 10px; color:#FFFFFF; font-size:12px; line-height:12px; -ms-transform: skewX(20deg);-webkit-transform: skewX(20deg); transform: skewX(20deg); font-family:"Lato"; cursor:pointer;}


.subdropskew{
	position: relative; top:0px; left:0px;  width:140px; float:left; opacity:0; 
	overflow:hidden;
	z-index:59 !important; border:1px solid #FFFFFF; box-sizing:border-box; pointer-events: initial;
	-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;
}

.subdropskew ul{width:140px; margin:0; padding:10px 0 10px 0; list-style:none;}	
.subdropskew li{margin:0; list-style:none; padding:5px 0px 5px 10px; color:#FFFFFF; font-size:12px; -ms-transform: skewX(20deg);-webkit-transform: skewX(20deg); transform: skewX(20deg); font-family:"Lato"; cursor:pointer;}

.dm1hov, .dm4hov{ border-left:1px solid #FFFFFF !important; border-right:1px solid #FFFFFF !important; border-bottom:2px solid #FFFFFF !important; background: #232d69; background: -moz-linear-gradient(top, #232d69 0%, #232d69 34%, #1b2351 92%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232d69), color-stop(34%,#232d69), color-stop(92%,#1b2351)); background: -webkit-linear-gradient(top, #232d69 0%,#232d69 34%,#1b2351 92%); background: -o-linear-gradient(top, #232d69 0%,#232d69 34%,#1b2351 92%); background: -ms-linear-gradient(top, #232d69 0%,#232d69 34%,#1b2351 92%); background: linear-gradient(to bottom, #232d69 0%,#232d69 34%,#1b2351 92%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232d69', endColorstr='#1b2351',GradientType=0 );}
.dm2hov, .dm5hov{ border-left:1px solid #FFFFFF !important; border-right:1px solid #FFFFFF !important; border-bottom:2px solid #FFFFFF !important; background-color:#D0202E; background: #D0202E; background: -moz-linear-gradient(top, #D0202E 0%, #D0202E 34%, #90161F 92%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D0202E), color-stop(34%,#D0202E), color-stop(92%,#90161F)); background: -webkit-linear-gradient(top, #D0202E 0%,#D0202E 34%,#90161F 92%); background: -o-linear-gradient(top, #D0202E 0%,#D0202E 34%,#90161F 92%); background: -ms-linear-gradient(top, #D0202E 0%,#D0202E 34%,#90161F 92%); background: linear-gradient(to bottom, #D0202E 0%,#D0202E 34%,#90161F 92%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D0202E', endColorstr='#90161F',GradientType=0 );}
.dm3hov, .dm6hov{ border-left:1px solid #FFFFFF !important; border-right:1px solid #FFFFFF !important; border-bottom:2px solid #FFFFFF !important; background-color:#F8992F; background: #F8992F; background: -moz-linear-gradient(top, #F8992F 0%, #F8992F 34%, #EB7F07 92%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8992F), color-stop(34%,#F8992F), color-stop(92%,#EB7F07)); background: -webkit-linear-gradient(top, #F8992F 0%,#F8992F 34%,#EB7F07 92%); background: -o-linear-gradient(top, #F8992F 0%,#F8992F 34%,#EB7F07 92%); background: -ms-linear-gradient(top, #F8992F 0%,#F8992F 34%,#EB7F07 92%); background: linear-gradient(to bottom, #F8992F 0%,#F8992F 34%,#EB7F07 92%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8992F', endColorstr='#EB7F07',GradientType=0 );}

#sds1{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EB7F07), color-stop(20px,#F8992F), color-stop(100%,#F8992F)); background: -webkit-linear-gradient(top, #EB7F07 0%,#F8992F 20px,#F8992F 100%); background: -o-linear-gradient(top, #EB7F07 0%,#F8992F 20px,#F8992F 100%); background: -ms-linear-gradient(top, #EB7F07 0%,#F8992F 20px,#F8992F 100%); background: linear-gradient(to bottom, #EB7F07 0%,#F8992F 20px,#F8992F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB7F07', endColorstr='#F8992F',GradientType=0 ); 	
 height:auto; left:0px; margin-right:-140px;  -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg);}

/*#ds1{ background: #232D69; background: -moz-linear-gradient(top, #1b2351 0%, #232d69 20px, #232d69 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b2351), color-stop(20px,#232d69), color-stop(100%,#232d69)); background: -webkit-linear-gradient(top, #1b2351 0%,#232d69 20px,#232d69 100%); background: -o-linear-gradient(top, #1b2351 0%,#232d69 20px,#232d69 100%); background: -ms-linear-gradient(top, #1b2351 0%,#232d69 20px,#232d69 100%); background: linear-gradient(to bottom, #1b2351 0%,#232d69 20px,#232d69 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2351', endColorstr='#232d69',GradientType=0 );
		left:171px;	top:0px; height:400px;}

.dsl1-up{ left:317px !important; top:-400px !important; }
	
#ds2{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90161F), color-stop(20px,#D0202E), color-stop(100%,#D0202E)); background: -webkit-linear-gradient(top, #90161F 0%,#D0202E 20px,#D0202E 100%); background: -o-linear-gradient(top, #90161F 0%,#D0202E 20px,#D0202E 100%); background: -ms-linear-gradient(top, #90161F 0%,#D0202E 20px,#D0202E 100%); background: linear-gradient(to bottom, #90161F 0%,#D0202E 20px,#D0202E 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90161F', endColorstr='#D0202E',GradientType=0 ); 	
	left:217px; top:0px; height:145px;}
	
.dsl2-up{ left:270px !important; top:-145px !important; }
	
#ds3{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EB7F07), color-stop(20px,#F8992F), color-stop(100%,#F8992F)); background: -webkit-linear-gradient(top, #EB7F07 0%,#F8992F 20px,#F8992F 100%); background: -o-linear-gradient(top, #EB7F07 0%,#F8992F 20px,#F8992F 100%); background: -ms-linear-gradient(top, #EB7F07 0%,#F8992F 20px,#F8992F 100%); background: linear-gradient(to bottom, #EB7F07 0%,#F8992F 20px,#F8992F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB7F07', endColorstr='#F8992F',GradientType=0 ); 	
	left:218px; top:0px; height:140px;}
		
.dsl3-up{ left:268px !important; top:-140px !important;}
	
#ds4{ background: -moz-linear-gradient(top, #1b2351 0%, #232d69 20px, #232d69 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b2351), color-stop(20px,#232d69), color-stop(100%,#232d69)); background: -webkit-linear-gradient(top, #1b2351 0%,#232d69 20px,#232d69 100%); background: -o-linear-gradient(top, #1b2351 0%,#232d69 20px,#232d69 100%); background: -ms-linear-gradient(top, #1b2351 0%,#232d69 20px,#232d69 100%); background: linear-gradient(to bottom, #1b2351 0%,#232d69 20px,#232d69 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2351', endColorstr='#232d69',GradientType=0 ); 	
	left:227px; top:0px; height:97px;}
.dsl4-up{ left:263px !important; top:-97px !important;}*/
/* //////////////////// END MENU NAVIGATION //////////////////// */


/* //////////////////////// ICONS BLOCK //////////////////////// */
.iconfade{ opacity:0; width:100%; background-color: rgba(0,0,0,0.75); padding:24% 0; font-size:4vw; text-align:center; text-decoration:none !important; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.iconfade:hover{ opacity:1; text-decoration:none !important;}
a.icoblocklink{text-decoration:none !important; color:inherit; border-color:inherit; }
a.icoblocklink:hover{ text-decoration:none; color:inherit; border-color:inherit;}
.icolge{ font-size:8vw; text-decoration:none !important; margin:2vw 0;}
.imglge{ width:100%; height: auto; background-size:cover; background-position:center center; border-style:solid; border-width:3px; box-sizing:border-box; display:block;}
.imglge:hover{border:3px solid #FFFFFF;}

.wwd-expfr{ background-image:url(../images/dynamic-backgrounds/dock.jpg);} 
.wwd-timec{ background-image:url(../images/dynamic-backgrounds/nextday-freight.jpg);} 
.wwd-nxtday{ background-image:url(../images/dynamic-backgrounds/nextday.jpg);} 
.wwd-temp{ background-image:url(../images/dynamic-backgrounds/temp.jpg);} 
.wwd-dang{ background-image:url(../images/dynamic-backgrounds/haz-chem2.jpg);} 
.wwd-exh{ background-image:url(../images/dynamic-backgrounds/exh.JPG);}
.wwd-def{ background-image:url(../images/dynamic-backgrounds/high-value2.jpg);} 
.wwd-hvg{ background-image:url(../images/dynamic-backgrounds/high-value.jpg);} 
.wwd-hc{ background-image:url(../images/dynamic-backgrounds/haz-chem.jpg);} 
.wwd-hrs{ background-image:url(../images/dynamic-backgrounds/high-risk.jpg);} 
.wwd-ftp{ background-image:url(../images/dynamic-backgrounds/filming.jpg);} 
.wwd-ap{ background-image:url(../images/dynamic-backgrounds/automotive.jpg);} 
.wwd-faw{ background-image:url(../images/dynamic-backgrounds/wine.jpg);} 
.wwd-pha{ background-image:url(../images/dynamic-backgrounds/pharma.jpg);} 
.wwd-aog{ background-image:url(../images/dynamic-backgrounds/aircraft-on-ground.jpg);} 
.wwd-ssp{ background-image:url(../images/dynamic-backgrounds/ship-spares.jpg);}

.wwd-aog{ background-image:url(../images/dynamic-backgrounds/aircraft-on-ground.jpg);} 
.wwd-ssp{ background-image:url(../images/dynamic-backgrounds/ship-spares.jpg);}

.wwd-ret{ background-image:url(../images/dynamic-backgrounds/retail.jpg);}
.wwd-itn{ background-image:url(../images/dynamic-backgrounds/networking.jpg);}
.wwd-aero{ background-image:url(../images/dynamic-backgrounds/aerospace.jpg);}

.icoexlge{font-size:55px; margin-bottom:20px;}
.icoexlgeadj{font-size:78px; margin-bottom:20px;}
.icoexlgehead{font-size:30px; margin-bottom:20px; color: inherit; text-decoration:none; font-family:"Lato"; font-weight:300;  -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.icoexlgehead:hover{ color:#747474 !important;}
/* ////////////////////// END ICONS BLOCK ////////////////////// */


/* //////////////////////// COMMONS BLOCK //////////////////////// */
#tunnellanim{background-color:#000000; position:fixed; top:0; left:0;}
.clearfloat{ clear:both; float:none;}
.dsnn{ display:none !important;}
.ctan{ width:80%; margin:0 10%;}
.cpan{ width:1024px; margin:0 auto;}
.cban{ width:92%; margin:0 4%;}
.jstfy p{margin:10px 0 0 0; padding:0; text-align:justify;}
#jsMovie_image_preload_container{ height:0px; overflow:hidden; }
.hrule{ width:92%; margin:2% 4%; padding-bottom:1%; background-color:#C7C7C7;}
#mrkdn{height:200px;}
	/*  BANNERS & SUCH  */
	#dedban{ padding-top:20vw; background-image: url(../images/tsc-banner.jpg); background-size:contain; background-repeat:no-repeat; background-position:top; background-color:#2c2c2c; }
	.dedicatedbanner{width:100%; text-align:center;}
	.dedicatedbanner h1{ width:70%; padding:20px 15%; font-size:36px; color:#D0202E; font-family:"Coda"; margin: 0; text-transform:uppercase;}
	.dedicatedbanner h2{ width:70%; padding:0px 15%; font-size:28px; color:#232d69; font-family:"Lato"; margin: 0 0 20px 0; font-weight:300;}
	.dedicatedbanner h3{ width:70%; padding:0px 15%; font-size:20px; color:#F8992F; font-family:"Lato"; margin: 0; font-weight:900; text-align:left;}
	
	.ddbanpad {padding-top:40px; padding-bottom:40px;} 
	.ddbanwht p, .ddbanpad p{font-size:22px; margin-bottom:10px; margin-top:5px; color:#5E5E5E; font-family:"Lato"; font-weight:400;}
	.genwht p{ width:90%; margin:20px 5%; font-size:18px; color:#3E3E3E; font-family:"Lato"; font-weight:400;}
	.genwht2 p{ width:90%; margin:20px 5%; padding:0%; font-size:12px; color:#FFFFFF; font-family:"Lato"; font-weight:400;}
		
	.redcol{color:#D0202E !important;}
	.blucol{color:#3A4BB0 !important;}
	.yelcol{color:#F8992F !important;}
	.whtcol{color:#FFFFFF !important;}
	
	.redcolborder{border-color:#D0202E !important;}
	.blucolborder{border-color:#3A4BB0 !important;}
	.yelcolborder{border-color:#F8992F !important;}
	
	.redcol h3{border-bottom:3px solid #D0202E; color:#000000; font-family:"Coda"; padding-bottom:10px !important; margin-bottom:15px !important; font-size:18px !important; }
	.blucol h3{border-bottom:3px solid #3A4BB0; color:#000000; font-family:"Coda"; padding-bottom:10px !important; margin-bottom:15px !important; font-size:18px !important; }
	.yelcol h3{border-bottom:3px solid #F8992F; color:#000000; font-family:"Coda"; padding-bottom:10px !important; margin-bottom:15px !important; font-size:18px !important; }
		
	.strlato{ font-weight:400; font-style:italic;}
	
	#globemap{ width:100%; padding-top: 0% !important; margin-bottom:-100%; overflow:hidden; background-color: transparent;}
	#globemap-inner{width:100%; overflow:hidden;}
	
	#teambanner{ width:100%; height:56vw; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position:left center; z-index:50; position:relative;}
	#mrk2{ width:100%; padding-bottom:20%;}
	
	.redsection{ width:70%; font-weight:300; height:18vw; padding-top:7vw; padding-left:30%; font-family:"Lato"; font-size:4vw; background-color:#D0202E; color:#FFFFFF; text-transform:uppercase; background-image:url(../images/temp-rasters/rush.png); background-size:contain; background-repeat:no-repeat; background-attachment: local; text-align:left; margin-top:-25px;}
	.bluesection{ width:70%; font-weight:300; height:18vw; padding-top:7vw; padding-left:30%; font-family:"Lato"; font-size:4vw; background-color:#232d69; color:#FFFFFF; text-transform:uppercase; background-image:url(../images/temp-rasters/24hrs.png); background-size:contain; background-repeat:no-repeat; background-attachment: local; text-align:left;}
	.yellowsection{ width:70%; font-weight:300; height:18vw; padding-top:7vw; padding-left:30%; font-family:"Lato"; font-size:4vw; background-color:#F8992F; color:#FFFFFF; text-transform:uppercase; background-image:url(../images/temp-rasters/target.png); background-size:contain; background-repeat:no-repeat; background-attachment: local; text-align:left; margin-top:-25px;}
	
	.miniredsection{width:60%; font-weight:300; padding:3vw 20%; font-family:"Lato"; font-size:3vw; background-color:#D0202E; color:#FFFFFF; text-transform:uppercase; text-align:center;}
	.minibluesection{ width:60%; font-weight:300; padding:3vw 20%; font-family:"Lato"; font-size:3vw; background-color:#232d69; color:#FFFFFF; text-transform:uppercase; text-align:center;}
	.miniyellowsection{ width:60%; font-weight:300; padding:3vw 20%; font-family:"Lato"; font-size:3vw; background-color:#F8992F; color:#FFFFFF; text-transform:uppercase; text-align:center;}
	.miniblacksection{ width:60%; font-weight:300; padding:3vw 20%; font-family:"Lato"; font-size:3vw; background-color:black; color:#FFFFFF; text-transform:uppercase; text-align:center;}
	.minigoldsection{ width:60%; font-weight:300; padding:3vw 20%; font-family:"Lato"; font-size:3vw; background-color:#d4af37; color:#FFFFFF; text-transform:uppercase; text-align:center;}
	.mapanim{background-image:url(../images/globe-sequence/globe-00.jpg);}
	.mapanimfin{background-image:url(../images/globe-sequence/globe-30.jpg);}

	.exterior{background-image:url(../images/static-banners/exterior.jpg);}
	.vehicles{background-image:url(../images/static-banners/vehicles.jpg);}
	
	.specialised{background-image: url(../images/warehouse-team/background.jpg);}	
	.undercover{background-image:url(../images/static-banners/undercover.jpg); height:35vw !important;}

	.twentyfourhours{ background-image:url(../images/static-banners/24hr.jpg); height:35vw !important;}
	.tracking{background-image:url(../images/static-banners/tracking-banner.jpg);}
	.testimonials{background-image:url(../images/static-banners/testimonials.jpg);}
	
	.location{background-image:url(../images/static-banners/location.jpg); height:35vw !important; background-attachment:local !important; }
	.cellimg{padding-bottom:30%; background-size:cover; background-position:center center;}
	.cellimgalt{padding-bottom:30%; background-size:contain; background-repeat:no-repeat;}
	.cellimgdb{padding-bottom:60%; background-size:cover; background-position:center center;}
	.cellmap{padding-bottom:40%;}
	
	
	.aboutimg1{ background-image:url(../images/about-images/nightingale-special-carrier.jpg);}
	.aboutimg2{ background-image:url(../images/about-images/nightingale-special-carrier2.jpg);}
	.aboutimg3{ background-image:url(../images/about-images/nightingale-special-carrier3.jpg);}
	.aboutimg4{ background-image:url(../images/about-images/special-carrier.jpg);}
	.aboutimg5{ background-image:url(../images/static-banners/exterior.jpg);}
	
	
	.minimapanimation{ width:100%; height:56.2%; overflow:hidden; background-repeat:no-repeat; background-size:cover;}
	.nobanpad{ padding-top:120px;}
	.default{ background-image:url(../images/dynamic-backgrounds/high-value2.jpg);	}
	.contactus{ background-image:url(../images/static-banners/contactus2.jpg); height: 25vw; background-size:cover; background-attachment:scroll !important;	}
	
	.notoppad{ margin-top:150px;}
	.toppad{ margin-top:300px;}
	
	.ontheroad{background-image:url(../images/static-banners/ontheroad.jpg); height:30vw;}
	.ontheroad h1, .ontheroad h2, .ontheroad h3{color:#FFFFFF !important;  text-shadow: 1px 1px 4px #000000;}
	
	.whatwedeliver{background-image:url(../images/dynamic-backgrounds/common.jpg); background-repeat:no-repeat; background-position:center center; background-color:#FFFFFF; background-size:100% auto; background-attachment:fixed; margin-top:0; height:auto !important; padding:5vw 0;}
	.whatwedeliver h2{ margin-bottom:2.5vw !important;}

	.evtlist{ 
		width:calc(63% - 40px) !important; 
		height:auto; 
		background-color:#E7E7E7; 
		margin-top:20px;
		padding:20px;
	}
	.evtimg{ 
		width:30%;
		margin:20px 0 20px 5%;
		background-size:cover; 
		background-position:center center; 
		border-top:8px solid #FFFFFF; 
		border-left:8px solid #FFFFFF; border-bottom:8px solid #FFFFFF; box-sizing:border-box;}
		
	.evttext{ width:calc(55% - 20px); height:auto; background-color:#FFFFFF; font-size:14px; font-family:"Lato"; 
	padding:10px; margin:20px 0;}
	
	.evttext h2{ 
		padding:10px; 
		margin-bottom:15px; 
		background-color:#F8992F; 
		text-transform:uppercase; font-size:20px !important;  line-height:22px !important; font-family:"Coda" !important; color:#ffffff !important;}
	.evttext p{ font-size:14px !important;}
	
	.evttext a{ 
		width:100%; 
		padding:5px 0; 
		margin-top:10px;
		display:block; 
		background-color:#232d69; 
		text-align:center;
		text-transform:uppercase; 
		font-size:14px !important; font-family:"Lato"; color:#ffffff !important; font-weight:400; text-decoration:none !important;
		-webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear;}

	
	.evttext a:hover{ background-color:#7E8AD4 !important; color:#ffffff;}
	

/* ////////////////////// END COMMONS BLOCK ////////////////////// */
	
	
/* ///////////////////////// FOOTER BLOCK //////////////////////// */
#footercontainer{ width:100%; height:auto; background-image:url(../images/footer-bkg.jpg); background-size:cover; background-position:center center; padding:20px 0;}
.footcol {padding-top:0 !important;}
.footcol ul{ margin:0; padding:0 0 10px 0;}	
.footcol ul li{font-size:12px; text-align:left; color:#FFFFFF; margin:0; padding:0; list-style:none; font-family:"Lato"; cursor:pointer;}
.footcol h3{ font-size:14px; text-align:left; margin:5px 0 0 0; padding:0; cursor:pointer; font-family:"Coda";}

.footcol ul li:hover, .footcol h3:hover{ text-decoration:underline;}
.footerquote{ font-size:12px; font-family:"Lato";}
#subfooter{ width:100%; background-color:#D0202E; padding:10px 0; color:#FFFFFF; text-align:left; font-family:"Lato"; font-size:10px; border-top:1px solid #FFFFFF;}
/* /////////////////////// END FOOTER BLOCK ////////////////////// */	


/* //////////////////// BUTTONS & LINKS BLOCK //////////////////// */
.arrbut a{ color:#FFFFFF; text-decoration:none;}

.arrbutinline{ margin:10px 10px 0 0 ; display:inline-block}
.arrbutfloat{ margin:10px 10px 0 0 ; float:left;}

.dsklnk{ color:#FFFFFF; text-decoration:none; z-index:50000 !important;}
.dsklnk:visited{ color:#FFFFFF; text-decoration:none;}
.dsklnk:hover{ text-decoration:underline;}
.collink{ color: inherit; text-decoration:none;}
.collink:visited{ color: inherit; text-decoration:none;}
.collink:hover{text-decoration:underline;}
.arrbut{ position: fixed; width:38px; height:29px; padding-top:9px; font-size:20px; background-color:#D0202E; color: #FFFFFF; text-align:center; cursor:pointer; border-radius: 3px; z-index:60 !important; border:1px solid #FFFFFF !important; }
.arrbut:hover{ background-color:#90161F;}

.arrbut2{width:38px; text-decoration:none; height:29px; padding:9px; font-size:20px; background-color:#D0202E; color: #FFFFFF; text-align:center; cursor:pointer; border-radius: 3px; z-index:60 !important; border:1px solid #FFFFFF !important; }
.arrbut2:hover{ background-color:#90161F;}

#closebut, #closebut2{ top:20px; right:20px; z-index:6500;}
#dwnarrow{ bottom:20px; right:20px;}
#uparrow{ bottom:20px; right:20px;}
#fbshare{ bottom:305px; left:20px;}
#twshare{ bottom:260px; left:20px;}
#goshare{ bottom:215px; left:20px;}
#lishare{ bottom:170px; left:20px;}
#bkshare{ bottom:125px; left:20px;}	

#cookieaccept{ bottom:20px; left:20px; font-size:12px; position: fixed; width:200px; height:80px; padding:5px; font-family:"Lato"; background-color:#D0202E; color: #FFFFFF; text-align:center; cursor:pointer; border-radius: 3px; z-index:60 !important; border:1px solid #FFFFFF !important;}
#cookieaccept p {font-size:10px; color:#FFFFFF;} 
#cookieaccept a { color:#FFFFFF; text-decoration:underline; } 
#cookieaccept a:hover, #cookieaccept a:visited{ color:#FFFFFF; text-decoration: none; } 

.cookieacceptbut{ font-size:12px; cursor:pointer; width:100%; margin:5px 0; padding:5px 0; color:#D0202E; background-color:#FFFFFF; border-radius:5px; border:1px solid #FFFFFF; box-sizing:border-box;}
.cookieacceptbut:hover{background-color:#D0202E; color:#FFFFFF; }

#sharebutton{ width:auto !important; padding-left:10px; padding-right:10px; font-size:16px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); font-family:"Coda"; letter-spacing:2px; bottom:200px; left:-34px;}



.support-btn{ position: fixed; width:138px; height:29px; padding-top:9px; font-size:20px; background-color:#D0202E; color: #FFFFFF; text-align:center; cursor:pointer; border-radius: 3px; z-index:60 !important; border:1px solid #FFFFFF !important; float: left !important; bottom: 20px;
left:20px; text-decoration: none;}
/* ////////////////// END BUTTONS & LINKS BLOCK ////////////////// */	


/* /////////////////////// VEHICLES BLOCK //////////////////////// */
.nopad p{ padding:0; margin:0;}	
.vanban1{ padding-bottom:37.5%; background-attachment: inherit !important; background-image: url(../images/vehicles/mercedes-sprinter-van-lwb-diesel_23336887.jpg); height:auto !important;}
.vanban2{ padding-bottom:37.5%; background-attachment: inherit !important; background-image: url(../images/vehicles/mercedes-sprinter-veh2.jpg); height:auto !important;}
.vanban3{ padding-bottom:37.5%; background-attachment: inherit !important; background-image: url(../images/vehicles/curtain-sided-mercedes-sprinter.jpg); height:auto !important;}
.vanban4{ padding-bottom:37.5%; background-attachment: inherit !important; background-image: url(../images/vehicles/7.5t-Mercedes-Atego.jpg); height:auto !important;}
.vanban5{ padding-bottom:37.5%; background-attachment: inherit !important; background-image:url(../images/vehicles/mercedes-atego.jpg); height:auto !important;}

.vanmap1{ background-repeat:no-repeat; background-position:center center; background-size:contain; height:8vw; margin-bottom:3vw; background-image:url(../images/vehicles/sprint.jpg);}
.vanmap2{ background-repeat:no-repeat; background-position:center center; background-size:contain; height:8vw; margin-bottom:3vw; background-image:url(../images/vehicles/merc.jpg);}
.vanmap3{ background-repeat:no-repeat; background-position:center center; background-size:contain; height:8vw; margin-bottom:3vw; background-image:url(../images/vehicles/Sprinter.jpg);}
.vanmap4{ background-repeat:no-repeat; background-position:center center; background-size:contain; height:8vw; margin-bottom:3vw; background-image:url(../images/vehicles/4.jpg);}
.vanmap5{ background-repeat:no-repeat; background-position:center center; background-size:contain; height:8vw; margin-bottom:3vw; background-image:url(../images/vehicles/17t-Mercedes-Atego.jpg);}
/* ///////////////////// END VEHICLES BLOCK ////////////////////// */


/* /////////////////////// SLIDESHOW BLOCK /////////////////////// */
#playsldb { vertical-align: middle; text-align:center; color:#FFFFFF; font-size:22px; font-family:'Lato'; font-weight:300;-webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; z-index: 9000 !important; pointer-events: initial !important;}
.playsldb{ color:#FFFFFF; cursor:pointer;}
.playsldb:hover{ color:#D0202E !important;}

.overallcontainer{ width:100%; height:4000px; overflow:hidden !important; background-color:#FFFFFF; margin:0; z-index:0;}
#scrcls{ width:100%; top:0; left:0; margin:0; pointer-events: none;}
.imgscont{ position:relative; top:0; left:0; width:100%; height:calc(100vh - 120px); pointer-events: none;}
#slidecont{font-size: inherit; text-shadow: inherit;}
/* ///////////////////// END SLIDESHOW BLOCK ///////////////////// */


/* //////////////////// WHAT WE DELIVER BLOCK //////////////////// */
.semiopq{ background-color:rgba(255, 255, 255, 0.85) !important; padding:2vw 0; }
.semiopq h1, .semiopq h2{ text-align:center !important; width:80%; padding:0 10%;}
.routecontainer{ width:100%; text-align:center; margin-bottom:3vw;}
.routepointplace{ padding:0.5vw; border:0.3vw solid #DC3638; text-align:center; font-family:"Lato"; color:#272727; text-transform:uppercase; margin:-1vw auto; line-height:1vw; font-size:1vw;}
.drkhdr{ color:#272727 !important;}
.routepointroad{ height:1.5vw; width:2.3vw; margin:-1vw auto; border-radius:5vw; background-color:#DC3638; font-family:"Lato"; color:#FFFFFF; line-height:auto; padding:0.6vw 0.2vw; text-align:center; font-size:0.7vw;}
.strline{ font-size:1.5vw; line-height:3vw; border-left:0.5vw solid #DC3638; border-right:0.5vw solid #DC3638;}
/* ////////////////// END WHAT WE DELIVER BLOCK ////////////////// */


/* ///////////////////////// EVENTS BLOCK //////////////////////// */
.minidate{ font-size:10px; font-family:"Lato"; margin: 0 0 10px 0; font-weight:900;}
.spline{ margin:10px 0; height:1px; background-color:#D9D8D8; width:100%;	float:none; clear:both;}
.newsthumb{ width:100px; height:60px; margin-right:10px; float:left; border:1px solid #D9D8D8; box-sizing:border-box; background-size:cover; background-position:center center;}
.banpad{padding-top:120px;}
.eventsbanner{ width:100%; height:30vw; background-size:cover; text-align:center; background-repeat:no-repeat; background-position:center center; background-color:#FFFFFF; background-attachment:fixed; margin-top:0;}
.eventscontainer{ width:100%;}

.dynamicimage {border:3px solid #D0202E; box-sizing:border-box; background-size:cover; background-position: center center; }
.dynamicontheroadimage {width:65%; border:3px solid #D0202E; box-sizing:border-box; background-size:cover; background-position: center center; padding-bottom:40%;}

.dynamicsidebar{border:1px solid #C7C7C7; box-sizing:border-box; vertical-align: text-top !important;}
.dynamicsidebar p{ background-color:#272727; color:#FFFFFF !important; margin:0; padding:20px; font-size:11px !important;	font-family:"Lato"; font-weight:400;}
.dynamicsidebar h3{ width:100%; padding:5% 0; text-align:center; color:#F8992F; font-family:"Lato"; font-weight:900;}

.eventdefault{background-image:url(../images/static-banners/eventdefault.jpg);}
.motorsport{background-image:url(../images/static-banners/motorsport.jpg);}
.exhibitions{background-image:url(../images/static-banners/exhibitions.jpg);}
.fashion{background-image:url(../images/static-banners/fashion.jpg);}
.music{background-image:url(../images/static-banners/music.jpg);}
.sports{background-image:url(../images/static-banners/sports.jpg);}

.eventswrapper{ width:80%; margin-left:10%; margin-right:10%; text-align:left;}
.eventswrapper a { color:#232d69; font-weight:900; text-decoration:underline;}
.eventswrapper a:hover { color:#D0202E; text-decoration:underline;}

.eventsbanner h1{ font-size:4vw; color:#D0202E; font-family:"Coda"; margin: 2vw 0 0 0; text-transform:uppercase;}
.eventsbanner h2{ font-size:3vw; color:#232d69; font-family:"Lato"; margin: 0; line-height:3.2vw; font-weight:300;}

.eventswrapper h1, .dedicatedbanner h1{ font-size:60px; color:#D0202E; font-family:"Coda"; margin: 20px 0 20px 0; text-transform:uppercase;}	
.eventswrapper h2, .dedicatedbanner h2{ font-size:36px; color:#232d69; font-family:"Lato"; margin: 0; line-height:28px; font-weight:300;}

.eventswrapper p{ font-size:16px; color:#232323; font-family:"Lato"; line-height:19px; text-align:justify;}
.eventswrapper blockquote{ float:left; padding:20px; width:300px; color:#FFFFFF; margin-left:0px; font-size:30px; font-family:"Lato"; font-style:italic; font-weight:400; background-color:#F8992F;	}

.eventswrapper ul { list-style: none; margin-left: 30px; padding-left: 0;}
.eventswrapper li { text-indent: -1em; font-size:16px; color:#232323; font-family:"Lato"; padding:5px 0px 5px 2em;}
.eventswrapper li::before {color:#232d69; content: "\f138"; font-family: FontAwesome; padding-right: 5px; margin-right: 5px;}
/* /////////////////////// END EVENTS BLOCK ////////////////////// */


/* ////////////////////////// TEAM BLOCK ///////////////////////// */
.photocontainer{ width:100%; height:44.875vw; background-size:contain; background-repeat:no-repeat; position:relative; overflow:hidden; margin-bottom:-1vw;}
.phcware{background-image:url(../images/warehouse-team/background.jpg);}
.phcoffi{background-image:url(../images/office-team/background.jpg);}
.phcmana{background-image:url(../images/management-team/background.jpg);}
.phcweb{width:100%;background-image:url(../images/web-team/background.png);}
.phctransport-managers {width:100%;background-image:url(../images/transport-managers/background.png);}


.photocontainer-new{ width:100%; height:24vw; background-size:contain; background-repeat:no-repeat; position:relative; overflow:hidden; margin-bottom:-1vw;}

.photocontainer-transport-managers { width:100%; height:29vw; background-size:contain; background-repeat:no-repeat; position:relative; overflow:hidden; margin-bottom:-1vw;}


.phcnew{width:100%;background-image:url(../images/new-team/background.png);}
.photocontainer img, #whteamsvg, #mateamsvg, #webteamsvg { width:100%; height:44.875vw; position: absolute; top:-0.4vw; left:0vw; -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear;}		
#ofteamsvg{ width:100%; height:44.875vw; position: absolute; top:-1vw; left:0vw; -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear;}
.opco{opacity:0;}
.stx{fill:transparent; cursor:pointer;}
/* //////////////////////// END TEAM BLOCK /////////////////////// */


/* //////////////////////// END TEAM BLOCK /////////////////////// */
.styinput{
	width:calc(100% - 22px);
	margin-bottom:10px;
	padding:5px 10px;
	border:1px solid #D8D8D8;
	height:13px;
	font-size:13px;
	background-color:#F0F0F0;
}

.stydrop{
	margin-bottom:10px;
	padding:5px;
	border:1px solid #D8D8D8;
	font-size:13px;
	background-color:#F0F0F0;
}


.inputerror{
	border:1px solid #F10004 !important;		
}

.bstyinput{
	width:calc(100% - 22px);
	margin-bottom:10px;
	padding:5px 10px;
	border:1px solid #D8D8D8;
	height:80px;
	font-family:"Lato";
	font-size:13px;
	background-color:#F0F0F0;
	vertical-align:top;
}

.bstyinput-button{
	width:100%;
	margin-bottom:10px;
	padding:5px 10px;
	border:none;
	font-size:16px;
	background-color:#D0202E;
	color:#FFFFFF;
	cursor:pointer;
	font-family:"Coda";
	-webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear;
}

.bstyinput-button:hover{
	background-color:#E9757E;
}

.inpcon{width:100%;}
/* //////////////////////// END TEAM BLOCK /////////////////////// */


/* /////////////////////// RESPONSIVE BLOCK ////////////////////// */
.tabcon{ display:table; width:100%; table-layout: fixed;}	
.tabcona{ display:table; width:100%;}

.tabrow{ display:table-row; width:100%; }
.tabcell{ display:table-cell;}

.tabrowalt{ display:table-row;}
.tabcellalt{ display:table-cell;}

.thirdcol{width:calc(92% / 3); margin:0;}
.halfcol{width:calc(96% / 2);}
.quartercol{width:calc(94% / 4);}

.twothirdcol{width:calc(((92% / 3) * 2) + 4%);}
.twoquartercol{width:calc(((94% / 4) * 2) + 2%);}
.threequartercol{width:calc(((94% / 4) * 3) + 4%);}

.spacerfull, .spacerfull-nopop{width:4%;}
.spacerhalf, .spacerhalf-nopop{width:2%;}

.icowrap h3{ font-size:18px; line-height:auto; font-family:"Coda"; font-weight:400; text-transform:uppercase; color:#FFFFFF; padding-bottom:2vw; text-align:center;}	
.icowrap p{ font-size:14px; font-family:"Lato"; font-weight:400; color: #FFFFFF; text-align:justify; padding-bottom:20px; }
.drkicos p{ color:#000000 !important; }

.ctrtxt{text-align:center; }

.panhei{width:100%; height:45%;}
#thdflt { width:30%; float:right; margin:0 0px 25px 25px; padding-left:25px; height:auto; border-left:1px solid #D9D8D8;}
#thdflt h2{ font-size:24px; color:#232d69; font-family:"Coda"; margin: 10px 0 0 0; text-transform:uppercase;}
#thdflt h3{ font-size:16px; color:#F8992F; font-family:"Lato"; margin: 10px 0 0 0; font-weight:900;}
#thdflt p{ font-size:12px;	 color:#5E5E5E; font-family:"Lato"; font-weight:400;}

.halcolumn { width:46%; padding:0 2% 10% 2%; float:left; }
.thirdcolmod {width:calc(80% / 3); margin:0; padding:2%; border:1px solid #FFFFFF; box-sizing:border-box; background-color:rgba(255,255,255,0.65);}


.spmh3{padding-left:0 !important; width:100% !important; margin-top:20px !important;}



/*//////////////////////////////////////////////////////////////*/
			.testimonialbox{vertical-align:middle; height:300px;}
			.testimonialquote{color:#FFFFFF !important;	font-style:italic;}

			.testimonialquote2{color:#000000 !important; font-style:italic; }

			.mincod{font-family:"Coda" !important;color:#FFFFFF !important;}
			.tquote{font-size: 32px; color:#F8992F; display:inline;}
			.testimonialname{color:#B2B2B2 !important; font-size:14px !important; font-family:"Lato" !important;}
			.tquotetext{padding:10px; font}
			.testima{ background-image:url(../images/static-banners/testimonials.jpg); background-position:center center; background-size:cover;}
			.tquotecellpad{padding:20px;}
			.testcont{width:100%;}
				
/*///////////////////////////////////////////////////////////////*/


@media (max-width: 1024px) {
	.thirdcol{width:calc(92% / 3); margin:0;}
	
	.cpan{ width:92%; padding:0 4%;}
	
	#menudropcont, #menbar{
		display:none; 	
	}
	#respmenbar{ display:block;}
	
	.menuwrap, .phmcont{ width:90%; padding:0 5%;}
	.evtlist{ 
		width:calc(100% - 40px) !important;
	}
	#thdflt{display:none;}
	.eventsbanner{ width:100%; height:30vw; background-size:cover; text-align:center; background-repeat:no-repeat; background-position:center center; background-color:#FFFFFF; background-attachment: local; margin-top:0;}
	.eventswrapper blockquote{width:calc(50% - 40px);}

} 

@media (max-width: 800px) {
	.tabrow{ display: block; width:100%; }
	.thirdcol, .thirdcolmod{width:90%; margin:0 5% 20px 5%; display:block;}
	.halfcol{width:90%; margin:0 5%; display:block;}
	.quartercol{width:90%; margin:0 5%; display:block;}
	
	.twothirdcol{width:90%; margin:0 5%; display:block;}
	.twoquartercol{width:90%; margin:0 5%; display:block;}
	.threequartercol{width:90%; margin:0 5%; display:block;}
	
	.spacerfull, .spacerhalf, #bncecnt{display:none;}
	.dynamicimage{margin-bottom:20px;}
	
	.eventswrapper h1, .dedicatedbanner h1{ font-size:30px;}	
	.eventswrapper h2, .dedicatedbanner h2{ font-size:26px;  line-height:26px;}
	.whatwedeliver {background-image: none;}
	.semiopq{width:90%; margin:80px 5% 0 5%;}
	.dynamicimage{padding-bottom:80%;}
	.eventsbanner{height:40vw;}
	
	.confirmbox{margin-top:40px;}
	.evtimg{  width:100%; margin:20px 0 0px 0%; display: block; height:35vw; border-right:8px solid #FFFFFF;}
	
	.evttext{ width:calc(100% - 20px); display: block; margin-top:0px;}
	.eventswrapper blockquote{width:calc(60% - 40px);}
	.indexlogo{width:100%;}

}

@media (max-width: 480px) {

	.eventswrapper h1, .dedicatedbanner h1{ font-size:26px;}	
	.eventswrapper h2, .dedicatedbanner h2{ font-size:22px; line-height:22px;}
	.eventsbanner{height:60vw;}
	.eventswrapper blockquote{width:calc(100% - 40px);}
	.poppy{ display:none;}

	.miniredsection,.minibluesection, .miniyellowsection, .miniblacksection, .minigoldsection{
		font-size: 20px;
	}
}


/* //////////////////// END RESPONSIVE BLOCK ///////////////////// */