@charset "utf-8";body{font:115%/1.4 Verdana, Arial, Helvetica, sans-serif;}
html{min-height: 100%;}
body { margin:0 0 -60px 0;padding:0 0 -60px 0;}
h1, h2, h3, h4, h5, h6, h7, ul, li,p {color: var(--text-color);}
.header {width:calc(100% - 5px);;max-width:900px;min-width:320px;margin:0 auto; padding-left:5px;}
#navcontainer ul{
position:fixed; z-index:1;
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #0050aa;
color: #fff;
width: 100%;
font-size: clamp(8px, 3vw, 18px);
font-weight:bold;
line-height:2em;
text-align: center;
border-bottom:solid 1px;}
@media screen and (min-width: 1205px) {.menu { display:none}}
@media screen and (min-width: 1205px) {#navcontainer2 { display:none}}
#navcontainer2 ul{
	position:fixed; bottom: 0; z-index:3;
padding: .1em 2vw 0px;
margin: 0;
list-style-type: none;
background-color: #0050aa;
background-image:linear-gradient(to bottom right, #0050aa, #001a33);
border-top: 1px solid white;
color: #FFF;
width: 100%;
font-size: clamp(1.4em, 2vw, 1.4em);
font-weight:bold;
line-height:clamp(2em, 4vw, 2em);
text-align: center;
text-align-last: justify;}
#navcontainer2 li {
	 margin-left: 5px; margin-right: 5px; 	
    width: 50px;
    margin-bottom: 3px!important;
    display: inline-block;
    font-size: 10px;
    padding:0;}
#navcontainer2 i {display: block;
	width: 40px;
    height: 5vh;
    margin: 0px auto 0;
    line-height: 55px;
    font-size: 30px;
  padding-top:5px;}
#navcontainer2 li a{
white-space: nowrap;
text-decoration: none;
color: #FFF;
padding: .2em 0 .2em;}
#navcontainer2 li a:hover{
color:#fff;}
#navcontainer2 a span{
	margin-left: auto; margin-right: auto;
  color:white;
  font-size:10px;
