@charset "utf-8";

body{margin:0; padding:0; text-align:center; background:#FFFFFF;}
body img{border:none;}
body a img{border:none;}
html{overflow:-moz-scrollbars-vertical;}
.floatleft{float:left;}
.floatright{float:right;}
.floatnone{float:none;}
.clearboth{clear:both;}
.spacer{height:10px; width:100%;}
.spacer2{height:20px; width:100%;}
.spacer3{height:5px; width:100%;}
.padding10px{padding:10px;}

/* CONTAINERS */
.desc-managment{display:flex;gap: 40px;}
.desc-managment .add-decleration{width: auto%; padding: 14px 31px;}
.desc-managment .add-decleration h3{font-size: 26px;   font-weight: 501;   color: black;}
.desc-managment .add-decleration h4{color: black;   text-align: left;   font-weight: inherit;   margin: 12px 0 0;}
.desc-managment .add-decleration p{text-align: left;   color: #7b7b7b; margin: 0;}
.add-decleration input[type="text"] {   width: 230px;   padding: 10px;   border: none;     border-bottom-width: medium;     border-bottom-style: none;     border-bottom-color: currentcolor;   font-size: 16px;   float: left;   border-bottom: 2px solid;   background: #eee;   margin: 3% 0; }
.add-decleration input[type="text"]:focus {       border-color: #007BFF;       outline: none;       box-shadow: 0 0 5px rgba(0,123,255,0.5);     }
.add-decleration .btn-add-dec{float: right;margin: 13px 0;float:right;background-color: white;       color: #000091;border: 1px solid #000091;padding:10px;font-size:16px;border-radius:%205px;cursor:%20pointer;transition:background-color00.3s,color0.3s;}
.add-decleration .btn-add-dec:hover{opacity:0.7; cursor:pointer;}

.desc-managment .list-elodecleration{width: 100%; padding: 10px 21px 0 0px;}
.desc-managment .list-elodecleration h3{font-size: 26px;   font-weight: 501;   color: black;}
.desc-managment .list-elodecleration h4{color: #595959;   text-align: left;   font-weight: inherit;  font-size: 24px;}
.list-elodecleration .elo-declaration-search{display:flex;gap: 20px;padding: 17px 0;}
.elo-declaration-search input[type="text"] {   width: 310px;   padding: 10px;   border: none;     border-bottom-width: medium;     border-bottom-style: none;     border-bottom-color: currentcolor;   font-size: 16px;   float: left;   border-bottom: 2px solid;   background: #eee; }
.elo-declaration-search input[type="text"]:focus {       border-color: #007BFF;       outline: none;       box-shadow: 0 0 5px rgba(0,123,255,0.5);     }
.elo-declaration-search .elocmo { padding: 10px;   font-size: 16px;   color: #333;width:310px;background:%20#eee;border:none;border-bottom: 2px solid; }
.elo-declaration-search label{color: black;   text-align: left;   float: left;   font-size: 18px;   margin: 4px 0;}
.elo-declaration-search .btn-add-dec-serach{float: right;background-color: #000091;color: white;border:1px solid #000091;padding:10px 19px;font-size: 16px;transition:background-color00.3s,color0.3s;margin:33px 0;}
.elo-declaration-search .btn-add-dec-serach:hover{opacity:0.7; cursor:pointer;}



.desc-managment .elo-tracking{width: 30%; padding: 14px 31px;}
.desc-managment .elo-tracking h3{font-size: 26px;   font-weight: 501;   color: black;}
.desc-managment .elo-tracking h4{color: black;   text-align: left;   font-weight: inherit;   margin: 12px 0 0;}
.desc-managment .elo-tracking p{text-align: left;color: black;margin:0;width: 100%;padding:14% 0;}
.elo-tracking {border-right:1px solid #ccc;}



.added-elo-dec-list ul{padding:0;list-style:none;display: grid;gap: 15px;}
.added-elo-dec-list li{border: 1.5px solid #dfdfe8;padding: 2% 3%; position: relative;}
.added-elo-dec-list li p{font-size: 17px;float: left;}
.added-elo-dec-list li span{display: flex;gap: 20px;}
.added-elo-dec-list .error {
  color: #b00020; /* Error text color */
  position: relative;
  padding-left: 2.5em; /* space for the icon */
  font-family: sans-serif;margin: 0;
}

.added-elo-dec-list .error::before {
content: '×';
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 18px;
  line-height: 1.2;
  text-align: center;
  background-color: #d32f2f;
  color: white;
  font-weight: bold;
  border-radius:
10%;
  clip-path: polygon(
    25% 0%, 75% 0%, 
    100% 50%, 75% 100%, 
    25% 100%, 0% 50%
  ); /* hexagon */
  font-size: 1em;
}

.added-elo-dec-list li .btn-add-dec{font-weight: 501;
  text-decoration:
none !important;
  display: inline-flex;
  align-items: center;
  padding:
4px 39px;
  font-size: 17px !important;color: #000091 !important;
  width: 97px;
  border:
1px solid #000091;
  border-radius:
0px !important;
  position: absolute;background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24' stroke='%23000091' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6m-6 0a1 1 0 00-1 1v1h8V4a1 1 0 00-1-1m-6 0h6M4 7h16M5 7v12a2 2 0 002 2h10a2 2 0 002-2V7M9 11v6M12 11v6M15 11v6' /%3E%3C/svg%3E") no-repeat 7px center;
  top: 13px;
  right: 17px;}




 .elo-tab-container {
      width: 100%;
     padding: 37px 0;
      margin: 0 auto;
      background-color: white;
      border-radius: 8px;
    }

    .elo-tab-container .tabs {
		 display: flex;
	margin: 0 22px;
	  width: 38%;
	  gap:
	14px;
		}

 .elo-tab {
      flex: 1;
      text-align: center;
      padding: 14px;
      cursor: pointer;
      font-weight: bold;
      border-bottom: 3px solid transparent;
      transition: all 0.3s;background: #eee;
    }

.elo-tab.active {
     color: #000091;
  border-bottom:
3px solid #000091 !important;
  background-color: white;
  border:
1.5px solid #dfdfe8;
    }
	
	.elo-tab-content {
      padding: 20px;
      display: none;
	  
    }

    .elo-tab-content.active {
      display: block;
	  border: 1.5px solid #dfdfe8;
    }

	.elo-info-container{gap:
20px;
  display: grid;}


.elo-info-container .elo-info{
	border:
2px solid #0063cb;
  position: relative;
  padding:
9px 75px 3px 73px;
}

/* Thick blue line */
.elo-info-container .elo-info::before {
content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 100%;
  background-color: #0063cb;
}

/* "i" icon */
.elo-info-container .elo-info::after {
content: "i";
  position: absolute;
  top: 19px;
  left: 16px;
  width: 20px;
  height: 20px;
  background-color: white;
  color: #0063cb;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 14px;
  border-radius:15%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 1px rgba(0,0,0,0.2);
}
.elo-info-container .elo-info h3{
color: black;
  font-weight: bolder;
  font-size: 24px;
}
.elo-info-container .elo-info p{
text-align: left;
  margin-top: 0;
}
.elo-info-container .elo-info a{position: absolute;
  top: 10px;
  right: 12px;}


.elo-info-container .ELO-PDF{display: flex;border: 1.5px solid #dfdfe8;position: relative;border-bottom: 7px solid #000091;padding: 30px;}
.elo-info-container .ELO-PDF p{text-align: left;color: black;padding: 5px 0;}
.elo-info-container .ELO-PDF h4{color: black;font-weight: inherit;font-size: 19px;text-align: left;padding: 3% 0;}
.elo-info-container .ELO-PDF h3{color: #000091;font-weight: bolder;font-size: 24px;}


.bulk-elo-wrap{position:fixed;top:0;left:0;width:100%;padding:10px;background:#f5f5f5;z-index:9999;}
.bulk-elo-inner{max-width:100%;display:flex;justify-content:flex-end;}
.bulk-elo-btn{background:#28a745;color:#fff;border:0;padding:10px 16px;font-size:14px;font-weight:bold;border-radius:4px;cursor:pointer;float:right;}
.bulk-elo-btn:hover{background:#218838;}
.bulk-elo-link-wrap{display:flex;align-items:center;height:33px;float:right;margin-right:10px;}
.toast{position:absolute;top:640px;right:160px;background:#333;color:#fff;padding:12px 18px;border-radius:4px;opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s;z-index:10000;}
.toast.show{opacity:1;transform:translateY(0);}
.checkbox-col { position: relative; }
.checkbox-col .userDeclarations_customTooltip { display: none; position: absolute; top: -5px; left: 110%; background: #408eb8; color: #fff; padding: 5px 10px; border-radius: 4px; white-space: nowrap; font-size: 12px; z-index: 10; }
.checkbox-col input:disabled:hover + .userDeclarations_customTooltip {display: block; }
.checkbox-col{position:relative}
.checkbox-col .userDeclarations_customTooltip{display:none;position:absolute;top:-5px;left:110%;background:#408eb8;color:#fff;padding:5px 10px;border-radius:4px;white-space:nowrap;font-size:12px;z-index:10}
.checkbox-col .disabledCbWrap:hover + .userDeclarations_customTooltip{display:block}
.userDeclarations_infoNote { background:#f0f0f0; border:1px solid #ccc; border-radius:6px; padding:10px 12px; display:flex; align-items:center; gap:8px; font-size:14px; color:#333; }
.userDeclarations_infoNote .userDeclarations_infoIcon { width:20px; height:20px; border-radius:50%; background:#408eb8; color:#fff; text-align:center; line-height:21px; font-weight:bold; flex-shrink:0; font-size: 12px; }					
.disabledCbWrap{position:relative;display:inline-block;width:16px;height:16px}
.disabledCheckbox{opacity:0;position:absolute;left:0;top:0;width:16px;height:16px;margin:0}
.disabledCbFake{width:16px;height:16px;display:block;background:#cfcfcf;border:1px solid #9a9a9a;border-radius:3px;opacity:.6}
.disabledCbFake::before{content:"";position:absolute;left:4px;top:4px;width:10px;height:10px;background:linear-gradient(45deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#fff 45%,#fff 55%,transparent 55%)}
.form_crossings select.customsDeclarations{background: url(../images/general/searchHPicon1.jpg) left top no-repeat #F4F4F4;}

.elo-info-container .elo-error{
	border:
2px solid #ce0500;
  position: relative;
  padding:
9px 75px 3px 73px;
}

/* Thick blue line */
.elo-info-container .elo-error::before {
content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 100%;
  background-color: #ce0500;
}

/* "i" icon */
.elo-info-container .elo-error::after {
  content: "✕";
  position: absolute;
  top: 19px;
  left: 16px;
  width: 24px;
  height: 24px;
  background-color: white;
  color: #ce0500;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(
    25% 5%, 75% 5%, 
    100% 50%, 
    75% 95%, 25% 95%, 
    0% 50%
  );
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.elo-info-container .elo-error h3{
color: black;
  font-weight: bolder;
  font-size: 24px;
}
.elo-info-container .elo-error p{
text-align: left;
  margin-top: 0;
}
.elo-info-container .elo-error a{position: absolute;
  top: 10px;
  right: 12px;}











.elo-info-container .elo-error-warning{
	border:
2px solid orange;
  position: relative;
  padding:
9px 75px 3px 73px;
}

/* Thick blue line */
.elo-info-container .elo-error-warning::before {
content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 100%;
  background-color: orange;
}

/* "i" icon */
.elo-info-container .elo-error-warning::after {
  content: "!";
  position: absolute;
  top: 19px;
  left: 16px;
  width: 24px;
  height: 22px;
  background-color: white;
  color: orange;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* Triangle shape */
  clip-path: polygon(
    50% 0%,   /* Top */
    0% 100%,  /* Bottom left */
    100% 100% /* Bottom right */
  );

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

.elo-info-container .elo-error-warning h3{
color: black;
  font-weight: bolder;
  font-size: 24px;
}
.elo-info-container .elo-error-warning p{
text-align: left;
  margin-top: 0;
}
.elo-info-container .elo-error-warning a{position: absolute;
  top: 10px;
  right: 12px;}











.ELO-PDF {position: relative;}

.elo-download-icon {position: absolute;
  bottom: 32px;
  right: 25px;
  width: 76px;
  height: 61px;
  background-image: url('https://www.motis.com/images/general/downloadelos.svg'); /* Adjust path */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  z-index: 1;
}.elo-download-icon:hover {
  transform: scale(1.1);
  opacity: 0.85;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
  cursor: pointer;
}
.ELO-PDF div:nth-of-type(1) {width: 12%;display: flex;justify-content: center;align-items: baseline;}
.ELO-PDF img{width:83%;}
.ELO-PDF div:nth-of-type(2) {padding: 0px 55px;}


.elo-edit-header{display: flex;
  padding:
65px 0 30px;
  position: relative;}
.elo-edit-header div:nth-of-type(1) {
display: flex;
  gap:25px;
  align-items: end;
}
.elo-edit-header div:nth-of-type(2) {
  text-align: end;
  gap:
34px !important;
  display: flex;
  justify-content: end;
  position: absolute;
  right: 0;
}.add-decleration {
  border-right: 1px solid #ccc; /* faint vertical line */
}
.elo-edit-header h2{font-size: 45px;
  font-weight: bolder;color:black;}

.elo-delete-btn{font-weight: bold !important;
  text-decoration: none !important;display: inline-flex;
  align-items: center;
  padding:
4px 10px;
  font-size: 17px !important;
  background-color: white;
  color: #0000cc !important;
  width: 90px;border:
2px solid #0000cc;border-radius: 0px !important;}

.elo-validate-btn{font-weight: bold;width: 90px;padding:4px 10px;font-size: 17px !important;text-decoration: none !important;background-color: #0000cc;color: white !important;display: inline-flex;align-items: center;border-radius: 0px !important; border: 2px solid #0000cc;}
.elo-delete-btn:hover {
  background-color: #dcdbff;
  color: #900010;
}
.elo-edit-btn{font-weight: bold;width: 90px;padding:4px 10px;font-size: 17px !important;text-decoration: none !important;background-color: #0000cc;color: white !important;display: inline-flex;align-items: center;border-radius: 0px !important; border: 2px solid #0000cc;}
.elo-edit-btn:hover {
  background-color: #dcdbff;
  color: #0000cc !important;
}


.elo-validate-btn:hover {
  background-color: #dcdbff;
  color: #0000cc !important;
}

.added-elo-dec-list li .btn-add-dec:hover {
  background-color: #dcdbff;
  color: #900010;
  cursor:pointer;
}


 .status-noncompliant {
font-size: 14px;color: #116611;
  font-weight: bold;
  gap:
6px;
  width: auto;
  height: 28px;
  background-color: #ffd4d1;
  border-radius:
3px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);width: 80px;

    }
	
	.status-noncompliant .check-icon{width: 34px !important;
  height: 101px !important;
  fill: red !important;}
	
 .status-closed {
font-size: 14px;color: #116611;
  font-weight: bold;
  gap:
6px;
  width: auto;
  height: 28px;
  background-color: #d4f8d4;
  border-radius:
3px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);width: 80px;

    }
	
	  a.elo-button-listing {
   display: inline-block;
  margin-right: 12px;
  padding:
5px 15px;
  font-size: 15px;
  text-decoration:
none !important;
  color: white !important;
  background-color: #3A90BC;
  border-radius:
6px;
  transition:
background-color 0.3s, color 0.3s;
  }

  a.elo-button-listing:hover {
    background-color: #0056b3; /* slightly darker on hover */
    color: #e0e0e0;
  }
 .status-warning {
font-size: 14px;color: #116611;
  font-weight: bold;
  gap:
6px;
  width: auto;
  height: 28px;
   background-color: #fff4e5;
  color:#cc6600;
  border-radius:
3px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);width: 80px;

    }	
	
	
	
	
	
	
	.status-error::before {
 content: '×';
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.45em;
  line-height: 1.5em;
  text-align: center;
  background-color: #d32f2f;
  color: white;
  font-weight: bold;
  border-radius:
10%;
  clip-path: polygon(
    25% 0%, 75% 0%,
    100% 50%, 75% 100%,
    25% 100%, 0% 50%
  );
  font-size: 11px;
}
  .status-error {
font-size: 14px;
  color: #f00;
  font-weight: bold;
  gap:
6px;
  width: 98px !important;
  height: 28px;
  background-color: #ffd6d6;
  border-radius:
3px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  position: relative;
  text-align: right;
  padding-left: 2em;

    }
    .check-icon {
   width: 15px;
  height: 15px;
  background-color: #2e7d32;
  border-radius:
50%;
  display: flex;
  align-items: center;
  justify-content: center;
    }

    .check-icon svg {
      width: 10px;
      height: 10px;
      fill: white;
    }


.ELODashboardContainer{display:flex;padding: 65px 0 30px;}
.ELODashboardContainer h2{color: #070707;
  text-transform: initial;
  font-weight: 601;
  font-size: 42px;
  line-height: 1.2;}

  .ELODashboardContainer p{
 text-align: left;
  font-size: 20.8px;
  line-height: 1.6;
  color: #434546;}
.ELODashboardContainer .figureMain2{padding: 28px;}
  .inline-container {
   display: inline-flex;
  align-items: center;
  gap:
16px;
  text-align: left;
  width: 100%;
  padding:
3px 0;
  margin-bottom: 1%;
  }


.inline-container a{
 color:#000091 !important;
}


  .draft-box {
  width: 80px;
  height: 28px;
    background-color: #fff4e5;
border-radius:
6px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  gap: 0px !important;
  align-items: center !important;
  }

  .warning-icon {
   width: 15px;
  height: 20px;
  fill: #ffa500;margin-left: -9%;
  }

  .draft-text {
    margin-top: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #cc6600;
  margin-left: 6px;
  }
.ELODashOptions ul{display: flex;
  list-style:
none;
  gap:
30px;
  padding:
0;
  margin:
0;}
.ELODashOptions li {
width: 100%;  border:
1.5px solid #dfdfe8;
  padding:
30px;
max-height: 226px;
}
.ELODashOptions p{
	text-align:left;line-height: 1.6;
}

.ELODashOptions h3{
font-weight: 901;
  font-size: 25px;
  color: #000091;	
}

.elo-link {
  text-decoration: none;
  color: #007BFF; /* Blue like a link */
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  float: left;
  text-decoration:
none !important;
  color: #666 !important;
  margin-top: 5%;
}
.elo-link:hover {
color: #0056b3 !important;
}
.elo-link .plus {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}



.ELOTag{
	font-size: 19px;
  line-height: 1.5;margin-top: 0;
}
.ELOFlex{display:flex;}
.ELOFlex2{margin:
0px;
  display: flex;
  width: 72%;}
.EloContainer{margin: 0 !important;}

.radioLabelGroup label{
font-size: 19px !important;;
font-weight: initial !important;}
.EloContainer h3{
color: black;
  font-size: 29px;
  font-weight: 701;
  margin:
32px 0;
}.radioOption {
    display: flex;
    align-items: flex-start;
    position: relative;
    padding-left: 35px; /* space for custom radio circle */
    padding-bottom: 2%;
    cursor: pointer;width: 25%;
}
.radioMain{font-size: 19px !important;
  font-weight: initial !important; color:black !important;}

/* Hide native radio */
.radioOption input[type="radio"] {
     position: absolute !important;
    left: 0 !important;
    top: 10px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    opacity: 0 !important; /* Hide default but keep clickable */
    z-index: 2 !important;
}




.radioOptiondec {
    display: flex;
    align-items: flex-start;
    position: relative;
    padding-left: 35px; /* space for custom radio circle */
    padding-bottom: 2%;
    cursor: pointer;width: 24% !important;
}


/* Hide native radio */
.radioOptiondec input[type="radio"] {
     position: absolute !important;
    left: 0 !important;
    top: 10px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    opacity: 0 !important; /* Hide default but keep clickable */
    z-index: 2 !important;
}



.toggleContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  gap: 16px;
  margin: 10px 0;
 font-weight: initial;
  font-size: 19px;
  padding: 25px 0 25px 0;
  
}
.toggleContainer .toggle {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 47px !important;
}

.toggleContainer .toggle input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.toggleContainer .slider {
  display: block;
  background-color: #a2a2a2;
  border-radius: 999px;
  width: 100%;
  height: 100%;
  position: relative;
  transition: background-color 0.3s ease;
  cursor: pointer; position: relative;
}
.toggleContainer .slider::before {
  content: "\2713"; /* Unicode tick mark */
  font-size: 14px;
  color: #007BFF;
  text-align: center;
  line-height: 18px;
  font-weight: bold;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 3px;
  left: 3px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s ease, color 0.3s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.toggleContainer .toggle input:not(:checked) + .slider::before {
  content: "";
}

.toggleContainer .toggle input:checked + .slider::before {
  transform: translateX(22px);
  content: "\2713"; /* Unicode tick */
  color: #007BFF;
}
.toggleContainer .slider::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 3px;
  left: 3px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.toggleContainer .icon {
  position: absolute;
  top: 6px;
  font-size: 10px;
  color: white;
  pointer-events: none;
  transition: 0.3s;
}

.toggleContainer .cross {
  left: 6px;
}

.toggleContainer .check {
  right: 6px;
  opacity: 0;
}

.toggleContainer .toggle input:checked + .slider {
  background-color: #007BFF;
}

.toggleContainer .toggle input:checked + .slider::before {
  transform: translateX(22px);
}

.toggleContainer .toggle input:checked + .slider .check {
  opacity: 1;
}

.toggleContainer .toggle input:checked + .slider .cross {
  opacity: 0;
}
.EloMainContainer{
display:flex;
justify-content:center;
}



    .btn-group .submit_btn {
      padding: 0.5rem 1.2rem;
      font-size: 1rem;
      cursor: pointer;
    }

    /* Cancel button styling */
    .btn-cancel {
      border: 2px solid #007BFF;
      background: transparent;
      color: #007BFF;
    }

    /* Validate button styling */
    .btn-validate {
      background: #007BFF;
      color: white;
      border: 2px solid #007BFF;
    }

    .btn-group {
     display: flex;
  gap:
1rem;
  float: right;
  padding:
8% 0 3% 0;
}



.ELOFORM{
width: 70%;
  height: auto;
  float: left;
  text-align: left;
  margin:
0 0 10px 0;
  padding:
0;
  display: block;
  color: #333;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
}



.radioOptiondec::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 24px;
    height: 24px;
    border: 2px solid #007BFF;
    border-radius: 50%;
    background-color: white;
    box-sizing: border-box;
}






/* Custom inner dot when selected */
.radioOptiondec input[type="radio"]:checked + .radioLabelGroup::before {
content: "";
  position: absolute;
  left: 5.24px;
  top: 11px;
  width: 14px;
  height: 14px;
  background-color: #007BFF;
  border-radius:
50%;
  z-index: 3;
}








/* Custom outer circle */
.radioOption::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 24px;
    height: 24px;
    border: 2px solid #007BFF;
    border-radius: 50%;
    background-color: white;
    box-sizing: border-box;
}

/* Custom inner dot when selected */
.radioOption input[type="radio"]:checked + .radioLabelGroup::before {
content: "";
  position: absolute;
  left: 5.24px;
  top: 11px;
  width: 14px;
  height: 14px;
  background-color: #007BFF;
  border-radius:
50%;
  z-index: 3;
}

/* Label and span stack vertically */
.radioLabelGroup {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
	
  font-size: 19px !important;
  font-weight: initial !important;
  color: black !important;
}

.radioLabelGroup label {
    font-weight: bold;
}

.radioLabelGroup span {
    color: gray;
    font-size: 0.9em;
}



.radioLabelGroup {
    display: flex;
    flex-direction: column;
}

.radioLabelGroup label {
    font-weight: bold;
}

.radioLabelGroup span {
    color: gray;
    margin-left: 2px;
	font-size: 15px;

}


.radioOptiondec input[type="radio"]:checked + .radioLabelGroupdesc::before {
content: "";
  position: absolute;
  left: 5.24px;
  top: 11px;
  width: 14px;
  height: 14px;
  background-color: #007BFF;
  border-radius:
50%;
  z-index: 3;
}








.radioLabelGroupdesc {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
	
  font-size: 19px !important;
  font-weight: initial !important;
  color: black !important;
}

.radioLabelGroupdesc label {
    font-weight: bold;
}

.radioLabelGroupdesc span {
    color: gray;
    font-size: 0.9em;
}



.radioLabelGroupdesc {
    display: flex;
    flex-direction: column;
}

.radioLabelGroupdesc label {
    font-weight: bold;
}

.radioLabelGroupdesc span {
    color: gray;
    margin-left: 22px;
	font-size: 17px !important;

}






.styled-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin-top: 1rem;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

    .styled-table thead tr {
        background-color: #00458C;
        color: #ffffff;
        text-align: left;
    }

    .styled-table th,
    .styled-table td {
        padding: 12px 15px;
        border: 1px solid #ddd;
    }

    .styled-table tbody tr:nth-child(even) {
        background-color: #f3f3f3;
    }

    .styled-table tbody tr:hover {
        background-color: #e6f7ff;
    }

    .styled-table a.deleteRouting img {
        height: 20px;
        cursor: pointer;
        transition: transform 0.2s ease;
    }

        .styled-table a.deleteRouting img:hover {
            transform: scale(1.1);
        }

.routing-container {
    display: flex;
  align-items: center;
  gap:46px;
  margin-top: 10px;
  justify-content: center;
}

.custom-select {
    padding: 10px 14px;
    font-size: 1rem;
    border-radius: 8px;
    border: 1px solid #ced4da;
    background-color: #f8f9fa;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: border-color 0.3s, box-shadow 0.3s;
    width: 306px;
}

    .custom-select:focus {
        border-color: #0d6efd;
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
        outline: none;
    }

.custom-add-btn {
    background-color: #3D8FBA;
    color: #fff;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 10px rgba(61, 143, 186, 0.3);
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

    .custom-add-btn:hover {
        background-color: #337ca2;
       
        box-shadow: 0 6px 14px rgba(61, 143, 186, 0.4);
    }

    .custom-add-btn:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(61, 143, 186, 0.4);
    }

.dropdownwrap{width:100%; height:80px; background:#333333; float:left; text-align:center; margin:0; padding:0; display:none; position:relative; z-index:100;}
.dropdowncontainer{max-width:1200px; width:100%; height:auto; text-align:center; margin:0 auto; padding:0;}
#containerwrap{width:100%; float:left;}

header{width:100%; height:auto; background:rgba(0, 16, 64, 0.8); text-align:center; margin:0 auto; padding:0; position:relative; z-index:1000;}
.header{width:100%; max-width:1200px; height:120px; text-align:center; margin:0 auto; padding:0; position:relative;}
.header_logo{width:25%; height:auto; float:left; text-align:left; margin:22px 0; padding:0;}
.header_logo img{width:100%; max-width:232px; vertical-align:bottom;}
.header_content{width:75%; height:auto; float:right; text-align:center; margin:0; padding:0;}
.header_search{width:100%; height:auto; float:right; text-align:right; margin:0; padding:0;}
.header_mainnav{width:100%; height:60px; background:#3D8FBA; float:left; text-align:center; margin:0; padding:0;}
.header_checkout{width:60%; height:auto; float:right; text-align:right; margin:65px 5% 0 5%; padding:0;}

.banner{width:100%; height:650px; background:#000000; float:left; text-align:center; margin:-180px auto 0 auto; padding:0; position:relative; display:block; overflow:hidden; z-index:0;}
.bannerForm{width:1200px; height:auto; text-align:right; margin:0 auto; padding:0; position:relative; display:block; z-index:1;}
.bannerForm div.BFdiv{width:100%; max-width:530px; height:auto; float:right; text-align:left; margin:220px 60px 0 0; padding:0;}
.bannerForm div.BFdiv span{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:51px; font-weight:700; text-transform:uppercase; color:#FFFFFF;}

.subpageBanner{width:100%; height:400px; text-align:center; margin:-140px auto 0 auto; padding:0; position:relative; display:block; background:#000;}
.subpageBanner_content{width:100%; height:400px; background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("../images/general/subpagebanner.jpg") no-repeat; background-size:100% 100%;}
.subpageBannerSML{width:100%; height:140px; text-align:center; margin:-140px auto 0 auto; padding:0; position:relative; display:block; background:#000;}
.subpageBanner_contentSML{width:100%; height:140px; background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("../images/general/subpagebanner.jpg") no-repeat; background-size:100% auto; background-position:center;}

.brexitbanner{width: 100%; height: auto; margin: 0; padding: 0;}
.brexitbanner ul{width: auto; height: auto; margin: 0; padding: 0;}
.brexitbanner ul li{list-style-type: none;}
.brexitbanner img{width: 100%;}
.brexit_banner_pdf img{max-width: 900px;}

#maincontent{width:100%; max-width:1200px; height:auto; margin:0 auto; padding:0;}
#maincontent2{width:100%; height:auto; margin:0 auto; padding:0; float:left;}

footer{width:100%; height:330px; background:#001040; margin:0 auto; padding:0; position:relative; display:block;}
.footer{max-width:1200px; width:100%; height:auto; text-align:center; margin:0 auto; padding:0;}
.footer_nav{width:15%; height:auto; float:left; margin:20px 1% 0 0; padding:0;}
.footer_nav span{width:96%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 4%; font-family:'Roboto', sans-serif; font-size:16px; font-weight:500; text-transform:uppercase; color:#FFFFFF;}
.footer_nav ul{width:96%; height:auto; float:left; margin:0; padding:10px 0 0 4%;}
.footer_nav li{width:99%; height:auto; float:left; text-align:left; margin:0 1% 0 0; padding:0 0 5px 0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:15px;}
.footer_nav li a, .footer_nav li a:link, .footer_nav li a:visited{text-decoration:none; text-transform:none; font-weight:normal; color:#AAAAAA;}
.footer_nav li a:hover{text-decoration:none; text-transform:none; font-weight:normal; color:#FFFFFF;}
.footer_nav_Ecom{width:17%; height:auto; float:left; margin:20px 1% 0 0; padding:0; display:none;}
.footer_nav_Ecom span{width:96%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 4%; font-family:'Roboto', sans-serif; font-size:15px; text-transform:uppercase; color:#FFFFFF;}
.footer_nav_Ecom ul{width:96%; height:auto; float:left; margin:0; padding:10px 0 0 4%;}
.footer_nav_Ecom li{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:11px;}
.footer_nav_Ecom li a, .footer_nav_Ecom li a:link, .footer_nav_Ecom li a:visited{text-decoration:none; text-transform:uppercase; font-weight:normal; color:#AAAAAA;}
.footer_nav_Ecom li a:hover{text-decoration:none; text-transform:uppercase; font-weight:normal; color:#FFFFFF;}
.footer_info{width:27%; height:auto; float:right; margin:20px 1% 0 0; padding:0;}
.footer_info span{width:96%; height:auto; float:left; text-align:left; margin:0; padding:0 4% 5px 0; font-family:'Roboto', sans-serif; font-size:16px; font-weight:500; text-transform:uppercase; color:#FFFFFF;}
.footer_info ul{width:96%; height:auto; float:left; margin:0; padding:10px 4% 0 0;}
.footer_info li{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:15px; color:#868686;}
.footer_info li.footer_siteMap{display:none;}
.footer_info li a, .footer_info li a:link, .footer_info li a:visited{text-decoration:none; text-transform:none; font-weight:normal; color:#868686;}
.footer_info li a:hover{text-decoration:none; text-transform:none; font-weight:normal; color:#FFFFFF;}
.footer_payment_checkout{width:18%; height:auto; float:right; margin:20px 10% 0 0; padding:0;}
.footer_payment_checkout img{width:100%;}
.footer_payment{width:16%; height:auto; background:#FFFFFF; float:left; text-align:center; margin:43px 0 0 0; padding:1%;}

.crossingsContainer{width:100%; padding:0; margin:0; float:left; height:auto; position:relative;}
.crossingsContent{width:100%; float:left; padding:0; margin:0; height:auto; display:inline-block;}
.crossingsContent h1{font-size:30px; color:#002040; font-weight:600; text-align:left; padding:0; margin:30px 0 0 2%; width:98%;}
.aside_crossingSummary{width:15%; max-width:230px; padding:1.5% 1%; margin:3% 0 0 -2%; float:right; height:auto; background:#001040; position:fixed; display:inline-block;}

/* END OF CONTAINERS */

/* CELLS */

.cell_full_hp{max-width:1200px; width:100%; height:auto; float:left; text-align:left; margin:20px 0; padding:0;}
.cell_full{width:1200px; height:auto; min-height:350px; float:left; text-align:center; margin:0 0 15px 0; padding:0;}
.cell_full2{width:1200px; height:auto; min-height:350px; text-align:center; margin:0 auto; padding:0;}
.cell_full_sub{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0 0 5% 0;}

/* END OF CELLS */

/* ASIDES/SECTIONS */

.section_content_hp{width:100%; height:auto; float:left; text-align:left; margin:5% 0; padding:0; color:#333; font-weight:300; font-size:16px; font-family:'Roboto', sans-serif;}
.section_content_hp h1{text-align:left; margin-top:0;}
.section_content_hp div.content{-webkit-columns:2; /* Chrome, Safari, Opera */ -moz-columns:2; /* Firefox */ columns:2; width:100%; padding:0; margin:0; float:left; -webkit-column-gap:50px; /* Chrome, Safari, Opera */ -moz-column-gap:50px; /* Firefox */ column-gap:50px;}
.section_content_hp div.content p{padding:0; margin:0;}

.section_content_contactus{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0; top:0; color:#000000; font-size:16px; font-family:'Roboto', sans-serif; font-size:18px; font-weight:300; text-align:center;}

.aside_image{width:30%; height:auto; float:right; text-align:left; margin:10px 0 0 0; padding:0;}
.aside_image img{width:100%;}
.section_image{width:60%; height:auto; float:left; text-align:left; margin:10px 5% 0 5%; padding:0;}

.aside_jobs{width:45%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.section_jobs{width:50%; height:auto; float:left; text-align:center; margin:0 5% 0 0; padding:0;}
.section_jobs h2{margin-top:0;}

.aside_findus_map{width:100%; height:auto; float:right; text-align:left; margin:0 0 50px 0; padding:0;}

.aside_nav{width:25%; height:auto; float:left; text-align:left; margin:20px 5% 0 0; padding:0;}
.section_content_nav{width:70%; height:auto; float:right; text-align:left; margin:0; padding:0;}

.aside_content_sml_imgs{width:20%; height:auto; float:left; text-align:left; margin:10px 5% 0 0; padding:0;}
.aside_content_sml_imgs img{max-width:100%; width:auto;}
.section_content{width:720px; height:auto; float:right; text-align:left; margin:0; padding:0;}
.section_content_sml{width:75%; height:auto; float:right; text-align:justify; margin:0; padding:0;}

.aside_date{width:10%; height:auto; float:left; text-align:center; margin:10px 2.5% 0 2.5%; padding:0; font-family:'Roboto', sans-serif; font-size:20px; color:#666666;}
.aside_date p{margin:0; padding:0; font-size:70px; font-weight:400; line-height:70px;}
.section_date_content{width:79%; height:auto; min-height:100px; border-left:1px #CCCCCC solid; float:left; text-align:left; margin:0; padding:10px 0 10px 5%; color:#000000;}
.section_date_content h2{margin:0 0 15px 0; padding:0; font-size:25px; font-weight:normal;}
.section_date_content div.SDCdivoptions{width:410px; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:16px; color:#444444;}
.section_date_content div.SDCdivoptions span{width:120px; height:auto; float:left; text-align:left; margin:0 10px 0 0; padding:0; font-size:16px;}
.section_date_content_img{width:300px; height:auto; float:left; text-align:left; margin:0 30px 15px 0; padding:0;}
.section_date_content_detail{max-width:410px; width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}

.section_video{width:560px; height:auto; background:#EEEEEE; text-align:center; margin:0 auto 30px auto; padding:70px;}
.section_video iframe{width:560px; height:420px; float:left; text-align:left; margin:0; padding:0;}

.aside_products_img{width:48%; height:auto; float:left; text-align:center; margin:0 4% 0 0; padding:0;}
.section_products{width:48%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.section_products h2{font-family:'Roboto', sans-serif; font-size:30px; font-weight:normal; color:#3F3F3F; margin:0;}

.aside_listings_detail-ACC{width:40%; height:auto; float:right; text-align:left; margin:0 3.5% 50px 1.5%; padding:0;}
.section_listings_detail-ACC{width:40%; height:auto; float:left; text-align:left; margin:0 1.5% 50px 3.5%; padding:0;}

.aside_brexit{width:21%; height:auto; float:right; text-align:left; margin:0 0 0 4%; padding:0;}
.section_brexit{width:75%; height:auto; float:left; text-align:left; margin:0; padding:0;}

.section_cargo{width:100%; height:auto; float:left; text-align:left; margin:50px auto 100px auto; padding:0; display:-webkit-flex; display:flex; box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.40);}
.aside_image_cargo{width:40%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.aside_image_cargo img{width:100%; vertical-align:bottom;}
.section_image_cargo{width:55%; height:auto; background:#09194D; float:left; text-align:left; margin:0; padding:2.5%; color:#FFFFFF;}
.section_image_cargo p{font-family:'Roboto', sans-serif; font-size:15px; font-weight:400; line-height:28px; text-transform:none; color:#FFFFFF;}
.section_image_cargo p a:link, .section_image_cargo p a:visited{text-decoration:none; color:#70DDFF;}
.section_image_cargo p a:hover{text-decoration:none; color:#FFFFFF;}
.section_image_cargo span{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.section_image_cargo span p{margin:0 0 10px 0; font-family:'Roboto', sans-serif; font-size:22px; font-weight:500; line-height:26px; text-transform:none; color:#FFFFFF;}
.section_image_cargo span p strong{margin:0 40px 0 0; font-weight:500;}

.section_cargo_sub{width:100%; height:auto; float:left; text-align:left; margin:0 auto 50px auto; padding:0; display:-webkit-flex; display:flex; box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.40);}
.aside_image_cargo_sub{width:60%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.aside_image_cargo_sub img{width:100%; vertical-align:bottom;}
.section_image_cargo_sub{width:35%; height:auto; background:#09194D; float:left; text-align:left; margin:0; padding:1% 2.5%; color:#FFFFFF;}
.section_image_cargo_sub h2{font-family:'Roboto', sans-serif; font-size:28px; font-weight:400; line-height:35px; text-transform:none; color:#70DDFF;}
.section_image_cargo_sub p{font-family:'Roboto', sans-serif; font-size:18px; font-weight:400; line-height:20px; text-transform:none; color:#FFFFFF;}
.section_image_cargo_sub p a:link, .section_image_cargo p a:visited{text-decoration:none; color:#70DDFF;}
.section_image_cargo_sub p a:hover{text-decoration:none; color:#FFFFFF;}
.section_image_cargo_sub span{width:100%; height:auto; float:left; text-align:center; margin:15px 0 0 0; padding:0;}
.section_image_cargo_sub span p{margin:0 0 10px 0; font-family:'Roboto', sans-serif; font-size:16px; font-weight:500; line-height:19px; text-transform:none; color:#FFFFFF;}

.section_general{width:100%; height:auto; float:left; text-align:left; margin:0 auto 50px auto; padding:0; display:-webkit-flex; display:flex; box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.40);}
.aside_image_general{width:40%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.aside_image_general img{width:100%; vertical-align:bottom;}
.section_image_general{width:55%; height:auto; background:#09194D; float:left; text-align:center; margin:0; padding:100px 2.5% 2.5% 2.5%; color:#FFFFFF;}
.section_image_general h2{width:100%; height:auto; float:left; text-align:center; margin:20px 0; font-family:'Roboto', sans-serif; font-size:38px; font-weight:500; line-height:40px; text-transform:uppercase; color:#70DDFF;}
.section_image_general ul{text-align:left; list-style-position:inside;}
.section_image_general p{font-family:'Roboto', sans-serif; font-size:25px; font-weight:400; line-height:28px; text-transform:none; color:#FFFFFF;}
.section_image_general img{width:auto; max-width:80%; margin:0 20px;}
.section_image_general2{width:55%; height:auto; background:#09194D; float:left; text-align:center; margin:0; padding:2.5%; color:#FFFFFF;}
.section_image_general2 h2{width:100%; height:auto; float:left; text-align:left; margin:20px 0 15px 0; font-family:'Roboto', sans-serif; font-size:35px; font-weight:500; line-height:38px; text-transform:uppercase; color:#70DDFF;}
.section_image_general2 ul{text-align:left; list-style-position:inside;}
.section_image_general2 p{font-family:'Roboto', sans-serif; font-size:22px; font-weight:400; line-height:27px; text-transform:none; color:#FFFFFF; text-align:left;}
.section_image_general2 img{width:auto; max-width:80%; margin:0 20px;}

.section_generalNew{width:100%; height:auto; float:left; text-align:left; margin:0 auto; padding:0; display:-webkit-flex; display:flex; box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.40);}
.aside_image_generalNew{width:55%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.aside_image_generalNew img{width:100%; vertical-align:bottom;}
.section_image_generalNew{width:40%; height:auto; background:#09194D; float:left; text-align:center; margin:0; padding:2.5%; color:#FFFFFF;}
.section_image_generalNew h2{width:100%; height:auto; float:left; text-align:left; margin:20px 0; font-family:'Roboto', sans-serif; font-size:38px; font-weight:500; line-height:40px; text-transform:uppercase; color:#70DDFF;}
.section_image_generalNew ul{width:90%; height:auto; float:left; text-align:left; margin:0; list-style-position:inside;}
.section_image_generalNew li{font-family:'Roboto', sans-serif; font-size:22px; font-weight:400; line-height:26px; text-transform:none; color:#FFFFFF; text-align:left; list-style-position:outside; margin-bottom:7px;}
.section_image_generalNew p{font-family:'Roboto', sans-serif; font-size:25px; font-weight:400; line-height:26px; text-transform:none; color:#FFFFFF; text-align:left;}
.section_image_generalNew img{width:auto; max-width:80%; margin:0 20px;}

.section_image_generalNew2{width:100%; height:auto; float:left; text-align:center; margin:0 0 40px 0; padding:0; color:#00458C;}
.section_image_generalNew2 h2{width:100%; height:auto; float:left; text-align:left; margin:20px 0; font-family:'Roboto', sans-serif; font-size:38px; font-weight:600; line-height:40px; text-transform:uppercase; color:#70DDFF;}
.section_image_generalNew2 ul{width:90%; height:auto; float:left; text-align:left; margin:0; list-style-position:inside;}
.section_image_generalNew2 li{font-family:'Roboto', sans-serif; font-size:22px; font-weight:400; line-height:28px; text-transform:none; color:#00458C; text-align:left; list-style-position:outside; margin-bottom:7px;}
.section_image_generalNew2 p{font-family:'Roboto', sans-serif; font-size:25px; font-weight:400; line-height:28px; text-transform:none; color:#00458C; text-align:left;}

.section_general_sub{width:90%; height:auto; float:left; text-align:center; margin:50px 5%; padding:0; display:block;}
.section_general_sub p{font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; line-height:25px; text-transform:none; color:#00458C;}
.section_general_sub span{width:100%; height:auto; float:left; margin:40px 0 20px 0; padding:0;}
.section_general_sub ul{width:100%; height:auto; float:left; margin:50px 0 0 0; padding:0;}
.section_general_sub li{width:32%; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:20px; font-weight:500; line-height:25px; text-transform:none; color:#00458C;}
.section_general_sub li:nth-child(3){width:26%; margin:0;}
.section_general_sub li img{float:left; margin:-15px 10px 0 0;}
.section_general_sub li.sgs-auto{width:auto; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:20px; font-weight:500; line-height:25px; text-transform:none; color:#00458C;}
.section_general_sub li a:link, .list_features_hp li a:visited, .list_features_hp li a:active{font-size:20px; font-weight:500; color:#00458C; text-decoration:none; text-transform:none;}
.section_general_sub li a:hover{font-size:20px; font-weight:500; color:#999999; text-decoration:none; text-transform:none;}

.section_general_img{width:100%; height:auto; float:left; text-align:left; margin:0 auto 50px auto; padding:0; display:block; box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.40);}
.section_general_img img{width:100%; vertical-align:bottom;}

.section_general_imgResp{width:90%; height:auto; float:left; text-align:left; margin:0 5% 50px 5%; padding:0; display:none; box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.40);}
.section_general_imgResp img{width:100%; vertical-align:bottom;}

/* END OF ASIDES/SECTIONS */

/* NAVS */

.optionsnav{width:auto; height:auto; float:right; margin:25px 0 0 0; padding:0;}
.optionsnav ul{margin:0; padding:0;}
.optionsnav li{width:auto; height:auto; float:left; text-align:left; margin:0 0 0 30px; padding:0; list-style-type:none; display:inline;}
.optionsnav li span{width:auto; height:auto; float:left; text-align:left; margin:0; padding:4px 0 0 0; font-family:'Roboto', sans-serif; font-size:18px; line-height:normal; font-weight:400; font-variant:normal; text-transform:none; text-decoration:none; color:#46A3D4;}
.optionsnav li.ON-brexit a:link, .optionsnav li.ON-brexit a:visited{width:auto; height:auto; background:#FF0000; border-radius:5px; float:left; text-align:left; margin:0; padding:5px 15px; font-family:'Roboto', sans-serif; font-size:16px; line-height:normal; font-weight:500; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}
.optionsnav li.ON-brexit a:hover{width:auto; height:auto; background:#FFFFFF; border-radius:5px; float:left; text-align:left; margin:0; padding:5px 15px; font-family:'Roboto', sans-serif; font-size:16px; line-height:normal; font-weight:500; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#FF0000;}
.optionsnav li.ON-login a:link, .optionsnav li.ON-login a:visited{width:auto; height:auto; background:#408EB8; border-radius:5px; float:left; text-align:left; margin:0; padding:5px 15px; font-family:'Roboto', sans-serif; font-size:16px; line-height:normal; font-weight:400; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}
.optionsnav li.ON-login a:hover{width:auto; height:auto; background:#FFFFFF; border-radius:5px; float:left; text-align:left; margin:0; padding:5px 15px; font-family:'Roboto', sans-serif; font-size:16px; line-height:normal; font-weight:400; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#333333;}
.optionsnav li.ON-reg a:link, .optionsnav li.ON-reg a:visited{width:auto; height:auto; background:#009D6A; border-radius:5px; float:left; text-align:left; margin:0; padding:5px 15px; font-family:'Roboto', sans-serif; font-size:16px; line-height:normal; font-weight:400; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}
.optionsnav li.ON-reg a:hover{width:auto; height:auto; background:#FFFFFF; border-radius:5px; float:left; text-align:left; margin:0; padding:5px 15px; font-family:'Roboto', sans-serif; font-size:16px; line-height:normal; font-weight:400; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#333333;}
.optionsnav li.ON-curr a:link, .optionsnav li.ON-curr a:visited{width:auto; height:auto; background:none; border:1px solid #408EB8; border-radius:5px; float:left; text-align:left; margin:1px 0 0 0; padding:5px 10px; font-family:'Roboto', sans-serif; font-size:13px; line-height:normal; font-weight:400; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}
.optionsnav li.ON-curr a:hover{width:auto; height:auto; background:#FFFFFF; border:1px solid #FFFFFF; border-radius:5px; float:left; text-align:left; margin:1px 0 0 0; padding:5px 10px; font-family:'Roboto', sans-serif; font-size:13px; line-height:normal; font-weight:400; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#333333;}

.optionsnav2{width:auto; height:auto; float:right; margin:0 100px 9px 0; padding:0;}
.optionsnav2 span{width:100%; text-align:center; font-family:'Roboto', sans-serif; font-size:18px; font-weight:normal; color:#46A3D4;}
.optionsnav2 ul{margin:0; padding:0; width:100%; float:left;}
.optionsnav2 li{width:100%; height:auto; float:right; text-align:center; margin:0 0 0 24px; padding:0; list-style-type:none; display:inline;}
.optionsnav2 li img{width:auto; height:auto; float:left; margin:4px 0 0 0; padding:0;}
.optionsnav2 li span{width:auto; height:auto; float:left; text-align:left; margin:0; padding:10px 0 0 5px; list-style-type:none; display:inline; font-family:'Roboto', sans-serif; font-size:18px; font-weight:normal; color:#46A3D4;}
.optionsnav2 li span a:link, .optionsnav2 li span a:visited{font-family:'Roboto', sans-serif; font-size:15px; font-weight:bold; line-height:normal; font-variant:normal; text-transform:none; text-decoration:none; color:#333333;}
.optionsnav2 li span a:hover{font-family:'Roboto', sans-serif; font-size:15px; font-weight:bold; line-height:normal; font-variant:normal; text-transform:none; text-decoration:none; color:#999999;}

#topnav{width:auto; height:auto; float:right; margin:20px 0 0 0; padding:0;}
#topnav ul{margin:0; padding:0;}
#topnav li{width:auto; height:auto; float:left; text-align:center; margin:0 0 0 30px; padding:0; font-family:'Roboto', sans-serif; font-size:14px; font-weight:normal; color:#FFFFFF; list-style-type:none; display:inline;}
#topnav li a, #topnav li a:link, #topnav li a:visited{width:auto; height:auto; float:left; text-align:center; margin:0; padding:0; color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-weight:normal;}
#topnav li a:hover{width:auto; height:auto; float:left; text-align:center; margin:0; padding:0; color:#FFFFFF; text-decoration:underline; text-transform:uppercase; font-weight:normal;}
#topnav li.TNsearchLI a, #topnav li.TNsearchLI a:link, #topnav li.TNsearchLI a:visited{padding:3px 8px 1px 8px; cursor:pointer;}
#topnav li.TNsearchLI a:hover{padding:3px 8px 1px 8px;}

#mainnav{width:100%; max-width:1200px; height:auto; text-align:center; margin:0 auto; padding:0; position:relative;}
#mainnav ul{margin:0; padding:0;}
#mainnav li{width:auto; height:auto; float:left; text-align:left; margin:0 15px; padding:0; font-family:'Roboto', sans-serif; font-size:14px; font-weight:normal; list-style-type:none; display:inline;}
#mainnav li.MN-FF{width:140px;}
#mainnav li.MN-MT{width:170px;}
#mainnav li.MN-PK{width:140px;}
#mainnav li.MN-VAT{width:200px;}
#mainnav li.MN-CHD{width:210px;}
#mainnav li.MN-SIS{width:220px;}
#mainnav li.MN-SER{width:140px;}
#mainnav li img{width:auto; height:auto; float:left; text-align:left; margin:-2px 7px 0 0; padding:0;}
#mainnav li a, #mainnav li a:link, #mainnav li a:visited{width:auto; height:auto; background:none; float:left; text-align:left; margin:0; padding:14px 10px 10px 10px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-weight:500;}
#mainnav li a:hover{width:auto; height:auto; background:#009D6A; float:left; text-align:left; margin:0; padding:14px 10px 10px 10px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-weight:500;}

#dropdownnav{width:100%; height:auto; float:left; margin:0; padding:0;}
#dropdownnav ul{list-style:none; position:relative; float:left; margin:0; padding:0;}
#dropdownnav ul li{width:auto; height:auto; float:left; text-align:center; margin:0 2px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:normal; list-style-type:none; position:relative; z-index:20;}
#dropdownnav ul li a, #dropdownnav ul li a:link, #dropdownnav ul li a:visited{width:auto; height:auto; background:#333333; float:left; text-align:center; margin:0; padding:5px 9%; color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#dropdownnav ul li a:hover{width:auto; height:auto; background:#FFFFFF; float:left; text-align:center; margin:0; padding:5px 9%; color:#333333; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#dropdownnav ul ul{display:none; position:absolute; top:100%; left:0; background:#FFFFFF; padding:0;}
#dropdownnav ul ul li{width:200px; height:auto; float:left; text-align:left; margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; list-style-type:none; position:relative;}
#dropdownnav ul ul li a, #dropdownnav ul ul li a:link, #dropdownnav ul ul li a:visited{width:90%; height:auto; background:#666666; border:none; float:left; text-align:left; margin:0; padding:10px 5%; color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#dropdownnav ul ul li a:hover{width:90%; height:auto; background:#FFFFFF; border:none; float:left; text-align:left; margin:0; padding:10px 5%; color:#333333; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#dropdownnav ul ul ul{top:0; left:100%;}
#dropdownnav ul li:hover > ul{display:block;}

#subnav{width:96%; height:auto; background:#F4F4F4; box-shadow:0 1px 1px rgba(0, 0, 0, 0.08); float:left; margin:0 0 20px 0; padding:2%;}
.subnav_title{width:95%; height:auto; float:left; text-align:left; margin:0; padding:2.5% 2.5% 0 2.5%; font-family:'Roboto', sans-serif; font-size:20px; font-weight:normal; color:#003366;}
.subnav_title a{font-family:'Roboto', sans-serif; font-size:20px; font-weight:normal; display:block; padding:5px;}
.subnav_title a:link, .subnav_title a:visited{font-weight:normal; color:#333333; text-decoration:none; text-transform:uppercase;}
.subnav_title a:hover{font-weight:normal; color:#BBBBBB; text-decoration:none; text-transform:uppercase;}
#subnav ul{width:95%; height:auto; float:left; margin:2px 0 0 0; padding:2.5%;}
#subnav li{width:100%; height:auto; float:left; text-align:left; margin:0 0 1px 0; padding:0; list-style-type:none;}
#subnav li a{display:block; padding:10px; background:#003366; text-transform:none;}
#subnav li a:link, #subnav li a:visited{font-family:'Roboto', sans-serif; font-size:15px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}
#subnav li a:hover{background:#FFF; font-family:'Roboto', sans-serif; font-size:15px; line-height:normal; font-weight:normal; text-transform:uppercase; text-decoration:underline; color:#003366;}
#subnav ul.sub{width:95%; height:auto; background:#999999; float:left; margin:0; padding:2.5% 2.5% 7% 2.5%; list-style-type:none;}
#subnav li.sub{width:100%; text-align:left; margin:0; padding:0;}
#subnav li.sub a{display:block; background:#FFFFFF; padding:10px; text-transform:none;}
#subnav li.sub a:link, #subnav li.sub a:visited{font-family:'Roboto', sans-serif; font-size:13px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#333333;}
#subnav li.sub a:hover{font-family:'Roboto', sans-serif; font-size:13px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#CCCCCC;}
#subnav ul.subsub{width:190px; height:auto; background:#999999; float:left; margin:0; padding:5px 15px; list-style-type:none;}
#subnav li.subsub{width:190px; text-align:left; margin:0; padding:0;}
#subnav li.subsub a{display:block; padding:5px; text-transform:none;}
#subnav li.subsub a:link, #subnav li.subsub a:visited{background:#FFFFFF; font-family:'Roboto', sans-serif; font-size:11px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#003366;}
#subnav li.subsub a:hover{background:#999999; font-family:'Roboto', sans-serif; font-size:11px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#000000;}

.paging{max-width:750px; width:100%; height:auto; float:left; margin:0 0 10px 0; padding:0;}
.paging_left{max-width:400px; width:75%; height:auto; float:left; text-align:left; margin:15px 0; padding:0;}
.paging_left select{max-width:180px; width:50%; height:auto; background:url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF; border:1px #CCCCCC solid; float:left; margin:0 1% 0 0; padding:3px; color:#333333;}
.paging_right{max-width:350px; width:50%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.pagingnav{width:100%; height:auto; float:left; text-align:center; margin:10px 0; padding:0; font-family:'Roboto', sans-serif; font-size:12px; font-weight:bold; color:#333333; text-transform:uppercase;}
.pagingnav span.static{width:auto; height:auto; background:#00468C; margin:0 1px; padding:7px 7px 6px 7px; font-family:'Roboto', sans-serif; font-size:12px; line-height:normal; font-weight:bold; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}
.pagingnav a:link, .pagingnav a:visited{width:auto; height:auto; background:#F0F0E1; margin:0 1px; padding:7px 7px 6px 7px; font-family:'Roboto', sans-serif; font-size:12px; line-height:normal; font-weight:bold; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#333333;}
.pagingnav a:hover{width:auto; height:auto; background:#00468C; margin:0 1px; padding:7px 7px 6px 7px; font-family:'Roboto', sans-serif; font-size:12px; line-height:normal; font-weight:bold; font-variant:normal; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}

/* END OF NAVS */

/* ASSETS */

.textcolumnContainer-2{width:100%; height:auto; float:left; margin:0; padding:0; position:relative; display:block;}
.textcolumn-2{max-width:1200px; width:100%; height:auto; text-align:left; margin:0 auto; padding:0;}
.textcolumn-2 h2{width:100%; height:auto; text-align:left; margin:2% 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:20px; line-height:normal; font-weight:normal; text-transform:uppercase; color:#003366;}
.textcolumn{width:42%; height:auto; background:#FFFFFF; float:left; text-align:left; margin:2% 2% 3% 2%; padding:0.5% 2%; font-family:'Roboto', sans-serif; font-size:15px; line-height:normal; font-weight:300; color:#333333;}

.textimagerowsContainer{width:100%; height:auto; background:#FFFFFF; float:left; margin:0; padding:0; position:relative; display:block;}
.textimagerows{max-width:1200px; width:100%; height:auto; text-align:center; margin:0 auto; padding:0;}
.textimagerows h2{width:100%; height:auto; text-align:center; margin:2% 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:40px; line-height:normal; font-weight:bold; text-transform:uppercase; color:#333333;}
.textimagerows ul{float:left; margin:0 0 1% 0; padding:0;}
.textimagerows li{width:94%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:2% 0; padding:3%; font-family:'Roboto', sans-serif; font-size:15px; line-height:normal; font-weight:normal; color:#333333; list-style-type:none;}
.textimagerows li div{width:40%; height:auto; float:left; text-align:left; margin:10px 5% 0 0; padding:0;}
.textimagerows li div img{width:100%;}
.textimagerows li span{width:55%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.textimagerows li span h3{text-align:left; margin:0 0 10px 0; padding:0; font-family:'Roboto', sans-serif; font-size:25px; line-height:normal; font-weight:normal; color:#333333;}
.textimagerows li p{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}

.textimageiconContainer{width:100%; height:auto; background:#FFFFFF; float:left; margin:0; padding:0; position:relative; display:block;}
.textimageiconlisting{max-width:1200px; width:100%; height:auto; text-align:center; margin:0 auto; padding:0;}
.textimageiconlisting h2{width:100%; height:auto; text-align:center; margin:2% 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:40px; line-height:normal; font-weight:bold; text-transform:uppercase; color:#333333;}
.textimageiconlisting ul{float:left; margin:0 0 1% 0; padding:0;}
.textimageiconlisting li{width:42%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:2%; padding:2%; font-family:'Roboto', sans-serif; font-size:15px; line-height:normal; font-weight:500; color:#333333; list-style-type:none;}
.textimageiconlisting li a{text-decoration:none;}
.textimageiconlisting li div{width:20%; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0;}
.textimageiconlisting li div img{width:100%;}
.textimageiconlisting li span{width:75%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.textimageiconlisting li span h3{text-align:left; margin:0 0 10px 0; padding:0; font-family:'Roboto', sans-serif; font-size:25px; line-height:normal; font-weight:normal; color:#333333;}
.textimageiconlisting li p{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}

.animatedBoxes-3{width:100%; height:auto; float:left; margin:0; padding:0; position:relative; display:block;}
.animatedBoxes-3 ul{margin:0; padding:0;}
.animatedBoxes-3 li{width:33%; height:auto; float:left; margin:0; padding:0; list-style-type:none;}
.animatedBoxes-3 li.ABLI_wide{width:34%; height:auto; float:left; margin:0; padding:0; list-style-type:none;}

/* END OF ASSETS */

/* LISTS */

.list_features_hp{width:100%; height:auto; float:left; margin:0 0 30px 0; padding:0; display:none;}
.list_features_hp ul{margin:0; padding:0;}
.list_features_hp li{width:14.6%; height:auto; float:left; text-align:center; margin:1%; padding:0; list-style-type:none;}
.list_features_hp li img{width:100%;}
.list_features_hp li:hover{-webkit-filter:grayscale(70%); filter:grayscale(70%);}
.list_features_hp li a:link, .list_features_hp li a:visited, .list_features_hp li a:active{font-size:18px; font-weight:normal; color:#333333; text-decoration:none; text-transform:none;}
.list_features_hp li a:hover{font-size:18px; font-weight:normal; color:#666666; text-decoration:none; text-transform:none;}

.list_date_hp{width:40%; height:auto; max-height:400px; float:right; margin:20px 0; padding:0;}
.list_date_hp span{width:100%; height:auto; float:left; text-align:left; margin:10px 0; padding:0; font-family:'Roboto', sans-serif; font-size:30px; font-weight:bold; text-transform:uppercase; color:#002040;}
.list_date_hp ul{width:90%; height:auto; background:#F4F4F4; float:left; margin:0; padding:10px 5% 25px 5%;}
.list_date_hp li{width:96%; height:auto; float:left; text-align:left; margin:15px 0 0 0; padding:2%; list-style-type:none; color:#333333; background:#FFFFFF; font-size:14px; font-family:'Roboto', sans-serif;}
.list_date_hp li span{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-size:17px; font-family:'Roboto', sans-serif; color:#FFFFFF;}
.list_date_hp li span a:link, .list_date_hp li span a:visited, .list_date_hp li span a:active{font-weight:bold; color:#333333; text-decoration:none;}
.list_date_hp li span a:hover{font-weight:bold; color:#009D6A; text-decoration:none;}
.list_date_hp li img{height:40px; width:40px; float:left; text-align:left; margin:0 10px 10px 0; padding:0; border:5px solid #FFFFFF;}
.list_date_hp div.img{width:30%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.list_date_hp div.img img{width:100%; height:100%;}
.list_date_hp div.content{width:65%; height:auto; float:left; text-align:left; margin:0; padding:2% 0 2% 5%; font-size:14px;}
.list_date_hp div.content div.date{width:100%; text-align:left; color:#00A3D9; font-size:18px; font-weight:normal;}

.list_testimonials_hp{width:32%; height:auto; background:#999999; float:left; margin:20px 0; padding:1%; display:none;}
.list_testimonials_hp span{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0 0 0; font-family:'Roboto', sans-serif; font-size:25px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
.list_testimonials_hp ul{width:100%; height:200px; float:left; margin:0; padding:0;}
.list_testimonials_hp li{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 5px 0; list-style-type:none; color:#FFFFFF; font-size:17px; font-family:'Roboto', sans-serif;}
.list_testimonials_hp li img{width:40px; height:auto; float:left; text-align:left; margin:0 10px 10px 0; padding:0;}
.list_testimonials_hp li span.list_testimonials_hpspan{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-size:17px; font-family:'Roboto', sans-serif; color:#333333;}
.list_testimonials_hp div{width:100%; height:auto; float:left; text-align:center; margin:15px 0; padding:0;}

.list_gallery_hp{width:95%; height:auto; background:#666666; float:left; text-align:center; margin:0 auto; padding:2% 2.5%;}
.list_gallery_hp span.LGHPspan_title{width:100%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0; font-family:'Roboto', sans-serif; font-size:65px; text-transform:uppercase; color:#FFFFFF;}
.list_gallery_hp ul{margin:0; padding:0;}
.list_gallery_hp li{width:28%; height:350px; background:#333333; float:left; text-align:center; margin:2%; padding:0.5%; list-style-type:none;}
.list_gallery_hp li span.LGHPspan{width:100%; height:350px; float:left; text-align:center; margin:0; padding:0; overflow:hidden; z-index:1;}
.list_gallery_hp li span.LGHPspan img{width:100%; height:100%; opacity:0.2; filter:alpha(opacity=20);}
.list_gallery_hp li span a:link, .list_gallery_hp li span a:visited, .list_gallery_hp li span a:active{font-family:'Roboto', sans-serif; font-size:20px; font-weight:normal; color:#FFFFFF; text-decoration:none;}
.list_gallery_hp li span a:hover{font-family:'Roboto', sans-serif; font-size:20px; font-weight:normal; color:#FFFFFF; text-decoration:none;}

.list_gallery ul{width:100%; height:auto; margin:0; padding:0; list-style-type:none;}
.list_gallery li{width:90px; height:90px; float:left; text-align:center; margin:5px; padding:0; display:inline;}
.list_gallery li div img{width:90px; height:90px; float:left; text-align:center; margin:0; padding:0;}

.list_date{max-width:1200px; width:100%; height:auto; float:none; margin:20px auto 0; padding:0;}
.list_date ul{margin:0; padding:0;}
.list_date li{max-width:450px; width:30%; height:auto; float:left; text-align:left; margin:0 1.5% 20px 1.5%; padding:0; list-style-type:none; background:#EEEEEE;}
.list_date li span{width: 96%; height: 40px; float: left; text-align: left; margin: 0 0 5px 0; padding: 5px 2% 15px; font-family: 'Roboto', sans-serif; font-size: 18px; color: #444444;}
.list_date li span a:link, .list_date li span a:visited, .list_date li span a:active{font-size:22px; font-weight:normal; color:#000000; text-decoration:none; text-transform:uppercase; font-family:'Roboto', sans-serif;}
.list_date li span a:hover{font-size:22px; font-weight:normal; color:#666666; text-decoration:none; text-transform:uppercase; font-family:'Roboto', sans-serif;}
.list_date li img{max-width:450px; width:100%; height:auto; overflow:visible;}

.list_testimonials{width:100%; height:auto; float:left; margin:20px 0 0 0; padding:0;}
.list_testimonials ul{margin:0; padding:0;}
.list_testimonials li{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:0; list-style-type:none;}
.list_testimonials li blockquote{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.list_testimonials li div{width:92%; height:auto; background:url(../images/general/testimonialsbg1.png) right top no-repeat #F1F1F1; float:left; text-align:left; margin:0; padding:2% 4%; color:#333333;}
.list_testimonials li span{width:92%; height:auto; background:url(../images/general/testimonialsbg2.png) left top no-repeat; float:left; text-align:left; margin:0; padding:2% 4%; font-size:17px; font-weight:bold; color:#333333;}

.list_staff{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_staff ul{margin:0; padding:0;}
.list_staff li{width:255px; height:510px; background:#EEEEEE; float:left; text-align:center; margin:20px 15px; padding:0; list-style-type:none;}
.list_staff li div.LSlidivheader{width:225px; height:54px; background:#333333; float:left; text-align:left; margin:0; padding:8px 15px; font-family:'Roboto', sans-serif; font-size:12px; text-transform:none; color:#FFFFFF;}
.list_staff li div.LSlidivheader span{width:100%; height:auto; float:left; margin:0; padding:0; font-size:18px; font-weight:bold;}
.list_staff li div.LSlidivheader span a:link, .list_staff li div.LSlidivheader span a:visited, .list_staff li div.LSlidivheader span a:active{font-weight:bold; color:#FFFFFF; text-decoration:none;}
.list_staff li div.LSlidivheader span a:hover{font-weight:bold; color:#FFFFFF; text-decoration:underline;}
.list_staff li div.LSlidivimg{width:100%; height:200px; background:url(../images/general/staffbg1.png) center bottom no-repeat #BBBBBB; float:left; margin:0; padding:0; overflow:hidden;}
.list_staff li div img{width:100%; height:auto;}
.list_staff li div.LSlidivcontent{width:225px; height:170px; float:left; text-align:left; margin:0; padding:10px 15px; font-family:'Roboto', sans-serif; font-size:12px; text-transform:none; color:#333333;}
.list_staff li div.LSlidivcontent span{width:100%; height:auto; float:left; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:bold; color:#4B93A4;}

.list_images_text{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_images_text ul{margin:5% 0; padding:0; width:100%; float:left;}
.list_images_text li{width:23%; height:auto; float:left; text-align:center; margin:0; padding:2% 1%; list-style-type:none; font-size:18px;}
.list_images_text li:hover{-webkit-filter:grayscale(70%); filter:grayscale(70%);}
.list_images_text li div.lmt_img{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.list_images_text li div.lmt_img img{width:100%;}
.list_images_text li div.lmt_content{width:100%; height:auto; float:left; text-align:center; margin:0; padding:10px 0;}
.list_images_text li div.lmt_content span{text-align:center;}
.list_images_text li span{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:17px; color:#333333;}
.list_images_text li span a:link, .list_images_text li span a:visited, .list_images_text li span a:active{font-size:17px; font-weight:500; color:#030038; text-decoration:none; text-transform:uppercase;}
.list_images_text li span a:hover{font-size:17px; font-weight:500; color:#030038; text-decoration:none; text-transform:uppercase;}
.list_images_text li strong{color:#333333;}

.list_images_subnav{width:720px; height:auto; float:left; margin:0; padding:0;}
.list_images_subnav ul{margin:0; padding:0;}
.list_images_subnav li{width:660px; height:auto; border-bottom:2px #EEEEEE solid; float:left; text-align:left; margin:0; padding:10px 30px; list-style-type:none;}
.list_images_subnav li div.lmsn_img{width:100px; height:auto; float:left; text-align:center; margin:10px 20px 0 0; padding:0;}
.list_images_subnav li div.lmsn_img img{width:100px; height:auto; float:left; text-align:center; margin:0; padding:0;}
.list_images_subnav li div.lmsn_content{width:520px; height:auto; min-height:100px; border-left:1px #999999 dotted; float:left; text-align:left; margin:0; padding:10px 0 10px 19px;}
.list_images_subnav li span{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; color:#444444;}
.list_images_subnav li span a:link, .list_images_subnav li span a:visited, .list_images_subnav li span a:active{font-size:22px; font-weight:normal; color:#333333; text-decoration:none; text-transform:uppercase;}
.list_images_subnav li span a:hover{font-size:22px; font-weight:normal; color:#666666; text-decoration:none; text-transform:uppercase;}
.list_images_subnav li strong{color:#333333;}

.list_products{width:100%; height:auto; border-bottom:1px #CCCCCC solid; float:left; margin:0; padding:10px 0;}
.list_products ul{margin:0; padding:0;}
.list_products li{width:178px; height:278px; border:1px #DBDFE0 solid; float:left; text-align:center; margin:18px; padding:10px; list-style-type:none;}
.list_products li div{width:178px; height:140px; float:left; margin:0; padding:15px 0;}
.list_products li div img{width:140px; height:140px;}
.list_products li span{width:178px; height:60px; float:left; margin:0 0 10px 0; padding:0; font-size:10px; font-weight:normal; color:#666666;}
.list_products li span a:link, .list_products li span a:visited, .list_products li span a:active{font-size:18px; font-weight:normal; color:#333333; text-decoration:none; text-transform:capitalize;}
.list_products li span a:hover{font-size:18px; font-weight:normal; color:#666666; text-decoration:none; text-transform:capitalize;}

.list_productsEcomm{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_productsEcomm ul{margin:0; padding:0;}
.list_productsEcomm li{width:21%; max-width:220px; height:300px; border:1px solid #CCCCCC; float:left; text-align:center; margin:0 1.5% 1.5% 0; padding:10px 1%; list-style-type:none;}
.list_productsEcomm li div.LPEimg{width:100%; height:150px; overflow:hidden; margin:0; padding:0; text-align:center;}
.list_productsEcomm li div.LPEimg img{width:auto; max-width:150px; height:auto; max-height:150px;}
.list_productsEcomm li div.LPEinfo{width:100%; height:100px; float:left; text-align:center; margin:10px 0; padding:0; font-family:'Roboto', sans-serif;}
.list_productsEcomm li div.LPEinfo span{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0; font-size:16px;}
.list_productsEcomm li div.LPEinfo span a, .list_productsEcomm li div.LPEinfo span a:link, .list_productsEcomm li div.LPEinfo span a:visited{font-weight:normal; color:#333333; text-decoration:none;}
.list_productsEcomm li div.LPEinfo span a:hover{font-weight:normal; color:#999999; text-decoration:none;}
.list_productsEcomm li div.LPEinfo span.price{width:100%; height:0; float:left; text-align:center; margin:5px 0 0 0; padding:0; font-size:13px; color:#999999;}
.list_productsEcomm li div.LPEinfo span.price strong{font-size:15px; font-weight:normal; color:#FF0000;}

.list_productsRelated{width:100%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:0; padding:0;}
.list_productsRelated h3{width:98%; height:auto; background:#666666; float:left; text-align:left; margin:0 0 10px 0; padding:1% 0% 1% 2%; font-family:'Roboto', sans-serif; font-size:20px; font-weight:normal; text-transform:uppercase; color:#FFFFFF;}
.list_productsRelated ul{width:97%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:0; padding:1% 1.5% 2% 1.5%;}
.list_productsRelated li{width:190px; height:300px; background:#FFFFFF; float:left; text-align:center; margin:15px; padding:0; list-style-type:none; font-family:'Roboto', sans-serif;}
.list_productsRelated li div{width:188px; height:138px; float:left; text-align:center; margin:1px; padding:0;}
.list_productsRelated li div img{width:auto; max-width:188px; height:auto; max-height:138px;}
.list_productsRelated li span{width:170px; height:105px; float:left; text-align:center; margin:0; padding:10px; font-size:12px; font-weight:normal; color:#666666;}
.list_productsRelated li span a:link, .list_productsRelated li span a:visited, .list_productsRelated li span a:active{width:170px; height:auto; float:left; text-align:center; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:bold; color:#000000; text-decoration:none; text-transform:uppercase;}
.list_productsRelated li span a:hover{width:170px; height:auto; float:left; text-align:center; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:bold; color:#666666; text-decoration:none; text-transform:uppercase;}

.list_downloads{width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0;}
.list_downloads ul{margin:0; padding:0;}
.list_downloads li{width:26%; height:auto; border-bottom:1px #999999 dotted; float:left; text-align:left; margin:0 1.5% 20px 1.5%; padding:2%; list-style-type:none; font-family:'Roboto', sans-serif; font-size:0.850em; font-weight:normal; color:#FFFFFF; text-decoration:none;}
.list_downloads li div.ld_img{width:30%; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0;}
.list_downloads li div.ld_content{width:65%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.list_downloads li span{width:100%; height:auto; float:left; text-align:left; margin:10px 0 15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; color:#444444;}
.list_downloads li span a:link, .list_downloads li span a:visited, .list_downloads li span a:active{font-size:22px; font-weight:normal; color:#333333; text-decoration:none; text-transform:capitalize;}
.list_downloads li span a:hover{font-size:22px; font-weight:normal; color:#666666; text-decoration:none; text-transform:capitalize;}

.list_downloads_sml{width:100%; height:auto; float:left; margin:10px 0; padding:0;}
.list_downloads_sml span{width:98%; height:auto; float:left; margin:0 0 5px 0; padding:1%; font-family:'Roboto', sans-serif; font-size:30px; font-weight:normal; color:#000000; font-weight:300;}
.list_downloads_sml ul{margin:0; padding:0;}
.list_downloads_sml li{width:98%; height:auto; border-bottom:1px #DBDFE0 dashed; float:left; text-align:left; margin:0 0 5px 0; padding:1%; text-transform:capitalize; list-style-type:none;}

.list_downloadsSingle{width:50%; height:auto; float:left; margin:0 25% 20px 25%; padding:0;}
.list_downloadsSingle ul{margin:0; padding:0;}
.list_downloadsSingle li{width:96%; height:auto; background:#EDEDED; float:left; text-align:left; margin:0; padding:2%; list-style-type:none; font-family:'Roboto', sans-serif; font-size:0.850em; font-weight:normal; color:#FFFFFF; text-decoration:none;}
.list_downloadsSingle li div.ld_img{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.list_downloadsSingle li div.ld_content{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.list_downloadsSingle li span{width:100%; height:auto; float:left; text-align:center; margin:0 0 15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; color:#444444;}
.list_downloadsSingle li span a:link, .list_downloadsSingle li span a:visited, .list_downloadsSingle li span a:active{font-size:22px; font-weight:normal; color:#333333; text-decoration:none; text-transform:capitalize;}
.list_downloadsSingle li span a:hover{font-size:22px; font-weight:normal; color:#666666; text-decoration:none; text-transform:capitalize;}

.list_address_contactus{width:32%; height:280px; background:#F5F5F5; display:inline-block; text-align:center; margin:20px 0.5% 0 0.5%; padding:0; top:0; color:#000000; font-size:16px; font-family:'Roboto', sans-serif; font-size:18px; font-weight:300; text-align:left;}
.list_address_contactus h2{background:#001040; color:#FFF; text-transform:none; padding:1%; margin:0 0 1% 0;}
.list_address_contactus h1.LACH1{text-align:left; margin:15px 0 10px 0; padding:0; font-size:30px;}
.list_address_contactus p{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:0; font-size:17px;}
.list_address_contactus ul{margin:0; padding:2% 5%; width:90%; float:left;}
.list_address_contactus li{width:100%; height:auto; float:left; margin:0 0 15px 0; padding:0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:17px; font-weight:normal; color:#333;}
.list_address_contactus li.country{color:#001040; font-weight:500;}
.list_address_contactus li span{width:25%; height:auto; float:left; text-align:left; margin:0; padding:0; font-weight:bold;}
.list_address_contactus li div{width:75%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.list_address_contactus li a:link, .list_address_contactus li a:visited{color:#001040;}

.list_listing-ACC{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.list_listing-ACC h2{width:90%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0 5%; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-transform:none; color:#408EB8; border:none;}
.list_listing-ACC ul{margin:0; padding:0;}
.list_listing-ACC li{width:90%; height:auto; border-bottom:1px #DDDDDD solid; float:left; margin:0; padding:10px 5%; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#999999;}
.list_listing-ACC li span{width:40%; height:auto; float:left; text-align:left; margin:0; padding:0; color:#003366;}
.list_listing-ACC li div{width:60%; height:auto; float:right; text-align:left; margin:0; padding:0;}

.list_listing-ACC-Summary{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.list_listing-ACC-Summary h2{width:94%; height:auto; background:#00458C; float:left; text-align:left; margin:0; padding:10px 3%; font-weight:500; color:#FFFFFF; text-transform:capitalize;}
.list_listing-ACC-Summary ul{width:50%; height:auto; float:left; margin:0; padding:0;}
.list_listing-ACC-Summary li{width:90%; height:auto; border-bottom:1px #DDDDDD solid; float:left; margin:0; padding:10px 5%; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#999999;}
.list_listing-ACC-Summary li span{width:40%; height:auto; float:left; text-align:left; margin:0; padding:0; color:#003366;}
.list_listing-ACC-Summary li div{width:60%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.list_listing-ACC-Summary div.ACC-S-MC{width:50%; height:auto; float:left; margin:30px 0 0 0; padding:0;}

.list_pageFeature_hp{width:55%; height:auto; padding:0; margin:0 5% 0 0; float:left;}
.list_pageFeature_hp ul{width:100%; padding:0; margin:0; float:left;}
.list_pageFeature_hp ul li{width:46%; height:auto; max-height:400px; margin:4% 4% 4% 0; padding:0; list-style:none; float:left;}
.list_pageFeature_hp ul li div.img{width:100%; padding:0; margin:0; float:left; height:200px;}
.list_pageFeature_hp ul li div.img img{width:100%; height:100%;}
.list_pageFeature_hp ul li div.content{padding:50px 0 10px 0; margin:0; float:left; width:100%; height:140px;}
.list_pageFeature_hp ul li:nth-child(1) div.content{background:url('../images/general/feature-title.png') no-repeat; background-size:100% 100%;}
.list_pageFeature_hp ul li:nth-child(2) div.content{background:url('../images/general/feature-title2.png') no-repeat; background-size:100% 100%;}
.list_pageFeature_hp ul li div.content h2{color:#FFF; font-size:35px; text-align:center; width:100%; padding:5% 0 15% 0; margin:0;}
.list_pageFeature_hp ul li div.content a:link, .list_pageFeature_hp ul li div.content a:visited, .list_pageFeature_hp ul li div.content a:active{color:#FFF; background:#3D8FBA; border-radius:5px; border:1px solid #3D8FBA; text-transform:uppercase; font-size:20px; text-align:center; width:70%; margin:2% 15% 5% 15%; float:left; text-decoration:none;}
.list_pageFeature_hp ul li div.content a:hover{opacity:0.6; text-decoration:underline;}

.list_motorwayTolls{width:100%; padding:0; margin:0; float:left;}
.list_motorwayTolls li{width:30%; list-style:none; padding:1.5%; margin:0; float:left;}
.list_motorwayTolls li img{width:100%;}

.list_crossings{width:100%; float:left; padding:0; margin:0;}
.list_crossings li{list-style:none; float:left; width:33%; padding:0; margin:0;}
.list_crossings li.LCmargins{margin:0 0.5%;}
.list_crossings li .img{padding:5% 5% 0 5%; background:#7F8F9F; width:90%; margin:0; float:left;}
.list_crossings li .img img{width:100%;}
.list_crossings li .text{background:#7F8F9F; color:#FFF; padding:10px 0 20px 0; font-size:20px; width:100%; float:left; text-align:center;}

.list_service_footer{width:100%; padding:0; margin:2% 0; text-align:center; float:left;}
.list_service_footer li{list-style:none; float:left; width:16.6666%;}
.list_service_footer li img{max-width:100%; width:auto;}

.list_trips{background:#FFF; width:90%; padding:2% 5%; margin:0; float:left;}
.list_trips ul{width:100%; margin:5% 0; padding:0; float:left;}
.list_trips ul li{list-style:none; padding:1% 0; margin:0; text-align:left; color:#666; font-size:14px;}
.list_trips ul li:nth-child(1){font-size:18px; font-weight:500; color:#333;}

.list_bookingdetails{background:#FFF; width:90%; padding:2% 5%; margin:0; float:left;}
.list_bookingdetails ul{width:100%; margin:2% 0; padding:0; float:left;}
.list_bookingdetails ul li{list-style:none; padding:1% 0; margin:0; text-align:center; color:#666; font-size:14px;}
.list_bookingdetails ul li:nth-child(1){font-size:18px; font-weight:500; color:#333;}

.list_routes{width:100%; height:auto; float:left; padding:0; margin:0;}
.list_routes li{width:96%; height:40px; padding:5px 2%; margin:0 0 5px 0; list-style:none; background:#FFFFFF; float:left;}
.list_routes li a, .list_routes li a:link, .list_routes li a:visited, .list_routes li a:active{color:#000F40; text-decoration:none;}
.list_routes li a:hover{text-decoration:underline;}
.list_routes li .departingFrom{width:23%; height:auto; float:left; text-align:center; padding:7px 0; margin:0; color:#000F40; font-size:16px;}
.list_routes li .to{width:4%; height:auto; float:left; text-align:center; padding:7px 0; margin:0; color:#000F40; font-size:16px;}
.list_routes li .arrivingTo{width:23%; height:auto; float:left; text-align:center; padding:7px 0; margin:0; color:#000F40; font-size:16px;}
.list_routes li .ferry{width:20%; height:auto; float:left; text-align:center; padding:7px 0; margin:0; color:#3AA6DE; font-size:16px;}
.list_routes li .book{width:15%; height:auto; float:left; text-align:left; padding:0; margin:0;}
.list_routes li .book a, .list_routes li .book a:link, .list_routes li .book a:active, .list_routes li .book a:visited{background:#00458C; color:#FFFFFF; text-transform:uppercase; border-radius:5px; text-align:center; text-decoration:none; font-size:14px; font-weight:300; padding:5px 20px; float:right; margin:2px 0;}
.list_routes li .book a:hover{background:#418FB8;}
.list_routes li .timetable{width:15%; height:auto; float:left; text-align:left; padding:0; margin:0;}
.list_routes li .timetable a, .list_routes li .timetable a:link, .list_routes li .timetable a:active, .list_routes li .timetable a:visited{background:#00458C; color:#FFFFFF; text-transform:uppercase; border-radius:5px; text-align:center; text-decoration:none; font-size:14px; font-weight:300; padding:5px 20px; float:right; margin:2px 0;}
.list_routes li .timetable a:hover{background:#418FB8;}

.list_images_services{width:100%; float:left; padding:0; margin:0; height:auto;}
.list_images_services ul{width:100%; float:left; padding:0; margin:0; height:auto;}
.list_images_services ul li{width:18%; float:left; padding:0; margin:2% 1%; list-style-type:none; text-align:center;}
.list_images_services ul li div{width:100%; float:left; padding:0; margin:0;}
.list_images_services ul li div img{max-width:100%; width:auto;}
.list_images_services li span{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:17px; color:#333333;}
.list_images_services li span a:link, .list_images_services li span a:visited, .list_images_services li span a:active{font-size:17px; font-weight:500; color:#3D8FBA; text-decoration:none; text-transform:uppercase;}
.list_images_services li span a:hover{font-size:17px; font-weight:500; color:#3D8FBA; text-decoration:none; text-transform:uppercase;}
.list_images_services ul#customs{display: flex; flex-wrap: wrap;}
.list_images_services ul#customs li span{color:#3D8FBA;}

.list_images_services-icon{width:100%; float:left; padding:0; margin:50px 0 0 0; height:auto;}
.list_images_services-icon ul{width:100%; float:left; padding:0; margin:0; height:auto;}
.list_images_services-icon ul li{width:18%; float:left; padding:0; margin:2% 1%; list-style-type:none; text-align:center;}
.list_images_services-icon ul li div{width:100%; float:left; padding:0; margin:0;}
.list_images_services-icon ul li div img{max-width:100%; width:auto;}
.list_images_services-icon li span{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:17px; color:#00458C;}
.list_images_services-icon li span a:link, .list_images_services-icon li span a:visited, .list_images_services-icon li span a:active{font-size:17px; font-weight:500; color:#00458C; text-decoration:none; text-transform:uppercase;}
.list_images_services-icon li span a:hover{font-size:17px; font-weight:500; color:#3D8FBA; text-decoration:none; text-transform:uppercase;}

.list_images_services-icon-sml{width:100%; float:left; padding:0; margin:50px 0 0 0; height:auto;}
.list_images_services-icon-sml ul{width:100%; float:left; padding:0; margin:0; height:auto;}
.list_images_services-icon-sml ul li{width:18%; float:left; padding:0; margin:2% 1%; list-style-type:none; text-align:center;}
.list_images_services-icon-sml ul li div{width:80%; float:left; padding:0; margin:0 10%;}
.list_images_services-icon-sml ul li div img{max-width:100%; width:auto;}
.list_images_services-icon-sml li span{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:15px; color:#00458C;}
.list_images_services-icon-sml li span a:link, .list_images_services-icon-sml li span a:visited, .list_images_services-icon-sml li span a:active{font-size:15px; font-weight:500; color:#00458C; text-decoration:none; text-transform:uppercase;}
.list_images_services-icon-sml li span a:hover{font-size:15px; font-weight:500; color:#3D8FBA; text-decoration:none; text-transform:uppercase;}

.list_images_services-countries{width:100%; float:left; padding:0; margin:0 0 50px 0; height:auto;}
.list_images_services-countries ul{width:100%; float:left; padding:0; margin:0; height:auto;}
.list_images_services-countries ul li.LISC1{width:15%; float:left; padding:0; margin:2% 0.8%; list-style-type:none; text-align:center;}
.list_images_services-countries ul li.LISC2{width:13%; float:left; padding:0; margin:2% 0.6%; list-style-type:none; text-align:center;}
.list_images_services-countries ul li div{width:100%; float:left; padding:0; margin:0;}
.list_images_services-countries ul li div img{max-width:100%; width:auto;}
.list_images_services-countries li span{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:17px; color:#00458C;}
.list_images_services-countries li span a:link, .list_images_services-countries li span a:visited, .list_images_services-countries li span a:active{font-size:17px; font-weight:500; color:#00458C; text-decoration:none; text-transform:none;}
.list_images_services-countries li span a:hover{font-size:17px; font-weight:500; color:#3D8FBA; text-decoration:none; text-transform:none;}

.list_content_services{width:100%; float:left; padding:0; margin:0; height:auto;}
.list_content_services ul{width:100%; float:left; padding:0; margin:0; height:auto;}
.list_content_services ul li{width:100%; float:left; padding:0; margin:2% 1%; list-style-type:none; text-align:left;}
.list_content_services ul li span{width:100%; float:left; padding:0; margin:0;}
.list_content_services ul li span a, .list_content_services ul li span a:link, .list_content_services ul li span a:visited, .list_content_services ul li span a:active{text-align:left; font-size:22px; text-decoration:none; text-transform:capitalize;}
.list_content_services ul li div{width:100%; float:left; padding:0; margin:0;}
.list_content_services ul li div img{max-width:100%; width:auto;}
.list_content_services ul li div img.galleryimg{max-width:40%; width:auto;}
.list_content_services ul li div ul li{width:100%; height:auto; list-style:circle; padding:0; margin:0;}

.list_booking_summary{width:96%; height:auto; float:left; margin:0; padding:2% 2% 1.5% 2%;}
.list_booking_summary ul{width:100%; height:auto; float:left; margin:0 0 15px 0; padding:0;}
.list_booking_summary li{width:auto; height:auto; float:left; text-align:left; margin:0 50px 0 0; padding:0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#FFFFFF;}
.list_booking_summary li img{width:auto; height:auto; float:left; text-align:left; margin:0 10px 0 0; padding:0;}
.list_booking_summary li h2{width:auto; height:auto; float:left; text-align:left; margin:-3px 0 0 0; padding:0; font-size:30px; font-weight:400; color:#FFFFFF;}
.list_booking_summary div{width:50%; height:auto; float:left; text-align:left; margin:0; padding:0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#FFFFFF;}
.list_booking_summary div img{width:auto; height:auto; float:left; text-align:left; margin:0 10px 0 0; padding:0;}
.list_booking_summary div h3{width:auto; height:auto; float:left; text-align:left; margin:-2px 5px 0 0; padding:0; font-size:17px; font-weight:400; color:#2E94C2;}

.list_booking_options{width:100%; height:auto; border-top:#FFFFFF 2px solid; float:left; margin:0; padding:0;}
.list_booking_options ul{margin:0; padding:0;}
.list_booking_options li{width:auto; height:auto; float:left; text-align:left; margin:0; padding:0; list-style-type:none;}
.list_booking_options li.LBO-li-AH{width:21%; height:auto; float:left; text-align:left; margin:0; padding:1%;}
.list_booking_options li.LBO-li-AH span{width:auto; height:auto; float:left; text-align:left; margin:0 30px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:500; line-height:23px; text-transform:uppercase; color:#FFFFFF;}
.list_booking_options li.LBO-li-AH-wide{width:96%; height:auto; float:left; text-align:right; margin:0; padding:1% 2%;}
.list_booking_options li.LBO-li-AH-wide span{width:auto; height:auto; float:left; text-align:left; margin:12px 30px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:500; line-height:23px; text-transform:uppercase; color:#FFFFFF;}
.list_booking_options li.LBO-li-AH-wide span.LBO-li-AH-wideSpan2{margin:0;}
.list_booking_options li.LBO-li-AH-wide strong{color:#2E94C2; font-weight:500; margin-right:10px;}
.list_booking_options li.LBO-li-AH-wide input{float:right;}
.list_booking_options li.LBO-li-NAH{width:37%; height:auto; background:#00468C; border-left:#FFFFFF 2px solid; border-right:#FFFFFF 2px solid; float:left; text-align:left; margin:0; padding:1%;}
.list_booking_options li.LBO-li-NAH span{width:auto; height:auto; float:left; text-align:left; margin:0 30px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:500; line-height:23px; text-transform:uppercase; color:#FFFFFF;}
.list_booking_options li.LBO-li-NAH div{width:auto; height:auto; float:right; text-align:left; margin:0 0 0 30px; padding:0;}
.list_booking_options li.LBO-li-NAH div p{width:auto; height:auto; float:left; text-align:left; margin:0; padding:0; line-height:23px; color:#FFFFFF;}
.list_booking_options li.LBO-li-REG{width:35%; height:auto; float:left; text-align:left; margin:0; padding:1%;}
.list_booking_options li.LBO-li-REG span{width:auto; height:auto; float:left; text-align:left; margin:11px 0 0 12px; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:400; color:#FFFFFF;}

.list_services_savings{width:100%; height:auto; float:left; margin:80px 0; padding:0;}
.list_services_savings h2{width:100%; height:auto; float:left; text-align:center; margin:0 0 40px 0; padding:0; font-family:'Roboto', sans-serif; font-size:35px; font-weight:500; text-transform:uppercase; color:#00458C;}
.list_services_savings ul{width:100%; float:left; padding:0; margin:0; height:auto;}
.list_services_savings li{width:20%; float:left; padding:0; margin:0 2.5%; list-style-type:none; text-align:center; font-family:'Roboto', sans-serif; font-size:13px; font-weight:400; line-height:17px; text-transform:none; color:#333333;}
.list_services_savings li img{max-width:100%; width:auto;}
.list_services_savings li span{width:100%; height:auto; float:left; text-align:center; margin:20px 0 15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:22px; font-weight:500; line-height:22px; text-transform:uppercase; color:#00458C;}

.list_services_ferries{width:100%; height:auto; float:left; margin:80px 0; padding:0;}
.list_services_ferries h2{width:100%; height:auto; float:left; text-align:center; margin:0 0 40px 0; padding:0; font-family:'Roboto', sans-serif; font-size:35px; font-weight:500; text-transform:uppercase; color:#00458C;}
.list_services_ferries ul{width:100%; float:left; padding:0; margin:0; height:auto;}
.list_services_ferries li{width:18%; float:left; padding:0; margin:0 1%; list-style-type:none; text-align:center; font-family:'Roboto', sans-serif; font-size:13px; font-weight:400; line-height:17px; text-transform:none; color:#333333;}
.list_services_ferries li img{max-width:100%; width:auto;}
.list_services_ferries li span{width:100%; height:auto; float:left; text-align:center; margin:20px 0 15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:22px; font-weight:500; line-height:22px; text-transform:uppercase; color:#00458C;}

.list_services_locations{width:100%; height:auto; float:left; margin:30px 0 0 0; padding:0;}
.list_services_locations ul{width:100%; float:left; padding:0; margin:0; height:auto;}
.list_services_locations li{width:48%; height:auto; float:left; text-align:left; padding:0; margin:0 2% 0 0; list-style-type:none;}
.list_services_locations li div.LSL-div{width:100%; height:auto; float:left; text-align:left; padding:0; margin:0 0 30px 0;}
.list_services_locations li div.LSL-div-img{width:15%; height:auto; float:left; text-align:left; padding:0; margin:0 5% 0 0;}
.list_services_locations li div.LSL-div-img img{max-width:100%; width:auto;}
.list_services_locations li div.LSL-div-content{width:80%; height:auto; float:left; text-align:left; padding:0; margin:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:400; line-height:17px; text-transform:none; color:#00458C;}
.list_services_locations li div.LSL-div-content p{padding:0; margin:0;}

.list_BAF{width:100%; height:auto; float:left; margin:30px 0 0 0; padding:0;}
.list_BAF h2{width:100%; height:auto; background:#00458C; float:left; text-align:center; margin:0; padding:15px 0; font-family:'Roboto', sans-serif; font-size:30px; font-weight:normal; color:#FFFFFF; font-weight:500;}
.list_BAF ul{width:100%; float:left; padding:0; margin:0; height:auto;}
.list_BAF li{width:100%; height:auto; float:left; text-align:left; padding:0; margin:0 0 10px 0; list-style-type:none;}
.list_BAF li span{width:98%; height:auto; background:#CAEDFC; float:left; text-align:left; margin:0; padding:10px 1%; font-family:'Roboto', sans-serif; font-size:25px; font-weight:normal; color:#00458C; font-weight:500;}

/* END OF LISTS */

/* FORMS */

.form_contact{width:95%; max-width:1000px; height:auto; float:none; text-align:center; margin:0 auto; padding:0 2.5%; display:block;}
.form_contact ul{margin:0; padding:0;}
.form_contact li{width:48%; height:75px; margin:0 1%; padding:0; float:left; list-style:none;}
.form_contact li:nth-child(5){width:98%; height:75px;}
.form_contact li:nth-child(6){width:98.5%; height:auto;}
.form_contact li:nth-child(7){width:auto; height:auto; margin:20px 1% 0 1%;}
.form_contact h3.FCH3{width:100%; height:auto; float:left; text-align:left; margin:10px 0; padding:0; font-family:'Roboto', sans-serif; font-size:22px; font-weight:normal; color:#000000;}
.form_contact label{width:100%; height:auto; float:left; text-align:left; margin:5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#000000;}
.form_contact label.error{color:#3D8FBA; margin:-15px 0 0 0; font-size:15px;}
.form_contact input.FC_inputwide{width:97%; height:auto; background:#FAFAFA; border:1px #999999 solid; float:left; text-align:left; margin:0 0 25px 0; padding:2.5% 1%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_contact input.FC_inputsmall{width:150px; height:auto; background:#FAFAFA; border:1px #999999 solid; float:right; text-align:left; margin:7px 0 5px 10px; padding:3px; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_contact input.FC_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 25px 0; padding:0; font-weight:normal; display:block;}
.form_contact select{width:99.6%; height:auto; background:#FAFAFA; border:1px #999999 solid; float:left; text-align:left; margin:0 0 25px 0; padding:1.2% 0.2%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_contact textarea{width:98.1%; height:auto; background:#FAFAFA; border:1px #999999 solid; float:left; text-align:left; padding:1.2% 0.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_contact br{clear: left;}
.form_contact input.submit, a.submit, a.submit:link, a.submit:visited{width:100%; max-width:200px; height:auto; margin:40px 1.2% 0 0;}
.form_contact input.submit:hover{width:100%; max-width:200px; height:auto; margin:40px 1.2% 0 0;}
.form_contact br{clear:left;}

.form_contact_sub{max-width:670px; height:auto; float:left; text-align:left; margin:0; padding:0; display:block;}
.form_contact_sub_left{width:300px; height:auto; float:left; text-align:left; margin:0 25px 0 0; padding:0;}
.form_contact_sub_right{width:345px; height:auto; float:left; text-align:left; margin:0; padding:0;}
.form_contact_sub label.FCS_label{width:100%; height:auto; float:left; text-align:left; margin:5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#FFFFFF;}
.form_contact_sub input.FCS_inputwide{width:97%; height:10px; background:#EDEDED; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:8px 1%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#666666;}
.form_contact_sub input.FCS_inputsmall{width:100px; height:auto; background:#EDEDED; border:1px #999999 solid; float:right; text-align:left; margin:0 10px 0 0; padding:3px 0.3%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#666666;}
.form_contact_sub select{width:100%; height:auto; background:#EDEDED; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:5px 0.3%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#666666;}
.form_contact_sub textarea{width:98%; height:100px; background:#EDEDED; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:5px 1%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#666666;}
.form_contact_sub br{clear:left;}

.form_enquire{width:80%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0 10%; display:block; color:#333; font-family:'Roboto', sans-serif; font-size:11px;}
.form_enquire h2.FEH2{width:100%; height:auto; float:left; text-align:center; margin:15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:25px; text-transform:none; color:#003366; font-weight:normal; border:none;}
.form_enquire label{width:30%; height:auto; float:left; text-align:right; margin:5px 2% 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:normal; display:block; color:#333;}
.form_enquire p.label{width:68%; height:auto; float:left; text-align:left; margin:6px 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:normal; display:block; color:#333;}
.form_enquire p{width:68%; height:auto; float:left; text-align:left; margin:15px 0 5px 32%; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:normal; display:block; color:#333;}
.form_enquire label.error{width:68%; float:left; text-align:left; color:red; margin:0 0 10px 32%; padding:0;}
.form_enquire input.FE_inputwide{width:64.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire input.FE_inputwide#Tel{width:48%; float: right;}
.form_enquire input.FE_inputdate{width:54.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 10px 0 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire input.FE_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:7px 0 10px 10px; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire input.FE_inputsmall2{width:150px; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 10px 10px 10px; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire input.FE_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 10px 0; padding:0; font-weight:normal; display:block;}
.form_enquire select{width:68%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_enquire select#telsml {width: 16%;}
.form_enquire textarea{width:64.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire br{clear:left;}

.form_enquire2{width:60%; height:auto; float:left; text-align:center; margin:30px 0 10px 0; padding:0 20%; display:block; color:#333; font-family:'Roboto', sans-serif; font-size:11px;}
.form_enquire2 h2.FEH2{width:100%; height:auto; float:left; text-align:center; margin:15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:25px; text-transform:none; color:#003366; font-weight:normal; border:none;}
.form_enquire2 label{width:100%; height:auto; float:left; text-align:center; margin:5px 2% 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:500; display:block; color:#333;}
.form_enquire2 p.label{width:68%; height:auto; float:left; text-align:left; margin:6px 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:400; display:block; color:#333;}
.form_enquire2 p{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:400; display:block; color:#003366;}
.form_enquire2 label.error{width:68%; float:left; text-align:left; color:red; margin:0 0 10px 32%; padding:0;}
.form_enquire2 input.FE2_inputwide{width:96.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire2 input.FE2_inputdate{width:86.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 10px 0 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire2 input.FE2_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:7px 0 10px 10px; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire2 input.FE2_inputsmall2{width:150px; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 10px 10px 10px; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire2 input.FE2_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 10px 0; padding:0; font-weight:normal; display:block;}
.form_enquire2 select{width:100%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_enquire2 textarea{width:96.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire2 br{clear:left;}

.form_enquire3{
	width:94%; 
	height:auto; 
	text-align:center; 
	margin:10px auto; 
	padding:0; 
	display:block; 
	color:#333; 
	font-family:'Roboto', sans-serif; 
	font-size:11px;
}
.form_enquire3 h2.FEH2{width:100%; height:auto; float:left; text-align:center; margin:15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:25px; text-transform:none; color:#003366; font-weight:normal; border:none;}
.form_enquire3 label{width:100%; height:auto; float:left; text-align:left; margin:5px 2% 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:500; display:block; color:#333;}
.form_enquire3 p.label{width:68%; height:auto; float:left; text-align:left; margin:6px 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:400; display:block; color:#333;}
.form_enquire3 p{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:400; display:block; color:#003366;}
.form_enquire3 label.error{width:68%; float:left; text-align:left; color:red; margin:0 0 10px 32%; padding:0;}
.form_enquire3 input.FE2_inputwide{
	width:96.7%; 
	height:auto; 
	background:#FFFFFF; 
	border:1px #DDD solid; 
	border-radius:5px; 
	float:left; 
	text-align:left; 
	margin:0 0 10px 0; 
	padding:2% 1.5%; 
	font-family:'Roboto', sans-serif; 
	font-size:14px; 
	font-weight:normal; 
	display:block; 
	color:#333;
}
.form_enquire3 input.FE2_inputdate{width:86.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 10px 0 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire3 input.FE2_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:7px 0 10px 10px; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire3 input.FE2_inputsmall2{width:150px; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 10px 10px 10px; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire3 input.FE2_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 10px 0; padding:0; font-weight:normal; display:block;}
.form_enquire3 select{
	width:100%; 
	height:auto; 
	background:#FFFFFF; 
	border:1px #DDD solid; 
	border-radius:5px; 
	float:left; 
	text-align:left; 
	margin:0 0 10px 0; 
	padding:2% 1.5%; 
	font-family:'Roboto', sans-serif; 
	font-size:14px; 
	font-weight:normal; 
	display:block; 
	color: #333;
}
.form_enquire2 textarea{width:96.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
.form_enquire3 br{clear:left;}
.form_enquire3_body{
	width:100%;
	float: left;
}
.form_enquire3_body div{
	width:31%;
	margin:1%;
	padding: 0;
	display: block;
	float: left;
}

.upload_file_section{
	width:100%;
	float: left;
}
.upload_file_section div{
	width:auto;
	margin:1%;
	padding: 0;
	display: block;
	float: left;
}
.canvas_container{
	width: 100%;
	float: left;
}
.CCBG{
	float: left;
	width: auto;
	height: auto;
}
.m-signature-pad{
	float: left;
	width: auto;
	height:auto;
}
.m-signature-pad--body{
	border: solid 2px #00458C;
	border-radius: 0px; 
	width: auto;
	height: auto;
	background: #fff;
}
.m-signature-pad--body canvas{
	width: 450px;
	height: 250px; 
}
.m-signature-pad--footer{
	width: 100%;
	float: left;
}

.m-signature-pad--footer button{
	width: fit-content;
	float: right;
	background: #408EB8;  
	color: #FFFFFF;
	border: 2px solid #408EB8;
	padding: 10px 20px;
	border-radius: 3px;
	opacity: 1;
	text-transform: initial;
	font-size: 13px;
	font-weight: 500;
}
.m-signature-pad--footer button:hover{
	background: #FFF; 
	color: #408EB8;
}

.TollsRegions{  
	width: fit-content;
    float: left;
    border-collapse: separate;
}

.TollsRegions th label {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #FFF;
	margin: 0;
}

.tool_region_checkbox{
	background: #FFFFFF;
    border: 1px #DDD solid;
    border-radius: 5px;  
	width: 20px !important;
	height: 20px !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
    padding: 2% 1.5%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #333;
	float: left;
	padding: 2px 0;
}

.TollsRegions span{
	font-family: 'Roboto', sans-serif;
    font-size: 17px;
    text-transform: none;
    color: #00458C;
    font-weight: 500;
    text-align: left;
    border: none;
	padding: 2px 0;
    margin: 0;
	width: calc(100% - 30px);
	display: inline-table;
}

.TollsRegions > tbody:nth-child(1) > tr:nth-child(1){
	background: #408EB8;
	color: #FFF;
	padding: 10px;
}
.TollsRegions > tbody:nth-child(1) > tr:nth-child(1) th{
	padding: 10px 15px;
}
.TollsRegions tr{
	background:#FFF;
}
.TollsRegions td {
    padding: 10px 0; 
}

.TollsRegions td div {
	display: flex;
    align-items: center; 
    justify-content: start;
	min-width: 215px;
}


.account_name_data{
	width: 94%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 1% 0;
	background: #000F40;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 23px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.account_name_data strong{
	color: #2E94C2;
	font-weight: 500;
	margin-right: 10px;
}

.booking_address{
	width:50%;
	float: left;
	margin:0;
	padding: 0;
}
.booking_address div{
	width:98%;
	margin:1%;
	padding: 0;
	display: block;
	float: left;
}

.form_wrap1{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 50px auto;
	padding: 0;
	display: block;
	background: #F4F4F4;
	float: left;
}

.form_voucher{width:90%; height:auto; float:left; text-align:left; margin:0 0 50px 0; padding:5%; display:block; color:#FFFFFF; font-family:'Roboto', sans-serif; font-size:11px; background:#999999;}
.form_voucher h2.FVH2{width:100%; height:auto; float:left; text-align:center; margin:0 0 15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:25px; font-weight:normal; display:block; color:#FFFFFF;}
.form_voucher div.FV_div{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; display:block;}
.form_voucher h3{width:100%; height:auto; float:left; text-align:left; margin:20px 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#333333;}
.form_voucher label{width:100%; height:auto; float:left; text-align:left; margin:5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:11px; font-weight:normal; display:block; color:#FFFFFF;}
.form_voucher input.FV_inputwide{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_voucher input.FV_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:7px 0 5px 10px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_voucher input.FV_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:normal; display:block;}
.form_voucher select{width:100%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_voucher textarea{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 20px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_voucher br{clear:left;}

.form_apply{width:90%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:0; padding:2.5% 5%; display:block;}
.form_apply h2{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; color:#333333;}
.form_apply div.FA_div{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0;}
.form_apply h3{width:97%; height:auto; background:#333333; float:left; text-align:left; margin:10px 0; padding:1.5%; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#FFFFFF;}
.form_apply span{width:95%; height:auto; float:left; text-align:left; margin:5px 2.5% 0 2.5%; padding:0;}
.form_apply span.spancaptcha{width:auto; height:auto; float:left; text-align:left; margin:0; padding:0;}
.form_apply label{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#333333;}
.form_apply input.FA_inputwide{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_apply input.FA_inputsmall{width:152px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:7px 0 5px 10px; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_apply input.FA_inputcheck{width:auto; height:auto; float:right; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:normal; display:block;}
.form_apply select{width:100%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_apply textarea{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_apply br{clear:left;}

.form_appointments{width:70%; height:auto; float:left; text-align:left; margin:30px 15% 50px 15%; padding:0; display:block; color:#FFFFFF; font-family:'Roboto', sans-serif; font-size:14px; background:#999999;}
.form_appointments h2.FAPPH2{width:98%; height:auto; background:#333333; float:left; text-align:center; margin:0; padding:1%; font-family:'Roboto', sans-serif; font-size:17px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
.form_appointments h2.FAPPH2 span{color:#999999;}
.form_appointments div.FAPP_div{width:90%; height:auto; float:left; text-align:left; margin:0; padding:5%; display:block;}
.form_appointments div.FAPP_div2{width:60%; height:auto; float:left; text-align:left; margin:0 0 5% 30%; padding:0; display:block;}
.form_appointments h3.FAPPH3{width:100%; height:auto; float:left; text-align:left; margin:20px 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; text-transform:none; color:#333333;}
.form_appointments label{width:27%; height:auto; float:left; text-align:right; margin:5px 3% 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:normal; display:block; color:#FFFFFF;}
.form_appointments label.FAPP_labelsmall{margin:10px 3% 5px 0; font-size:14px;}
.form_appointments input.FAPP_inputwide{width:66.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_appointments input.FAPP_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:7px 0 5px 10px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_appointments input.FAPP_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:normal; display:block;}
.form_appointments select{width:70%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_appointments textarea{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 20px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_appointments br{clear:left;}

.form_crossings{width:94%; height:auto; background:#FFFFFF; float:left; margin:0; padding:3%;}
.form_crossings ul{width:100%; padding:0; margin:0; float:left;}
.form_crossings ul li{width:50%; padding:0; margin:0; float:left; list-style:none;}
.form_crossings ul li.FCLIspacer{width:100%; padding:0; margin:0; float:left; list-style:none;}
.form_crossings label.error{color:#DC0000; font-size:12px;}
.form_crossings label{display: flex; align-items: center; justify-content: center; padding: 8px 0;}
.form_crossings input.FCinput{width:200px; height:40px; background: #F4F4F4; border:1px #DDDDDD solid; margin:0 0 8px 0; padding:0 2%; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#999999;}
.form_crossings input.FCinputsearch{width:200px; height:40px; background:url(../images/general/searchHPicon1.jpg) left top no-repeat #F4F4F4; border:1px #DDDDDD solid; margin:0 0 8px 0; padding:0 0 0 40px; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#999999;}
.form_crossings input.FCinputdate{width:180px; height:40px; background:url(../images/general/calendarHPicon1.jpg) right top no-repeat #F4F4F4; border:1px #DDDDDD solid; margin:0 0 8px 0; padding:0 12% 0 2%; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#999999;}
.form_crossings select{width:242px; height:40px; background:#F4F4F4; border:1px #DDDDDD solid; margin:0 0 8px 0; padding:0 0 0 10px; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#BBBBBB;}
.tabledashboard_list#table_crossings td{padding: 10px 5px 10px 15px;}
.crossingActions ul{display: flex; justify-content: right; list-style: none; margin: 1%; padding: 0;}
.crossingActions .submit3{color: #3A90BC !important; border: 2px solid #3A90BC !important; border-radius: 5px;}

.form_crossings .my_bookings_form_date_from {background:url(../images/general/calendarHPicon1.jpg) left top no-repeat #F4F4F4 !important; padding: 0 0 0 50px !important;}
.form_crossings .my_bookings_form_date_to {background:url(../images/general/calendarHPicon1.jpg) left top no-repeat #F4F4F4 !important; padding: 0 0 0 50px !important;}

.form_search{width:291px; height:40px; float:right; margin:0 30px 0 0; padding:0;}
.form_search input{width:240px; height:40px; background:#FFFFFF; border:none; float:left; margin:0 1px 0 0; padding:0 0 0 10px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:normal; color:#878787;}
.form_search input.button{max-width:40px; height:40px; background:url(../images/general/gobutton1.png) top no-repeat; float:left; text-align:left; border:none; margin:0; padding:0; cursor:pointer;}

.form_searchDD{width:100%; height:80px; border:none; float:left; text-align:left; margin:0; padding:0;}
.form_searchDD input{width:95%; height:80px; background:none; border:none; float:left; text-align:left; margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:42px; font-weight:300; color:#666666;}
.form_searchDD input.buttonDD{width:40px; height:40px; background:url(../images/general/gobutton1DD.png) top no-repeat; float:left; text-align:left; border:none; margin:20px 20px 0 0; padding:0; cursor:pointer;}

.form_buttons{float:right;}

.filtersform{max-width:200px; width:100%; height:auto; background:url(../images/general/refine1.jpg) left top no-repeat; float:left; margin:10px 0; padding:33px 0 0 0; display:block;}
.filtersform div.filtercontainer{max-width:180px; width:98%; height:180px; background:#FFFFFF; float:left; margin:0 0 3px 0; padding:5px 1% 10px 1%; overflow:auto;}
.filtersform div.filtercontainersml{max-width:180px; width:98%; height:auto; background:#FFFFFF; float:left; margin:0 0 3px 0; padding:5px 1% 10px 1%;}
.filtersform span{width:100%; height:auto; float:left; margin:0; padding:7px 0 5px 0; display:block; font-weight:bold;}
.filtersform span.spanhalf{max-width:170px; width:100%; height:auto; float:left; text-align:left; margin:0; padding:5px 0 0 0; font-family:'Alegreya SC', serif; font-size:14px; font-weight:normal; color:#F3D600; text-decoration:none; text-transform:uppercase;}
.filtersform span a:link, .filtersform span a:visited, .filtersform span a:active{color:#333333; font-size:12px; font-weight:normal; text-decoration:underline;}
.filtersform span a:hover{color:#2d3b44; font-size:12px; font-weight:normal; text-decoration:underline;}
.filtersform input{width:auto; height:auto; background:url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF; border:1px #999999 solid; float:left; margin:0 5% 0 0; padding:0;}
.filtersform img{max-width:13px; width:100%; height:auto; float:left; margin:0 5% 0 0; padding:0;}
.filtersform label{width:auto; height:auto; float:left; text-align:left; margin:-1px 0 0 0; padding:0; color:#2d3b44;}
.filtersform input.filterinputwide{max-width:80px; width:45%; height:auto; background:url(../images/general/inputbg1.jpg) left top repeat-x #FFFFFF; border:1px #999999 solid; float:left; margin:2px 5% 5px 0; padding:2px 0.2%;}
.filtersform label.filterlabelwide{max-width:80px; width:42%; height:auto; float:left; text-align:left; margin:2px 5% 0 0; padding:0; color:#2d3b44;}
div.checked,div.unchecked,div.checked2,div.unchecked2,div.autochecked{display:block; float:left; margin-right:0; width:15px; height:15px; min-height:15px; text-indent:-999em; overflow:hidden; margin-top:1px; padding:0 3px 5px 0;}
.checked{background:url(../images/general/checked.png) no-repeat top left;}
.unchecked{background:url(../images/general/unchecked.png) no-repeat top left;}
.autochecked{background:url(../images/general/checked.png) no-repeat top left;}
.checked2{background:url(../images/general/checked2.png) no-repeat top left;}
.unchecked2{background:url(../images/general/unchecked2.png) no-repeat top left;}
.autochecked2{background:url(../images/general/checked2.png) no-repeat top left;}

.form_parking{width:80%; height:auto; float:left; text-align:center; margin:0 0 10px 0; padding:0 10%; display:block;}
.form_parking label.error{width:100%; float:left; text-align:center; color:#FF0000; margin:-3px 0 15px 0; padding:0;}
.form_parking input.FP_inputDate{width:80.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:10px 2%; font-family:'Roboto', sans-serif; font-size:16px; font-weight:normal; display:block; color:#333333;}
.form_parking input.FP_inputwide{width:95.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:10px 2%; font-family:'Roboto', sans-serif; font-size:16px; font-weight:normal; display:block; color:#333333;}
.form_parking input.FP_inputwide2{width:95.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:center; margin:0 0 10px 0; padding:10px 2%; font-family:'Roboto', sans-serif; font-size:16px; font-weight:normal; display:block; color:#333333;}
.form_parking br{clear:left;}

.form_bulkBookings{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0; display:block; color:#333; font-family:'Roboto', sans-serif; font-size:11px;}
.form_bulkBookings span.FBB_span1{width:40%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.form_bulkBookings span.FBB_span2{width:20%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.form_bulkBookings label{width:auto; height:auto; float:left; text-align:left; margin:5px 10px 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:normal; display:block; color:#333;}
.form_bulkBookings label.error{width:68%; float:left; text-align:left; color:red; margin:0 0 10px 32%; padding:0;}
.form_bulkBookings input.FBB_inputwide{width:50%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:10px 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_bulkBookings input.FBB_inputfull{width:96%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0; padding:10px 2%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_bulkBookings input.FBB_inputdate{width:97%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0; padding:10px 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_bulkBookings input.FBB_inputsmall{width:97%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0; padding:10px 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_bulkBookings input.FBB_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 0 0 16px; padding:0; font-weight:normal; display:block;}
.form_bulkBookings select{width:97%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0; padding:10px 0; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_bulkBookings select.FBB_selectwide{width:41%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:10px 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_bulkBookings br{clear:left;}

.form_icsBookings{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0; display:block; color:#333; font-family:'Roboto', sans-serif; font-size:11px;}
.form_icsBookings div.FICSB_divFlexContainer{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:0; display:-webkit-flex; display:flex;}
.form_icsBookings div.FICSB_divContainer1{width:32%; height:auto; background:#FFFFFF; float:left; text-align:left; margin:0; padding:0;}
.form_icsBookings div.FICSB_divContainer2{width:32%; height:auto; background:#FFFFFF; float:left; text-align:left; margin:0 2%; padding:0;}
.form_icsBookings h2.FICSB_h2{width:94%; height:auto; background:#00458C; float:left; text-align:left; margin:0; padding:10px 3%; font-weight:500; color:#FFFFFF; text-transform:capitalize;}
.form_icsBookings div.FICSB_div1{width:94%; height:auto; background:#FFFFFF; float:left; text-align:left; margin:0 0 20px 0; padding:15px 3% 10px 3%;}
.form_icsBookings span.FICSB_span1{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.form_icsBookings span.FICSB_span1 strong{font-weight:400; color:#3D8FBA; margin-right:5px;}
.form_icsBookings span.FICSB_span1 p{width:55%; height:auto; float:right; text-align:left; margin:0 0 10px 0; padding:0; font-size:11px; line-height:13px; color:#666666;}
.form_icsBookings span.FICSB_span2{width:30%; height:auto; float:left; text-align:left; margin:0 3% 0 0; padding:0;}
.form_icsBookings span.FICSB_span2 strong{font-weight:400; color:#3D8FBA; margin-right:5px;}
.form_icsBookings span.FICSB_span3{width:45%; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0;}
.form_icsBookings span.FICSB_span3 strong{font-weight:400; color:#3D8FBA; margin-right:5px;}
.form_icsBookings span.FICSB_span3 p{width:55%; height:auto; float:right; text-align:left; margin:0 0 10px 0; padding:0; font-size:11px; line-height:13px; color:#666666;}
.form_icsBookings span.FICSB_span4{width:100%; height:auto; float:left; text-align:left; margin:5px 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:normal; color:#333;}
.form_icsBookings label{width:45%; height:auto; float:left; text-align:left; margin:5px 0 2px 0; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:normal; display:block; color:#333;}
.form_icsBookings label.error{width:68%; float:left; text-align:left; color:red; margin:0 0 10px 32%; padding:0;}
.form_icsBookings input.FICSB_inputwide{width:50%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 2% 0; padding:10px 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_icsBookings input.FICSB_inputfull{width:96%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 2% 0; padding:10px 2%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_icsBookings input.FICSB_inputdate{width:97%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0; padding:10px 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_icsBookings input.FICSB_inputsmall{width:90%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0; padding:10px 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_icsBookings input.FICSB_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:5px 8px 0 0; padding:0; font-weight:normal; display:block;}
.form_icsBookings select{width:97%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0; padding:10px 0; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_icsBookings select.FICSB_selectwide{width:53%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 2% 0; padding:10px 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_icsBookings select.FICSB_selectFull{width:100%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 2% 0; padding:10px 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
.form_icsBookings br{clear:left;}
.form_icsBookings h2.FICSB_h2-2{width:100%; height:auto; background:none; float:left; text-align:center; margin:0 0 10px 0; padding:0; font-weight:500; color:#00458C; text-transform:capitalize;}

input#TestDeclaration[type="checkbox"] {appearance: none; -webkit-appearance: none; width: 30px !important; height: 30px !important; border: 2px solid #00458C; border-radius: 3px; outline: none; cursor: pointer; display: flex; justify-content: center; align-items: center;}
input#TestDeclaration[type="checkbox"]:checked {background-color: #00458C; border-color: #00458C;}
input#TestDeclaration[type="checkbox"]:checked::after {content: '✔'; color: white; font-size: 20px; display: block; text-align: center; line-height: 20px;}

.form_icsBookings.submition label{width: auto; margin-right:5px;}
.containerForm div{margin:0 2%;}
.split{width: 46%; float: left;}
.split-3{width: 31%; float: left; margin: 0 1% !important;}

#LoadDeclarationTypeDropDownBasedOnRouteLoadAndAccompanied div{width: 90%;}
#LoadDeclarationTypeDropDownBasedOnRouteLoadAndAccompanied span.FICSB_span1{width: 100%;}
#LoadDeclarationTypeDropDownBasedOnRouteLoadAndAccompanied span.FICSB_span1 label, #LoadDeclarationTypeDropDownBasedOnRouteLoadAndAccompanied select{width:auto;}
/* END OF FORMS */

/* BUTTONS */

.sim-button{line-height:50px; height:50px; text-align:center; margin-right:auto; margin-left:auto; margin-top:140px; width:60%; cursor:pointer;}
.button10{color:rgba(255,255,255,1); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; position:relative;}
.button10 a{color:rgba(51,51,51,1); text-decoration:none; display:block;}
.button10 span{z-index:2; display:block; position:absolute; width:100%; height:100%;}
.button10::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; border:1px solid rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.25);}
.button10::after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; border:1px solid rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.25);}
.button10:hover::before{-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); background-color:rgba(255,255,255,0);}
.button10:hover::after{-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); background-color:rgba(255,255,255,0);}

input.crossingsSearch, a.crossingsSearch, a.crossingsSearch:link, a.crossingsSearch:visited{width:auto; height:auto; float:right; background:#3A90BC; border:1px solid #3D8FBA; text-align:center; margin:15px 6px 0 0; padding:9px 25px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:700; text-decoration:none; text-transform:uppercase; color:#FFFFFF; cursor:pointer; border-radius:10px;}
a.crossingsSearch:hover, input.crossingsSearch:hover{opacity: 0.7; transition:all 0.5s;}

input.crossingsLogin, a.crossingsLogin, a.crossingsLogin:link, a.crossingsLogin:visited{width:auto; height:auto; float:left; background:#3A90BC; border:1px solid #3D8FBA; text-align:center; margin:0 6px 0 0; padding:10px 25px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:700; text-decoration:none; text-transform:uppercase; color:#FFFFFF; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
a.crossingsLogin:hover, input.crossingsLogin:hover{width:auto; height:auto; float:left; background:#FFFFFF; border:1px solid #3D8FBA; text-align:center; margin:0 6px 0 0; padding:10px 25px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:700; text-decoration:none; text-transform:uppercase; color:#3A90BC; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

input.submit, a.submit, a.submit:link, a.submit:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background:#3D8FBA; border:1px solid #3D8FBA; border-radius: 5px; font-size:15px; font-weight:normal; padding:10px 15px; cursor:pointer; text-align: center; text-decoration:none; width:auto; text-transform:none;} 
a.submit:hover, input.submit:hover{font-family: 'Roboto', sans-serif; color:#3D8FBA; background:#FFFFFF; border:1px solid #3D8FBA; border-radius: 5px; font-size:15px; font-weight:normal; padding:10px 15px; cursor:pointer; text-align: center; text-decoration:none; width:auto; text-transform:none;}

input.submit1, a.submit1, a.submit1:link, a.submit1:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background:#3D8FBA; border:1px solid #3D8FBA; border-radius: 5px; font-size:20px; font-weight:normal; padding:1% 5%; margin: 2% 20%; cursor:pointer; text-decoration:none; width:50%; text-transform:none; float: right;} 
a.submit1:hover, input.submit1:hover{font-family: 'Roboto', sans-serif; color:#3D8FBA; background:#FFFFFF; border:1px solid #3D8FBA; border-radius: 5px; font-size:20px; font-weight:normal; padding:1% 5%; margin: 2% 20%; cursor:pointer; text-decoration:none; width:50%; text-transform:none; float: right;}

input.submit2#submit_btn2, a.submit2#submit_btn2, a.submit2#submit_btn2:link, a.submit2#submit_btn2:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background:#3D8FBA; border:1px solid #3D8FBA; border-radius: 5px; font-size:15px; font-weight:normal; padding:10px 15px; cursor:pointer; text-align: center; text-decoration:none; width:auto; text-transform:none;} 
a.submit2#submit_btn2:hover, input.submit2#submit_btn2:hover{font-family: 'Roboto', sans-serif; color:#3D8FBA; background:#FFFFFF; border:1px solid #3D8FBA; border-radius: 5px; font-size:15px; font-weight:normal; padding:10px 15px; cursor:pointer; text-align: center; text-decoration:none; width:auto; text-transform:none;}

input.submitAB, a.submitAB, a.submitAB:link, a.submitAB:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background:#3D8FBA; border:1px solid #3D8FBA; border-radius: 5px; font-size:20px; font-weight:normal; padding:1% 0; margin: 2% 25%; cursor:pointer; text-decoration:none; width:50%; text-transform:none; float: right;} 
a.submitAB:hover, input.submitAB:hover{font-family: 'Roboto', sans-serif; color:#3D8FBA; background:#FFFFFF; border:1px solid #3D8FBA; border-radius: 5px; font-size:20px; font-weight:normal; padding:1% 0; margin: 2% 25%; cursor:pointer; text-decoration:none; width:50%; text-transform:none; float: right;}

input.submit2, a.submit2, a.submit2:link, a.submit2:visited{font-family: 'Roboto', sans-serif; color:#333333; background:#FFFFFF; border:none; font-size:13px; font-weight:bold; padding:5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;} 
a.submit2:hover, input.submit2:hover{font-family: 'Roboto', sans-serif; color:#333333; background:#CCCCCC; border:none; font-size:13px; font-weight:bold; padding:5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}

input.submit3, a.submit3, a.submit3:link, a.submit3:visited{font-family:Helvetica; color:#333333; background:#FFFFFF; border:2px solid #333333; font-size:15px; font-weight:bold; padding:5px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;} 
a.submit3:hover, input.submit3:hover{font-family:Helvetica; color:#333333; background:#EEEEEE; border:2px solid #333333; font-size:15px; font-weight:bold; padding:5px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}

input.submit4, a.submit4, a.submit4:link, a.submit4:visited{font-family:Helvetica;  color:#FFFFFF; background:#333333; border:none; font-size:13px; font-weight:bold; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; height:auto; text-transform:capitalize;} 
a.submit4:hover, input.submit4:hover{font-family:Helvetica;  color:#FFFFFF; background:#AAAAAA; font-size:13px; font-weight:bold; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.submit5, a.submit5, a.submit5:link, a.submit5:visited{font-family:Helvetica;  color:#2D3B44; background:#FFBF00; border:none; font-size:13px; font-weight:bold; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;} 
a.submit5:hover, input.submit5:hover{font-family:Helvetica;  color:#FFFFFF; background:#AAAAAA; font-size:13px; font-weight:bold; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.submit6, a.submit6, a.submit6:link, a.submit6:visited{font-family:Helvetica; color:#00458C; background:#FFFFFF; border:none; font-size:12px; line-height:12px; font-weight:bold; padding:3px; cursor:pointer; text-decoration:none; width:auto; height:auto; text-transform:capitalize; float:left; margin-top:-4px;} 
a.submit6:hover, input.submit6:hover{font-family:Helvetica; color:#FFFFFF; background:#00458C; border:none; font-size:12px; line-height:12px; font-weight:bold; padding:3px; cursor:pointer; text-decoration:none; width:auto; height:auto; text-transform:capitalize; float:left; margin-top:-4px;}

input.submit7, a.submit7, a.submit7:link, a.submit7:visited{font-family:Helvetica; color:#00458C; background:#FFFFFF; border:none; font-size:12px; line-height:12px; font-weight:bold; padding:3px; cursor:pointer; text-decoration:none; width:auto; height:auto; text-transform:capitalize; float:left; margin:5px 5px 0 0;} 
a.submit7:hover, input.submit7:hover{font-family:Helvetica; color:#FFFFFF; background:#00458C; border:none; font-size:12px; line-height:12px; font-weight:bold; padding:3px; cursor:pointer; text-decoration:none; width:auto; height:auto; text-transform:capitalize; float:left; margin:5px 5px 0 0;}

input.submit8, a.submit8, a.submit8:link, a.submit8:visited{font-family:'Roboto', sans-serif; color:#FFFFFF; background:#70DDFF; border:1px solid #70DDFF; border-radius:15px; font-size:30px; font-weight:500; padding:10px 15px; cursor:pointer; text-align: center; text-decoration:none; width:auto; text-transform:uppercase;} 
a.submit8:hover, input.submit8:hover{font-family:'Roboto', sans-serif; color:#70DDFF; background:#FFFFFF; border:1px solid #70DDFF; border-radius:15px; font-size:30px; font-weight:500; padding:10px 15px; cursor:pointer; text-align: center; text-decoration:none; width:auto; text-transform:uppercase;}

input.submitacc4, a.submitacc4, a.submitacc4:link, a.submitacc4:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background:#009D6A; border:1px solid #009D6A; border-radius: 5px; font-size:15px; font-weight:normal; padding:5px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;} 
a.submitacc4:hover, input.submitacc4:hover{font-family: 'Roboto', sans-serif; color:#009D6A; background:#FFFFFF; border:1px solid #009D6A; border-radius: 5px; font-size:15px; font-weight:normal; padding:5px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}


input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{font-family:Helvetica; color:#FFFFFF; background: url(../images/general/addtobasket_icon2.jpg) left no-repeat #999999; border:1px #999999 solid; font-size:24px; font-weight:normal; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize; margin-left:35px;} 
a.add_to_basket:hover, input.add_to_basket:hover{font-family:Helvetica; color:#333333; background: url(../images/general/addtobasket_icon2.jpg) left no-repeat #CCCCCC; border:1px #999999 solid; font-size:24px; font-weight:normal; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{font-family:Helvetica; color:#333333; background: url(../images/general/enquirenow_icon2.jpg) left no-repeat #CCCCCC; border:1px #CCCCCC solid; font-size:24px; font-weight:normal; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize; margin-left:35px;} 
a.enquireNow:hover, input.enquireNow:hover{font-family:Helvetica; color:#FFFFFF; background: url(../images/general/enquirenow_icon2.jpg) left no-repeat #999999; border:1px #CCCCCC solid; font-size:24px; font-weight:normal; padding:6px 10px 7px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.summary, a.summary, a.summary:link, a.summary:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background:#3D8FBA; border:1px solid #3D8FBA; border-radius: 5px; font-size:20px; font-weight:normal; padding:1% 5%; margin: 2% 5%; cursor:pointer; text-decoration:none; width:auto; text-transform:none; float: right;} 
a.summary:hover, input.summary:hover{font-family: 'Roboto', sans-serif; color:#3D8FBA; background:#FFFFFF; border:1px solid #3D8FBA; border-radius: 5px; font-size:20px; font-weight:normal; padding:1% 5%; margin: 2% 5%; cursor:pointer; text-decoration:none; width:auto; text-transform:none; float: right;}

input.summarySML, a.summarySML, a.summarySML:link, a.summarySML:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background:#3D8FBA; border:1px solid #3D8FBA; border-radius:5px; font-size:15px; font-weight:normal; padding:10px 20px; margin:5px 0 0 0; cursor:pointer; text-decoration:none; width:auto; text-transform:none; float:left; line-height:15px;} 
a.summarySML:hover, input.summarySML:hover{font-family: 'Roboto', sans-serif; color:#3D8FBA; background:#FFFFFF; border:1px solid #3D8FBA; border-radius: 5px; font-size:15px; font-weight:normal; padding:10px 20px; margin:5px 0 0 0; cursor:pointer; text-decoration:none; width:auto; text-transform:none; float:left;}

input.summarySML2, a.summarySML2, a.summarySML2:link, a.summarySML2:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background:#70DDFF; border:1px solid #70DDFF; border-radius:5px; font-size:15px; font-weight:normal; padding:10px 20px; margin:5px 0 0 0; cursor:pointer; text-decoration:none; width:auto; text-transform:none; float:left; line-height:15px;} 
a.summarySML2:hover, input.summarySML2:hover{font-family: 'Roboto', sans-serif; color:#70DDFF; background:#FFFFFF; border:1px solid #70DDFF; border-radius: 5px; font-size:15px; font-weight:normal; padding:10px 20px; margin:5px 0 0 0; cursor:pointer; text-decoration:none; width:auto; text-transform:none; float:left;}

input.booknow, a.booknow, a.booknow:link, a.booknow:visited{font-family:'Roboto', sans-serif; color:#FFFFFF; background:#3D8FBA; border:1px solid #3D8FBA; font-size:20px; font-weight:normal; padding:1% 5%; margin:2% 0 0 0; cursor:pointer; text-decoration:none; width:auto; text-transform:none; float:right;}
a.booknow:hover, input.booknow:hover{font-family:'Roboto', sans-serif; color:#3D8FBA; background:#FFFFFF; border:1px solid #3D8FBA; font-size:20px; font-weight:normal; padding:1% 5%; margin:2% 0 0 0; cursor:pointer; text-decoration:none; width:auto; text-transform:none; float:right;}

input.downloads, a.downloads, a.downloads:link, a.downloads:visited{font-family: 'Roboto', sans-serif; color:#FFFFFF; background:#3D8FBA; border:1px solid #3D8FBA; border-radius: 5px; font-size:16px; font-weight:normal; padding:5px 10px; margin:0; cursor:pointer; text-decoration:none; width:auto; text-transform:none; float: right;} 
a.downloads:hover, input.downloads:hover{font-family: 'Roboto', sans-serif; color:#3D8FBA; background:#FFFFFF; border:1px solid #3D8FBA; border-radius: 5px; font-size:16px; font-weight:normal; padding:5px 10px; margin:0; cursor:pointer; text-decoration:none; width:auto; text-transform:none; float: right;}

a.subscribe, a.subscribe:link, a.subscribe:visited, a.subscribe:active{color:#FFFFFF; text-decoration:underline; text-transform:none; font-weight:normal; font-family:'Roboto', sans-serif; text-decoration:none; font-size:20px; background:#000000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; text-transform:uppercase; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.subscribe:hover{color:#FFFFFF; text-decoration:underline; text-transform:none; font-weight:normal; font-family:'Roboto', sans-serif; text-decoration:none; font-size:20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; text-transform:uppercase; opacity:0.5;}

a.social_footer{opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.social_footer:hover{opacity:0.5;}

.hvr-grow{display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:transform; transition-property:transform;}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active{-webkit-transform:scale(1.1); transform: ale(1.1);}

a.hoverani{opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.hoverani:hover{opacity:0.5;}

a#rotator img{-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;}
a#rotator img:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}

a.addVehicle, a.addVehicle:link, a.addVehicle:visited, a.addVehicle:active{width:auto; height:auto; float:left; background:#FFFFFF; border:none; text-align:center; margin:0 0 0 6px; padding:10px 25px; font-family:'Roboto', sans-serif; font-size:15px; font-weight:400; text-decoration:none; text-transform:uppercase; color:#2E92C1; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
a.addVehicle:hover{width:auto; height:auto; float:left; background:#333333; border:none; text-align:center; margin:0 0 0 6px; padding:10px 25px; font-family:'Roboto', sans-serif; font-size:15px; font-weight:400; text-decoration:none; text-transform:uppercase; color:#FFFFFF; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

a.general, a.general:link, a.general:visited, a.general:active{color:#333333; text-decoration:underline; text-transform:none; font-weight:normal; font-family:'Roboto', sans-serif; text-decoration:none; font-size:20px; background:#FFFFFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; text-transform:uppercase; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.general:hover{color:#333333; text-decoration:underline; text-transform:none; font-weight:normal; font-family:'Roboto', sans-serif; text-decoration:none; font-size:20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; text-transform:uppercase; opacity:0.5;}

a.checkout_CS, a.checkout_CS:link, a.checkout_CS:visited, a.checkout_CS:active{color:#333333; text-decoration:underline; text-transform:none; font-weight:normal; font-family:'Roboto', sans-serif; text-decoration:none; font-size:20px; background:#FFFFFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; text-transform:uppercase; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.checkout_CS:hover{color:#333333; text-decoration:underline; text-transform:none; font-weight:normal; font-family:'Roboto', sans-serif; text-decoration:none; font-size:20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; text-transform:uppercase; opacity:0.5;}

a.members_logout, a.members_logout:link, a.members_logout:visited, a.members_logout:active{color:#FFFFFF; text-decoration:underline; text-transform:none; font-weight:normal; font-family:'Roboto', sans-serif; text-decoration:none; font-size:20px; background:#666666; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; text-transform:uppercase; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.members_logout:hover{color:#FFFFFF; text-decoration:underline; text-transform:none; font-weight:normal; font-family:'Roboto', sans-serif; text-decoration:none; font-size:20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; text-transform:uppercase; opacity:0.5;}

input.Print, a.Print, a.Print:link, a.Print:visited{width:auto; height:auto; background:url(../images/general/print.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:6px 10px 6px 37px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.Print:hover, input.Print:hover{width:auto; height:auto; background:url(../images/general/print.png) left no-repeat #EDEDED; border:none; float:right; margin:0; padding:6px 10px 6px 37px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.bulkbookings, a.bulkbookings, a.bulkbookings:link, a.bulkbookings:visited{font-family:'Roboto', sans-serif; color:#FFFFFF; background:url(../images/general/submit1_icona.png) right no-repeat; border:none; font-size:18px; font-weight:500; padding:6px 30px 5px 0; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize; text-transform:uppercase;}
a.bulkbookings:hover, input.bulkbookings:hover{font-family:'Roboto', sans-serif; color:#70DDFF; background:url(../images/general/submit1_icona.png) right no-repeat; border:none; font-size:18px; font-weight:500; padding:6px 30px 5px 0; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize; text-transform:uppercase;}

input.clearline, a.clearline, a.clearline:link, a.clearline:visited{font-family:'Roboto', sans-serif; color:#0BD0B1; background:url(../images/buttons/clearline.png) left no-repeat; border:none; font-size:12px; font-weight:500; line-height:14px; padding:0 0 0 35px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize; text-transform:uppercase; float:left;}
a.clearline:hover, input.clearline:hover{font-family:'Roboto', sans-serif; color:#333333; background:url(../images/buttons/clearline2.png) left no-repeat; border:none; font-size:12px; font-weight:500; line-height:14px; padding:0 0 0 35px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize; text-transform:uppercase; float:left;}

input.copyline, a.copyline, a.copyline:link, a.copyline:visited{font-family:'Roboto', sans-serif; color:#00458C; background:url(../images/buttons/copyline.png) left no-repeat; border:none; font-size:12px; font-weight:500; line-height:14px; padding:6px 0 0 25px; cursor:pointer; text-decoration:none; width:auto; height:20px; float:left;}
a.copyline:hover, input.copyline:hover{font-family:'Roboto', sans-serif; color:#999999; background:url(../images/buttons/copyline2.png) left no-repeat; border:none; font-size:12px; font-weight:500; line-height:14px; padding:6px 0 0 25px; cursor:pointer; text-decoration:none; width:auto; height:20px; float:left;}

input.editline, a.editline, a.editline:link, a.editline:visited{font-family:'Roboto', sans-serif; color:#00458C; background:url(../images/buttons/editline.png) left no-repeat; border:none; font-size:12px; font-weight:500; line-height:14px; padding:6px 0 0 35px; cursor:pointer; text-decoration:none; width:auto; height:20px; float:left;}
a.editline:hover, input.editline:hover{font-family:'Roboto', sans-serif; color:#999999; background:url(../images/buttons/editline2.png) left no-repeat; border:none; font-size:12px; font-weight:500; line-height:14px; padding:6px 0 0 35px; cursor:pointer; text-decoration:none; width:auto; height:20px; float:left;}

input.deleteline, a.deleteline, a.deleteline:link, a.deleteline:visited{font-family:'Roboto', sans-serif; color:#00458C; background:url(../images/buttons/delete.png) left no-repeat; border:none; font-size:12px; font-weight:500; line-height:14px; padding:6px 0 0 20px; cursor:pointer; text-decoration:none; width:auto; height:20px; float:left;}
a.deleteline:hover, input.deleteline:hover{font-family:'Roboto', sans-serif; color:#999999; background:url(../images/buttons/delete2.png) left no-repeat; border:none; font-size:12px; font-weight:500; line-height:14px; padding:6px 0 0 20px; cursor:pointer; text-decoration:none; width:auto; height:20px; float:left;}

/* END OF BUTTONS */

/* TABLES */

.tableResponsive{border:none; overflow-x:auto; overflow-y:auto; width:100%;}

.tabledashboard_list{width:100%; border:none; border-collapse:collapse; font-size:12px;}
.tabledashboard_list th{
	background:#F4F4F4; 
	border:none; 
	border-bottom:1px solid #DADFE0; 
	text-align:left; 
	padding:0 0 0 15px; 
	font-size:14px; 
	font-weight:500; 
	text-transform:capitalize; 
	color:#003366; 
	height:50px;
}
.tabledashboard_list td{
	background:#FFFFFF; 
	border-bottom:1px solid #DADFE0; 
	border-top:1px solid #DADFE0; 
	border-left: none;
	border-right:none; 
	text-align:left; 
	padding: 10px 0 10px 24px;
	font-size:12px; 
	color:#999999;
}
.tabledashboard_list tr:hover td{background:#F1F2F3; color:#000000;}
.tabledashboard_list th a:link, .tabledashboard_list th a:visited, .tabledashboard_list th a:active, table a{font-weight:500; text-decoration:none; color:#003366;}
.tabledashboard_list th a:hover{font-weight:500; text-decoration:none; color:#000000;}
.tabledashboard_list td a:link, .tabledashboard_list td a:visited, .tabledashboard_list td a:active{font-weight:500; text-decoration:underline; color:#137F80;}
.tabledashboard_list td a:hover{font-weight:500; text-decoration:underline; color:#000000;}
.tabledashboard_list td.functions img{margin:0 10px 0 0;}
.tabledashboard_list th a img{
	height:10px;
}









.elo_tabledashboard_list{width: 100%;
  border:
none;
  border-collapse: collapse;
  font-size: 12px;
  margin:
23px 0 0 0;
  border:
1px solid #DADFE0;}
.elo_tabledashboard_list th{
	background:#F4F4F4; 
	border:none; 
	border-bottom:1px solid #DADFE0; 
	text-align:left; 
	padding:0 0 0 15px; 
	font-size:14px; 
	font-weight:500; 
	text-transform:capitalize; 
	color:#137F80; 
	height:50px;
}
.elo_tabledashboard_list td{
	background:#FFFFFF; 
	border-bottom:1px solid #DADFE0; 
	border-top:1px solid #DADFE0; 
	border-left: none;
	border-right:none; 
	text-align:left; 
	padding: 10px 0 10px 24px;
	font-size:12px; 
	color:#999999;
}
.elo_tabledashboard_list tr:hover td{background:#F1F2F3; color:#000000;}
.elo_tabledashboard_list th a:link, .tabledashboard_list th a:visited, .tabledashboard_list th a:active, table a{font-weight:500; text-decoration:none; color:#003366;}
.elo_tabledashboard_list th a:hover{font-weight:500; text-decoration:none; color:#000000;}
.elo_tabledashboard_list td a:link, .tabledashboard_list td a:visited, .tabledashboard_list td a:active{font-weight:500; text-decoration:underline; color:#137F80;}
.elo_tabledashboard_list td a:hover{font-weight:500; text-decoration:underline; color:#000000;}
.elo_tabledashboard_list td.functions img{margin:0 10px 0 0;}
.elo_tabledashboard_list th a img{height:10px;}
.elo-table-header{ display:flex;}
.elo-first-th{background:white !important;}
.elo-first-th .status-closed{margin: 6px 13px;}
.th-button-Container{
	text-align: right;
  align-content: center;
  display: flex;
  justify-content: end;
width: 47%;
  padding:8px 66px;
    gap: 45px;
}
.th-button-Container .btn-open {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* space between icon and text */
  text-decoration: none;
  font-weight: 500;
  color: #003366 !important; /* Change as needed */
  font-size: 14px;

}

.th-button-Container .btn-open img {
width: auto;
  height: auto;
}


.table_arrow_down{
	background: url(https://res.cloudinary.com/dxpwgesth/image/upload/v1689862041/filterbutton_phupzw.png) no-repeat;
	background-position: 1% 50%;
	padding: 0 0 0 18%;
	height: 100%;
	display: inline-block;
}
.table_arrow_up{
	background: url(https://res.cloudinary.com/dxpwgesth/image/upload/v1689862042/filterbutton1_dikcd1.png) no-repeat;
	background-position: 1% 50%;
	padding: 0 0 0 18%;
	height: 100%;
	display: inline-block;
}

.crossingTT{width:94%; height:auto; background:rgba(0,16,64,1); float:left; margin:60px 0; padding:1% 3% 3% 3%;}
.crossingTT span{width:70%; height:auto; float:left; text-align:left; margin:10px 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:30px; text-transform:none; color:#FFFFFF; font-weight:normal;}
.crossingTT span a:link, .crossingTT span a:visited, .crossingTT span a:active{font-size:20px; font-weight:500; text-decoration:none; color:#3D8FBA;}
.crossingTT span a:hover{font-size:20px; font-weight:500; text-decoration:none; color:#FFFFFF;}
.crossingTT div{width:30%; height:auto; float:left; text-align:right; margin:0; padding:0;}
.crossingTT p{width:100%; height:auto; float:left; background:#FFFFFF; text-align:center; margin:30px 0 0 0; padding:15px 0; font-family:'Roboto', sans-serif; font-size:17px; text-transform:none; color:#FF0000; font-weight:normal;}
.table_crossingTT{width:100%; float:left; margin:2% 0 0 0; padding:0;}
.table_crossingTT th{background:#3D8FBA; color:#FFFFFF; text-transform:uppercase; font-size:16px; font-weight:normal}
.table_crossingTT td{background:#FFFFFF; color:#333333; font-size:16px; padding:5px; text-align:center;}
.table_crossingTT td img{margin:0 auto;}

.tablebulkbookings{width:100%; border-collapse:separate; border-spacing:2px; font-size:13px; font-family:'Roboto', sans-serif;}
.tablebulkbookings th{background:#00458C; border:none; text-align:left; vertical-align:top; padding:5px; font-size:15px; font-weight:500; text-transform:capitalize; color:#FFFFFF;}
.tablebulkbookings td{background:#FFFFFF; border:none; text-align:left; vertical-align:middle; padding:5px; font-size:13px; color:#333333;}
.tablebulkbookings td.tdnum{background:#70DDFF; font-size:18px; color:#333333; text-align:center;}

.tableicsbookings{width:100%; border-collapse:separate; border-spacing:2px; font-size:13px; font-family:'Roboto', sans-serif;}
.tableicsbookings th{background:#00458C; border:none; text-align:left; vertical-align:top; padding:5px; font-size:13px; font-weight:500; text-transform:capitalize; color:#FFFFFF;}
.tableicsbookings td.subTDheader{background:#00458C; border:none; text-align:left; vertical-align:middle; padding:5px; font-size:15px; color:#FFFFFF;}
.tableicsbookings td{background:#FFFFFF; border:none; text-align:left; padding:5px; font-size:13px; color:#333333;}
.tableicsbookings td.tdnum{background:#70DDFF; font-size:18px; color:#333333; text-align:center;}
.gvms .tableicsbookings{border-collapse: collapse;}
.gvms .tableicsbookings tr{border-bottom: 1pt solid #DDD; position: relative;}
.gvms .tableicsbookings td{padding: 7px 5px; background: none;}
.gvms .tableicsbookings td input{width: 50%; height: auto; background: #FFFFFF; border: 1px #DDD solid; border-radius: 5px; float: left; text-align: left; margin: 0 0 2% 0; padding: 10px 1.5%; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: normal; display: block; color: #999999;}
.gvms .deleteline{position: absolute; right: 0; bottom: 8px;}
.gvms .error{color: red;}
.ui_tpicker_hour_slider, .ui_tpicker_minute_slider{background: #EEE;}
#ui-datepicker-div{box-shadow: 0 0 5px 1px rgba(0,0,0,.3);}
.ui-widget .ui-slider{background: #F1F1F1;}
.add-button{background: #3D8FBA; padding: 5px; padding: 0px 5px; color: #FFF; border-radius: 2px;}
.add-button:hover{opacity: 0.7;}
.confirm-edit{background: red; padding: 5px; padding: 0px 5px; color: #FFF; border-radius: 2px; display: inline-block;}
.confirm-edit:hover{opacity: 0.7; text-decoration: none; color: #FFF;}
.loader {
	border: 8px solid #f3f3f3; /* Light grey */
	border-top: 8px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 45px !important;
	height: 45px;
	animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

.tableInfo{width:100%; border-collapse:separate; border-spacing:2px; font-size:16px; font-family:'Roboto', sans-serif;}
.tableInfo th{width:50%; background:#418FB8; border:none; text-align:left; padding:10px; font-size:18px; font-weight:500; text-transform:capitalize; color:#FFFFFF;}
.tableInfo td{width:25%; background:#FFFFFF; border:none; text-align:left; padding:10px; color:#00458C;}

.tableBAF{width:100%; border-collapse:separate; border-spacing:0; font-size:16px; font-family:'Roboto', sans-serif;}
.tableBAF th{background:#418FB8; border:none; text-align:left; vertical-align:top; padding:10px; font-size:18px; font-weight:500; text-transform:capitalize; color:#FFFFFF;}
.tableBAF th.THroutes{width:26%; border-bottom:2px #FFFFFF solid;}
.tableBAF th.THbm{width:37%; border-bottom:2px #FFFFFF solid; border-left:2px #FFFFFF solid;}
.tableBAF td{background:#F5F5F5; border:none; text-align:left; vertical-align:top; padding:5px 10px; color:#00458C; margin-bottom:5px;}
.tableBAF td.TDroutes{width:26%; border-bottom:2px #FFFFFF solid;}
.tableBAF td.TDbm{width:37%; border-bottom:2px #FFFFFF solid; border-left:2px #FFFFFF solid;}
.tableBAF td p{margin:0; line-height:35px;}


.spacer4{height:45px; border-bottom: 3px solid #777;}

.detail tr {
    display: none;
}

.detail tr.headerdeclaration {
    display: table-row;
}
.detail td.declarationdetails {
	cursor:pointer;
}
td.declarationdetails span{ border: 1px solid #137F80; border-radius: 10px; width: 14px; display: inline-block; height: 14px; text-align: center; line-height: 14px; font-size: 12px; margin-left: 5px;}

/* END OF TABLES */

/* TEXT */
	
h1{font-family:'Roboto', sans-serif; font-size:30px; text-transform:none; color:#003366; font-weight:normal; text-align:center; border:none;}
h1.h1sub{width:100%; height:auto; float:left; text-align:center; margin:90px 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:30px; font-weight:500; text-transform:uppercase; color:#FFFFFF;}
h1.h1sub2{width:100%; height:auto; float:left; text-align:center; margin:70px 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:35px; font-weight:500; line-height:35px; text-transform:uppercase; color:#FFFFFF;}
h1.h1sub2 span{font-family:'Roboto', sans-serif; font-size:25px; font-weight:500; line-height:25px; text-transform:uppercase; color:#70DDFF;}
h2{font-family:'Roboto', sans-serif; font-size:21px; text-transform:none; color:#003366; font-weight:normal; text-align:left; border:none; text-transform:uppercase; padding:1% 0; margin:0;}
h2.h2sub{font-family:'Roboto', sans-serif; font-size:26px; text-transform:none; color:#003366; font-weight:normal; text-align:center; border:none; text-transform:uppercase; padding:1% 0; margin:0;}
h2.h2sub2{font-family:'Roboto', sans-serif; font-size:30px; text-transform:none; color:#003366; font-weight:500; text-align:center; border:none; text-transform:uppercase; padding:0; margin:30px 0 40px 0;}
h2.h2sub2 img{vertical-align:middle; margin-right:10px; width:100px;}
h3{font-family:'Roboto', sans-serif; font-size:18px; text-transform:none; color:#003366; font-weight:normal; text-align:left; border:none; padding:1% 0; margin:0;}
h3.contactus{font-family:'Roboto', sans-serif; font-size:32px; text-transform:uppercase; color:#003366; font-weight:400; text-align:center; border:none;}
h4{font-family:'Roboto', sans-serif; font-size:17px; text-transform:none; color:#00458C; font-weight:500; text-align:center; border:none; padding:1% 0; margin:0;}

a, a:link, a:visited, a:active{color:#003366; text-decoration:underline; text-transform:none; font-weight:normal;}
a:hover{color:#003366; text-decoration:underline; text-transform:none; font-weight:normal;}

.sitetext{font-family:'Roboto', sans-serif; font-size:16px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:none; color:#333333; list-style-type:square; line-height:25px;}
a.sitetext:link, a.sitetext:visited, a.sitetext:active{text-decoration:underline; text-transform:none; font-weight:normal; color:#00468C;}
a.sitetext:hover{text-decoration:underline; text-transform:none; font-weight:normal; color:#666666;}

.breadcrumbs{width:100%; height:auto; border-bottom:1px #CCCCCC dotted; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0; font-family:'Roboto', sans-serif; font-size:13px; line-height:normal; font-weight:bold; font-variant:normal; text-transform:none; text-decoration:none; color:#999999;}
.breadcrumbs a:link, .breadcrumbs a:visited{text-decoration:underline; font-weight:bold; color:#000000;}
.breadcrumbs a:hover{text-decoration:underline; font-weight:bold; color:#999999;}

.smalltext{font-size:9px;}

/* END OF TEXT */

/* MISC */

.hide{display:none;}
.hideTable{display:none;}
.mobilehide{display:block;}
.mobilehideTable{display:table;}
.mobileshow{display:none;}
.mobilehideTable{display:table-cell;}

.resourceContainer{width:100%; height:auto; float:left; text-align:left; margin:30px 0 20px 0; padding:0;}
.resourceContainer span{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:0; font-family:"Roboto",sans-serif; font-size:20px; font-weight:normal; color:#000000; font-weight:300;}

.resourceTable{width:100%; height:auto; float:left; text-align:center; margin:20px 0; padding:0;}
.resourceTable span{width:96%; height:auto; background:#3D8FBA; float:left; text-align:left; margin:0 0 4px 0; padding:10px 2%; font-family:'Open Sans', sans-serif; font-size:18px; font-weight:600; color:#FFFFFF;}
.resourceTable span img{float:right; margin:2px 0 0 20px;}
.resourceTable div.RTdiv1{width:100%; height:auto; background:#EFEFEF; clear:both; float:left; text-align:left; margin:0; padding:0; border:none;}
.resourceTable div.RTdiv1 table{width:100%; margin:0; font-family:'Open Sans', sans-serif; background:#FFFFFF; border-collapse:collapse;}
.resourceTable div.RTdiv1 table td{width:auto; height:auto; background:#EFEFEF; text-align:left; vertical-align:middle; padding:10px 20px; text-transform:none; font-size:18px; font-weight:400; color:#333333; border:4px solid #FFFFFF;}
.resourceTable div.RTdiv1 table td.imgtd{text-align:center;}
.resourceTable div.RTdiv1 table tr:first-child td{border-top:0;}
.resourceTable div.RTdiv1 table tr td:first-child{border-left:0;}
.resourceTable div.RTdiv1 table tr:last-child td{border-bottom:0;}
.resourceTable div.RTdiv1 table tr td:last-child{border-right:0;}
.resourceTable div.RTdiv1 table td iframe{width:560px; height:315px; float:left; margin:20px 0;}
.resourceTable div.RTdiv1 table td p{font-size:16px; font-weight:300;}
.resourceTable div.RTdiv1 table td.RTlisting a{font-size:18px; font-weight:400; color:#333333; text-decoration:none;}
.resourceTable div.RTdiv1 table td.RTlisting a:hover{font-size:18px; font-weight:400; color:#009D6A; text-decoration:none;}

.errorContainer{width:95.7%; height:auto; background:#FFFFFF; border:1px #FF0000 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:left; text-align:left; margin:20px 0; padding:10px 2%; font-family:'Roboto', sans-serif; display:none; color:#FF0000; -webkit-appearance:none;}
.errorContainer span{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; font-size:17px; font-weight:600; color:#FF0000;}
.errorContainer ol{margin:10px 0 0 0; float:left;}
.errorContainer li{font-size:14px; font-weight:normal; color:#FF0000;}

.brexitInfoContainer{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; display:block;}
.brexitInfoContainer img{width:auto; max-width:100%; height:auto;}
.brexitInfoContainer table{width:100%;}

.termsConditions{width:auto; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:right; text-align:left; margin:0; padding:2%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; display:block; color:#999999; -webkit-appearance:none;}
.termsConditions input{float:left; margin:5px 5px 0 0;}

.servicesContainer{width:100%; max-width:1000px; height:auto; text-align:center; margin:0 auto; padding:0; display:block;}
.servicesContainer h3{font-family:'Roboto', sans-serif; font-size:30px; line-height:35px; text-transform:none; color:#00458C; font-weight:500; text-align:center; border:none; text-transform:none; padding:1% 0; margin:0;}

.bulkContainer{width:94%; height:auto; background:#00458C; float:left; text-align:left; margin:20px 0 0 0; padding:3%; display:block;}
.bulkContent{width:50%; height:auto; float:left; text-align:left; margin:0 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:14px; font-weight:500; text-transform:uppercase; color:#70DDFF;}
.bulkContent img{width:30px; float:left; margin:0 8px 0 0;}
.bulkContent strong{float:left; margin:0 15px; font-weight:500; color:#FFFFFF;}
.bulkContent p{float:left; margin:0; padding:0;}
.bulkButton{width:50%; height:auto; float:left; text-align:right; margin:0; padding:0;}
.bulkButton a{font-size: 13px !important;}

.extrasContainer{width:64%; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:right; text-align:left; margin:15px 0; padding:2%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; display:block; color:#999999; -webkit-appearance:none;}
.extrasContainer input{float:left; margin:6px 5px 0 0;}

.findParkingContainer{width:50%; height:auto; text-align:center; margin:30px auto 0 auto; padding:0; display:block;}
.findParking{width:100%; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:right; text-align:center; margin:15px 0; padding:0; -webkit-appearance:none;}
.findParking h2{width:94%; height:auto; float:left; text-align:center; margin:0; padding:3%; font-family:'Roboto', sans-serif; font-size:30px; font-weight:500; text-transform:uppercase; color:#FFFFFF; -webkit-border-top-left-radius:8px; -moz-border-top-left-radius:8px; border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-top-right-radius:8px; border-top-right-radius:8px;}
.FP-BG1{background:#001040;}
.FP-BG2{background:#009900;}
.FP-BG3{background:#FF0000;}
.findParking div.FP-div{width:80%; height:auto; float:right; text-align:center; margin:0; padding:5% 10%;}

.form_wrap{width:50%; height:auto; text-align:center; margin:50px auto; padding:0; display:block;}

.map_wrap{width:100%; height:auto; text-align:center; margin:0 auto; padding:0; display:block;}

.search_wrap{width:46%; height:auto; background:#001040; text-align:center; margin:2% auto 0 auto; padding:2.5%; display:block;}

.searchwrap{width:70%; margin:20px 15%; float:none;}

.bookingnav{width:100%; height:auto; background:#000F40; float:left; margin:20px 0 0 0; padding:0; position:-webkit-sticky;}
.sticky{position:fixed; width:100%; max-width:1200px; top:0; z-index:100; border-top:0; margin:0;}

figure.AB3{margin:0; padding:0; width:100%; height:350px; position:relative; display:block; cursor:pointer; overflow:hidden; text-align:center;}
figure.AB3 img{width:100%; height:100%;}
figure.AB3:hover figcaption.AB3caption{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); opacity:1; -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); top:0;}
figcaption.AB3caption{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); opacity:0; position:absolute; height:100%; width:100%; top:-100%; background:rgba(0,0,0,.5); color:#FFFFFF; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; -webkit-transition-delay:.5s; -moz-transition-delay:.5s; -o-transition-delay:.5s; -ms-transition-delay:.5s; transition-delay:.5s; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
figcaption.AB3caption h3{font-family:'Roboto', sans-serif; font-weight:400; color:#CCCCCC; padding:10px 20px 0 20px; margin-bottom:0; position:relative; left:100%; margin-top:25px; font-size:50px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s; -webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; -ms-transition-delay:1s; transition-delay:1s;}
figcaption.AB3caption p{font-family:'Roboto', sans-serif; padding:10px 20px; margin-bottom:0; margin-top:10px; position:relative; left:100%; font-size:25px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s; -webkit-transition-delay:1.3s; -moz-transition-delay:1.3s; -o-transition-delay:1.3s; -ms-transition-delay:1.3s; transition-delay:1.3s;}
figure.AB3:hover h3,figure.AB3:hover p{left:0;}
figcaption.AB3caption a{color:#FFFFFF; border:2px solid #FFFFFF; padding:4px 10px; text-decoration:none;}
figcaption.AB3caption a:hover{color:#4f5856; background:#FFFFFF;}

.productjquery{width:100%; max-width:1200px; height:420px; background:#F6F6F6; float:left; text-align:left; margin:0; padding:0; position:relative; display:none;}
.productjquery span.PJspan{width:100%; height:auto; background:#333333; float:left; text-align:center; margin:0; padding:7px 0 5px 0; font-family:'Roboto', sans-serif; font-size:24px; font-weight:normal; text-transform:uppercase; color:#FFFFFF;}

.newsletter{width:100%; background:#CCCCCC; height:auto; text-align:center; margin:0 auto; padding:0 0 20px 0; display:none;}
.newsletter h2{font-size:45px; color:#333333; margin:20px auto; font-family:'Roboto', sans-serif; font-weight:300; text-align:center; text-transform:none;}
.newsletter p{color:#333333; font-family:'Roboto', sans-serif; font-size:18px;}

figure.figureBlog{margin:0; display:inline-block; position:relative;}
figure.figureBlog .card{width:100%; background:#F2F2F2; text-align:left; margin:0 0 50px 0; display:inline-block; position:relative; padding-bottom:5px;}
figure.figureBlog .card .date{width:92%; height:auto; background:#FFFFFF; float:left; text-align:center; margin:2%; padding:2%; display:inline-block; position:relative; font-family:'Roboto', sans-serif; font-size:20px; color:#666666;}
figure.figureBlog .card .date p{margin:0; padding:0; font-size:70px; font-weight:400; line-height:70px;}
figure.figureBlog .card .card-info{padding:5%;}
figure.figureBlog .card .card-info h4{width:100%; margin:0 0 10px 0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:700;}
figure.figureBlog .card .card-info h4 a:link, figure.figureBlog .card .card-info h4 a:visited, figure.figureBlog .card .card-info h4 a:active{font-weight:500; color:#003366; text-decoration:none; text-transform:none;}
figure.figureBlog .card .card-info h4 a:hover{font-weight:500; color:#666666; text-decoration:none; text-transform:none;}
figure.figureBlog .card .card-info .content{font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; color:#666666; margin:0 0 20px 0;}
figure.figureBlog .card .card-info .options span{color:#333333;}
figure.figureBlog .card .card-info .card-author-line{font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; margin:0 0 10px 0;}
figure.figureBlog .card .card-info .card-author-line .card-date{font-weight:700;}
figure.figureBlog .card .card-info .card-excerpt{font-family:'Roboto', sans-serif; font-size:14px; font-weight:400;}
figure.figureBlog .card .card-info .card-read-line{text-align:center; margin-top:30px;}
figure.figureBlog .card img{width:100%; height:auto;}
figure.figureBlog .card img:hover{filter:gray; /* IE6-9 */ filter:grayscale(1); /* Firefox 35+ */ -webkit-filter:grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */}
figure.figureBlog{opacity: 1 !important;} 

hr{height:2px; background-color:#DBDFE0; color:#DBDFE0; width:100%; border:0;}

.imagespacer1{float:right; margin:10px 0; width:42.5%; max-width:365px;}
.imagespacer2{float:left; margin:5px 1% 10px 0;}

#footerSlideContainer{position:fixed; bottom:0; width:100%; z-index:10; display:none;}
#footerSlideButton{background:url(../images/general/callback.jpg) top left repeat-x; position:absolute; top:-50px; right:230px; max-width:200px; width:100%; height:50px; border:none; cursor:pointer; font-family:'Roboto', sans-serif; color:#FFFFFF; font-size:25px; padding:0;}
#footerSlideContent{width:100%; height:0; background:#333333; color:#BC151C; font-size:0.8em; border:none; font-family:'Roboto', sans-serif; overflow:hidden;}
#footerSlideContent h3{text-align:left; font-size:16px; font-weight:normal; color:#FFFFFF; margin:0 0 20px 0;}
#footerSlideContent ul{color:#BC151C; list-style-type:none; line-height:2em;}
#footerSlideText{max-width:930px; width:93%; margin:0 auto; padding:25px 0; height:auto; overflow:visible;}
.footerSlideText_contact{width:200px; height:auto; float:right; text-align:left; margin:-10px 0 0 50px; padding:0; display:block;}
.footerSlideText_contact .FSTC_tel{width:175px; height:auto; background:url(../images/general/tel_footer.png) top left no-repeat; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 0 35px; display:block; font-family:'Roboto', sans-serif; font-size:15px; font-weight:bold; color:#FFFFFF;}
.footerSlideText_contact .FSTC_tel span{color:#CCCCCC;}
.footerSlideText_contact .FSTC_tel a{font-weight:bold; color:#FFFFFF; text-decoration:none;}
.footerSlideText_contact .FSTC_tel a:hover{font-weight:bold; color:#CCCCCC; text-decoration:none;}
.footerSlideText_contact .FSTC_pointer{width:175px; height:auto; background:url(../images/general/location.png) top left no-repeat; float:left; text-align:left; margin:0 0 20px 0; padding:0 0 0 35px; display:block; font-family:'Roboto', sans-serif; font-size:15px; font-weight:bold; color:#FFFFFF;}
.footerSlideText_contact .FSTC_pointer span{color:#CCCCCC;}
.footerSlideText_contact .FSTC_pointer a{font-weight:bold; color:#FFFFFF; text-decoration:none;}
.footerSlideText_contact .FSTC_pointer a:hover{font-weight:bold; color:#CCCCCC; text-decoration:none;}
.footerSlideText_contact .FSTC_email{width:175px; height:auto; background:url(../images/general/contact_footer.png) top left no-repeat; float:left; text-align:left; margin:0 0 20px 0; padding:0 0 0 35px; display:block; font-family:'Roboto', sans-serif; font-size:15px; font-weight:bold; color:#FFFFFF;}
.footerSlideText_contact .FSTC_email span{color:#CCCCCC;}
.footerSlideText_contact .FSTC_email a{font-weight:bold; color:#FFFFFF; text-decoration:none;}
.footerSlideText_contact .FSTC_email a:hover{font-weight:bold; color:#CCCCCC; text-decoration:none;}

#statusMessage{max-width:400px; width:40%; height:120px; background:#999999; border:2px #333333 solid; padding:30px 0.5% 5px 0.5%; text-align:center; font-family:'Roboto', sans-serif; font-size:15px; font-weight:bold; color:#FFFFFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; box-shadow:1px 1px 20px 1px #999999;}
#statusMessageWishList{max-width:400px; width:40%; height:120px; background:#999999; border:2px #333333 solid; padding:30px 0.5% 5px 0.5%; text-align:center; font-family:'Roboto', sans-serif; font-size:15px; font-weight:bold; color:#FFFFFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; box-shadow:1px 1px 20px 1px #999999;}

#currencycountrybox{max-width:350px; width:32%; height:auto; background:#009D6A; position:absolute; z-index:30; top:95px; right:0; padding:1%; border-radius:5px; text-align:center; font-size:16px; font-family:'Roboto', sans-serif; color:#FFFFFF;}
#currencycountrybox p{margin-top:0; font-family:'Roboto', sans-serif;}
#currencycountrybox label{width:100px; float:left; margin:5px 5px 5px 0; font-weight:normal; font-size:14px;}
#currencycountrybox select{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 5px 5px 0; padding:1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
input.submitCC, a.submitCC, a.submitCC:link, a.submitCC:visited{font-family:'Roboto', sans-serif; color:#666666; background:#FFFFFF; border:none; font-size:13px; font-weight:normal; padding:6px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none; margin-top:0;} 
a.submitCC:hover, input.submitCC:hover{font-family:'Roboto', sans-serif; color:#666666; background:#CCCCCC; border:none; font-size:13px; font-weight:normal; padding:6px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}

.crossingOB{width:47%; padding:1%; margin:1% 1% 1% 0; float:left; height:auto; background:rgba(0,16,64,0.5);}
.crossingRT{width:47%; padding:1%; margin:1% 0 1% 1%; float:left; height:auto; background:rgba(0,16,64,0.5);}
.crossingTitle{width:100%; float:left; background:#001040; margin:0; padding:0; color:#FFFFFF;}
.crossingTitle .img{width:18%; float:left; text-align:center; margin:20px 0 0 0; padding:0;}
.crossingTitle .img img{width:auto;}
.crossingTitle .route{margin:15px 5% 15px 2%; width:75%; float:left; color:#FFF;}
.crossingTitle .route h3{color:#FFF; font-size:30px; padding:0; width:100%;}
.crossingTitle .route p{padding:0; margin:0; text-align:left;}
.crossingDate{width:100%; background:#00468C; float:left; margin:0; padding:0;}
.crossingDate span{width:56%; float:left; text-align:left; margin:0; padding:20px 2% 0 2%; font-size:20px; color:#FFFFFF;}
.crossingDate h2{width:38%; float:left; text-align:right; margin:0; padding:20px 2% 20px 0; color:#70DDFF; font-weight:500; font-size:35px; text-transform:uppercase;}
.crossingInfo{width:96%; background:#FF0000; float:left; margin:0; padding:2%; font-size:15px; color:#FFFFFF;}
.crossingPrices{width:100%; background:#7F879F; border-top:2px #FFFFFF solid; float:left; margin:0; padding:7px 0; font-size:17px; color:#FFFFFF;}
.table_crossing{width:100%; float:left; margin:2% 0 0 0; padding:0;}
.table_crossing th{color:#FFFFFF; text-transform:uppercase; font-size:16px; font-weight:normal}
.table_crossing td{background:#FFFFFF; color:#333333; font-size:16px; padding:5px;}
.table_crossing td.TCcheckbox{padding:0;}
.table_crossing tr:hover td{background:#70DDFF; color:#333333;}

.crossingsExtra{width:76%; height:auto; float:left; padding:0; margin:3% 12% 0 12%;}
.crossingsExtra h2{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0 0 10px 0; color:#333333; font-size:23px; font-weight:500; text-transform:none;}
.contactCrossings{width:100%; background:#F4F4F4; float:left; text-align:center; margin:3% 0; padding:20px 0; font-size:20px; color:#333333;}

.serviceFooter{width:100%; padding:0; margin:0; float:left; background:#F4F4F4;}
.serviceFooter_content{max-width:620px; width:100%; padding:0; margin:0 auto;}
.serviceFooter_content p{padding:0; text-align:center; font-family:'Roboto', sans-serif; font-size:15px; color:#003366;}

.bookingSummary{max-width:1000px; width:83.4%; float:left; padding:0; margin:0 8.3%;}
.bookingSummary_content{width:95%; padding:2.5%; margin:0; float:left; background:#F4F4F4;}
.bookingSummary_content .trips{width:47.5%; padding:0; float:left;}
.bookingSummary_content .trips:nth-child(1){padding:0 2.5% 0 0;}
.bookingSummary_content .trips:nth-child(2){padding:0 0 0 2.5%;}

.title{background:#002040; width:100%;}
.title h2{color:#FFFFFF; padding:2%; font-size:20px; font-weight:500;}

.bookingTotalPrice{width:100%; background:#FFFFFF; float:left; margin:3% 0; padding:0;}
.bookingTotalPrice p{color:#666666; text-align:center; font-weight:400; text-transform:none; font-size:25px;}
.bookingTotalPrice h2{color:#131A41; text-align:center; font-weight:500; padding:0 0 3% 0; text-transform:none; font-size:30px;}

.nonbooking{width:90%; background:#FFFFFF; float:left; margin:3% 0; padding:20px 5%; color:#666666; text-align:center; font-weight:400; text-transform:none; font-size:20px;}

.bookingForm{width:90%; height:auto; background:#F4F4F4; float:left; margin:40px 0 0 0; padding:20px 5%;}
.bulkbookingForm{width:96%; height:auto; background:#F4F4F4; float:left; margin:5px 0 0 0; padding:20px 2%;}
iframe{border:0; max-width:98%; margin:2% 1%;}
iframe.videos{border:0; max-width:48%; margin:2% 1%; float:left;}

input.booking{float:left; margin:2% 1%;}
p.BP{color:#666666; font-size:14px; float:left; text-align:center; margin:1.5% 2%;}

.row{width:100%; padding:0; margin:0; height:auto; float:left;}
.row .column_img{width:37%; padding:0 1.5% 1% 1.5%; float:left; margin:0;}
.row .column_img img{max-width:100%; width:auto;}
.row .column_content{width:58%; padding:0; float:left; margin:0;}

.form_bottom{width:60%; margin:1% 20%; padding:0; float:left; text-align:center;}

.no_crossings{width:93%; height:auto; float:left; text-align:left; margin:0; padding:0 0 0 7%; color:#666666; font-size:20px;}

.booking_confirmation{max-width:1000px; width:90%; padding:5%; margin:0 auto; background:#F5F5F5; color:#666666; font-size:14px;}
.refNo{background:#FFFFFF; color:#131940; font-size:20px; width:100%; padding:2% 0; margin:0 0 2% 0;}
.refNo p{padding:0; margin:0;}
.refNo .RN{font-size:40px; text-align:center; font-weight:bold;}

.intermodal_img{max-width:45%; width:100%; padding:0; margin:2.5%; float:left;}

.twitterFeed{width:25%; padding:0; margin:3% 0 3% 5%; float:right; height:450px; overflow-y:scroll;}

.route_tabs{width:100%; float:left; padding:0; margin:0 0 5% 0;}
.routeDetail{max-width:1000px; width:100%; height:auto; padding:0; margin:0 auto;}
.routeDetail_content{width:100%; height:auto; float:left; padding:0; margin:0;}
.routeDetailHeader{width:96%; height:auto; float:left; padding:10px 2% 4px 2%; margin:0; background:#00458C; color:#FFFFFF; text-align:left; font-size:25px; text-transform:uppercase;}
.routeDetailHeader img{float:left; margin:-7px 10px 0 0; padding:0;}
.routeDetail .dock_img{width:48%; float:left; height:350px; margin:10px 2% 30px 0; padding:0;}
.routeDetail .dock_img img{max-width:100%; width:100%; max-height:343px;}
.routeDetail .dock_map{width:48%; float:left; height: 350px; margin:10px 0 30px 2%; padding:0;}
.routeDetail .dock_map img{max-width:100%; width:auto;}
.routeDetail .routeDetail_info{width:100%; padding:0; margin:5% 0; float:left; text-align:center;}
.routeDetail .routeDetail_info h1, .routeDetail .routeDetail_info h2, .routeDetail .routeDetail_info h3{text-align:center;}
.routeDetail .routes_itinerary{width:90%; height:auto; float:left; padding:2% 5%; margin:10px 0; background:#CAEDFC;}
.routeDetail .routes_itinerary h3{width:100%; height:auto; margin:0 0 1.5% 0; padding:0; text-align:left; color:#14436F; text-transform:capitalize; font-size:25px; float:left;}

.gm-style .gm-style-iw{background-color:#00458C !important; top:0 !important; left:0 !important; min-width:200px !important; min-height:105px !important; padding-top:10px; display:block !important; border:3px solid #FFFFFF !important;}
.gm-style .gm-style-iw #google-popup p{ padding: 10px;}
.gm-style div div div div div div div div{overflow:hidden !important; line-height:1.35em; white-space:nowrap;}
.gm-style div div div div div div div div{background-color:none !important; padding: 0; margin: 0; padding: 0; top: 0; color: #fff; font-size: 16px;}
.gm-style div div div div div div div div .infowindow_flag{width:70px; float:left; padding:0 0 0 10px; margin:0;}
.gm-style div div div div div div div div .infowindow_content{font-family:'Nunito', sans-serif; width:150px; float:left; padding:0; margin:0;}
.gm-style div div div div div div div div .infowindow_content h2{color:#FFFFFF; font-weight:700; text-align:left; text-transform:capitalize; width:100%; padding:0; margin:0; font-size:22px; float:left;}
.gm-style div div div div div div div div .infowindow_content h3{color:#70DDFF; font-weight:700; text-align:left; text-transform:uppercase; width:100%; padding:0; margin:0; font-size:14px; float:left;}
.gm-style div div div div div div div div .infowindow_content a.infowindow_moreinfo, .gm-style div div div div div div div div .infowindow_content a.infowindow_moreinfo:link, .gm-style div div div div div div div div .infowindow_content a.infowindow_moreinfo:visited, .gm-style div div div div div div div div .infowindow_content a.infowindow_moreinfo:active{width:auto; text-align:left; color:#FFFFFF; font-size:11px; line-height:19px; font-weight:700; background:url(../images/general/moreinfo.jpg) center right no-repeat; text-decoration:none; text-transform:normal; float:left; padding:0 30px 0 0; margin:10px 0 5px 0; height:19px;}
.gm-style div div div div div div div div .infowindow_content a.infowindow_moreinfo:hover{opacity:0.7;}
.gm-style div div div div div div div div .infowindow_content a.infowindow_book, .gm-style div div div div div div div div .infowindow_content a.infowindow_book:link, .gm-style div div div div div div div div .infowindow_content a.infowindow_book:visited, .gm-style div div div div div div div div .infowindow_content a.infowindow_moreinfo:active{font-family:'Roboto', sans serif; width:70%; text-align:center; color:#FFFFFF; font-size:14px; font-weight:400; background:#70DDFF; border-radius:4px; text-decoration:none; text-transform:uppercase; float:left; padding:5px; margin:5px 0 10px 0;}
.gm-style div div div div div div div div .infowindow_content a.infowindow_book:hover{opacity:0.7;}

.scrollFix{line-height:1.35; overflow:hidden; white-space:nowrap;}

.desc2_service{width:100%; float:left; padding:0; margin:0; height:auto;}
.desc2_service_content{width:58%; float:left; padding:0; margin:0 2% 0 0; text-align:left;}
.desc2_service_img{width:40%; float:left; padding:0; margin:0;}
.desc2_service_img img{max-width:100%;}

.galleryimg{max-width:40%;}

.moveright{float:right; height:auto; width:60px;}

#brexitnav{width:100%; height:auto; float:right; background:#3D8FBA;}
#brexitnav ul{width:100%; height:auto; margin:0; padding:0;}
#brexitnav li{width:94%; height:auto; float:left; list-style-type:none; text-align:left; margin:0; padding:3%; color:#FFFFFF; font-size:18px; font-weight:500;}
#brexitnav li#titlenav{min-height:0; background:rgba(0, 16, 64, 0.8); color:#FFFFFF; opacity:0.8;}
#brexitnav img{width:100%; height:155px; margin:0 auto;}
#brexitnav img#lang{width:auto; height:auto; margin:0 5px 0 0; float:left;}

.sailingicon{ position: relative; right: -3%; cursor: pointer;}
.sailingicon img{margin:0 0 -3% !important;}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{background: #FFF !important;width: 500px !important;margin: 0 auto;position: fixed !important; transform: translate(-50%, -50%); position: fixed;	top: 50% !important; left: 50% !important; background: #FFF !important;/*top: 533px !important;*/}
.ui-button:focus { outline:none !important }
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {background: none; font-weight: normal; border: solid 1px #3D8FBA;}

#documentationbox a#submit_btn4{margin: 20px 1.2% 0 0;}
#imageslist span{color: #00458C; font-size: 20px;}
#imageslist span a{color: #00458C; font-size: 12px;}
.compphotos2 ul{padding:0;}
.compphotos2 li{list-style-type: none; box-shadow: 0 0 5px 1px rgba(0,0,0,.3); padding: 10px; margin: 10px 0;}
.compphotos2 li img{display: none;}
.fileNameUpld{color: #000 !important; font-size: 14px !important; margin-right: 10px;}
.submissionType{display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.submissionType div{min-width: 15%; margin-top:25px;}
.submissionType label{width: auto;}
.submissionType div.s_and_s_notification{margin-top:0px;}
.submissionType div.s_and_s_notification p{font-size: 13px;}

.cargodistribution_pdf{font-family: 'Roboto', sans-serif; position: relative; min-height: 800px; margin-top: 40px;}
.cargodistribution_pdf .header{width: 94%; height: 200px; max-width: 100%; background: #F9F9F9;}
.cargodistribution_pdf .header .header_logo{width: 50%; height: 200px; margin: 0; padding:0; background: #CCC; text-align: center; min-width: 50%;}
.cargodistribution_pdf .header .header_logo img{margin: 65px auto; padding: 0 37.5%; width: 25%; max-width: 230px; max-height: 50px;}
.cargodistribution_pdf .header .header_address{width: 50%; height: 180px; padding: 0; background: #F9F9F9; float:left; min-width: 50%; margin-top:20px;}
.cargodistribution_pdf .header ul{width: 100%; list-style-type: none; padding: 0;}
.detailsOfQuote{width: 94%; margin: 40px auto; display: flex; flex-wrap: wrap; border: 2px solid #333;}
.detailsOfQuote span{width: 96%; text-align: left; color:#000F40; font-weight: 700; font-size: 16px; padding: 5px 12px; float: left; margin-top:20px; margin-left:20px;}
.detailsOfQuote table td, .detailsOfQuote table th{padding: 5px 10px; text-align: left;}
.quote_details table, .customer_address table{width: 99%; margin:20px 6px;}
.detailsOfQuote .quote_details{width: 50%; margin: 20px 0; float: left;}
.detailsOfQuote .customer_address{width: 50%; margin: 20px 0; float: left;}
.quoteCharges{width: 90%; margin: 25px auto; text-align: left;}
.totalCost{display: block; float: right; margin: 1% 5%;}
.totalCost span{display: inline; float: none; color: #000F40;}
.cargoTermsConditions{width: 94%; margin: 40px  auto; padding: 0; display: inline-block; border: 2px solid #333; text-align: left;}
.cargoTermsConditions p{margin:20px;}
.cargoFooter{width: 100%; margin: 10px auto; text-align: center; position: relative; bottom: 8px;}
.cargoFooter span{width: 100%;}
p.subTitle{text-align: left; color:#000F40; font-weight: bold; font-size: 16px; margin:20px 20px 0 20px; display: block; width: 94%;}
#BookingType{margin-top:10px;}
.cargoPrice,.cargoBooking{margin:0;}
#CalculateCostDisplay{display: inline-block; margin: 10px;}
#CalculateCostDisplay p:nth-child(1){font-size: 28px;}
#CalculateCostDisplay p:nth-child(2){font-size: 14px; font-style: italic;}
#mainbodyformnonpalletised{margin-top:10px;}
.form_enquire3 label.CustomsClearanceService{width: auto; margin-right: 1%;}
.form_enquire3 .FE2_inputwide#CustomsClearanceService{margin-top:8px !important;}
.cargoHistory th{color:#003366;}
input.CSVexportsubmit, a.CSVexportsubmit, a.CSVexportsubmit:link, a.CSVexportsubmit:visited { width: auto; height: auto; background: url(../images/buttons/CSVexport1.png) left no-repeat #CCCCCC; border: none; float: right; margin: 0; padding: 11px 10px 11px 40px; color: #333333; cursor: pointer; border-radius: 5px; font-weight: bold; text-decoration: none;}
a.CSVexportsubmit:hover, input.CSVexportsubmit:hover{opacity: 0.7;}
.cargoHistoryDetails span{width: 100%; display: block; text-align: left; margin-top:5px;}
.cargoHistoryDetails .FICSB_divContainer1, .cargoHistoryDetails .FICSB_divContainer2{width: 48%; float: left; margin:0 1%;}

.upload-section{background-color: #003366; color: #ffffff; text-align: left; padding: 25px; border-radius: 10px; margin-top: 25px; display: flex; justify-content: space-between; align-items: center;}
.upload-section label, .upload-section input, .upload-section button{font-size: 16px;}
.upload-section .submit_declaration{padding: 20px; background-color: #3D8FBA; color: #fff; font-weight: bold; border: none; text-decoration: none; line-height: normal;}
.upload-section-buttons-container{display: flex; align-items: center; gap:10px;}
.upload-section ul.help_options {padding-left: 15px;}
.upload-section ul.help_options li a{color: #ffffff;}

.bottom-upload-section{background-color: #003366; color: #ffffff; text-align: center; padding: 25px; border-radius: 10px; margin-bottom: 25px;}
.bottom-upload-section .submit_declaration{padding: 20px; background-color: #3D8FBA; color: #fff; font-weight: bold; border: none; font-size: 16px;}

.upload-section.error{background-color: #c21807; padding:10px 25px;}
.upload-section.error p{font-weight: 900; font-size: 18px;}

.declaration_page_header{text-transform: capitalize; margin:15px auto; font-size: 24px;}
.declaration_page_subheader{font-size: 21px;}

.declaration{border-bottom: dashed 5px #003366;}

.declaration_list{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 20px;}
.declaration_item{background-color: #f0f0f0; padding:0;}
.declaration_item_header{background-color: #00458C;}
.declaration_item h3{color: #ffffff; padding:5%;}
.declaration_item_content{padding:5%;}
.declaration_item span{display: block; text-align: left;}

.declaration_table tr th{background-color:#00458C; color:#ffffff; font-weight: normal;}
.declaration_table tr th:first-child{background:none; padding: 0;}
.declaration_table tr td:first-child{background:none; padding: 0;}
.declaration_table tr.goods_product_details td:first-child{background-color:#003366; color:#ffffff;}
.declaration_table tr.goods_personal_details td{text-align: left; padding:1px 10px;}
.declaration_table tr.goods_personal_details td span{display: block; margin-bottom: 10px;}
.declaration_table tr.goods_personal_details td span strong{margin-right: 10px;}
.declaration_table tr.goods_personal_details td:nth-child(2){background-color:#00458C; color:#ffffff; font-weight: normal; text-align: center;}
.declaration_table tr.goods_personal_details input{width:100%;}
.declaration_table {width: 100%; max-width: 1200px; table-layout: fixed;}
.declaration_table tr td select{width: 100%; text-overflow: ellipsis;}

.declaration_error_listing_header{color: #c21807; font-size: 21px;}
.declaration_error_listing{list-style-type: none; padding-left: 0;}
.declaration_error_listing li{text-align: left; background-color: #c21807; color:#ffffff; margin:15px auto; border-radius: 10px; padding:10px 25px; font-weight: 900; font-size: 18px;}

.declaration_hover_menu{background-color: #003366; width:240px; height: auto; left: 0; top:50%; position: fixed; z-index: 1002;}
.declaration_hover_menu button{padding: 20px; width: 150px; background-color: #3D8FBA; color: #fff; font-weight: bold; border: none; text-decoration: none; line-height: normal; display: block; margin: 20px auto; font-size: 16px;}

.AddGood{text-align: right; margin-top: 10px;}
.AddGood span{padding: 10px 25px; background-color: #3D8FBA; color: #fff; font-weight: bold; border: none; text-decoration: none; display: inline-block;}
.declaration_preview_header {
    display: flex;
    align-items: center;
    gap: 50px; /* space between title + button */
    margin: 20px 0px 20px 0px;
}

.declaration_page_header {
    margin: 0;
	  font-size: 32px;   /* ← make it bigger */
}

.declaration_refresh_preview {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background-color: #3D8FBA;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px;
    font-size: 16px;
	cursor:pointer;
}

.declaration_refresh_preview .refresh-icon {
    width: 20px;
    height: 20px;
}




.declaration_header{display: flex; justify-content: space-between;}
a.declaration_save_draft{padding: 20px; background-color: #3D8FBA; color: #fff; font-weight: bold; border: none; text-decoration: none;}





.ui-widget-content{background-color: #ffffff;}

[type="checkbox"], [type="radio"] {
	width: 20px !important;
	height: 20px !important;
	margin: auto 5px !important;
  }

.free-to-proceed.GMRStatus, .ready-to-check-in.GMRStatus, .checked-in.GMRStatus{margin: 1%; padding: 0.5% 1%; float: left; border: 2px solid #28a745; border-radius: 10px; background-color: rgba(40, 167, 69, 0.1);}
.do-not-check-in.GMRStatus, .draft.GMRStatus, .deleted.GMRStatus, .amend-submitted.GMRStatus, .queued-for-amend.GMRStatus, .queued-for-create.GMRStatus{margin: 1%; padding: 0.5% 1%; float: left; border: 2px solid #ffc107; border-radius: 10px; background-color: rgba(255, 193, 7, 0.1);}
.inspection-required.GMRStatus,.amend-failed.GMRStatus{margin: 1%; padding: 0.5% 1%; float: left; border: 2px solid #dc3545; border-radius: 10px; background-color: rgba(220, 53, 69, 0.1);}

.free-to-proceed, .ready-to-check-in, .checked-in{color: #28a745 !important; font-weight: bolder; line-height: 1.2;}
.do-not-check-in, .draft, .deleted, .amend-submitted, .queued-for-amend, .queued-for-create{color: #ffc107 !important; font-weight: bolder; line-height: 1.2;}
.inspection-required,.amend-failed{color: #dc3545 !important; font-weight: bolder; line-height: 1.2;}
.uCase{text-transform: uppercase;}

.compact-btn{display: inline-flex; align-items: center; gap:0px; padding:4px 8px; font-size: 14px; color: #797979 !important; text-decoration:none !important;}
.compact-btn img{width: 20px; height: auto; margin: 0 !important;}
.compact-btn:hover{transform: translateY(-1.5px);}
.compact-btn.noHover{transform: none;}
.compact-btn .sml{font-size: 12px; text-decoration: underline;}

/* END OF MISC */

/* SHOP */

#optiondropdownsList{width:100%; height:auto; float:left;}
#optiondropdownsList label{width:60px; font-weight:bold; float:left; text-align:left; margin:0 10px 0 0;}

#code{width:96%; height:auto; background:#CCCCCC; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:1.5%; font-family:'Roboto', sans-serif; font-size:16px; color:#333333;}
#price{width:96%; height:auto; background:#CCCCCC; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:1.5%; font-family:'Roboto', sans-serif; font-size:16px; color:#333333;}
#rrp{width:96%; height:auto; background:#CCCCCC; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:1.5%; font-family:'Roboto', sans-serif; font-size:16px; color:#333333;}

.productDetailBar{width:96%; height:auto; background:#CCCCCC; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:1.5%; font-family:'Roboto', sans-serif; font-size:16px; color:#333333;}
.productDetailDescLTF{width:20%; height:auto; float:left; text-align:left; margin:0 3% 0 0; padding:0; font-family:'Roboto', sans-serif; font-weight:bold; text-transform:uppercase;}
.productDetailDescRHT{width:77%; height:auto; float:left; text-align:left; margin:0; padding:0; font-weight:normal;}
.productDetailDescRHT select{width:auto; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0; padding:0.5% 1.5%; font-weight:normal;}

.calltoaction{width:100%; height:auto; float:left; text-align:left; margin:10px 0; padding:0;}
.calltoaction h3{width:100%; height:auto; float:left; text-align:left; margin:0 0 3px 0; font-family:'Roboto', sans-serif; font-weight:300; font-size:17px; color:#999999;}
.calltoaction span{width:auto; height:auto; float:left; margin:0 3px 0 0; padding:0;}
.calltoaction ul{width:auto; height:auto; float:left; margin:0; padding:0;}
.calltoaction li{width:auto; height:auto; float:left; margin:0; padding:0; list-style-type:none; display:inline;}

/* END OF SHOP */

/* JQUERY */

.slideshow{width:100%; max-width:1000px; height:300px; text-align:center; margin:0 auto;}

.acc_trigger{width:98%; height:46px; float:left; text-align:left; margin:0 0 3px 0; padding:0 1%; border:none; background:#00458C;}
.acc_trigger a{width:100%; height:30px; background:url(../images/general/faq1.jpg) right top no-repeat #00458C; float:left; text-align:left; margin:8px 0; padding:0; border:none; color:#FFFFFF; font-family:'Roboto', sans-serif; font-size:25px; font-weight:normal; text-decoration:none; display:block; cursor:pointer; text-transform:uppercase;}
.acc_trigger a:hover{width:100%; height:30px; float:left; text-align:left; margin:8px 0; padding:0; border:none; color:#FFFFFF; font-family:'Roboto', sans-serif; font-size:25px; font-weight:normal; text-decoration:none; display:block; text-transform:uppercase; cursor:pointer;}
.acc_trigger_active a{background: url(../images/general/faq2.jpg) right top no-repeat #00458C;}
.acc_trigger a img{float:left; margin:-5px 10px 0 0; max-width:60px; width:100%;}
.acc_trigger a span{float:left; width:auto; height:auto; text-align:left; margin:3px 0 0 0;}
.acc_trigger a div{float:right; width:auto; height:auto; text-align:right; margin:3px 40px 0 0; font-size:15px; color:#70DDFF; text-transform:capitalize;}
.acc_container{width:94%; height:auto; background:#CAEDFC; clear:both; float:left; text-align:left; margin:0 0 2px 0; padding:2% 3% 2% 3%; border:none; font-family:'Roboto', sans-serif; color:#333333;}

<!-- START of photoswipe CSS -->
.my-simple-gallery{float:left; text-align:center; height:auto; margin:0; padding:0; width:100%;}
.my-simple-gallery img{width:100%; height:auto;}
.my-simple-gallery figure{display:block; float:left; height:auto; overflow:hidden;}
.my-simple-gallery figure.figureMain{float:right; margin:10px 0; width:42.5%; max-width:365px;}
.my-simple-gallery figure.figureMain img{width:100%;}
.my-simple-gallery figure.figureMain2{margin:0 0 5% 0; width:100%;}
.my-simple-gallery figure.figureMain2 img{width:100%;}
.my-simple-gallery figure.figureMain3{margin:15px 5% 5% 0; width:100%; max-width:200px; display:block; float:left; height:auto; overflow:hidden;}
.my-simple-gallery figure.figureMain3 img{width:100%;}
.my-simple-gallery figure.figureMainProduct{margin:0 2%; width:96%; position:relative;}
.my-simple-gallery figure.figureMainProduct img{width:100%;}
.my-simple-gallery figure.figureSub{margin:2%; width:16%; height:120px;}
.my-simple-gallery figure.figureSub img{width:100%; height:100%;}
.my-simple-gallery figure.figureSub2{margin:2%; width:29%; height:120px;}
.my-simple-gallery figure.figureSub2 img{width:100%; height:100%;}
.my-simple-gallery figure.figureGallery{margin:2%; width:16%; height:auto;}
.my-simple-gallery figure.figureGallery img{width:100%; height:auto;}
.my-simple-gallery figcaption{display:block;}
.my-simple-gallery figure.figureTeamMain{float:none; margin:0 auto 5% auto; width:30%;}
.my-simple-gallery figure.figureTeamMain img{width:100%;}
.my-simple-gallery figure.figureJobMain{float:none; margin:0 auto 5% auto; width:100%;}
.my-simple-gallery figure.figureJobMain img{width:100%;}
.my-simple-galleryMasonry{float:right; margin:10px 0; width:100%; max-width:100%;}
.my-simple-galleryMasonry figure.figureSubMasonry{margin:0; display:inline-block; position:relative;}
.my-simple-galleryMasonry figure.figureSubMasonry img{max-width:100%; width:auto;}
<!-- END of photoswipe CSS -->

@-webkit-keyframes androidbugfix{from {padding:0} to {padding:0} } /* http://timpietrusky.com/advanced-checkbox-hack */
#header_res{position:absolute; z-index:10; top:0; left:0; right:0; height:50px; background: none repeat scroll 0 0 rgba(0, 16, 64, 0.8); opacity: 0.75; width:100%; display:none;}
#header_res label{padding:0 0.125em; font:30px Arial; float:right; position: absolute;}
#menu_res label{padding:0 0.25em; font:30px Arial;}
#menu_res .sub-nav label{padding:0 0.3125em; font:2em/2em Arial; top:0;}
#header_res label:hover, #menu_res label:hover{color:#CCCCCC;}
#main-nav-check, #menu_res .sub-nav-check{position:absolute; top:-9999px; left:-9999px;}
.toggle{position:absolute; right:0.15em; cursor:pointer; color:#FFFFFF;}
.container{background:#FFFFFF; min-height:100%; padding:0; margin:0;}
#menu_res, #menu_res .sub-nav{position:absolute; top:0; bottom:0; width:13.75em; background:rgba(0, 16, 64, 0.8); z-index:9999; left:-13.75em;}
.container, #menu_res, #menu_res .sub-nav{   
	-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);
	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;
}
#menu_res ul{ background:rgba(0, 16, 64, 0.8); line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:50px; border-top:1px solid #444444;}
#menu_res li{ border-bottom:1px solid #444444; text-align: left;}
#menu_res li a{ display:block; font-size:0.875em; padding-left:1.5em; color:#FFFFFF; text-decoration:none; font-family: 'Roboto', sans-serif;}
#menu_res li a:hover, #menu_res .toggle-sub:hover{ background:rgba(64,142,184,0.8);}
#menu_res .sub-nav{ margin-top:-1px;}
#menu_res .sub-heading{ margin-top:4.0625em; padding-left:1.3125em; color:#999999; font-family: 'Roboto', sans-serif; text-transform:uppercase;}
#menu_res .sub-heading:before{ content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#444444;}
#menu_res .toggle-sub{ font:bold 1em/2.75em Arial !important; color:#FFFFFF; background:rgba(0, 16, 64, 0.8); float:right; top:auto; margin-top:-2.75em; width:2.25em; border-left:1px solid #444444; cursor:pointer; text-align:center;}
.container, #menu_res, #menu_res .sub-nav{-webkit-transform:translate3d(0,0,0);} /* http://davidwalsh.name/translate3d */
#header_res span{width:auto; height:auto; float:left; text-align:left; margin:8px 10px 0 10px; padding:0; font-family:Verdana; font-size:12px; color:#FFFFFF; display:block; z-index:10;}
#header_res span img{width:auto; height:auto; float:left; text-align:left; margin:0 5px 0 0; padding:0;}
#header_res div.HRLogo{width: 24%; height:auto; float:left; margin: 15px 1px 0 8px;padding:0; font-family:Verdana; font-size:12px; color:#FFFFFF; display:block;}
#header_res div.HRLogo img{width: 100%;height: auto;}

#header_res div.HRLogoTablet{width:120px; height:auto; margin:15px auto; padding:0; font-family:Verdana; font-size:12px; color:#FFFFFF; display:block;}
#header_res div.HRLogoTablet img{
	width:100%;
}
/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu_res,
#menu_res .sub-nav-check:checked ~ #fof-sub1, 
#menu_res .sub-nav-check:checked ~ #fof-sub2,
#menu_res .sub-nav-check:checked ~ #fof-sub3,
#menu_res .sub-nav-check:checked ~ #fof-sub4,
#menu_res .sub-nav-check:checked ~ #fof-sub5,
#menu_res .sub-nav-check:checked ~ #fof-sub6,
#menu_res .sub-nav-check:checked ~ #fof-sub7,
#menu_res .sub-nav-check:checked ~ #fof-sub8,
#menu_res .sub-nav-check:checked ~ #fof-sub9,
#menu_res .sub-nav-check:checked ~ #fof-sub10,
#menu_res .sub-nav-check:checked ~ #fof-sub11,
#menu_res .sub-nav-check:checked ~ #fof-sub12,
#menu_res .sub-nav-check:checked ~ #fof-sub13,
#menu_res .sub-nav-check:checked ~ #fof-sub14,
#menu_res .sub-nav-check:checked ~ #fof-sub15,
#menu_res .sub-nav-check:checked ~ #fof-sub16,
#menu_res .sub-nav-check:checked ~ #fof-sub17,
#menu_res .sub-nav-check:checked ~ #fof-sub18,
#menu_res .sub-nav-check:checked ~ #fof-sub19,
#menu_res .sub-nav-check:checked ~ #fof-sub20,
#menu_res .sub-nav-check:checked ~ #fof-sub21,
#menu_res .sub-nav-check:checked ~ #fof-sub22,
#menu_res .sub-nav-check:checked ~ #fof-sub23,
#menu_res .sub-nav-check:checked ~ #fof-sub24,
#menu_res .sub-nav-check:checked ~ #fof-sub25,
#menu_res .sub-nav-check:checked ~ #fof-sub26,
#menu_res .sub-nav-check:checked ~ #fof-sub27,
#menu_res .sub-nav-check:checked ~ #fof-sub28,
#menu_res .sub-nav-check:checked ~ #fof-sub29,
#menu_res .sub-nav-check:checked ~ #fof-sub30,
#menu_res .sub-nav-check:checked ~ #fof-sub31,
#menu_res .sub-nav-check:checked ~ #fof-sub32,
#menu_res .sub-nav-check:checked ~ #fof-sub33,
#menu_res .sub-nav-check:checked ~ #fof-sub34,
#menu_res .sub-nav-check:checked ~ #fof-sub35,
#menu_res .sub-nav-check:checked ~ #fof-sub36,
#menu_res .sub-nav-check:checked ~ #fof-sub37,
#menu_res .sub-nav-check:checked ~ #fof-sub38,
#menu_res .sub-nav-check:checked ~ #fof-sub39,
#menu_res .sub-nav-check:checked ~ #fof-sub40,
#menu_res .sub-nav-check:checked ~ #fof-sub41,
#menu_res .sub-nav-check:checked ~ #fof-sub42,
#menu_res .sub-nav-check:checked ~ #fof-sub43,
#menu_res .sub-nav-check:checked ~ #fof-sub44,
#menu_res .sub-nav-check:checked ~ #fof-sub45,
#menu_res .sub-nav-check:checked ~ #fof-sub46,
#menu_res .sub-nav-check:checked ~ #fof-sub47,
#menu_res .sub-nav-check:checked ~ #fof-sub48,
#menu_res .sub-nav-check:checked ~ #fof-sub49,
#menu_res .sub-nav-check:checked ~ #fof-sub50,
#menu_res .sub-nav-check:checked ~ #fof-sub51,
#menu_res .sub-nav-check:checked ~ #fof-sub52,
#menu_res .sub-nav-check:checked ~ #fof-sub53,
#menu_res .sub-nav-check:checked ~ #fof-sub54,
#menu_res .sub-nav-check:checked ~ #fof-sub55,
#menu_res .sub-nav-check:checked ~ #fof-sub56,
#menu_res .sub-nav-check:checked ~ #fof-sub57,
#menu_res .sub-nav-check:checked ~ #fof-sub58,
#menu_res .sub-nav-check:checked ~ #fof-sub59,
#menu_res .sub-nav-check:checked ~ #fof-sub60,
#menu_res .sub-nav-check:checked ~ #fof-sub61,
#menu_res .sub-nav-check:checked ~ #fof-sub62,
#menu_res .sub-nav-check:checked ~ #fof-sub63,
#menu_res .sub-nav-check:checked ~ #fof-sub64,
#menu_res .sub-nav-check:checked ~ #fof-sub65,
#menu_res .sub-nav-check:checked ~ #fof-sub66,
#menu_res .sub-nav-check:checked ~ #fof-sub67,
#menu_res .sub-nav-check:checked ~ #fof-sub68,
#menu_res .sub-nav-check:checked ~ #fof-sub69,
#menu_res .sub-nav-check:checked ~ #fof-sub70,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-sub, 
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-sub,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-art-sub,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-art-paintings-sub,
#menu_res .sub-nav-check:checked ~ #fof-services-sub, 
#menu_res .sub-nav-check:checked ~ #fof-services-seo-sub,
#menu_res .sub-nav-check:checked ~ #fast-apps-sub{-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0);}

#pwindicator{margin-top:4px; width:150px;}
.bar{height:2px; margin:5px 0 0 0; float:left;}
.label{text-transform:capitalize;}
.pw-very-weak .bar{background:#d00; width:30px;}
.pw-very-weak .label{color:#d00; width:61%; margin:0 0 5px 0; padding:0 4% 0 0; float:right;}
.pw-weak .bar{background:#d00; width:60px;}
.pw-weak .label{width:61%; margin:0 0 5px 0; padding:0 4% 0 0; float:right;}
.pw-mediocre .bar{background:#f3f01a; width:90px;}
.pw-mediocre .label{color:#f3f01a; width:61%; margin:0 0 5px 0; padding:0 4% 0 0; float:right;}
.pw-strong .bar{background:#f3b31a; width:120px;}
.pw-strong .label{color:#f3b31a; width:61%; margin:0 0 5px 0; padding:0 4% 0 0; float:right;}
.pw-very-strong .bar{background:#0d0; width:150px;}
.pw-very-strong .label{color:#0d0; width:61%; margin:0 0 5px 0; padding:0 4% 0 0; float:right;}

/* END OF JQUERY */

@media only screen and (min-width:0px) and (max-width:479px){
	
	
	.status-error{
		width: auto !important;
	}
	
	
	.elo-edit-header div:nth-of-type(2) {
		  width: 100%;
		  text-align: left;
		  gap:
		32px !important;
		
		  justify-content: end;
		  margin:
		0 0 0 0;
	}
	.elo-edit-header h2 {
	  font-size: 26px;
	  font-weight: bolder;
	  color: black;
	}
	.elo-edit-header div:nth-of-type(1){display:block;}
	.elo-edit-header{display:block;}
	.draft-box{display:flex !important;}
	.elo-info-container {
		  gap:
		20px;
		  display: flex;
		  flex-direction: column;
		}
	.ELO-PDF div:nth-of-type(1){display:none;}
	.ELO-PDF div:nth-of-type(2){padding:0;}
	.elo-info-container .ELO-PDF h3 {
  color: #000091;
  font-weight: bolder;
  font-size: 24px;
}
.elo-info-container .ELO-PDF h4 {
  color: black;
  font-weight: inherit;
  font-size: 18px;
  text-align: left;
  padding:
3% 0;
}

.elo-info.hidden{display:none;}
.elo-info.info{border-left:4px solid #3b82f6;}
.elo-info.warning{border-left:4px solid #f59e0b;}

.elo-download-icon {
  position: absolute;
  bottom: 26px;
  right: 11px;
  width: 76px;
height: 61px;}

.elo-tab-container .tabs{display: flex; margin:0;width:100%;gap:0%;}
.desc-managment{display:block;padding:0;}
.add-decleration{border:none;}
.desc-managment .add-decleration{padding:0;}
.list-elodecleration .elo-declaration-search{display:block;}
.elo-declaration-search .elocmo{width:100%;}
.elo-declaration-search input[type="text"]{width:94%;}
.added-elo-dec-list{margin-top: 54%;}
.added-elo-dec-list ul{width:100%;gap: 30px;}
.added-elo-dec-list li{width: auto;height: 100%;}
.added-elo-dec-list li span{display:block;}
.added-elo-dec-list .error::before{display:none;}
.added-elo-dec-list li .btn-add-dec{top: unset;   right: unset;   bottom: 0;   left: 0;}
.added-elo-dec-list .error {padding:0px 0 22px 0;}
.desc-managment .elo-tracking {width: 100%;border-right:none;}

	.ELOFORM{width: 100%;}.toggleContainer {
  font-weight: initial;
  font-size: 16px;
}.ELOFlex {
  display: flex;
  gap:
22px;
}


.ELOFlex2 {
  display: flex;
  gap:
22px;
}


.EloContainer h3 {
  color: black;
  font-size: 24px;
  font-weight: 701;
  margin:
32px 0;
}.ELOTag {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0;
}.toggleContainer{flex-direction: column;}
	.ELODashboardContainer{
		flex-direction: column-reverse;
	}
	.ELODashOptions ul{flex-wrap: wrap;}
	.ELODashOptions li{max-height: fit-content;padding: 30px 17px;font-size: 15px;}
	.inline-container{font-size: 15px;}.ELODashboardContainer p {
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  color: #434546;
}.ELODashboardContainer h2 {
  color: #070707;
  text-transform: initial;
  font-weight: 601;
  font-size: 21px;
  line-height: 1.2;
}
.ELODashboardContainer .figureMain2{padding:0;}
.ELODashboardContainer .figureMain2 img{width: 100%;}
	.m-signature-pad{
		width: 100%;
	}
	.canvas_container{
		margin-bottom: 15px;
	}
	.routing-container{display:block;}
	.custom-select{width:auto;margin-bottom: 8%;}
	.CCBG {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.canvas_container label{
		text-align: center;
	}
	.upload_file_section div{
		width: 75%;
		float: none;
		margin: 0 auto;
	}
	.form_enquire3_body div{
		width: 90%;
		margin: 1% auto;
		float: none;
	}

	.dropdownwrap{width:100%; height:40px;}
	.dropdowncontainer{max-width:none; width:96%;}
	header{display:none;}
	#header_res{display:block; float:left;}
	.toggle{margin-top:0;}
	#header_res span{margin:8px 0px 0 5px;}
	#header_res div.HRLogoTablet{display:none;}
	.banner{width:100%; float:left; height:auto; background:#FFFFFF;}
	.bannerForm{width:100%;}
	.bannerForm div.BFdiv{width:90%; max-width:none; margin:260px 5% 0 5%;}
	.bannerForm div.BFdiv span{display:none;}
	.subpageBanner{height:300px;}
	.subpageBanner_content{height:300px;}
	#maincontent{width:100%; max-width:none;}
	footer{width:100%; height:300px; margin:0 auto; padding:0; position:relative; display:block;}
	.footer{max-width:none; width:100%; height:auto; text-align:center; margin:0 auto; padding:0;}
	.footer_nav{display:none;}
	.footer_nav_Ecom{display:none;}
	.footer_info{width:90%; margin:0; padding:2.5% 5%;}
	.footer_info li.footer_siteMap{display:block;}
	.footer_payment_checkout{display:none;}
	.footer_payment{display:none;}
	h1.h1sub{margin:220px 0 0 0;}
	h1.h1sub2{margin:210px 0 0 0; font-size:30px; line-height:30px;}
	h1.h1sub2 span{width:100%; float:left; text-align:center; font-size:20px; line-height:20px;}
	h2.h2sub2{font-size:20px;}
	h2.h2sub2 img{vertical-align:middle; margin-right:0; width:100px; max-width:300px;}
	h2.h2sub2 span{width:100%; float:left; text-align:center; margin:15px 0 30px 0;}
	.search_wrap{width:90%; margin:3% 2.5% 0 2.5%;}
	.cell_full_hp{max-width:none; width:96%; margin:15px 0; padding:0 2%;}
	.cell_full{max-width:none; width:100%; min-height:500px; margin:0 0 15px 0;}
	.cell_full_sub{max-width:none; width:96%; padding:0 2%;}
	.cell_full2{width:95%; padding:2.5%; float:left;}
	.section_content_hp div.content{-webkit-columns:1; -moz-columns:1; columns:1;}
	.aside_content_sml_imgs{width:90%; margin:10px 5%;}
	.section_content_sml img{width:100%;}
	.section_content{width:90%; margin:0 5%;}
	.section_content_sml{width:90%; margin:0 5%;}
	.aside_image{width:96%; margin:10px 2% 0 2%;}
	.aside_image img{width:100%;}
	.section_image{width:96%; margin:10px 2% 0 2%;}
	.aside_nav{display:none;}
	.section_content_nav{width:90%; margin:0 5%;}
	.aside_date{width:90%; margin:10px 5% 0 5%; padding:0;}
	.section_date_content{width:90%; height:auto; min-height:0; border-top:1px #CCCCCC solid; border-left:none; padding:10px 5% 10px 5%;}
	.section_date_content div.SDCdivoptions{width:100%;}
	.section_date_content_img{width:100%; margin:0 0 15px 0; padding:0;}
	.section_date_content_detail{max-width:none; width:100%;}
	.section_video{width:80%; margin:0 auto 30px auto; padding:5% 10%;}
	.section_video iframe{width:100%; height:250px;}
	.aside_products_img{width:97%; margin:0 2% 4% 1%;}
	.section_products{width:96%; margin:0 2%;}
	.aside_brexit{width:95%; margin:0; margin:0 2.5% 0 2.5%;}
	.section_brexit{width:95%; margin: 0 2.5% 0 2.5%;}
	.section_brexit p img{width: 98% !important;}
	#brexitnav li {min-height: 220px;}
	.brexit_banner_pdf img{max-width: 290px; padding-bottom:20px;}
	.textcolumn-2{max-width:none; width:100%;}
	.textcolumn-2 h2{margin:4% 0; font-size:25px;}
	.textcolumn{width:84%; margin:0 4% 4% 4%; padding:0.5% 4%;}
	.row .column_img{width:100%; padding:0; margin:0;}
	.row .column_content{width:100%; padding:0; margin:0;}
	.acc_container{width:90%; padding:5%;}
	.list_routes li{height:auto;}
	.list_routes li .departingFrom{width:100%;}
	.list_routes li .to{width:100%;}
	.list_routes li .arrivingTo{width:100%;}
	.list_routes li .ferry{width:100%;}
	.list_routes li .book{width:100%;}
	.list_routes li .book a, .list_routes li .book a:link, .list_routes li .book a:active, .list_routes li .book a:visited{float:none; display:block;}
	.list_routes li .timetable{width:100%;}
	.list_routes li .timetable a, .list_routes li .timetable a:link, .list_routes li .timetable a:active, .list_routes li .timetable a:visited{float:none; display:block;}
	.routeDetail .dock_img{width:100%; margin:0 0 30px 0; height:auto;}
	.routeDetail .dock_map{width:100%; margin:0 0 30px 0; height:auto;}
	.acc_trigger a, .acc_trigger a:hover{font-size:20px;}
	.acc_trigger a img{max-width:40px; margin:0 10px 0 0;}
	.acc_trigger a span{margin:0;}
	.acc_trigger a div{margin:0 40px 0 0;}
	.twitterFeed{display:none;}
	iframe.videos{max-width:98%; width:100%; height:250px; border:0;}
	.list_service_footer li{width:50%;}
	.list_pageFeature_hp{width:100%;}
	.list_pageFeature_hp ul li{width:49%; padding:0; margin:4% 0.5%;}
	.list_pageFeature_hp ul li div.img, .list_pageFeature_hp ul li div.content{height:auto;}
	.list_pageFeature_hp ul li div.content h2{font-size:25px;}
	.list_features_hp{display:block;}
	.list_features_hp li{width:46%; margin:2%;}
	.list_gallery_hp li{width:95%; height:250px; margin:2%; padding:0.5%;}
	.list_gallery_hp span.LGHPspan_title{font-size:45px;}
	.list_gallery_hp li span.LGHPspan{width:100%; height:250px;}
	.sim-button{margin-top:100px; width:80%;}
	.list_date_hp{width:96%; margin:20px 0 0 0; padding:2%;}
	.list_date_hp ul{height:auto;}
	.list_testimonials_hp{width:96%; margin:20px 0; padding:2%;}
	.list_testimonials_hp ul{height:auto;}
	.list_products{width:100%; padding:10px 0;}
	.list_products li{width:89%; height:auto; border:1px #DBDFE0 solid; margin:2%; padding:3% 3% 6% 3%;}
	.list_products li div{width:100%; height:auto; padding:3% 0;}
	.list_products li div img{width:100%; height:auto;}
	.list_products li span{width:100%; height:auto; margin:0 0 20px 0; padding:0;}
	.list_testimonials li div{width:86%; padding:2% 10% 2% 4%;}
	.list_testimonials li span{width:92%; padding:3% 4% 2% 4%;}
	.list_staff li{width:90%; height:auto; margin:20px 5%; padding:0 0 30px 0;}
	.list_staff li div.LSlidivheader{width:90%; height:auto; padding:8px 5%;}
	.list_staff li div img{width:100%;}
	.list_staff li div.LSlidivcontent{width:90%; height:170px; margin:0; padding:10px 5%;}
	.list_downloads li{width:90%; margin:0 2.5% 20px 2.5%; padding:2.5%;}
	.list_address_contactus{width:96%; margin:20px 2%; padding:0;}
	.list_address_contactus li span{width:30%;}
	.list_address_contactus li div{width:70%;}
	.list_images_text li{width:46%; margin:0; padding:2%;}
	.list_images_text li div.lmt_img{width:100%; margin:10px 0;}
	.list_images_text li div.lmt_img img{width:100%;}
	.list_images_text li div.lmt_content{width:100%; padding:10px 0;}
	.list_productsEcomm{width:100%; height:auto; float:left; margin:0; padding:0;}
	.list_productsEcomm ul{margin:0; padding:0;}
	.list_productsEcomm li{width:91%; max-width:none; height:auto; border:1px solid #CCCCCC; margin:2%; padding:2% 2% 7% 2%;}
	.list_productsEcomm li div.LPEimg{width:100%; height:auto;}
	.list_productsEcomm li div.LPEimg img{width:100%; max-width:none; height:auto; max-height:none;}
	.list_productsEcomm li div.LPEinfo{width:100%; height:auto;}
	.list_productsRelated{width:96%; margin:0 2%;}
	.list_images_services ul li{width:45%; margin:2.5%;}
	.list_images_services li span{height:40px;}
	.list_content_services ul li div img.galleryimg{display:none;}
	#rc-imageselect, .g-recaptcha {transform:scale(0.87);-webkit-transform:scale(0.87);transform-origin:0 0;-webkit-transform-origin:0 0;} 
	.form_contact{min-height:0; margin:0 2%; padding:0 2%; width:92%;}
	.form_contact li{width:98%; height:auto; margin:0 1%; padding:0; float:left; list-style:none;}
	.form_search{width:100%; height:40px;}
	.form_search input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_search input.button{display:none;}
	.form_searchDD{width:100%; height:40px;}
	.form_searchDD input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_searchDD input.buttonDD{display:none;}
	.form_crossings #Vehicle{width:100%;}
	.form_crossings select{float:left;}
	.form_crossings input.FCinputdate{width:80%; padding:0 15% 0 5%; float:left;}
	.form_crossings input.FCinputsearch{width:85%; padding:0 0 0 15%;}
	.form_crossings select{width:100%; padding:0 0 0 5%;}
	.form_crossings ul li{width:100% !important;}
	.split{width: 96%; float: left;}
	.animatedBoxes-3 li{width:100%;}
	.animatedBoxes-3 li.ABLI_wide{width:100%;}
	figure.AB3{width:100%; height:300px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px; left:100%; margin-top:10px; font-size:35px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:10px; left:100%; font-size:17px;}
	.crossingOption{max-width:100%; width:100%; float:left; overflow-x:scroll;}
	.table_crossing td{padding:10px;}
	.textimagerows{max-width:none; width:100%;}
	.textimagerows h2{font-size:30px;}
	.textimagerows li{width:90%; margin:2% 2%;}
	.textimagerows li div{width:100%; margin:10px 0; text-align:center;}
	.textimagerows li span{width:100%;}
	.textimagerows li span h3{text-align:center;}
	.textimagerows li p{text-align:center;}
	.textimageiconlisting{max-width:1000px; width:100%;}
	.textimageiconlisting li{width:90%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:100%; margin:5px 0 10px 0; text-align:center;}
	.textimageiconlisting li span{width:100%; text-align:center;}
	.textimageiconlisting li span h3{text-align:center;}
	.textimageiconlisting li span p{text-align:center;}
	.productDetailDescLTF{width:30%; margin:0 3% 0 0;}
	.productDetailDescRHT{width:67%;}
	.my-simple-gallery figure.figureSub{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureSub2{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureMainProduct{margin:0 0 0 1%; width:99%;}
	.map_wrap{width:98%; float:left; margin:0 1% 10% 1%;}
	a.subscribe, a.subscribe:link, a.subscribe:visited, a.subscribe:active{font-size:18px; padding:10px;}
	a.subscribe:hover{font-size:18px; padding:10px;}
	a.general, a.general:link, a.general:visited, a.general:active{font-size:18px; padding:10px;}
	a.general:hover{font-size:18px; padding:10px;}
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
	#statusMessage{max-width:none; width:80%;}
	#statusMessageWishList{max-width:none; width:80%;}
	#footerSlideContainer{display:none;}
	.crossingsContainer{margin:60px 0 0 0;}
	.crossingsContent{width:100%; margin:0;}
	.crossingsContent h1{font-size:20px; margin:20px 0 0 2%;}
	.crossing{width:96%; margin:2% 0;}
	.crossingTitle .img{width:100%; margin:10px 0 0 0;}
	.crossingTitle .route{width:96%; text-align:center; margin:5px 2% 10px 2%;}
	.crossingTitle .route h3{font-size:20px;}
	.crossingDate{width:100%; background:#00468C; float:left; margin:0; padding:0;}
	.crossingDate span{width:96%; text-align:center; padding:10px 2% 0 2%; font-size:17px;}
	.crossingDate h2{width:96%; text-align:center; padding:5px 2% 10px 2%; font-size:20px;}
	.crossingsExtra{width:96%; margin:3% 2% 0 2%;}
	.crossingOB{width:96%; padding:2%; margin:20px 0;}
	.crossingRT{width:96%; padding:2%; margin:20px 0;}
	.bookingnav{width:100%; height:auto; float:left; margin:0; padding:0; position:-webkit-sticky;}
	.sticky{width:100%; max-width:none;}
	.list_booking_summary ul{margin:0;}
	.list_booking_summary li{width:100%; margin:0;}
	.list_booking_summary li h2{width:100%; text-align:center; margin:0; font-size:25px;}
	.list_booking_summary div{width:100%; height:auto; float:left; text-align:left; margin:10px 0 0 0; padding:0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#FFFFFF;}
	.list_booking_options li.LBO-li-AH{width:96%; padding:2%;}
	.list_booking_options li.LBO-li-AH span{font-size:15px;}
	.list_booking_options li.LBO-li-AH-wide{width:96%; padding:1% 2%;}
	.list_booking_options li.LBO-li-AH-wide span{font-size:15px;}
	.list_booking_options li.LBO-li-NAH{width:96%; border-left:none; border-right:none; padding:2%;}
	.list_booking_options li.LBO-li-NAH span{width:auto; height:auto; float:left; text-align:left; margin:0 10px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:15px; font-weight:500; line-height:23px; text-transform:uppercase; color:#FFFFFF;}
	.list_booking_options li.LBO-li-NAH div{float:left; text-align:left; margin:0 0 0 10px;}
	.list_booking_options li.LBO-li-NAH div p{float:left; text-align:left; margin:0; padding:0;}
	.list_booking_options li.LBO-li-REG{display:none;}
	.mobilehide{display:none;}
	.mobilehideTable{display:none;}
	.mobileshow{display:block;}
	#rc-imageselect, .g-recaptcha {transform:scale(0.87);-webkit-transform:scale(0.87);transform-origin:0 0;-webkit-transform-origin:0 0; float:left;}
	.form_enquire label{width:31%;}
	.form_enquire input.FE_inputwide{width:63%;}
	.form_enquire select{width:67%;}
	.bookingSummary{max-width:100%; width:95%; margin:50px 2.5% 0 2.5%;}
	.bookingSummary_content{width:96%; padding:2%;}
	.bookingSummary_content .trips{width:100%; margin:0 0 5% 0;}
	.bookingSummary_content .trips:nth-child(1), .bookingSummary_content .trips:nth-child(2){padding:0;}
	.bookingTotalPrice{margin:3% 0 5% 0;}
	.form_bottom{width:80%; margin:1% 10%;}
	p.BP{width:85%;}
	input.submit1, a.submit1, a.submit1:link, a.submit1:visited, a.submit1:hover, input.submit1:hover{width:auto; margin:2% 0; float:left;}
	.form_enquire{width:100%; padding:0;}
	.form_enquire label{width:100%; text-align:left; margin:5px 0 5px 0;}
	.form_enquire label.labelPH{display:none;}
	.form_enquire p.label{width:100%; margin:6px 0 0 0;}
	.form_enquire p{width:100%; margin:15px 0 5px 0;}
	.form_enquire label.error{width:100%; margin:0 0 10px 0;}
	.form_enquire input.FE_inputwide{width:96.7%; margin:0; padding:2% 1.5%;}
	.form_enquire select{width:100%; padding:2% 1.5%;}
	.form_enquire textarea{width:96.7%; padding:2% 1.5%;}
	.form_enquire select#telsml {width: 30%;}
	.form_enquire input.FE_inputwide#Tel {width: 65%;}
	.crossingTT span{width:100%; text-align:center; margin:10px 0; font-size:20px;}
	.crossingTT span a:link, .crossingTT span a:visited, .crossingTT span a:active{font-size:17px;}
	.crossingTT span a:hover{font-size:17px;}
	.crossingTT div{width:45%; text-align:center; margin:0 27.5%;}
	.table_crossingTT th{font-size:14px;}
	.table_crossingTT td{font-size:14px;}
	.bulkContainer{display:none;}
	.section_cargo{width:90%; float:left; margin:0 5% 100px 5%; display:block;}
	.aside_image_cargo{width:100%;}
	.section_image_cargo{width:90%; margin:0; padding:5%;}
	.section_cargo_sub{width:90%; float:left; margin:0 5% 50px 5%; display:block;}
	.aside_image_cargo_sub{width:100%;}
	.section_image_cargo_sub{width:90%; margin:0; padding:5%;}
	.section_image_cargo_sub span{margin:30px 0;}
	.cargoHistoryDetails .FICSB_divContainer1, .cargoHistoryDetails .FICSB_divContainer2{width: 100%; float: left; margin:20px 0;}
	.list_images_services-icon ul li{width:50%; margin:5% 25% 0 25%;}
	.list_images_services-icon li span a:link, .list_images_services-icon li span a:visited, .list_images_services-icon li span a:active{font-size:14px;}
	.list_images_services-icon li span a:hover{font-size:14px;}
	.list_images_services-icon-sml ul li{width:45%; min-height:180px; margin:1.5% 2.5% 0 2.5%;}
	.list_images_services-icon-sml li span a:link, .list_images_services-icon-sml li span a:visited, .list_images_services-icon-sml li span a:active{font-size:13px;}
	.list_images_services-icon-sml li span a:hover{font-size:13px;}
	.list_images_services-countries{width:90%; margin:0 5% 50px 5%;}
	.list_images_services-countries ul li.LISC1{width:40%; margin:5%;}
	.list_images_services-countries ul li.LISC2{width:40%; margin:5%;}
	.section_general{width:90%; float:left; margin:0 5% 50px 5%; display:block;}
	.aside_image_general{width:100%;}
	.section_image_general{width:90%; margin:0; padding:5%;}
	.section_image_general2{width:90%; margin:0; padding:5%;}
	.section_generalNew{width:90%; float:left; margin:0 5%; display:block;}
	.aside_image_generalNew{width:100%;}
	.section_image_generalNew{width:90%; margin:0; padding:5%;}
	.section_image_generalNew2{width:90%; margin:0 5% 40px 5%;}
	.section_general_img{display:none;}
	.section_general_imgResp{display:block;}
	.section_general_sub{width:96%; margin:50px 2%;}
	.section_general_sub ul{width:100%; margin:50px 0 0 0;}
	.section_general_sub li{width:100%; margin:0 0 40px 0;}
	.section_general_sub li:nth-child(3){width:100%; margin:0 0 40px 0;}
	.section_general_sub li.sgs-auto{width:100%; margin:0 0 40px 0; font-size:18px;}
	.section_general_sub li a:link, .list_features_hp li a:visited, .list_features_hp li a:active{font-size:16px;}
	.section_general_sub li a:hover{font-size:16px;}
	.acc_trigger{width:98%; height:86px;}
	.acc_trigger a{width:85%; padding-right:15%; font-size:16px;}
	.acc_trigger a:hover{width:85%; padding-right:15%; font-size:16px;}
	.form_wrap{width:100%;}
	.form_enquire2{width:90%; padding:0 5%;}
	.tableInfo{font-size:15px;}
	.tableInfo th{font-size:15px;}
	.list_services_savings{margin:50px 0;}
	.list_services_savings h2{line-height:40px;}
	.list_services_savings li{width:80%; margin:0 10% 5% 10%;}
	.list_services_ferries{margin:50px 0;}
	.list_services_ferries h2{line-height:40px;}
	.list_services_ferries li{width:80%; margin:0 10% 5% 10%;}
	.list_services_locations li{width:100%; margin:0;}
	.list_services_locations li div.LSL-div-img{width:100%; margin:0 0 10px 0;}
	.list_services_locations li div.LSL-div-content{width:100%;}
	.section_image_general h2{font-size:30px; line-height:35px;}
	.section_image_general p{font-size:20px; line-height:25px;}
	.list_downloadsSingle{width:100%; margin:0 0 20px 0;}

	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{width: 80% !important;position: absolute !important;}
}
@media only screen and (min-width:480px) and (max-width:767px){
	
	.elo-edit-header{display:block;}
	.elo-edit-header div:nth-of-type(1){display:block;}
	.elo-edit-header h2 {font-size: 39px;}
	.draft-box{display:flex !important;}
	.ELO-PDF div:nth-of-type(1){display:none;}
	.ELO-PDF div:nth-of-type(2) {padding:0px 0px;}
	.elo-tab-container .tabs{margin:0;gap:0px;width:100%;}
	.desc-managment { display: flex;gap:40px;flex-direction: column; }	
	.desc-managment .add-decleration{border-right:none;padding:0;}
	.list-elodecleration .elo-declaration-search {display: flex;gap:28px;padding:17px 0;flex-direction: column;}
	.elo-declaration-search .elocmo{width:100%;}
	.elo-declaration-search input[type="text"]{width:95%;}
	.add-decleration .btn-add-dec{float:left;}
	.add-decleration input[type="text"] {width: 95%;}
	.added-elo-dec-list li span {display: flex;gap:20px;flex-direction: column;}
	.desc-managment .elo-tracking {width: 100%;padding:0; border:none;}
	
	
	.ELODashboardContainer{flex-direction: column-reverse;}
	.ELODashboardContainer .figureMain2 img{ display:none;}
	.ELODashOptions ul{flex-wrap: wrap;}
	.ELOFORM {
	width: 100%;}.toggleContainer{flex-direction: column;padding: 36px 0 44px 0;}
	.ELODashboardContainer .figureMain2 {
  padding:
28px;
  display: none;
}.ELODashboardContainer p {
  text-align: left;
  font-size: 18px;
  line-height: 1.6;
  color: #434546;
}.ELODashboardContainer h2 {
  color: #070707;
  text-transform: initial;
  font-weight: 601;
  font-size: 32px;
  line-height: 1.2;
}
	.canvas_container{
		margin-bottom: 15px;
	}
	.CCBG {
		float: none;
		width: fit-content;
		margin: 0 auto;
	}
	.canvas_container label{
		text-align: center;
	}
	.upload_file_section div{
		width: 48%;
	}
	.form_enquire3_body div{
		width: 66%;
		margin: 1% auto;
		float: none;
	}

	.dropdownwrap{width:100%; height:40px;}
	.dropdowncontainer{max-width:none; width:96%;}
	header{display:none;}
	#header_res{display:block; float:left;}
	.toggle{margin-top:0;}
	#header_res span{margin:8px 10px 0 10px;}
	#header_res div.HRLogoTablet{display:none;}
	.banner{width:100%; height:550px; float:left;}
	.bannerForm{width:100%;}
	.bannerForm div.BFdiv{width:90%; max-width:none; margin:260px 5% 0 5%;}
	.bannerForm div.BFdiv span{display:none;}
	#maincontent{width:100%; max-width:none;}
	footer{width:100%; height:300px; margin:0 auto; padding:0; position:relative; display:block;}
	.footer{max-width:none; width:100%; height:auto; text-align:center; margin:0 auto; padding:0;}
	.footer_nav{display:none;}
	.footer_nav_Ecom{display:none;}
	.footer_info{width:90%; margin:0; padding:2.5% 5%;}
	.footer_info li.footer_siteMap{display:block;}
	.footer_payment_checkout{display:none;}
	.footer_payment{display:none;}
	.cell_full_hp{max-width:none; width:96%; margin:15px 0; padding:0 2%;}
	.cell_full{max-width:none; width:100%; min-height:500px; margin:0 0 15px 0;}
	.cell_full_sub{max-width:none; width:96%; padding:0 2%;}
	.cell_full2{width:95%; padding:2.5%; float:left;}
	h1.h1sub{margin:270px 0 0 0;}
	h1.h1sub2{margin:255px 0 0 0;}
	h2.h2sub2{font-size:25px;}
	h2.h2sub2 img{vertical-align:middle; margin-right:0; width:100px;}
	h2.h2sub2 span{width:100%; float:left; text-align:center; margin:15px 0 30px 0;}
	.section_image{width:65%; margin:10px 5% 0 0;}
	.aside_nav{display:none;}
	.section_content_nav{width:100%;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{max-width:none; width:100%; margin:0 0 15px 0;}
	.section_date_content div.SDCdivoptions{width:100%; margin:0 0 15px 0;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{max-width:none; width:100%; margin:0 0 15px 0;}
	.section_video{width:80%; margin:0 auto 30px auto; padding:5% 10%;}
	.section_video iframe{width:100%; height:420px;}
	.aside_products_img{width:40%; margin:0 2% 0 1%;}
	.section_products{width:55%; margin:0 2% 0 0;}
	.aside_brexit{width:80%; margin:0; margin: 0 10% 0 10%;} 
	.section_brexit{width:95%; margin: 0 2.5% 0 2.5%;}
	.section_brexit p img{width: 98% !important;}
	#brexitnav img#lang {width: 15%;}
	#brexitnav img {width: 85%; display: block; margin: 0;}
	#brexitnav li {min-height: 220px;}
	.brexit_banner_pdf img{max-width:440px; padding-bottom: 20px;}
	.textcolumn-2{max-width:none; width:100%;}
	.textcolumn-2 h2{margin:4% 0; font-size:30px;}
	.textcolumn{width:84%; margin:0 4% 4% 4%; padding:0.5% 4%;}
	.row .column_img, .row .column_content{width:90%; padding:0 5%; margin:0;}
	.twitterFeed{display:none;}
	.list_features_hp{display:block;}
	.list_features_hp li{width:46%; margin:2%;}
	.list_gallery_hp li{width:28%; height:250px; margin:2%; padding:0.5%;}
	.list_gallery_hp li span.LGHPspan{width:100%; height:250px;}
	.sim-button{margin-top:100px; width:80%;}
	.list_pageFeature_hp{width:100%;}
	.list_pageFeature_hp ul li{width:46%; margin:2%;}
	.list_date_hp{width:100%; margin:0; padding:0;}
	.list_testimonials_hp{width:94%; margin:10px 2% 20px 2%; padding:1%;}
	.list_testimonials_hp ul{height:auto;}
	.list_products li{margin:18px 22px;}
	.list_testimonials li div{width:86%; padding:2% 10% 2% 4%;}
	.list_testimonials li span{width:92%; padding:3% 4% 2% 4%;}
	.list_staff li{width:40%; height:510px; margin:20px 5%;}
	.list_staff li div.LSlidivheader{width:90%; height:54px; padding:8px 5%;}
	.list_staff li div.LSlidivimg{width:100%; height:200px; margin:0; padding:0;}
	.list_staff li div img{width:100%;}
	.list_staff li div.LSlidivcontent{width:90%; height:170px; margin:0; padding:10px 5%;}
	.list_downloads li{width:40%; margin:0 2.5% 20px 2.5%; padding:2.5%;}
	.list_address_contactus{width:49%;}
	.list_address_contactus h2{height:50px;}
	.list_address_contactus p{font-size:15px;}
	.list_address_contactus li{font-size:15px;}
	.list_images_text li{width:46%; padding:2%;}
	.list_images_text li div.lmt_img img{width:100%;}
	.list_productsRelated{width:96%; margin:0 2%;}
	.form_search{width:100%; height:40px;}
	.form_search input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_search input.button{display:none;}
	.form_searchDD{width:100%; height:40px;}
	.form_searchDD input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_searchDD input.buttonDD{display:none;}
	.acc_container{width:95%; padding:2% 2.5%;}
	.list_routes li{height:auto;}
	.list_routes li .book a, .list_routes li .book a:link, .list_routes li .book a:active, .list_routes li .book a:visited{padding:10px 5px;}
	.routeDetail .dock_img{height:250px;}
	.routeDetail .dock_map{height:250px;}
	.animatedBoxes-3 li{width:100%;}
	.animatedBoxes-3 li.ABLI_wide{width:100%;}
	figure.AB3{width:100%; height:300px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px; left:100%; margin-top:10px; font-size:40px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:10px; left:100%; font-size:20px;}
	.textimagerows{max-width:none; width:100%;}
	.textimagerows h2{font-size:30px;}
	.textimagerows li{width:90%; margin:2% 2%;}
	.textimagerows li div{width:100%; margin:10px 0; text-align:center;}
	.textimagerows li span{width:100%;}
	.textimagerows li span h3{text-align:center;}
	.textimagerows li p{text-align:center;}
	.textimageiconlisting{max-width:1000px; width:100%;}
	.textimageiconlisting li{width:90%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:100%; margin:5px 0 10px 0; text-align:center;}
	.textimageiconlisting li span{width:100%; text-align:center;}
	.textimageiconlisting li span h3{text-align:center;}
	.textimageiconlisting li span p{text-align:center;}
	.productDetailDescLTF{width:30%; margin:0 3% 0 0;}
	.productDetailDescRHT{width:67%;}
	.my-simple-gallery figure.figureSub{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureSub2{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureMainProduct{margin:0 0 0 1%; width:99%;}
	.map_wrap{width:98%; float:left; margin:0 1% 3% 1%;}
	a.general, a.general:link, a.general:visited, a.general:active{padding:10px 20px;}
	a.general:hover{padding:10px 20px;}
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
	#statusMessage{max-width:none; width:60%;}
	#statusMessageWishList{max-width:none; width:60%;}
	#footerSlideContainer{display:none;}
	iframe.videos{max-width:98%; width:100%; height:300px; border:0;}
	.search_wrap{width: 95%;}
	.form_crossings select{width:195px;}
	.form_crossings input.FCinputsearch{width:80%; padding:0 0 0 17%; margin:0 1% 8px 0;}
	.form_crossings select{width:98%; padding:0 0 0 2%;}
	.form_crossings #Vehicle{width:100%;}
	.form_crossings #Vehicle select{width:98%; padding:0 0 0 2%;}
	.form_crossings input.FCinputdate{width:88%; padding:0 7% 0 2%;}
	.crossingsContainer{margin:60px 0 0 0;}
	.crossingsContent{width: 100%; margin: 0;}
	.crossing{width:96%; margin: 2% 0;}
	.crossingTitle .img{width: 20%;}
	.crossingTitle .route{width: 76%; margin:15px 4% 15px 0;}
	.crossingsExtra{width:96%; margin:3% 2% 0 2%;}
	.crossingOB{width:96%; padding:2%; margin:20px 0;}
	.crossingRT{width:96%; padding:2%; margin:20px 0;}
	.bookingnav{width:100%; height:auto; float:left; margin:0; padding:0; position:-webkit-sticky;}
	.sticky{width:100%; max-width:none;}
	.list_booking_summary ul{margin:0;}
	.list_booking_summary li{width:100%; margin:0;}
	.list_booking_summary li h2{width:100%; text-align:center; margin:0; font-size:25px;}
	.list_booking_summary div{width:100%; height:auto; float:left; text-align:left; margin:10px 0 0 0; padding:0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#FFFFFF;}
	.list_booking_options li.LBO-li-AH{width:35%; height:auto; float:left; text-align:left; margin:0; padding:1%;}
	.list_booking_options li.LBO-li-AH span{width:auto; height:auto; float:left; text-align:left; margin:0 10px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:15px; font-weight:500; line-height:23px; text-transform:uppercase; color:#FFFFFF;}
	.list_booking_options li.LBO-li-AH-wide{width:96%; height:auto; float:left; text-align:right; margin:0; padding:1% 2%;}
	.list_booking_options li.LBO-li-AH-wide span{width:auto; height:auto; float:left; text-align:left; margin:12px 30px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:500; line-height:23px; text-transform:uppercase; color:#FFFFFF;}
	.list_booking_options li.LBO-li-AH-wide span.LBO-li-AH-wideSpan2{margin:0;}
	.list_booking_options li.LBO-li-AH-wide strong{color:#2E94C2; font-weight:500; margin-right:10px;}
	.list_booking_options li.LBO-li-AH-wide input{float:right;}
	.list_booking_options li.LBO-li-NAH{width:61%; height:auto; background:#00468C; border-left:none; border-right:none; float:left; text-align:left; margin:0; padding:1%;}
	.list_booking_options li.LBO-li-NAH span{width:auto; height:auto; float:left; text-align:left; margin:0 10px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:15px; font-weight:500; line-height:23px; text-transform:uppercase; color:#FFFFFF;}
	.list_booking_options li.LBO-li-NAH div{width:auto; height:auto; float:left; text-align:left; margin:0 0 0 10px; padding:0;}
	.list_booking_options li.LBO-li-NAH div p{width:auto; height:auto; float:left; text-align:left; margin:0; padding:0; line-height:23px; color:#FFFFFF;}
	.list_booking_options li.LBO-li-REG{display:none;}
	.list_routes li{height:auto;}
	.list_routes li .departingFrom{width:30%;}
	.list_routes li .to{width:5%;}
	.list_routes li .arrivingTo{width:30%;}
	.list_routes li .ferry{width:35%;}
	.list_routes li .book{width:50%; text-align:center;}
	.list_routes li .timetable{width:50%; text-align:center;}
	.mobilehide{display:none;}
	.mobileshow{display:block;}
	.bookingSummary{max-width: 100%; width: 95%; margin:50px 2.5% 0 2.5%;}
	.bookingSummary_content{width: 96%; padding: 2%;}
	.bookingSummary_content .trips{width: 100%; margin: 0 0 5% 0;}
	.bookingSummary_content .trips:nth-child(1), .bookingSummary_content .trips:nth-child(2){padding:0 ;}
	.bookingTotalPrice{margin: 3% 0 5% 0;}
	.form_bottom{width:80%; margin: 1% 10%;}
	p.BP{width: 89%;}
	input.submit1, a.submit1, a.submit1:link, a.submit1:visited, a.submit1:hover, input.submit1:hover{width: 90%; margin: 2% 5%; float: left;}
	.form_enquire{width:100%; padding:0;}
	.form_enquire label{width:100%; text-align:left; margin:5px 0 5px 0;}
	.form_enquire label.labelPH{display:none;}
	.form_enquire p.label{width:100%; margin:6px 0 0 0;}
	.form_enquire p{width:100%; margin:15px 0 5px 0;}
	.form_enquire label.error{width:100%; margin:0 0 10px 0;}
	.form_enquire input.FE_inputwide{width:96.7%; margin:0; padding:2% 1.5%;}
	.form_enquire select{width:100%; padding:2% 1.5%;}
	.form_enquire textarea{width:96.7%; padding:2% 1.5%;}
	.form_enquire select#telsml {width: 30%;}
	.form_enquire input.FE_inputwide#Tel {width: 65%;}
	.bulkContainer{display:none;}
	.section_cargo{width:90%; float:left; margin:0 5% 100px 5%; display:block;}
	.aside_image_cargo{width:100%;}
	.section_image_cargo{width:90%; margin:0; padding:5%;}
	.section_cargo_sub{width:90%; float:left; margin:0 5% 50px 5%; display:block;}
	.aside_image_cargo_sub{width:100%;}
	.section_image_cargo_sub{width:90%; margin:0; padding:5%;}
	.cargoHistoryDetails .FICSB_divContainer1, .cargoHistoryDetails .FICSB_divContainer2{width: 100%; float: left; margin:20px 0;}
	.list_images_services-icon ul li{width:28%; min-height:230px; margin:1.5% 2.5% 0 2.5%;}
	.list_images_services-icon li span a:link, .list_images_services-icon li span a:visited, .list_images_services-icon li span a:active{font-size:16px;}
	.list_images_services-icon li span a:hover{font-size:16px;}
	.list_images_services-icon-sml ul li{width:28%; min-height:180px; margin:1.5% 2.5% 0 2.5%;}
	.list_images_services-icon-sml li span a:link, .list_images_services-icon-sml li span a:visited, .list_images_services-icon-sml li span a:active{font-size:13px;}
	.list_images_services-icon-sml li span a:hover{font-size:13px;}
	.list_images_services-countries{width:90%; margin:0 5% 50px 5%;}
	.list_images_services-countries ul li.LISC1{width:20%; margin:2.5%;}
	.list_images_services-countries ul li.LISC2{width:20%; margin:2.5%;}
	.section_general{width:90%; float:left; margin:0 5% 50px 5%; display:block;}
	.aside_image_general{width:100%;}
	.section_image_general{width:90%; margin:0; padding:5%;}
	.section_image_general2{width:90%; margin:0; padding:5%;}
	.section_generalNew{width:90%; float:left; margin:0 5%; display:block;}
	.aside_image_generalNew{width:100%;}
	.section_image_generalNew{width:90%; margin:0; padding:5%;}
	.section_image_generalNew2{width:90%; margin:0 5% 40px 5%;}
	.section_general_img{display:none;}
	.section_general_imgResp{display:block;}
	.section_general_sub ul{width:90%; margin:50px 5% 0 5%;}
	.section_general_sub li{width:100%; margin:0 0 40px 0;}
	.section_general_sub li:nth-child(3){width:100%; margin:0 0 40px 0;}
	.section_general_sub li.sgs-auto{width:100%; margin:0 0 40px 0;}
	.acc_trigger{width:98%; height:66px;}
	.acc_trigger a{font-size:20px;}
	.acc_trigger a:hover{font-size:20px;}
	.form_wrap{width:100%;}
	.list_services_savings{margin:50px 0;}
	.list_services_savings h2{line-height:40px;}
	.list_services_savings li{width:40%; margin:0 5% 5% 5%;}
	.list_services_ferries{margin:50px 0;}
	.list_services_ferries h2{line-height:40px;}
	.list_services_ferries li{width:40%; margin:0 5% 5% 5%;}
	.list_services_locations li{width:100%; margin:0;}
	.list_downloadsSingle{width:100%; margin:0 0 20px 0;}

	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{width: 80% !important;position: absolute !important;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	
	.elo-tab-container .tabs {display: flex;margin:0;width: 100%;gap:0px;}
	.desc-managment {
  display: flex;
  gap:
40px;
  flex-direction: column;
}
	.add-decleration input[type="text"] {
	width: 95%;}
	
	.elo-declaration-search input[type="text"]{width: 266px;}
	.elo-declaration-search .elocmo {width: 266px;}
	.desc-managment .elo-tracking {
  width: 100%;
  padding:
0px;
  border:
none;
}.elo-edit-header {
  display: flex;
  padding:
65px 0 30px;
  flex-direction: column;
}
	.elo-edit-header div:nth-of-type(2) {
  width: 100%;
  text-align: end;
  gap:
34px !important;
 
  justify-content: end;
  margin:
20px 0;
}
	
	.form_enquire3_body div{
		width: 48%;
	}.ELOFORM {
	width: 100%;}
	.upload_file_section div{
		width: 30%;
	}
.ELODashboardContainer .figureMain2{display:none;}.ELODashOptions ul {
  display: flex;
  list-style:
none;
  gap:
30px;
  padding:
0;
  margin:
0;
  flex-wrap: wrap;
}
	.dropdownwrap{width:100%; height:40px;}
	.dropdowncontainer{max-width:none; width:96%;}
	header{display:none;}
	#header_res{display:block; float:left; height:60px;}
	.toggle{margin-top:10px;}
	#header_res span{margin:15px 10px 0 10px;}
	#header_res div.HRLogo{display:none;}
	.banner{width:100%; height:650px; float:left;}
	.banner img{width:100%; height:550px;}
	.bannerForm{width:100%;}
	.bannerForm div.BFdiv{float:none; margin:280px auto 0 auto;}
	.bannerForm div.BFdiv span{text-align:center;}
	#maincontent{width:100%; max-width:none;}
	footer{width:100%; height:300px; margin:0 auto; padding:0; position:relative; display:block;}
	.footer{max-width:none; width:100%; height:auto; text-align:center; margin:0 auto; padding:0;}
	.footer_nav{display:none;}
	.footer_nav_Ecom{display:none;}
	.footer_info{width:90%; margin:0; padding:2.5% 5%;}
	.footer_info li.footer_siteMap{display:block;}
	.footer_payment_checkout{display:none;}
	.footer_payment{display:none;}
	.cell_full_hp{max-width:none; width:96%; margin:15px 0; padding:0 2%;}
	.cell_full{max-width:none; width:100%; margin:0 0 15px 0;}
	.cell_full_sub{max-width:none; width:96%; padding:0 2%;}
	.cell_full2{width:90%; padding:5%; float:left;}
	.section_content_sml img{width:100%;}
	.section_image{width:65%; margin:10px 5% 0 0;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{max-width:none; width:100%; margin:0 0 15px 0;}
	.section_date_content div.SDCdivoptions{width:100%; margin:0 0 15px 0;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{max-width:none; width:100%; margin:0 0 15px 0;}
	.aside_products_img{width:40%; margin:0 2% 0 1%;}
	.section_products{width:55%; margin:0 2% 0 0;}
	.aside_brexit{width:80%; margin:0; margin: 0 10% 0 10%;} 
	.section_brexit{width:95%; margin: 0 2.5% 0 2.5%;}
	#brexitnav img#lang {width: 15%;}
	#brexitnav img {width: 100%; display: block; margin: 0;}
	#brexitnav li {width: 46%; float: left;}
	#brexitnav li#titlenav {width: 98%; padding: 2%;}
	.brexit_banner_pdf img{max-width: 700px; padding-bottom: 20px;}
	.textcolumn-2{max-width:none; width:100%;}
	h1.h1sub{margin:280px 0 0 0;}
	h1.h1sub2{margin:260px 0 0 0;}
	.list_features_hp{margin:0; display:block;}
	.list_features_hp li img{width:100%;}
	.list_address_contactus h2{height:50px;}
	.list_gallery_hp li{width:28%; height:250px; margin:2%; padding:0.5%;}
	.list_gallery_hp li span.LGHPspan{width:100%; height:250px;}
	.sim-button{margin-top:100px; width:80%; height:auto;}
	.list_pageFeature_hp ul li{width:46%; margin:4% 2%;}	
	.list_pageFeature_hp ul li div.img{height:auto;}
	.list_pageFeature_hp ul li div.content{height:auto; padding:0;}
	.list_pageFeature_hp ul li div.content h2{font-size:25px;}
	.list_testimonials_hp{width:94%; margin:10px 2% 20px 2%; padding:1%;}
	.list_testimonials_hp ul{height:auto;}
	.list_products li{margin:18px 22px;}
	.list_testimonials li div{width:86%; padding:2% 10% 2% 4%;}
	.list_testimonials li span{width:92%; padding:3% 4% 2% 4%;}
	.list_staff li{width:40%; height:510px; margin:20px 5%;}
	.list_staff li div.LSlidivheader{width:90%; height:54px; padding:8px 5%;}
	.list_staff li div.LSlidivimg{width:100%; height:200px; margin:0; padding:0;}
	.list_staff li div img{width:100%;}
	.list_staff li div.LSlidivcontent{width:90%; height:170px; margin:0; padding:10px 5%;}
	.list_downloads li{ width:40%; margin:0 2.5% 20px 2.5%; padding:2.5%;}
	.list_address_contactus p{font-size:15px;}
	.list_address_contactus li{font-size:15px;}
	.list_productsEcomm li{width:29%; max-width:220px; height:300px; margin:0 1.5% 1.5% 0; padding:10px 1%;}
	.list_productsRelated{width:96%; margin:0 2%;}
	.form_search{width:100%; height:40px;}
	.form_search input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_search input.button{display:none;}
	.form_searchDD{width:100%; height:40px;}
	.form_searchDD input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_searchDD input.buttonDD{display:none;}
	figure.AB3{width:100%; height:200px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px 0 20px; left:100%; margin-top:10px; font-size:20px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:0; left:100%; font-size:14px;}
	.textimagerows{max-width:none; width:100%;}
	.textimagerows li{width:90%; margin:2% 2%;}
	.textimagerows li div{width:42%; margin:10px 3% 0 0;}
	.textimageiconlisting{max-width:1000px; width:100%;}
	.textimageiconlisting li{width:40%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:100%; margin:5px 0 10px 0; text-align:center;}
	.textimageiconlisting li div img{width:auto;}
	.textimageiconlisting li span{width:100%; text-align:center;}
	.textimageiconlisting li span h3{text-align:center;}
	.textimageiconlisting li span p{text-align:center;}
	.productDetailDescLTF{width:25%; margin:0 3% 0 0;}
	.productDetailDescRHT{width:72%;}
	.my-simple-gallery figure.figureSub{margin:1%; width:23%; height:60px;}
	.my-simple-gallery figure.figureMainProduct{margin:0 0 0 1%; width:99%;}
	.map_wrap{width:100%; float:left; margin:0 0 3% 0;}
	a.general, a.general:link, a.general:visited, a.general:active{padding:10px 20px;}
	a.general:hover{padding:10px 20px;}
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
	input.summary, a.summary, a.summary:link, a.summary:visited{font-size:14px;}
	a.summary:hover, input.summary:hover{font-size:14px;}
	#statusMessage{max-width:none; width:60%;}
	#statusMessageWishList{max-width:none; width:60%;}
	#footerSlideContainer{display:none;}
	iframe.videos{height:200px;}
	.crossingsContainer{margin:80px 0 0 0;}
	.crossingsContent{width:100%; margin:0;}
	.crossing{width:96%; padding:2%; margin:3% 0;}
	.crossingTitle .img img{width:100%; max-width:59px;}
	.crossingTitle h2{font-size:30px;}
	.aside_crossingSummary{margin:0 0 0 -8%; width:17%; padding:2%;}
	.crossingOB{width:96%; padding:2%; margin:20px 0;}
	.crossingRT{width:96%; padding:2%; margin:20px 0;}
	.bookingnav{width:100%; height:auto; float:left; margin:0; padding:0; position:-webkit-sticky;}
	.sticky{width:100%; max-width:none;}
	.list_booking_summary ul{margin:0;}
	.list_booking_summary li{width:100%; margin:0;}
	.list_booking_summary li h2{width:100%; text-align:center; margin:0; font-size:25px;}
	.list_booking_summary div{width:100%; height:auto; float:left; text-align:left; margin:10px 0 0 0; padding:0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#FFFFFF;}
	.list_booking_options li.LBO-li-AH{width:34%; padding:1%;}
	.list_booking_options li.LBO-li-AH span{font-size:15px;}
	.list_booking_options li.LBO-li-AH-wide{width:96%; height:auto; float:left; text-align:right; margin:0; padding:1% 2%;}
	.list_booking_options li.LBO-li-AH-wide span{width:auto; height:auto; float:left; text-align:left; margin:12px 30px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:15px; font-weight:500; line-height:23px; text-transform:uppercase; color:#FFFFFF;}
	.list_booking_options li.LBO-li-AH-wide span.LBO-li-AH-wideSpan2{margin:0;}
	.list_booking_options li.LBO-li-AH-wide input{float:right;}
	.list_booking_options li.LBO-li-NAH{width:62%; border-left:none; border-right:none; padding:1%;}
	.list_booking_options li.LBO-li-NAH span{font-size:15px;}
	.list_booking_options li.LBO-li-NAH div{float:left; margin:0 0 0 20px;}
	.list_booking_options li.LBO-li-REG{display:none;}
	.list_routes li{height:auto;}
	.list_routes li .departingFrom{width:30%;}
	.list_routes li .to{width:5%;}
	.list_routes li .arrivingTo{width:30%;}
	.list_routes li .ferry{width:35%;}
	.list_routes li .book{width:50%; text-align:center;}
	.list_routes li .timetable{width:50%; text-align:center;}
	.bookingSummary{width:100%; margin:50px 0 0 0;}
	.bookingDetails{width:100%; margin:0; padding:0;}
	.bookingForm{width:90%; margin:20px 0;}
	.form_enquire{width:100%; margin:0 0 10px 0; padding:0;}
	.form_enquire label{width:30%; height:auto; float:left; text-align:right; margin:5px 2% 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:normal; display:block; color:#333;}
	.form_enquire p.label{width:68%; height:auto; float:left; text-align:left; margin:6px 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:normal; display:block; color:#333;}
	.form_enquire p{width:68%; height:auto; float:left; text-align:left; margin:15px 0 5px 32%; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:normal; display:block; color:#333;}
	.form_enquire label.error{width:68%; float:left; text-align:left; color:red; margin:0 0 10px 32%; padding:0;}
	input:focus{border:2px solid #408EB8;}
	select:focus{border:2px solid #408EB8;}
	textarea:focus{border:2px solid #408EB8;}
	.form_enquire input.FE_inputwide{width:64.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
	.form_enquire input.FE_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:7px 0 10px 10px; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
	.form_enquire input.FE_inputsmall2{width:150px; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 10px 10px 10px; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
	.form_enquire input.FE_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 10px 0; padding:0; font-weight:normal; display:block;}
	.form_enquire select{width:68%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#999999;}
	.form_enquire textarea{width:64.7%; height:auto; background:#FFFFFF; border:1px #DDD solid; border-radius:5px; float:left; text-align:left; margin:0 0 10px 0; padding:2% 1.5%; font-family:'Roboto', sans-serif; font-size:12px; font-weight:normal; display:block; color:#333;}
	.form_enquire br{clear:left;}
	.bulkContainer{display:none;}
	.section_cargo{width:100%; float:left; margin:0 0 100px 0; display:block; box-shadow:none;}
	.aside_image_cargo{width:50%; margin:0 25%;}
	.section_image_cargo{width:90%; margin:30px 0 0 0; padding:5%;}
	.section_cargo_sub{width:100%; float:left; margin:0 0 50px 0; display:block; box-shadow:none;}
	.aside_image_cargo_sub{width:70%; margin:0 15%;}
	.section_image_cargo_sub{width:90%; margin:30px 0 0 0; padding:5%;}
	.cargoHistoryDetails .FICSB_divContainer1, .cargoHistoryDetails .FICSB_divContainer2{width: 100%; float: left; margin:20px 0;}
	.section_general{width:100%; float:left; margin:0 0 50px 0; display:block; box-shadow:none;}
	.aside_image_general{width:50%; margin:0 25%;}
	.section_image_general{width:90%; margin:30px 0 0 0; padding:5%;}
	.section_image_general2{width:90%; margin:30px 0 0 0; padding:5%;}
	.section_general_img{width:100%; float:left; margin:0 0 50px 0; display:block; box-shadow:none;}
	.section_generalNew{width:100%; float:left; margin:0; display:block; box-shadow:none;}
	.aside_image_generalNew{width:100%; margin:0;}
	.section_image_generalNew{width:90%; margin:30px 0 0 0; padding:5%;}
	.section_image_generalNew2{width:90%; margin:0 5% 40px 5%;}
	.section_general_sub{width:100%; margin:50px 0;}
	.acc_trigger a{font-size:20px;}
	.acc_trigger a:hover{font-size:20px;}
	.form_wrap{width:70%;}
	.list_services_savings li{width:40%; margin:0 5% 5% 5%;}
	.list_services_ferries li{width:40%; margin:0 5% 5% 5%;}
	.list_downloadsSingle{width:100%; margin:0 0 20px 0;}
}
@media only screen and (min-width:1024px) and (max-width:1270px){
	.elo-declaration-search .elocmo{width:200px;}
	.elo-declaration-search input[type="text"]{width:200px;}
	
	.upload_file_section div{
		width: 29%;
	}
.ELODashOptions li{max-height: fit-content;}
	.dropdownwrap{width:100%; height:80px;}
	.dropdowncontainer{max-width:none; width:96%;}
	.header{width:96%; max-width:none; padding:0 2%;}
	.header_logo{width:20%; margin:30px 0 0 0;}
	.header_content{width:75%; margin:0 0 0 5%;}
	.bannerForm{width:100%;}
	#maincontent{width:100%; max-width:none;}
	.footer{max-width:1000px;}
	.cell_full_hp{max-width:none; width:96%; margin:15px 0; padding:0 2%;}
	.cell_full{max-width:none; width:100%; min-height:500px; margin:0 0 15px 0;}
	.cell_full_sub{max-width:none; width:96%; padding:2%;}
	.cell_full2{max-width:1000px; width:100%;}
	.aside_crossingSummary{margin:0 0 0 -3%; width:15%;}
	.optionsnav li{margin:0 0 0 19px;}
	#topnav li{margin:0 0 0 30px;}
	#mainnav{max-width:none;}
	#mainnav li{margin:0 9px; font-size:13px;}
	#mainnav li.MN-FF{width:120px;}
	#mainnav li.MN-MT{width:150px;}
	#mainnav li.MN-PK{width:120px;}
	#mainnav li.MN-VAT{width:180px;}
	#mainnav li.MN-CHD{width:190px;}
	#mainnav li.MN-SIS{width:200px;}
	#mainnav li.MN-SER{width:120px;}
	#mainnav li img{margin:-4px 6px 0 0;}
	#mainnav li a, #mainnav li a:link, #mainnav li a:visited{padding:16px 10px 10px 10px;}
	#mainnav li a:hover{padding:16px 10px 10px 10px;}
	#dropdownnav ul li{margin:0 1px 0 0; font-size:12px;}
	#dropdownnav ul li a, #dropdownnav ul li a:link, #dropdownnav ul li a:visited{padding:5px 3px;}
	#dropdownnav ul li a:hover{padding:5px 3px;}
	#dropdownnav ul ul li{width:200px; font-size:12px;}
	#dropdownnav ul ul li a, #dropdownnav ul ul li a:link, #dropdownnav ul ul li a:visited{width:192px; padding:10px 4px;}
	#dropdownnav ul ul li a:hover{width:192px; padding:10px 4px;}
	.section_image{width:65%; margin:10px 5% 0 0;}
	.section_date_content div.SDCdivoptions{width:100%; margin:0 0 15px 0;}
	.section_date_content_img{width:30%; margin:0 5% 15px 0;}
	.section_date_content_img img{width:100%;}
	.section_date_content_detail{max-width:none; width:65%; margin:0 0 15px 0;}
	.aside_products_img{width:48%; margin:0 2% 0 0;}
	.section_products{width:50%;}
	.textcolumn-2{max-width:1000px;}
	.list_products li{margin:18px 15px;}
	.list_address_contactus p{font-size:15px;}
	.list_address_contactus li{font-size:15px;}
	.list_gallery_hp{width:96%;}
	.list_gallery_hp li span a:link, .list_gallery_hp li span a:visited, .list_gallery_hp li span a:active{font-size:18px;}
	.list_gallery_hp li span a:hover{font-size:18px;}
	.list_features_hp li img{width:100%;}
	.form_searchDD input{width:90%; height:80px;}
	figure.AB3{width:100%; height:300px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px; left:100%; margin-top:10px; font-size:40px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:10px; left:100%; font-size:20px;}
	.textimagerows{max-width:1000px; width:100%;}
	.textimagerows li{width:90%; margin:2% 2%;}
	.textimagerows li div{width:42%; margin:10px 3% 0 0;}
	.textimageiconlisting{max-width:1000px; width:100%;}
	.textimageiconlisting li{width:40%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:25%; margin:5px 5% 0 0;}
	.textimageiconlisting li span{width:70%;}
	#currencycountrybox{width:50%; top:95px; right:2%; padding:5px 0.5%;}
	.my-simple-gallery figure.figureSub{margin:1% 0% 1% 2%; width:23%; height:100px;}
	a.general, a.general:link, a.general:visited, a.general:active{padding:10px 20px;}
	a.general:hover{padding:10px 20px;}
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:0;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin-left:20px;}
	input.summary, a.summary, a.summary:link, a.summary:visited{font-size:16px;}
	a.summary:hover, input.summary:hover{font-size:16px;}
	.list_pageFeature_hp ul li div.img img{height:auto;}
	.list_pageFeature_hp ul li div.img{height:auto;}
	.brexit_banner_pdf img{max-width: 740px;}
	.bookingDetails{width:66%; margin:0 15%;}
	
.switch_wrapper{display:flex;align-items:center;gap:10px}

.switch_track{width:60px;height:30px;background:#ccc;border-radius:30px;position:relative;cursor:pointer;transition:background 0.3s ease}

.switch_track.on{background:#4caf50}

.switch_knob{width:26px;height:26px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left 0.3s ease}

.switch_track.on .switch_knob{left:32px}

.switch_label{font-weight:bold}
.elo_subtable th, .elo_subtable td { border-top: 1px solid #eee; }
  .elo_subtable thead th { background:#fafafa; }