@charset "utf-8";

/*-----------------------------------------------------------------------------------*/
/* SHARED ELEMENTS                                                                   */
/*-----------------------------------------------------------------------------------*/
.pc_off { display: block}
.tablet_off { display: none; height:0; width:0; line-height:0; overflow:hidden}

.parallax_tablet { display:block; position:absolute; width:100%; height:500px; z-index:-10000; background-repeat:no-repeat; background-position:50% 50%; background-size: 1024px 100%  }
.parallax { height:0; width:0; display:none}





/*-----------------------------------------------------------------------------------*/
/* TEMPLATE                                                                        */
/*-----------------------------------------------------------------------------------*/


header{ min-height:103px; overflow:hidden; border-bottom:0; position:relative }
#open {}
.spacer {height:0}


.header_top { border:0px solid white; overflow:hidden; height:103px}
.logo {width: calc(100% - 280px); max-width:277px; height:auto; border:0px solid red;margin:0; float:left; position:relative; left:20px; top:30px}
.UKAS_accredited_logo {border:0; margin:0; float:right}

.menu_open_close {margin:0; padding-right:0; padding-left:23px; padding-top:38px; width:50px; height:103px; border:0px solid white; float:right} 
.menu_open_close img{ border:0px solid red} 

#menuIcon { background-image:url(images/menue_closed.png); background-repeat:no-repeat; background-position:25px 34px}


.header_login { float:left; height:auto;text-align:left; padding:14px; padding-left:0px; width:100%} 

.button{border-top:1px solid;  width:100%;}

.hero_text {width:calc(100%-20px); padding-left:20px;}



/*-----------------------------------------------------------------------------------*/
/* SECTOR PAGE                                                                       */
/*-----------------------------------------------------------------------------------*/
.sector_padding {}
.sector_lhs{ width:100%}
.sector_rhs{ margin-left:0; width:100%; margin-top:100px}





/*-----------------------------------------------------------------------------------*/
/* MENU                                                                              */
/*-----------------------------------------------------------------------------------*/
.margin_off { margin-left:0}

#open {transition:1s; position:absolute; z-index:100000; top:103px; height:4000px}
nav { padding:0;margin:0; width:100%; position:absolute;  background-color:#031324; font-size:16px; border-top:1px solid #6eb6de; position:relative }
nav ul {text-align:left; padding:0; margin:0; display:block; width:100%}
nav li { width:100%; display:block; background-image:none; padding:0 ; margin:0;  border-bottom:1px solid #6eb6de; height:59px; overflow:hidden; white-space: nowrap;}
#li_login { height:80px}
nav li a {display:block;height:59px;  border-left:0px; border-bottom:0}
nav li a.active {padding-left:26px; border-bottom:0; color:#6eb6de; border-left-width:4px; border-left-style:solid}

nav li a.active_quality {color:#b98700}
nav li a.active_contact {color:#b98700}


nav li a { 
  text-decoration: none;
  position: relative;
  border: 0;
  border-left: 0;
  margin:0;
  padding:15px;
  padding-left:30px}

nav li a:after { display:none}

nav li a:hover:after { display:none}




nav li a.active_index { border-left-color: #fff}
nav li a.active_aerospace {border-left-color: #9e0b0f}
nav li a.active_nuclear {border-left-color: #dc5800}
nav li a.active_precision {border-left-color: #b98700}
nav li a.active_facilities {border-left-color: #3cb878}
nav li a.active_hvac {border-left-color: #5f9fc3}
nav li a.active_carbon {border-left-color: #662d91}
nav li a.active_quality { border-left-color: #ffffff}
nav li a.active_contact { border-left-color: #ffffff}