letter-spacing:0px;
text-align: center;
text-align-last: justify;}
#navcontainer2 li a:hover{color:#fff;}
address{font-style:normal;}
a:link,
a:visited {color: #fff;text-decoration: none;}
a:active,
a:hover {text-decoration: underline;}
a.link-underline:link {text-decoration: underline;}
a.link-underline:visited {color: #fff;text-decoration: underline;}
a.link-underline:active {text-decoration: underline;}
a.link-underline:hover {text-decoration: none;}
.road-air-cargo-img-left {width:85%; height:85%; max-width:960px; margin-left:auto; margin-right:auto; border-bottom-right-radius:4vw}
.road-air-cargo-img-centre {width:85%; height:85%;; max-width:960px; margin-left:1vw; margin-right:auto; border-bottom-left-radius:4vw; border-bottom-right-radius:4vw}
.road-air-cargo-img-right {width:85%; height:85%; max-width:960px;  margin-left:1vw; border-bottom-left-radius:4vw}
.fleet {width:100%; height:100%; max-width:1960px; margin-left:auto; margin-right:auto; margin-top:0px; display:block}
.euro-VI-img {max-width:200px; text-align:center; margin-top:50px; margin-right:10px; margin-left:10px}
.iru-img {float:right; margin-right:10px; margin-left:10px; width:300px}
.niwo-img {float:left; margin:20px; max-width:110px}
.track-trace-img {width:100%; height:100%; max-width:560px; margin-left:-5px}
.logo-img {display:inline-block; height:100%; width:100%; max-width:501px; margin-left: auto; margin-right: auto; vertical-align: bottom; margin-bottom:15px}
.logo-img2 {display:inline-block; height:100%; width:100%; max-width:320px; margin-left: auto; margin-right: auto; vertical-align: bottom; margin-bottom:15px}
.logo-img-footer {max-width:120px; margin:5px}
.button-red {
  background-color: red; 
  border-radius: 12px;
  border:  2px solid red;
  color: white;
  padding: 14px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  font-weight:bold;
  margin:30px auto;
  transition-duration: 0.3s;}
a.button-red:link {
  background-color: red;
  color: white; text-decoration: none;}
a.button-red:visted {
  background-color: white;
  color: red;text-decoration: none;}
a.button-red:hover {
  background-color: white;
  color: red; text-decoration: none;}
a.button-red:active {
  background-color: white;
  color: red; text-decoration: none;}
.button-red-inverted {
  background-color: white; 
  border-radius: 12px;
  border: 2px solid white;
  color: red;
  padding: 14px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  font-weight:bold;
  margin:30px auto;
  transition-duration: 0.3s;}
a.button-red-inverted:link {
  background-color: white;
  color: red; text-decoration: none;}
a.button-red-inverted:visited {
  background-color: white;
  color: red;text-decoration: none;}
a.button-red-inverted:hover {
  background-color: red;
  color: white; text-decoration: none;
  border: 2px solid white;}
a.button-red-inverted:active {
  background-color: white;
  color: red; text-decoration: none;
  border: 2px solid white;}
.button-blue {
  background-color: #0050aa; 
  border-radius: 12px;
  border: 2px solid #0050aa;
  color: white;
  padding: 14px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  font-weight:bold;
  margin:30px auto;
  transition-duration: 0.3s;}
a.button-blue:link {
  background-color: #0050aa;
  color: white; text-decoration: none;}
a.button-blue:visited {
  background-color: #0050aa;
  color: white; text-decoration: none;}
a.button-blue:hover {
  background-color: white;
  color: #0050aa; text-decoration: none;}
a.button-blue:active {
  background-color: white;
  color: #0050aa; text-decoration: none;}
.button-blue-inverted {
  background-color:white; 
  border-radius: 12px;
  border: 2px solid white;
  color: #0050aa;
  padding: 14px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  font-weight:bold;
  margin:30px auto;
  transition-duration: 0.3s;}
a.button-blue-inverted:link {
  background-color: white;
  color: #0050aa; text-decoration: none;}
a.button-blue-inverted:visited {
  background-color: white;
  color: #0050aa; text-decoration: none;}
a.button-blue-inverted:hover {
  background-color:  #0050aa;
  color: white; text-decoration: none;
  border: 2px solid white;}
a.button-blue-inverted:active {
  background-color: #0050aa;
  color: white; text-decoration: none;
  border: 2px solid white;}
.container{width:100%;max-width:560px;min-width:320px;margin:0 auto; padding-left:5px; padding-top:2em; padding-bottom:2em}
.containerblue{width:100%;;margin:0 0;  background-color:#0050aa; background-image:linear-gradient(to bottom right, #0050aa, #001a33); color:#fff;
-webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);}
.containerred{width:100%;;margin:0 0;  background-color:#F00; background-image:linear-gradient(to bottom right, #F00, #200000); color:#fff;
-webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);}
.containerwhite{width:100%;;margin:0 0;  background-color:#FFF;  color:#000;
-webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);}
  .containerinside{width:100%;max-width:560px;min-width:320px;margin:0 auto; padding-left:5px; padding-top:10vw; padding-bottom:10vw;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);}
.containerinside2{width:100%;max-width:960px; min-width:320px;margin:0 auto; padding-left:15px; padding-top:6vw; padding-bottom:5vw;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);}
.container2{width:100%;max-width:900px;min-width:320px;margin:0 auto; padding-left:5px}
.container3{width:100%;max-width:960px;min-width:320px;margin:0 auto; padding-left:5px}
.container4{width:100%;max-width:7680px;min-width:320px;margin:0;  padding-left:0px}
p.trailer{margin-left:5px;font-size: 1em; font-weight:bold; line-height: 0.9em; margin-top:0px;}
.trailer {position: absolute; top: 0px; left: -5px; width: 100%; color:#FFF; padding:5px; background-color:#002855;}
.contact, .contact a:link, .contact a:active, .contact a:visited{width:300px;height:50px;background-color:#0050aa;font-weight:bold;text-decoration:none;color:#fff;margin:0px;display:table-cell;vertical-align:middle;font:100%/1.4 Verdana, Arial, Helvetica, sans-serif;border-radius:15px}
.contact2, .contact2 a:link, .contact2 a:active, .contact2 a:visited .contact2 span{width:300px;height:100px;background-color:#0050aa;font-weight:bold;text-decoration:none;color:#fff;margin:0px;display:table-cell;vertical-align:middle;font:100%/1.4 Verdana, Arial, Helvetica, sans-serif;border-radius:15px}
figure{margin:0 0 0 -20px;text-align:left;}
figure img{width:100%;max-width:960px;min-width:320px;width:auto\9;margin-bottom:15px}
figcaption{color:#000;font-size:small;margin-left:20px;margin-top:0px;margin-bottom:10px;}
.fff{color:#FFF}
.grey{color:#a9a9a9}
#container3{height:225px;width:300px;position:relative;top:0;}
#image_full_screen{width:100%;min-width:320px;max-width:1920px;}
#image3{left:0;top:0;}
#text3{z-index:100;position:absolute;color:red;font-size:32px;font-weight:bold;left:50px;top:50px;vertical-align:middle;}
table.table1 {border-collapse: collapse;width: 100%; text-align:left;}
table.table1 th, td {text-align: left;padding: 8px;}
table.table1 tr:nth-child(even){background-color: #ccdcee}
table.table1 th { background-color: #002855;color: white;}
div.img {border: 1px solid #ccc; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
div.img:hover {border: 1px solid #777;}
div.img img {width: 100%;height: auto;}
div.imgfullscreen { }
div.imgfullscreen:hover { }
div.imgfullscreen img { width: 100%;height: auto;}
div.img {border: 1px solid #ccc; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);position: relative;}
div.img:hover {border: 1px solid #777;}
.img:hover .trailer {background-color:#FF0000;}
div.img img { width: 100%;height: auto;}
div.img2 {border: 1px solid #ccc; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color:#FFF}
div.img2:hover { }
div.img2 img { width: 100%;height: auto;}
div.desc {padding: 15px;text-align: left;}
* {box-sizing: border-box;}
.trailer {position: absolute; top: 0px; left: -5px; width: 100%; color:#FFF; padding:5px; background-color:#0050aa}
.trailer2 {position: absolute; top: 0px; left: -5px; width: 100%; color:#FFF; padding:5px; background-color:#0050aa}
.trailer3 {position: absolute; bottom: -12px; left: -5px; width: 100%; color:#FFF; padding:5px; background-color:#FF0000}
div.img {border: 1px solid #ccc; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);position: relative;}
h2.trailer{margin-left:5px;font-size: 1em;line-height: 1em; margin-top:0px}
h2.trailer2{margin-left:5px;font-size: 0.8em;line-height: 0.9em; margin-top:0px}
h2.trailer3{margin-left:5px;font-size: 0.8em;line-height: 0.9em; margin-top:0px;}
.fa-rotate-15 {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);}
.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}
.fa-rotate-315 {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);}
.fa-rotate-150 {
    -webkit-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    transform: rotate(150deg);}
.responsive2 { padding: 0 6px;float: left; width: 49.99999%;margin: 6px 0;}
@media only screen and (max-width: 1152px){
.responsive2 { width: 49.99999%;margin: 6px 0;}}
@media only screen and (max-width: 600px){
.responsive2 {width: 100%;;margin: 6px 0;}}
.responsive3 { padding: 0 6px; float: left; width: 32.99999%;margin: 6px 0}
@media only screen and (max-width: 1152px){
    .responsive3 { width: 49.99999%;margin: 6px 0;}}
@media only screen and (max-width: 600px){
.responsive3 {width: 100%;margin: 6px 0;}}
.responsive4 { padding: 0 6px;float: left; width: 24.99999%;margin: 6px 0;}
@media only screen and (max-width: 1550px){
    .responsive4 { width: 49.99999%;margin: 6px 0;}}
@media only screen and (max-width: 600px){
.responsive4 {width: 100%;margin: 6px 0;}}
.responsive5 { padding: 0 6px;float: left; width: 19.99999%;margin: 6px 0;}
@media only screen and (max-width: 1152px){
    .responsive5 { width: 49.99999%;margin: 6px 0;}}
.responsive6 { padding: 0 6px;float: left; width: 16.66666%;margin: 6px 0;}
@media only screen and (max-width: 1152px){
    .responsive6 { width: 49.99999%;margin: 6px 0;}}
@media only screen and (max-width: 600px){
.responsive6 {width: 100%;margin: 6px 0;}}
@media only screen and (max-width: 600px){
.responsive5 {width: 100%;margin: 6px 0;}}
.responsivefs2 { padding: 0 6px;float: left; width: 49.99999%;margin: 6px 0;}
@media only screen and (max-width: 960px){
.responsivefs2 { width: 49.99999%;margin: 6px 0;}}
@media only screen and (max-width: 960px){
.responsivefs2 {width: 100%;;margin: 6px 0;}}
.responsivefs3 { padding: 0 6px; float: left; width: 32.99999%;margin: 6px 0px;}
@media only screen and (max-width: 960px){
.responsivefs3 { width: 49.99999%;margin: 6px 0;}}
@media only screen and (max-width: 960px){
.responsivefs3 {width: 100%;margin: 6px 0;}}
.responsivefoot { padding: 0 6px;margin: 6px 0;float: left; width: 14.28499%;}
@media only screen and (max-width: 1152px){
.responsivefoot { width: 32.99999%;margin: 6px 0;}}
@media only screen and (max-width: 640px){
.responsivefoot { width: 49.99999%;margin: 6px 0;}}
@media only screen and (max-width: 320px){
.responsivefoot {width: 100%;margin: 6px 0;}}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;}
@media only screen and (min-width: 1205px){
	.newmenu {position: fixed; top:0; z-index:3;  display:block;overflow-y:auto; height: 100%; width:325px; background-image:linear-gradient(to bottom right, #0050aa, #001a33); background-color:#000}
	.container4 {margin-left:320px; max-width: 100%; width: calc(100% - 320px); }}
@media only screen and (max-width: 1204px){
	.newmenu ul{ display:none}
	.newmenu li{display:none}
.newmenu img {display:none}
.newmenu a {display:none}}
.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}
.fa-rotate-315 {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);}
.fa-rotate-338 {
    -webkit-transform: rotate(338deg);
    -moz-transform: rotate(338deg);
    -ms-transform: rotate(338deg);
    -o-transform: rotate(338deg);
    transform: rotate(338deg);}	
summary::marker { color: white}
details summary::-webkit-details-marker {display: none;}
.clearfix:after {content: "";display: table;clear: both;}