@charset "UTF-8";

html.home {background-color: #000;}
html.home.test {background-color: #fff;}



body {

	/*font-size: 10px;*/
	font-family: Arial, Helvetica, sans-serif;
	background-color: #a7a9ac;
}

/*body.home {
background: 
url(../images/union-flag-lower.gif) top  600px center no-repeat,
url(../images/union-flag-back.jpeg) top center no-repeat,

#0C0C0C;

}*/

html.home.test body.home {
    background: /*url(../images/union-flag-lower.gif) top  600px center no-repeat,
url(../images/union-flag-back.jpeg) top center no-repeat,

#0C0C0C;
        */
       #fff;
}


a {	
	text-decoration: none; color: #000;
	}
	
	a:hover {
	
}

*{
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
	
}

p {padding-bottom: 20px;}

ul, ol {margin: 0; list-style-type: none;}

.wrapper {width: 960px; margin: 0 auto;   box-sizing: border-box; }

.wrapper:after { content: ""; display: table; clear: both;}

.column {float: left;}

header {background-color: #fff; }
header .wrapper {background-image: url(../images/union-corner-flag.png); background-repeat:no-repeat; background-position:top right; background-size: 33% 100%; }
/*.home header {background-color: transparent;}*/

header .column {width: 33.3%; float: left; box-sizing: border-box; padding-top: 32px;}

header .column-2 {text-align: center;}

header .column-3 {/*background-image: url(../images/union-corner-flag.png); background-repeat:no-repeat; background-position:top right; */ height: 112px; text-align: right; /*background-size: contain;*/ }

/*.home header .column-3 {background-image: none; position: relative;  }

.home header .column-3 .queens-award-logo {position: absolute; top: 5%; height: 80%; width: auto; right: 5%;}*/

header .column-3 li {display: inline-block;}

header .column-3 li a {display: block; font-size: 30px; color: #6d6e71; /*margin-left: 5px;*/}

.mobile-social {display: none;}



.telephone {font-size: 16.6px; line-height: 30px; color: #000; padding: 0;}

/*.home .telephone {color: #ffc600;}*/

.home .telephone a {color: #000; text-decoration: none;}

.tagline { font-size: 13px; font-weight: normal; font-style: italic; color: #6d6e71;}

.home .tagline {color: #000;}
.home.test .tagline {color: #000;}

nav {background-color: #fff; }

.home nav {background-color: #fff;}
.home.test .home nav {background-color: #fff;}

nav ul {text-align: center; border-top: solid 1px #a2abb0; border-bottom: solid 1px #a2abb0;}
@media screen and (min-width: 769px) {
  nav ul{  display: flex;
      justify-content: space-between; text-align:justify;}
    
}

.home nav ul {border-top: solid 1px #a2abb0; border-bottom: none;}

nav li {display: inline-block; padding:  0; margin: 0 26px; position: relative; }

@media screen and (min-width: 769px) {
  nav ul{  display: flex; justify-content: space-between; text-align:center;}
    nav li { margin: 0; }
    
}

nav li:nth-child(1) { margin-left: 0;}

nav li:nth-child(7) { margin-right: 0;}

nav li a {display: block; text-transform: uppercase; font-size: 14px; color: #000; font-weight: bold; padding: 10px;}
nav li a.active {background-color:rgba(255,198,0,0.5);}
nav li ul li a.active {background-color:transparent; color: #f00!important;}

/*.home nav li a {color: #ffc600;}*/

nav li:hover a {color: #a2abb0;}

nav li ul {display: none; position: absolute; top: 36px; left: 0; background-color: #fff; width: 520px; z-index: 10000;}
nav li:nth-of-type(3) ul, nav li:nth-of-type(5) ul {width: auto;}
nav li:nth-of-type(4) ul {width: auto;}

nav li ul li {display: block; float: left; padding: 0; text-align: left; width: 100%;  box-sizing: border-box; margin: 0;  background-color:#ffc600; border-bottom: dashed 1px #fff;}

nav li ul li:nth-of-type(2) {background-image:url(../images/products/new-flag.png); background-repeat: no-repeat; background-position: top right;}

nav li ul li span, nav li:hover ul li a {display: inline-block; padding: 10px; background-color:#ffc600; font-size: 14px; color: #000; }

nav li ul li span:nth-of-type(1)  {background-color: #ccc; width: 160px;}

nav.main-navigation li:hover ul {display: block;}

.menu-toggle {display: none;}

.page-content {background-color: #fff; padding: 20px 0;}
.page-content-black {padding: 0 0 0 0; background-color: #fff;}

footer {background-color: #a7a9ac; padding: 30px 0;}

footer .column {width: 25%;}

footer .column-1 {float: left; width: 45%;}

footer .column-4 ul.social-media li {display: inline-block; color: #fff;/* padding: 10px 0; border-bottom: solid 1px #000; position: relative;*/}

footer .column-4 ul.social-media li a {display: block; color: #fff; font-size: 30px; margin-right: 4px;/* padding: 10px 0; border-bottom: solid 1px #000; position: relative;*/ border-bottom: none;}
footer .column-4 ul.social-media li a:hover {color: #000;/* padding: 10px 0; border-bottom: solid 1px #000; position: relative;*/}

footer .column-4 ul.social-media  {padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #000;}

footer .column-1 .address { font-size: 15px;}

footer .column-1 .registered-office { font-size: 15px;}

footer .column-1 .registered-office span {font-size: 11px; display: block;}

footer .column-3 {float: left; width: 28%; margin: 0 1%;}
footer .column-3 .newsletter-link  {display: block; width: 50%; margin-left: 50%;}
footer .column-3 .newsletter-link img {display: block; width: 100%; height: auto; }

footer .column-3 iframe {width: 100%;}

footer .column-4 {float: left;}

footer .column-4 ul {padding-bottom: 10px;}

footer .column-4 li a {display: block; color: #000; padding: 10px 0; border-bottom: solid 1px #000; position: relative;}

footer .column-4 li a:after {content:">"; display: block; position: absolute; right: 5px; top: 10px;}

footer .column-4 ul.social-media li a:after {display: none;}

footer .column-4 .copyright {font-size: 11px; display: block;}

.download-btn {background-color: #ffc600; color: #000; font-size: 16px; padding: 6px; border-radius: 3px; display: block; width: auto; margin-bottom: 20px; float: left; clear: both;}

.download-btn:hover {cursor: pointer; background-color: #000; color: #fff;}

.buttons:after, .subsection li:after, .pdfdownload:after { content: ""; display: table; clear: both;}

/**** HOME PAGE ****/
.home .page-content {padding: 0 0 20px 0;}
.hero-panel {/*border-bottom: solid 1px #a2abb0;*/}
.hero-panel:after {content: ""; display: table; clear: both;}
.screwbolts {float: left; width: 64.89%; position: relative;  margin-bottom: -4px;}
.screwbolts ul {position: absolute; top: 10px; left: 10px; font-size: 30px; line-height: 35px; font-family: 'Open Sans', sans-serif; color: #fff;}
.screwbolts ul li {display: block; float: left;}
.screwbolts ul li strong {color: #6d6e71;}
.screwbolts ul li em {text-transform:uppercase; font-style: normal;}
.screwbolts img {width: 100%; height: auto;}

.screwbolts span {font-size: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; display: block; position: absolute; width: 150px; bottom: 70px; left: 10px;}

.queens-award {}

.queens-award a {display: block; position: relative; }

.queens-award a img.qa-back {width: 100%; height: auto;}

.queens-award a span {display: block; padding: 5px; font-size: 12px; line-height: 17px; color:#F0C927; position: absolute; bottom: 4px; left: 0; box-sizing: border-box; background-color: rgba(0,0,0,0.5); padding-right: 60px;}

.queens-award a img.queens-award-logo {position: absolute; right: 5px; bottom: 10px;}

.promo-column {width: 35%; float: left; border-left: solid 1px #a2abb0;}

.news {padding-top: 5px;/*border-top: solid 1px #0C0C0C;*/ position: relative; top: -5px; margin-bottom: -9px;}

.news ul {overflow: hidden;}

.news ul li {display: block; float: left;}

.news ul li img {width: 100%; height: auto;}

.intro {padding: 20px 50px; text-align: center; font-size: 16px; line-height: 24px; color: #000;}
.home.test .intro {padding: 20px 50px; text-align: center; font-size: 16px; line-height: 24px; color: #000;}

.quick-links {
	background-color: rgba(255,198,0,1);/*rgba(240, 201, 39, 1);*/ border-top: solid 8px #fff;
}

.quick-links ul:after {content: ""; display: table; clear: both;}

.quick-links ul {padding: 10px;}

.quick-links li {width: 33.3%; float: left; box-sizing: border-box; padding: 10px;}

.quick-links li:nth-child(4) {clear: left;}

.quick-links li a { color: #000;}

.quick-links li a h2 {font-size: 14px; line-height: 12px; padding-bottom: 10px; text-transform: uppercase;}
.quick-links li a img {width: 100%; height: auto; display: block;}

.quick-links li span {color: #000; font-size: 12px; line-height: 16px; display: block; padding: 10px 5px;}

.customer {}

.customer ul {}

.customer ul li {width: 25%; float: left; display: block; text-align: center; padding: 10px;  box-sizing: border-box;}

.customer ul li img {max-width: 100%; height: auto;}

.accreditations:after {content: ""; display: table; clear: both;}

.accreditations ul li {width: 16%; display: inline-block; text-align: center; padding: 10px;  box-sizing: border-box;}

.accreditations ul li:nth-of-type(3) img {max-width: 70%; height: auto;}
.accreditations ul li:nth-of-type(4) img {max-width: 60%; height: auto;     position: relative;  top: -5px;}


.accreditations ul li img {max-width: 100%; height: auto;}

.customers:after {content: ""; display: table; clear: both;}

.customers ul {}

.customers ul li {width: 11.1%; float: left; display: block; text-align: center; padding: 10px;  box-sizing: border-box;}

.customers ul li:nth-of-type(10) {clear: left;}

.customers ul li img {max-width: 100%; height: auto;}

/**** END HOME PAGE ****/

/*** NEWS LIST PAGE ***/
.news-list {}
.news-list:after {content: ""; display: table; clear: both;}

.news-list li {display: block; float: left; width: 32.3%; margin-left: 1.5%; text-align: center;}



.news-list li img {width: 100%; height: auto; border: solid 1px #a2abb0;}

.news-list li h1 {font-size: 16px;  line-height:22px; padding-bottom: 20px;}

.news-list li p {font-size: 13px;  line-height:18px; padding-bottom: 20px;}

.news-list li p a {color: #000; text-decoration:underline; text-transform: uppercase;}

/*** END NEWS LIST PAGE ***/
/*** NEWS ARTICLE PAGE ***/
.news-story {-webkit-columns: 300px 2; -moz-columns: 300px 2; columns: 300px 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; font-size: 13px; line-height: 18px;}
.news-story h1 {background-color: #ffc600; font-size: 30px; line-height: 30px; padding: 15px; margin-bottom: 20px;}
.news-story h1 span {display: block;font-size: 16px; padding-top: 5px;}
.news-story h2 {font-size: 16px; line-height: 22px; font-weight: normal; padding-bottom: 20px;}
.news-story p img {width: 100%; height: auto;}
.post-date {font-size: 12px; color: #ccc;}

.news-story table {font-size: 13px; line-height: 18px; margin-bottom: 20px; width: 100%; border-collapse:collapse; border-top: solid 1px #999; }
.news-story table td, .news-story table th {padding: 5px; box-sizing: border-box; vertical-align: top; border-bottom: solid 1px #999;  }

.news-story table tr:nth-of-type(even) td {background-color: #f0f0f0;}

.news-story table.details td { text-align: center;}

.news-story table th {text-align: left; background-color: #ddd;}

.news-story table.load-characteristics tr:nth-of-type(2) td {background-color: #ddd;}

.news-story table tr:first-child th { text-align: center;}

.news-story table caption {padding: 10px 0}


/*** NEWS ARTICLE PAGE ***/
/*** PROJECTS ***/
.cs-intro {background-color: #000; color: #fff; padding: 30px; font-size: 18px; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: center; margin: -20px 0 20px 0;}

.cs-intro span {color: #ffc600; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 16px;}
.case-study {padding-bottom: 20px; border-bottom: solid 1px #604e0b; margin-bottom: 40px;}
.case-study .image-row {margin-bottom: 20px;}
.case-study .image-row:after { content: ""; display: table; clear: both;}

.case-study .image-row li {width: 32.3%; float: left; margin-left: 1.5%;}
.case-study .image-row li:nth-of-type(3n+1) {margin-left: 0;}

.case-study .image-row li img {width: 100%; height: auto;}

.column-holder:after { content: ""; display: table; clear: both;}
.cs-column {float: left;}
.cs-column.column-1 {width: 32.3%}
.cs-column.column-2 {width: 66.1%; margin-left: 1.5%;  font-size: 13px; line-height: 18px;}
.column-2 h1 {font-size: 18px; line-height: 24px; padding-bottom: 20px;}

.cs-panel {font-size: 13px; line-height: 18px; padding: 15px; margin-bottom: 20px;}
.cs-panel h2 {font-size: 16px; line-height: 22px; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
.cs-panel.grey {background-color: #d2d3d5;}
.cs-panel.yellow {background-color: #ffc600;}
.cs-column img {width: 100%; height: auto;}

.cs-column .acp-gallery:after { content: ""; display: table; clear: both;}
.cs-column .acp-gallery li {display: block; float: left; width: 50%; padding: 10px; box-sizing: border-box; display: none;}

.cs-column .acp-gallery li:nth-of-type(1), .cs-column .acp-gallery li:nth-of-type(2) {display: block;}


/*** PROJECTS ***/

/*** TECHNICAL DATA ***/
.technical-data-full-width {/*-webkit-columns: 300px 2; -moz-columns: 300px 2; columns: 300px 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;*/ font-size: 13px; line-height: 18px;/* min-width: 300px; float: left; margin-left: 4.16%; width: 47.02%;*/}

.to-fix .td-column {-webkit-columns: 300px 2; -moz-columns: 300px 2; columns: 300px 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; font-size: 13px; line-height: 18px; min-width: 300px; float: left; margin-left: 4.16%; width: 47.02%;}
.td-column:nth-of-type(1) {margin-left: 0;}

.technical-data-full-width:first-of-type div { -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;}



/*.installation-test-results div {padding: 15px; background-color: #fef9da; margin-bottom: 20px;}*/

.technical-data-full-width  h1, .to-fix .td-column h1 {font-weight: normal; font-size: 24px; line-height: 30px; margin-bottom: 20px;}

.technical-data-full-width  h2, .to-fix .td-column h2 {font-weight: normal; font-size: 16px; line-height: 20px;  margin-bottom: 10px;}

/*.td-columns table {width: 100%; font-size: 13px; line-height: 18px;}

.td-columns table td, .td-columns table th {padding: 5px; text-align: left; vertical-align: top;}

.td-columns table tr:first-child th { text-align: center;}

.td-columns table tr:first-child th:first-child { text-align: left;}

.td-columns table tr:nth-child(odd) td, .td-columns table tr:nth-child(odd) th {background-color: rgba(255,255,255, 0.5);}

.td-columns ul {font-size: 13px; line-height: 18px; margin-bottom: 20px;}

.td-columns li {padding: 5px 0; border-bottom: solid 1px #000;}

.td-columns li:first-of-type {border-top: solid 1px #000;}*/

table.instructions-table {font-size: 13px; line-height: 18px; margin-bottom: 20px; width: 100%; border-collapse:collapse; border-top: solid 1px #999; }
 table.instructions-table td, table.instructions-table th {padding: 5px; box-sizing: border-box; vertical-align: top; border-bottom: solid 1px #999;  }

 table.instructions-table tr:nth-of-type(even) td {background-color: #f0f0f0;}



table.instructions-table th {text-align: left;background-color: #ddd;}

table.load-characteristics tr:nth-of-type(2) td {background-color: #ddd;}

table.instructions-table tr:first-child th { text-align: center;}

table.instructions-table caption {padding: 10px 0;}

/***/

table.test-results {font-size: 13px; line-height: 18px; margin-bottom: 20px; width: 100%; border-collapse:collapse; border-top: solid 1px #999; }
 table.test-results td, table.test-results th {padding: 5px; box-sizing: border-box; vertical-align: top; border-bottom: solid 1px #999; text-align: center;  }
 table.test-results th.left {text-align: left;}

 table.test-results tr:nth-of-type(even) td {background-color: #f0f0f0;}



table.test-results th {/*text-align: left;*/background-color: #ddd;}


table.test-results tr:first-child th { text-align: center;}

table.test-results caption {padding: 10px 0;}

.lozenge {display: block; padding: 10px; border-radius: 6px; background-color: #FFC600; color: #000;}
.lozenge:hover {background-color: #F37536; color: #fff;}

.fixing-list li {display: block; padding-bottom: 10px;}

.technical-data-full-width {clear: both; font-size: 13px; line-height: 18px;}

/*.technical-data-full-width table tr td:first-of-type {text-align: left;}*/

/*** TECHNICAL DATA ***/
/*** PRODUCT OVERVIEW ***/
.product-highlights {text-align: center; background-color: #fff7d9; margin: 20px 0;}
.product-highlights h1 {background-color:#ffc600; font-weight: 400; padding:10px; font-size: 24px; line-height: 30px; }

.product-highlights p {font-size: 15px; line-height: 30px; padding: 20px 10px; font-style: italic;}

.product-highlights p strong {font-style: normal; font-weight: bold;}
.product-list ul:after { content: ""; display: table; clear: both;}

.product-list ul li {display: block; float: left; width: 12%; margin-left: 0.5%;}
.product-list ul li:first-of-type {margin-left: 0;}
.product-list ul li a {display: block; float: left; border: solid 1px #000;}
.product-list ul li a img {display: block; width:100%; height: auto;}
.product-list h2 {font-weight: normal; font-size: 16px; line-height: 20px;  margin-bottom: 10px; padding-left: 5px;}
.product-list table {font-size: 13px; line-height: 18px; margin-bottom: 20px; width: 100%;}
.product-list table td {padding: 5px; box-sizing: border-box; vertical-align: top; border-bottom: solid 1px #f0f0f0; }

.product-list table tr:nth-of-type(1) td {border-top: solid 1px #f0f0f0; }
.product-list table tr td:nth-of-type(1) {width: 20%;}
.product-list table tr td:nth-of-type(2) {width: 40%;}
.product-list table tr td:nth-of-type(3) {width: 40%;}

.product-list table td a {color: #000;}

.product-list table tr:hover td {background-color: #f0f0f0;}

/*** PRODUCT OVERVIEW ***/

/*** PRODUCT PAGE ***/
.productdata {font-size: 13px; line-height: 18px;}
.product-page h1 {margin-bottom: 20px; line-height: 1.6em;}
.product-page h1 strong {float: right; font-weight: normal; font-size: 16px; color: #333;}

.sectionone:after { content: ""; display: table; clear: both;}

.imagecolumn {float: left; width: 25%;}

.imagecolumn img {width: 100%; height: auto;}

.rangelinks {float: left; width: 25%; margin-left: 4%;}

.rangelinks h2 {font-size: 20px; font-weight: normal; background-color: #eaeaea; padding: 5px;}

.rangelinks li {display: block; padding: 5px; border-bottom: solid 1px #999;}

.rangelinks li a {display: block; color: #000;}

.rightsection {float: left; width:42%; margin-left: 4%;}

.rightsection h2 {font-size: 20px; font-weight: normal; background-color: #eaeaea; padding: 5px; margin-bottom: 20px;}

.design-tables h2 {font-size: 20px; font-weight: normal; margin-bottom: 20px;}

.product-page table {font-size: 13px; line-height: 18px; margin-bottom: 20px; width: 100%; border-collapse:collapse; border-top: solid 1px #999; }
.product-page table td, .product-page table th {padding: 5px; box-sizing: border-box; vertical-align: top; border-bottom: solid 1px #999;  }

.product-page table tr:nth-of-type(even) td {background-color: #f0f0f0;}

.product-page table.details td { text-align: center;}
.product-page table.details.hsb20 td { text-align: left;}

.product-page table th {text-align: left;background-color: #ddd;}

.product-page table.load-characteristics tr:nth-of-type(2) td {background-color: #ddd;}

.product-page table tr:first-child th { text-align: center;}

.product-page table.technical-data tr:first-child th { text-align: left;}

.product-page table caption {padding: 10px 0}

.hide-desktop {display: none;}
/*** PRODUCT PAGE ***/

/*** ABOUT US ***/
.about-us-content {-webkit-columns: 300px 2; -moz-columns: 300px 2; columns: 300px 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; font-size: 13px; line-height: 18px;}

.about-us-content h1 {font-size: 24px; font-weight: normal; line-height: 30px; margin-bottom: 20px;}
.about-us-content h2 {font-size: 20px; font-weight: normal; line-height: 25px; margin-bottom: 20px; color: #666;}
.about-us-content h2 strong {color: #000;}

.aboutusimage span {display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 20px; font-style: italic; padding: 10px 0; /*width: 340px;*/}

blockquote {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 25px; margin: 0 0 20px 0;}
/*** ABOUT US ***/

/*** CONTACT US ****/
.contact .page-content h1 {font-size: 24px; font-weight: normal; line-height: 30px; margin-bottom: 20px;}
.contact .page-content h2 {font-size: 20px; font-weight: normal; line-height: 25px; margin-bottom: 20px; color: #666;}

.contact .page-content .column-1 {width: 66%; float: left; box-sizing: border-box; font-size: 15px;} 

.contact .page-content .column-1 img {width: 100%; height: auto;} 

.contact .page-content .column-2 {width: 34%; float: left; box-sizing: border-box; padding-left: 22px;} 

.webcontacts span {display: inline-block; width: 180px; font-weight: bold;}

.contactnumbers span {display: inline-block; width: 40px;}

.webcontacts {line-height: 2rem;}

.emailcontacts {line-height: 2rem;}

.emailcontacts span {display: inline-block; width: 180px; font-weight: bold;}

.map {}

.map iframe {width: 100%; border: solid 1px #a2abb0;}

form {}
form label{display: block; padding: 0 0 5px 0; font-size: 12px;}
form input[type="text"] {width: 100%; padding: 3px; box-sizing: border-box; font-size: 12px; border: solid 1px #a2abb0;}
form textarea {width: 100%; padding: 3px; box-sizing: border-box; font-size: 12px; height: 100px; border: solid 1px #a2abb0;}
form .hidden {display: none;}

form input[type="submit"] {
  background-color: #ffc600;
  border-radius: 3px;
  clear: both;
  color: #000;
  display: block;
  float: left;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 6px;
  width: auto; border: none;
}

form input[type="submit"]:hover {cursor: pointer; background-color: #000; color: #fff;}

/*** CONTACT US ***/

/*** SECTORS ***/

.application {padding: 20px 0; border-top: solid 1px #a7a9ac; font-size: 15px; line-height: 20px;}
.application.tint-border {
	border-top: 1px solid rgba(167,169,172,0.3);
}

.application:after { content: ""; display: table; clear: both;}

.sectors .leftcolumn {width: 40%; float: left;  box-sizing: border-box; padding-right: 40px;}

.sectors .leftcolumn img {width: 100%; height: auto;}

.sectors .leftcolumn img.sectors-logo {width: auto; height: auto; max-width: 100%;}

.sectors .rightcolumn {width: 60%; float: left;  box-sizing: border-box;}

.sectors .rightcolumn h1 {  font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 20px;}

.sectors .rightcolumn ul {}

.sectors .rightcolumn ul li {display: inline-block; width: 33.3%; box-sizing: border-box; padding: 10px 20px 10px 0;}

.sectors .rightcolumn ul li img {width: 100%; height: auto;}

.sectors .rightcolumn ol {margin-left: 24px; list-style-type: decimal; padding-bottom: 10px;}

.sectors .rightcolumn ol li {padding-bottom: 10px;}

.fancybox {display: block; position: relative;}

.fancybox:after {
  content: "\f14c";
    font-family: FontAwesome;

    color: #fff;
    font-size: 30px;
  
    position: absolute;
    top: 10px;
    right: 10px;}
	
	.about-us .fancybox:after {display: none;}
	
	.application .fullcolumn {clear: both;}
	.application .fullcolumn ul li {width: 25%; position: relative; display: inline-block; line-height: 0;}
	.application .fullcolumn ul li img {width: 100%; height: auto;}
	.application .fullcolumn ul li span {display: block; position: absolute; bottom: 0; left: 0; padding: 5px; background-color: rgba(0,0,0,0.5); width: 100%; line-height: 1.5em; color: #fff; box-sizing: border-box; font-size: 14px; text-transform: uppercase;}
	.application.temporary-works .reasons {font-size: 28px; line-height: 30px; font-family:Georgia, "Times New Roman", Times, serif;}
	
	ul.security li {display: inline-block; width: 49%; box-sizing: border-box;}
		ul.security li:nth-of-type(1) {padding-right: 5px;}
		ul.security li:nth-of-type(1) {padding-left: 5px;}
	ul.security li:nth-of-type(3) { margin-left: 25%;}

/*** SECTORS ***/

/*** ERROE PAGE ***/

.error h1 {font-size: 30px; line-height: 30px; padding: 0 15px 0 0; margin-bottom: 20px; font-weight: 400;}
.error h1 span {display: block;font-size: 16px; padding-top: 5px;  font-weight: 300;}

.error .page-content a {font-weight: bold;}

/** PRIVACY POLICY **/

.privacy-policy h1 {font-size: 30px; line-height: 30px; padding: 0 0 30px 0;  font-weight: 400;}
.privacy-policy h2 {font-size: 20px; line-height: 20px; padding: 0 0 10px 0; font-weight: 300;}

.privacy-policy .page-content a {font-weight: bold;}

.privacy-policy ul {margin-bottom: 20px;}
.privacy-policy footer ul {margin-bottom: 0;}

.site-map h1 {font-size: 24px; font-weight: normal; line-height: 30px; margin-bottom: 20px;}

.site-map li {font-size: 13px; line-height: 20px; border-top: solid 1px #ccc;}
.site-map footer li {border-top: none;}

.site-map li a, .site-map li span {display: block;  padding: 6px 0;}
.site-map li span {font-weight: bold;}
.site-map li a:hover {background-color: #f0f0f0;}

.site-map li li a, .site-map li li span  {padding-left: 40px;}

.site-map li li li a {padding-left: 80px;}

.event-links {padding: 10px 20px; background-color: #ED1021; text-align: center; position: relative; top: -3px;}

.event-links a {color: #fff; font-size: 28px; text-transform: uppercase; display: inline-block; margin: 0 10px;}

.event-links a:nth-of-type(2) {padding: 8px; border: solid 1px #fff;}

.show-desktop {display: block;}

.show-mobile {display: none;}

.video-link {position: relative; display: block; line-height: 0; top: 0; width: 172px; height: 147px;}
.home .video-link {width: 100%; height: auto;}
/*.sectors .rightcolumn ul li a.video-link img {width: 172px; height: 147px;}*/
/*.video-link::after {
	background-image: url(/images/projects/sectors/play-icon.png);
	background-repeat: no-repeat;
	background-size: 60px 60px;
	background-position: top left;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	content: " ";
	width: 60px;
	height: 60px;
}
li:hover .video-link::after {opacity: 50%;}*/

/*.to-fix .video-link {
    background-color: #ffc600;
    color: #000;
    font-size: 16px;
    padding: 6px;
    border-radius: 3px;
    display: block;
    width: auto;
    margin-bottom: 20px;
    float: left;
    clear: both; position: static; width: auto; height: auto; display: inline-block; line-height: 18px;
} */

.to-fix .video-link {width: 300px; height: 224.36px; border: solid 1px #000;}
.to-fix .video-link img:nth-of-type(1) {display: block; width: 100%; height: auto; position: absolute;}
.to-fix .video-link .play-btn {display: block; width: 84px; position: absolute; left: 50%; top: 40%; margin-left: -42px;}
.to-fix .video-link:hover .play-btn {opacity: 50%;}
.to-fix .video-link span {color: #000; font-size: 14px; line-height: 18px; display: block; padding: 10px 5px; position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; text-align: center; font-weight: bold; background-color: rgba(255,255,255,0.5); top: auto;}

.video-link span {display: block; position: absolute; top: 5px; right: 5px; font-weight: bold; text-align: right; font-size: 16px; line-height: 18px; }

.railway-section .video-link .play-btn {content: "/f16a"; font-family: FontAwesome; display: block; position: absolute; top: 50%; left: 50%; color: #fff; width: 50px; height: 50px; font-size: 50px; margin: -25px auto auto -25px;}
.railway-section .video-link .play-btn:hover {color:  #ffc600;}

.railway-section {}
.railway-section:after { content: ""; display: table; clear: both;}
.railway-section div {float: left;}
.railway-section div:nth-of-type(2) {padding: 0 0 0 20px;}

.railways-images li {position: relative;}

.railways-images li span {display: block; width: 20px; height: 20px; text-align: center; position: absolute; bottom: 20px; right: 26px; background-color: rgba(255,255,255, 0.5);}

.railways-main {position: relative;}
.railways-main span {display: block; width: 20px; height: 20px; text-align: center; position: absolute; bottom: 30px; right: 5px; background-color: rgba(255,255,255, 0.5);}

.gallery-note {text-align: center; font-weight: bold;}

.bomb-blast-gallery li {display: none;}
.bomb-blast-gallery li:nth-of-type(1) {display: block;}
.bomb-blast-gallery li img {width: 100%; height: auto;}



.video-links {
	background-color: #a7a9ac;/*rgba(240, 201, 39, 1);*/ padding-bottom: 30px;
}

.video-links ul:after {content: ""; display: table; clear: both;}

.video-links ul {padding: 10px;}

.video-links li {width: 33.3%; float: left; box-sizing: border-box; padding: 10px;}

.video-links li:nth-child(4) {clear: left;}

.video-links li a { color: #000; position: relative;}

.video-links li a h2 {font-size: 14px; line-height: 12px; padding-bottom: 10px; text-transform: uppercase; color: #000;}
.video-links li a img {width: 100%; height: auto; display: block;}

.video-links li .video-link span {color: #000; font-size: 14px; line-height: 18px; display: block; padding: 10px 5px; position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; text-align: center; font-weight: bold; background-color: rgba(255,255,255,0.5); top: auto;}

.video-links li .video-link .play-btn {display: block; width: 84px; position: absolute; left: 50%; top: 40%; margin-left: -42px;}
.video-links li .video-link:hover .play-btn {opacity: 50%;}

.linked-image {position: relative; display: block;}
.linked-image:hover {cursor: pointer;}
.linked-image:after {
    content: "\f14c";
    font-family: FontAwesome;
    color: #000;
    font-size: 30px;
    position: absolute;
    bottom: 15px;
    right: 10px;
}.linked-image:hover:after {
    color: #ffc600;
}

.speedtest-content h1 {font-size: 24px; font-weight: normal; line-height: 30px; margin-bottom: 20px;}

.speedtest-content .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.speedtest-content .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aboutusimage img {display: block; width: 100%; height: auto;}

.brochure-download {display: block; background-color: rgba(255,198,0,1);  color: #fff;  padding: 20px 0 30px 0;  border-top: solid 8px #fff;}
.brochure-download:after { content: ""; display: table; clear: both;}

.brochure-download li {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding: 20px;
}
.brochure-download li h2 {font-size: 14px; margin-bottom: 10px;}

.brochure-download li img {width: 100%; height: auto; display: block; 

 /* box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 30px 30px rgba(0, 0, 0, 0.086),
  0 30px 30px rgba(0, 0, 0, 0.12)
;*/

-webkit-box-shadow: 0px 8px 10px 5px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 8px 10px 5px rgba(0,0,0,0.28);
    box-shadow: 0px 8px 10px 5px rgba(0,0,0,0.28);}

.brochure-download li:hover img {

-webkit-box-shadow: 0px 8px 10px 5px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 8px 10px 5px rgba(0,0,0,0.35);
    box-shadow: 0px 8px 10px 5px rgba(0,0,0,0.35);}

.memoriam {display: none; background-color: #000; padding: 50px 0;}
.memoriam.show-panel {display: block;}
.memoriam:after {content: ""; display: table; clear: both;}
.memoriam div {width: 50%; float: left; overflow: hidden;}
.memoriam div:nth-of-type(2) {height: 100%;}
.memoriam div img {width: 100%; height: auto;}
.memoriam div:nth-of-type(1) {font-family: Times, "Times New Roman", "serif"; font-size: 15px; line-height: 18px; color: #ddcba3; padding-right: 20px; box-sizing: border-box;}
.memoriam div p {padding-bottom: 10px;}

.ewt {}
.ewt img {width: 200px; height: auto; margin: 5px 0 30px 0;}

.yellow-back {background-color: rgba(255,198,0,1);}
.yellow-back .brochure-download {border-top: none;}


.addresswidget {}
.addresswidget .map {border: solid 1px #a2abb0; margin: 0 0 20px 0;}
.addresswidget .map iframe {height: 200px;}

#newsletter-form, #newsletter-form label { font-size: 15px; line-height: 20px;}
#newsletter-form form input[type="text"], #newsletter-form form input[type="email"] {padding: 5px; width: 100%; box-sizing: border-box; margin-bottom: 15px;}
#newsletter-form form fieldset {border: none;}
#newsletter-form form input[type="checkbox"] {margin-right: 5px;}
#newsletter-form form .indicates-required {margin: 0 0 20px 0;}

.newsletter-signup-page, .newsletter-signup-page label { font-size: 15px; line-height: 20px;}
.newsletter-signup-page form input[type="text"], .newsletter-signup-page form input[type="email"] {padding: 5px; width: 100%; box-sizing: border-box; margin-bottom: 15px;}
.newsletter-signup-page form fieldset {border: none;}
.newsletter-signup-page form input[type="checkbox"] {margin-right: 5px;}
.newsletter-signup-page form .indicates-required {margin: 0 0 20px 0;}


footer a.fancybox {background-color: rgba(255,198,0,1); border-radius: 3px; padding: 8px 10px; text-align: center;}
footer a.fancybox:hover {background-color: #fff;}
footer a.fancybox:after {display: none;}

.display_archive {padding: 50px 0;}
.display_archive .campaign {border-top: solid 1px rgba(0,0,0,0.1); font-size: 15px;  line-height: 20px; padding: 10px 0;}

.page-content ul.bulleted-list {margin-left: 20px; list-style-type:disc; margin-bottom: 20px;}

.product-page table.hsb20 caption {
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top;
    border-top: solid 1px #999;background-color: #ddd; font-weight: bold;
}