@charset "utf-8";

/*	Last updated: 	2018–01–19
	Updated by: 	Marko Cakarevic – marko.c@roosterim.com.au
	Company: 		Rooster IMC – www.roosterimc.com.au
*/

/*BRANACH COLOR PALETTE
    Black: #000000;
    Yellow: #ffd100;
    Grey: #97999b;
    Light Grey: #ebebeb;
*/

/*------------------------------------------------------------------------------------------

CONTENTS 
01. Typography
02. Navigation
03. Common styles for gaps and positioning
04. Colors
05. Buttons
06. Shapes
07. Thumbnails
08. Global Footer
09. Page Headers
10. Main Page Banner
11. Page Banners
12. Page Submenu
13. Carousels
14. Captions
15. Video
16. Height Safety Page
17. Our Story Page
18. Unique Construction Page
19. Services Page
20. Contact Page
21. Services Page
22. Industries Page
23. Distributors Page
24. Case Studies Page
25. Product Range
26. Individual Product Pages
27. Product Accessory Pages
28. Media Quiries

------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------
01. TYPOGRAPHY
------------------------------------------------------------------------------------------*/
body {
	 font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
	 font-weight: 400;
	 font-style: normal;
	 color: #000000;
	 font-size: 18px;
	 line-height: 1.4;
	 /*IE Scrollbar color*/
	 scrollbar-face-color: #ffd100;
	}

/*------------------------------------
HEADING STYLES
------------------------------------*/
h1 {
	 font-size: 3.45em;
	 line-height: 1.025;
	 margin: 0 0 20px 0;
	 font-weight: 700;
	 font-style: normal;
}
h2 {
	 font-size: 2.150em;
	 line-height: 1.15;
	 margin: 0 0 10px 0;
	 font-weight: 700;
}
h3 {
	 font-size: 1.8em;
	 line-height: 1.2;
	 margin: 0 0 10px 0;
	 font-weight: 700;
}
h4 {
	 margin-top: 40px;
	 margin-bottom: 5px;
	 font-weight: 700;
	 font-size: 1.3em;
	 line-height:1.3;
}
h5 {
	 margin: 0 0 5px 0;
	 font-weight: 700;
	 font-size: 1.050em;
	 line-height:1.3;
}
h6 {
	 font-weight: 700;
	 font-size: 0.8em;
	 line-height: 1.4;
}

/*------------------------------------
PARAGRAPH STYLES
------------------------------------*/
p {
	 font-size: 1em;
	 line-height: 1.45;
	 margin: 0;
	 margin-bottom: 1.25em;
}
p.small, 
.small {
	 font-size: 0.800em;
}
p.intro {
	 font-size: 1.215em;
	 line-height: 1.3;
	 margin: 0 0 20px 0;
}

strong {
	 font-weight: 700;
}

.lead {
	font-size: 1.25em;
	line-height: 1.3;
	font-weight: 400;
}


/*------------------------------------
LINK STYLES
------------------------------------*/
a {
	 color: #000;
	 font-weight: 700;
	 text-decoration: none;
}
a:hover,
a:focus {
	 color: #ffd100;
	 text-decoration: underline;
}

.form-control {
	font-size:1em; 
	height:60px;
}
.input-group-btn .btn {
	height:60px; 
	font-size:20px; 
	width:60px;
}

.text-normal {
	font-weight:normal !important;
}
.text-bold {
	font-weight:bold;
}
.text-shadow {
	text-shadow:1px 1px 5px rgba(0,0,0,0.4);
}

/*Bullets*/
.list-disc li:before {
	content: ""; 
	width: 8px; 
	height: 8px; 
	background-color: #97999b; 
	display:inline-block; 
	margin-right: 8px; 
	font-family: fontAwesome; 
	position:absolute; 
	top: 8px;
	left: 0;
}
.list-disc li {
	margin-bottom: 5px;
	position:relative; 
	padding-left:20px;
}


/*---------------------------------------/
SKIP LINK 
----------------------------------------*/
a.skip-link {
    position: absolute;
    top: -10em;
    left: 2em;
    padding: 1em;
	color: #000;
    background-color: #ffd100;
	text-decoration: none;
/*    outline: 2px dotted red; */
	z-index: 9999;
}


.skip-link:focus {
    top: 2em;
}


/*------------------------------------------------------------------------------------------
02. NAVIGATION
------------------------------------------------------------------------------------------*/

/*------------------------------------
TOP BAR SECONDARY NAVIGATION
------------------------------------*/
.top-Bar { 
	background: #ebebeb; 
	font-size: 0.7em;
}
.top-Bar .navbar-nav > li > a { 
	font-weight:600; 
	padding: 8px 10px 0; 
	color: #000;
	position:relative;
}
.top-Bar .navbar-nav > li > a:hover, 
.top-Bar .navbar-nav > li > a:focus,  
.top-Bar .navbar-nav > li > a.active {
	background-color:transparent;
}

.top-Bar .dropdown .dropdown-menu {
	min-width: 50px;
	margin-top: 0 !important;
	margin-right: 10px;
	background-color: #ebebeb;
	color:#000;
}
.top-Bar .dropdown .dropdown-menu li {
	border-bottom: 1px solid #bcbec0;
}

.top-Bar .dropdown-menu > li > a {
	color:#000;
	padding: 5px 14px;
	font-weight: 700;
	font-size: 1.2em;
}
.top-Bar .dropdown-menu > li > a:hover {
	color:#000;
}

.top-Bar .dropdown-menu > li:hover {
	background-color:#d7d7d7;
	color:#000;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.top-Bar .dropdown-menu > li > a:after {
	display:none;
}

/*------------------------------------
MAIN NAVIGATION
------------------------------------*/
.navbar-brand {
	height:auto;
}
.navbar-default {
	background-color:#fff;
}

.navbar-default .navbar-nav > li > a { 
	position:relative;
	padding:10px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color:transparent;
}
.navbar-default .navbar-nav > li > a:after,
.top-Bar .navbar-nav > li > a:after  {
	display:block;
	content: '';
	margin: auto;
	height: 4px;
	width: 0;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
	margin-top:5px;
}
.navbar-default .navbar-nav > li > a:after {
	margin-top:10px;
}
.navbar-default .navbar-nav > li > a:hover:after,
.navbar-default .navbar-nav > li.open > a:after,
.top-Bar .navbar-nav > li.active > a:after,
.navbar-default .navbar-nav > li.active > a:after,
.top-Bar .navbar-nav > li > a:hover:after {
	width: 100%;
	background: #ffd100;
}

/*Nav - Chervron Size*/
.dropdown span {
	font-size: 0.8em;
	margin-left:5px;
	transition: all .5s ease;
}


/*------------------------------------
DROPDOWN MENUS
------------------------------------*/
.dropdown-menu { 
	min-width:180px;
	background-color:#000;
	border:0;
	box-shadow: none; 
	/*margin-top:20px !important;*/
	margin-top: 10px !important;
	font-size: 0.800em; 
	color:#fff; 
	font-weight:normal;
	border-radius:0;
	padding:0;
}
.dropdown .dropdown-menu {
	min-width:320px;
}

.dropdown-menu > li > a {
	color:#fff;
	display:block;padding-right:15px;
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color:transparent;
	color:#ffd100;
}
.dropdown-menu > li > a:after {
	display:block;
	content: '';
	margin: auto;
	height: 3px;
	width: 0;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
	margin-top:5px;
}
.dropdown-menu > li > a:hover:after {
	width: 100%;
	background: #ffd100;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color:transparent;
}

/*------------------------------------
MULTILEVEL DROPDOWN-SUBMENU MENU
------------------------------------*/
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu>.dropdown-menu {
	margin-top: 0 !important; 
	margin-left: 0;
	background-color:#ebebeb; 
	/*padding-top:5px;*/ 
	position:relative;
}
.dropdown-submenu>.dropdown-menu li:hover {
	background-color: #d7d7d7;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	width: 0;
	height: 0;
	margin-top: 5px;
}

.dropdown-submenu.on a span {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	transition: all .5s ease;
}
.dropdown-submenu.on a span + span {
	display:block;
}
.dropdown-menu .dropdown-submenu .dropdown-menu a {
	color:#000;
	padding:6px 20px;
	font-size: 1.1em;
	font-weight: normal;
}
.dropdown-menu .dropdown-submenu .dropdown-menu a:after {
	display:none;
}
.dropdown-menu .dropdown-submenu .dropdown-menu li {
	border-bottom:1px solid #bcbec0;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%; 
	margin-left: 10px;
}
.dropdown.open .dropdown-toggle span {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	transition: all .5s ease;
}
.dropdown.open .dropdown-submenu .dropdown-toggle span {
	display:inline-block;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	transition: all .5s ease;
}
.dropdown.open .dropdown-submenu .dropdown-toggle span + span, 
.dropdown.open .dropdown-submenu.on .dropdown-toggle span  {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	transition: all .5s ease;
}

.dropdown-submenu {
	position:relative;
	clear:both;
}
.dropdown-submenu a span {
	position:absolute; 
	right:20px; 
	top:10px;
}

/*search button */
.btn-inverse {
	background-color:#ffd100; 
	color:#000;
}
.btn-inverse:hover {
	color:#000;
}
.searchPanel {
	position:absolute;
	width:100%; 
	left:0;
	z-index:99;
}



/*------------------------------------
FOLLOW ME BAR (followMeBar) STYLES
------------------------------------*/
/*followMeBar - allows for multiple sticky headers with Javascript. 
Refer to http://codepen.io/chrissp26/pen/gBrdo*/
.followMeBar {
    position: relative;
	z-index: 1000;
}
.followMeBar.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 1000;
}
.navbar-fixed-top.followMeBar {
	z-index:1100;
    position: fixed;
}
.followMeBar.fixed.absolute {
	position: absolute;
}

.navbar-fixed-top {
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);	
}

/*This controls the height that gets altered by the javascript for '.followMeBar'*/	
.followWrap {
	height: auto !important;
}


/*------------------------------------
BREADCRUMB
------------------------------------*/
.breadcrumb {
    margin: 0.25em 0;
    background-color: transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
    /*display: none;*/
}
.breadcrumb > li + li:before {
    font-size: 0.75em;
    padding: 0 2px;
}
.breadcrumb__link {
    color: #97999b;
    font-size: 1.25rem;
}
.breadcrumb__link--active {
    color: #000;
}


/*------------------------------------------------------------------------------------------
03. COMMON STYLES FOR GAPS AND POSITIONING
------------------------------------------------------------------------------------------*/

/*--------------------------------------Add Padding---------------------------------------*/
/*Add Padding - Top and Bottom*/
.qrtr-padding { padding:10px 0; }
.half-padding { padding:25px 0; }
.half-top-padding { padding:25px 0 10px; }
.full-padding { padding:50px 0; }
.double-padding { padding:100px 0;}
.triple-padding { padding:150px 0; }

/*Add Padding – Top only*/
.qrtr-padding-top { padding-top: 10px; }
.half-padding-top { padding-top: 25px; }
.full-padding-top { padding-top: 50px; }
.double-padding-top { padding-top: 100px; }
.triple-padding-top { padding-top: 150px; }

/*Add Padding - Bottom Only*/
.qrtr-padding-bottom { padding-bottom: 10px; }
.half-padding-bottom { padding-bottom: 25px; }
.full-padding-bottom { padding-bottom: 50px; }
.double-padding-bottom { padding-bottom: 100px; }
.triple-padding-bottom { padding-bottom: 150px; }


/*-------------------------------------Remove Padding-------------------------------------*/
.remove-padding { padding:0 !important; }
.remove-padding-bottom { padding-bottom:0 !important; }
.remove-half-padding-bottom { padding-bottom:50px !important; }


/*--------------------------------------Add Margin----------------------------------------*/
.margin-top {margin-top:10px;}
.margin-bottom {margin-bottom:10px;}

.add-margin-top {margin-top:15px;}
.add-margin-bottom {margin-bottom:15px;}

.double-margin-bottom {margin-bottom:50px;}
.double-margin-top {margin-top:100px;}

.remove-margin-bottom { margin-bottom: 0; }
.posRel {
	position:relative;
}


/*------------------------------------------------------------------------------------------
04. COLORS
------------------------------------------------------------------------------------------*/

/*------------------------------------
BACKGROUND COLORS
------------------------------------*/
.bg-yellow {
	background-color:#ffd100 !important;
}
.bg-yellow a:hover { 
	color:#000; 
}
.bg-grey {
	background-color:#ebebeb !important;
}
.bg-grey-dark {
	background-color:#97999b !important;
}
.bg-grey-dark-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#97999b+50,757677+100 */
	background: #97999b; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #97999b 50%, #757677 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #97999b 50%,#757677 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #97999b 50%,#757677 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97999b', endColorstr='#757677',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/*------------------------------------
TEXT COLORS
------------------------------------*/
.text-yellow {
	color:#ffd100 !important;
}
.text-white {
	color:#fff !important;
}
.text-danger, 
.text-danger:hover { 
	color: #e74c3c;
}


/*Play Button*/
 .text-yellow .glyphicon-play-circle {
	color: rgba(255,209,0,0.7);
}
 .text-yellow .glyphicon-play-circle:hover {
	color: rgba(255,209,0,1);
   -moz-transition:  .25s ease-in-out;
   -webkit-transition:  .25s ease-in-out;
	transition:  .25s ease-in-out;
}	


/*------------------------------------
SCROLLBAR
------------------------------------*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background-color:  #ffd100 !important;
}
::-webkit-scrollbar-button {
    background: #97999b !important;
}
::-webkit-scrollbar-track {
    background: #97999b;
    box-shadow: inset 1px 1px 2px #E0E0E0;
    /*border: 1px solid #D8D8D8;*/
}	

/*Box Shadow*/
.box-shadow {
	box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.3);
}


/*------------------------------------------------------------------------------------------
05. BUTTONS
------------------------------------------------------------------------------------------*/
.btn {
	border-radius:6px; 
	border:none; 
	outline:none; 
	color:#000; 
	font-size:.8em; 
	font-weight: 600;
}
.btn-lg {
	padding:13px 18px;
	margin-top: 5px;
	margin-bottom: 5px; 
}
.btn-xs {
	padding: 3px 10px;
	/*white-space: normal;*/
}

/*Button – Success*/
.btn-success {
	position: relative;
	color: #000;
	background-color: #ffd100;
	
  	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-property: color;
  	transition-property: color;
  	-webkit-transition-duration: 0.25s;
  	transition-duration: 0.25s;
	
}
.btn-success:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  border-radius: 6px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.active,
td a.btn-success:hover,
td a.btn-success:focus,
td a.btn-success.active {
	color: #fff;
	background-color: #000;
	outline: none;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.btn-success:hover:before,
.btn-success:focus:before,
.btn-success.active:before,
td a.btn-success:hover:before,
td a.btn-success:focus:before,
td a.btn-success.active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*overides color of link with .btn class applied in Contact Map on all product pages */
.bg-grey-dark a.btn {
	color: #000;
}

/* video button*/
.btn-video {
	cursor:pointer; 
	display:inline-block;
}

/*back-top*/
#back-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	vertical-align:	middle;
	text-align: center;
	z-index:1000;
}
#back-top a {
	display: block;
	text-align: center;
	font: 20px 'Open Sans', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	background:rgba(235,235,235,0.6);
	padding:5px 10px 8px;
	/* transition */ 
	-webkit-transition: 1s;	
	-moz-transition: 1s;	
	transition: 1s;
}

.btn-play { 
	position: absolute;
	top: 50%;
	left: 50%; 
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%); 
	-o-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%); 
	cursor: pointer;
}

.x4 {
	font-size:4em;
}
.x2 { 
	font-size:2.5em;
}


/*------------------------------------------------------------------------------------------
06. SHAPES
------------------------------------------------------------------------------------------*/
.parallelogram {
	display: inline-block;
 	text-align:center;
	padding: 5px 16px 4px 16px;
	margin: 0 10px 20px 5px;
	border-radius: 5px;
	background-color: #000;
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
		 transform: skew(-20deg);
}
.parallelogram__heading {
	color: #fff;
	font-size: 0.9em;
  	-webkit-transform: skewX(20deg);
  	-moz-transform: skewX(20deg);
  	-o-transform: skewX(20deg);
  	transform: skewX(20deg);
  	margin-top: 0;
  	margin-bottom: 0;
 }
/*
.parallelogram__heading p:hover {
	border-radius: 5px;
}
*/
	
	
/*------------------------------------------------------------------------------------------
07. THUMBNAILS 
------------------------------------------------------------------------------------------*/
/*thumbnail*/
.thumbnail {
	padding:0; 
	border-radius:0;
	border-width:0;
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
	margin-bottom:30px;
}
.thumbnail:hover,
.thumbnail.bg-grey.active {
	background-color:#ffd100 !important; 
	box-shadow:0 0 5px 0 rgba(0,0,0,0.4);
	text-decoration:none;
}


/*thumbnail zoom hover effect*/
.home .thumbnail img, 
.industries .thumbnail img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.home .thumbnail:hover img,
.industries .thumbnail:hover img, 
.industries .thumbnail.active img {
	-webkit-transform: scale(1.025);
	transform: scale(1.025);
	filter: grayscale(1); /* Mozilla Firefox 19+, IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}


/*Industries Thumbnails*/
.thumbnail.bg-grey h6 {
	position:relative;
}
.thumbnail.bg-grey h6:after {
	content:"\f078"; 
	font-family:fontAwesome;
	display:inline-block;
	position:absolute; 
	right:0; 
	top:0;
}
.thumbnail.bg-grey:hover h6:after,
.thumbnail.bg-grey.active h6:after {
	content:"\f077";
}

/*Home Page Thumbnails*/
/*removes chevron from home page thumbnails*/
.home .thumbnail.bg-grey h6:after {
	content:""; 
}


/*Accessories Thumbnails */
#accessories .thumbnail .caption, 
.access .thumbnail .caption {
	padding:0;
	min-height: 70px;
}
#accessories .thumbnail .caption h6 span,
.access .thumbnail .caption h6 span {
	display:block;
	font-weight:normal;
}
#accessories .thumbnail:hover,
.access .thumbnail:hover {
	background-color:transparent !important;
	box-shadow:none !important;
}

#accessories .thumbnail img.img-rounded,
.access .thumbnail img.img-rounded {
	border:1px solid #ebebeb;
	border-radius:10px;
	background-color: #ebebeb;
}

/*Accessories Thumbnails Hover*/
#accessories .thumbnail img:hover,
.access .thumbnail img:hover {
	box-shadow:0 0 5px 0 rgba(0,0,0,0.4);
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	background-color: #fff;
	border:1px solid #97999b;
}


/*thumbnail caption*/
.thumbnail .caption {
	padding:5px 15px;
	z-index: 100;
}


/*------------------------------------------------------------------------------------------
08. FOOTER
------------------------------------------------------------------------------------------*/
.global-footer {
	background-color: #ffd100;
	background-image:url(../images/footer-img.jpg);
	background-position: right top; 
	background-repeat:no-repeat; 
	background-size:contain;
	position:relative; 
	overflow:hidden;
	padding: 100px 0;
}
.global-footer:after {
	position:absolute;
	content:"";
	width:225px; 
	height:421px;
	background:url(../images/banner-edge.png) no-repeat; 
	background-size:cover; 
	display:inline-block; 
	bottom:0; 
	right:0;
}
.global-footer a {
	display:block; 
	font-weight:normal;
}
.global-footer a:hover,
.global-footer a:focus {
	color:#000;
}
.global-footer h5 a {
	font-weight:bold;
}

.contact-details {
	margin-bottom: 0;
}
.contact-details a {
	font-weight: 400;
}

/*copyright*/
.copyright {
	font-size: 0.65em !important;
}
.copyright  a {
	font-weight:normal;
}
.copyright  a:hover {
	color:#000; 
	text-decoration:underline;
}

/*This controls the product code font size in brackets*/
.brackets {
	font-size: 0.8em;
}


/*------------------------------------------------------------------------------------------
09. PAGE HEADERS
------------------------------------------------------------------------------------------*/
.pageHeader {
	width: 100%; 
	height: 500px; 
	position: relative; 
	overflow: hidden;
	background-color: #ffd100;
}

.product-accessory .pageHeader,
.support .pageHeader,
.industries .pageHeader,
.distributors .pageHeader,
.legal .pageHeader,
.international-distributors .pageHeader{
	height: auto; 
}

.pageHeader__heading {
    margin-top: 2em;
}
.pageHeader__heading:before {
  	display:block; 
	content:url(../images/bars-white.png);
	line-height:60px;  
} 
.pageHeader__subheading {
    margin-bottom: 1em !important;
}

/*Branach Graphic Device –  pages with images*/
.pageHeader:after {
	position:absolute;
	content:"";
	width:179px; 
	height:396px;
	background:url(../images/banner-edge.png) no-repeat; 
	background-size:cover; 
	display:inline-block; 
	bottom:0; 
	right:0;
}

/*Branach Graphic Device –  pages without images*/
.product-accessory .pageHeader:after,
.support .pageHeader:after,
.industries .pageHeader:after,
.international-distributors .pageHeader:after,
.legal .pageHeader:after { 
	width:72px; 
	height:171px;
}


/*------------------------------------------------------------------------------------------
10. MAIN PAGE BANNER
------------------------------------------------------------------------------------------*/
.banner {
	position:relative;
	overflow:hidden;
}
.banner.homepage {
	background:url(../images/slides/homepage.jpg) no-repeat; 
	background-size:cover;
}

.mainPage {
    position: relative;
	overflow:hidden;
}
.banner:after, 
.mainPage:after {
	position:absolute;
	content:"";
	width:225px;
	height:421px;
	background:url(../images/banner-edge.png) no-repeat;
	background-size:cover; 
	display:inline-block; 
	bottom:0; 
	right:0;
}

.mainPage:after {
    z-index: 996;
}


/*------------------------------------------------------------------------------------------
11. PAGE BANNERS
------------------------------------------------------------------------------------------*/
.banner-height-safety,
.banner-our-story,
.banner-unique-construction,
.banner-products,
.banner-services,
.banner-contact,
.banner-euromaster-all-terrain,
.banner-euromaster-premium,
.banner-euromaster-standard,
.banner-euromaster-all-terrain,
.banner-corrosionmaster-step,
.banner-workmaster-450,
.banner-workmaster-550,
.banner-powermaster-extension,
.banner-corrosionmaster-extension,
.banner-powermaster-single,
.banner-corrosionmaster-single,
.banner-accessories,
.banner-case-studies {
	background-repeat: no-repeat;
	background-size:contain;
	background-color: #ffd100;
}

/*Banner Main Pages - Background Position*/
.banner-height-safety,
.banner-our-story,
.banner-unique-construction,
.banner-products,
.banner-services,
.banner-contact,
.banner-case-studies {
	background-position: bottom right;
}

/*Banner Product Pages - Background Position*/
.banner-euromaster-all-terrain,
.banner-euromaster-premium,
.banner-euromaster-standard,
.banner-euromaster-all-terrain,
.banner-corrosionmaster-step,
.banner-workmaster-450,
.banner-workmaster-550,
.banner-powermaster-extension,
.banner-corrosionmaster-extension,
.banner-powermaster-single,
.banner-corrosionmaster-single,
.banner-accessories {
	background-position: 80% bottom;
}

/*Banner - Background Images*/
.banner-height-safety { 
	background-image: url(../images/height-safety/banner-height-safety.jpg);
}
.banner-our-story { 
	background-image: url(../images/our-story/banner-our-story.jpg); 
}
.banner-unique-construction {
	background-image: url(../images/unique-construction/banner-unique-construction.jpg); 
}
.banner-products {
	background-image: url(../images/products/product-range/banner-products.jpg); 
}
.banner-services {
	background-image: url(../images/services/banner-services.jpg); 
}
.banner-contact {
	background-image:url(../images/contact/banner-contact.jpg); 
}
.banner-euromaster-all-terrain {
	background-image: url(../images/products/euromaster-all-terrain-step-platform-ladder/banner-euromaster-all-terrain-step-platform-ladder.png);
}
.banner-euromaster-premium {
	background-image: url(../images/products/euromaster-premium-step-platform-ladder/banner-euromaster-premium-step-platform-ladder.png);
}
.banner-euromaster-standard {
	background-image: url(../images/products/euromaster-standard-step-platform-ladder/banner-euromaster-standard-step-platform-ladder.png);
}
.banner-corrosionmaster-step {
	background-image: url(../images/products/corrosionmaster-step-platform-ladder/banner-corrosionmaster-step-platform-ladder.png);
}
.banner-workmaster-450 {
	background-image: url(../images/products/workmaster-450-step-platform-ladder/banner-workmaster-450-step-platform-ladder.png);
}
.banner-workmaster-550 {
	background-image: url(../images/products/workmaster-550-step-platform-ladder/banner-workmaster-550-step-platform-ladder.png);
}
.banner-powermaster-extension {
	background-image: url(../images/products/powermaster-extension-ladder/banner-powermaster-extension-ladder.png);
}
.banner-corrosionmaster-extension { 
	background-image: url(../images/products/corrosionmaster-extension-ladder/banner-corrosionmaster-extension-ladder.png);
}
.banner-powermaster-single {
	background-image: url(../images/products/powermaster-single-ladder/banner-powermaster-single-ladder.png);
}
.banner-corrosionmaster-single { 
	background-image: url(../images/products/corrosionmaster-single-ladder/banner-corrosionmaster-single-ladder.png);
}
.banner-accessories { 
	background-image: url(../images/products/accessories/banner-accessories.png); 
}
.banner-case-studies {
	background-image: url(../images/case-studies/banner-case-study.jpg);
}

.banner-height-safety:after,
.banner-our-story:after,
.banner-unique-construction:after,
.banner-products:after,
.banner-services:after,
.banner-contact:after {
	right:0;
}


/*------------------------------------------------------------------------------------------
12. PAGE SUBMENU
------------------------------------------------------------------------------------------*/
.page-submenu {
	border-bottom:1px solid #ebebeb;
	width:100%; 
	margin-top:0; 
	background-color: #fff;
}
.page-submenu.affix {
    position: fixed !important;
	top:0 !important;
	left:0; 
	z-index:1199;
	background:rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);	
}
.page-submenu.affix + div {
	margin-top:60px;
}

.nav-pills > li > a {
	border-radius:0;
	font-size:0.8em; 
	color:#97999b;
	padding-top:20px;
	padding-bottom:13px;
}
.nav-pills > li > a:focus{
	background-color:transparent;
}

.nav-pills > li:after {
	display:block;
	content: '';
	margin: auto;
	height: 5px;
	width: 0;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
	margin-top:0;
}
.nav-pills > li + li {
	margin-left:0;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover {
	background-color:#ebebeb;
	color:#000;
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s
}
.nav-pills > li.active:after,
.nav-pills > li:hover:after {
	background:#ffd100;
	width:100%;
}

#mainMenu li:nth-last-child(1) {
	display:none !important;
}
#mainMenu li li:nth-last-child(1) { 
	display:block !important;
}
#mainMenu { 
	margin-right: 0;
}


/*------------------------------------------------------------------------------------------
13. CAROUSELS
------------------------------------------------------------------------------------------*/
/*Carousel*/
.carousel {
	marigin: 0 auto;
}
.industries .carousel,
.case-studies .carousel {
	max-width: 1110px;
}

/*Carousel Control*/
.carousel-control { 
	color:#97999b;
	width:35px; 
}
.carousel-control:hover, 
.carousel-control:focus { 
	color:#000; 
}

/*Carousel Control Left and Right*/
.carousel-control.left, 
.carousel-control.right { 
	height: 100px;
	top: 40%;
	background-image:none;
	background-color: rgba(255,255,255,1);
}

/*Carousel Control Left*/
.carousel-control.left { 
	border-radius: 0 10px 10px 0;
}

/*Carousel Control Right*/
.carousel-control.right { 
	border-radius: 10px 0 0 10px;
}


/*Carousel-features Controls - this makes the carousel controls on the product pages push out of the container */
#Carousel-features .carousel-control.left,
#Carousel-features .carousel-control.right,
#models .carousel-control.left,
#models .carousel-control.right  { 
	background-color: transparent;
}
#Carousel-features .carousel-control.left,
#models .carousel-control.left { 
	left:-35px;
}
#Carousel-features .carousel-control.right,
#models .carousel-control.right  { 
	right:-35px;
}


/*Carsousel chevron size*/
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	font-size: 1.3em;
}


/*Carousel Indicators*/
.carousel-indicators {
	width: auto;
    display: block;
	left: 48%;
    margin-right: auto;
    margin-left: auto;
	padding:0 10px;
	background:#fff;
	border-radius:20px;
}
.carousel-indicators li { 
	background-color: #97999b;
}
.carousel-indicators .active { 
	background-color:#ffd100; 
}

/*This will push the indicators below the image*/
.carousel-indicators.below {
 	bottom:-50px;
}

/*Carousel Inner*/
.carousel-inner .item img { 
	width:100%; 
}

#Carousel-features .carousel-inner .item img { 
	width:auto; 
}

/*Carousel Caption*/
.carousel-caption {
	left: 0; 
	bottom:0; 
	padding:10px 20px; 
	text-align:left; 
	width:100%; 
	background-color:rgba(0,0,0,.6);
}
.carousel-caption p { 
	margin-bottom:0; 
}


/*This is for the Accessories section on each product page. It's currently not in use.*/
#Carousel3 img { 
	width:auto; 
}


/*------------------------------------------------------------------------------------------
14. CAPTIONS
------------------------------------------------------------------------------------------*/
/*Image Caption*/
.img-caption {
	background-color: rgba(0,0,0,.6);
	color:#fff; 
	padding:10px;
	position: relative;
	margin-top: -40px;
}


/*------------------------------------------------------------------------------------------
15. VIDEO
------------------------------------------------------------------------------------------*/
/*Featured Video*/
.featuredVideo .modal-content iframe {
	margin: 0 auto;
	display: block;
}
.featuredVideo .modal-content { 
	background-color:transparent; 
	border:0; 
	box-shadow:none;
}
.modal-backdrop.in {
	opacity:1;
	background:rgba(0,0,0,0.9);
}

/*Featured Video - close button*/
.featuredVideo .close {
	position:absolute; 
	top:60px; 
	right:10%; 
	font-size:40px;
	text-shadow:none; 
	opacity:.99;
	color:#fff;
}

.video-thumbnail {
	position: relative;
}

.video-thumbnail-sticker {
	position: absolute;
	top: 0;
	right: 0;
	height: 110px;
	width: 110px;
}

/*------------------------------------------------------------------------------------------
16. HEIGHT SAFETY PAGE
------------------------------------------------------------------------------------------*/
.height-safety .caption { 
	background: rgba(255,255,255,0.9); 
	padding: 20px 20px 10px;  
	border-radius: 10px;
}
.caption.no-bg {
	background:none !important;
}

/*Backgorund Positioning*/
section.ten-centimeters,
section.technicians,
section.serv {
  	background-attachment: fixed; /* fix background */
  	background-position: center center; /* center it */
  	background-size: cover; /* Scale it nicely to the element */
	background-repeat: no-repeat;
	box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.3);
}

/*Ten Centimeters */
section.ten-centimeters {
	background-image: url(../images/height-safety/ten-centimetres.jpg);
}

/*Acceptable */
section.acceptable {
	background: url(../images/height-safety/terrain-master.jpg) center bottom no-repeat;
	background-size: cover;
	position:relative; 
	z-index:1;
}

section.acceptable2 {
	background: url(../images/height-safety/terrain-master-2.jpg) center bottom no-repeat;
	background-size: cover;
	position:relative; 
	z-index:1;
}

/*Technicians*/
section.technicians {
	background-image: url(../images/height-safety/technicians.jpg);	
}

/*Bigger Picture*/
section.bigger-picture {
	background: url(../images/height-safety/bigger-picture.jpg) top right no-repeat;
	background-size: cover;
}

/*Leading the way through innovation and listening */
section.serv {
	background-image: url(../images/height-safety/serv.jpg);
}

/*Take Action*/
section.take-action {
	min-height:auto !important;
}
section.take-action .caption {
	background-color: transparent;
}


/*------------------------------------------------------------------------------------------
17. OUR STORY PAGE
------------------------------------------------------------------------------------------*/
/*Two Brothers*/
.two-brothers {
	background:url(../images/our-story/mike-john.png) no-repeat; 
	background-position: 90% bottom;
}

/*What Drives Us*/
.drive-us .greybox { 
	background-color:#97999b !important;
	height: 520px;  
	border-radius:10px;  
	padding:30px; 
	color:#fff; 
	position:relative; 
	margin-top:30px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.drive-us .greybox img { 
	width:100px; 
	height:100px; 
	border-radius:50%; 
	background-color:#ffd503; 
	padding:1em; 
}

/*World Stage*/
section.world-stage {
	background:url(../images/our-story/factory.jpg) no-repeat; 
  	background-attachment: fixed; /* fix background */
  	background-position: center center; /* center it */
  	background-size: cover; /* Scale it nicely to the element */
	box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.3);
}

/*Way of Life*/
section.wayoflife {
	background:url(../images/our-story/img04.jpg) center center no-repeat; 
}

/*Our Story Captions*/
.our-story .caption { 
	background: rgba(255,255,255,0.9); 
	padding: 20px 20px 10px; 
	border-radius: 10px;
}


/*------------------------------------------------------------------------------------------
18. UNIQUE CONSTRUCTION
------------------------------------------------------------------------------------------*/
/*Fibreglass Box Rail*/
.fibreglass {
	background: url(../images/unique-construction/fibreglass.jpg) no-repeat;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: auto 100%;
	/*min-height: 100%;*/	

 	-webkit-animation: animate_background 1s linear 0s;
    -moz-animation: animate_background 1s linear 0s;
    -o-animation: animate_background 1s linear 0s;
    animation: animate_background 1s linear 0s;
}
@-webkit-keyframes animate_background { 
    from { 
        background-position: center 580px;
		opacity: 0;
    } 
    to { 
        background-position: center 0;
		opacity: 1;
    } 
}
@-moz-keyframes animate_background { 
    from { 
        background-position: center 580px;
		opacity: 0;
    } 
    to { 
        background-position: center 0 ;
		opacity: 1;
    } 
}
@-o-keyframes animate_background { 
    from { 
        background-position: center 580px;
		opacity: 0;
    } 
    to { 
        background-position: center 0;
		opacity: 1;
    } 
}
@keyframes animate_background { 
    from { 
        background-position: center 580px;
		opacity: 0;
    } 
    to { 
        background-position: center 0;
		opacity: 1;
    } 
}

/*safari fix for video background*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .bg-grey-dark {background-color:#929395 !important}
	}

.fibreglass-left {
	text-align: right;
}
.fibreglass-right {
	text-align: left;
	border-left:1px solid #000;
}	
.fibreglass-left li,
.fibreglass-right li {
	margin-bottom: 10px;
}


/*Lightweight*/
.lightweight {
	height:850px;
	min-height:auto !important;
	}

.lightweight .top,
.lightweight .left,
.lightweight .right,
.lightweight .bottom {
	position: absolute;
	overflow:hidden; 
}

.lightweight .top {
	top:0;
	left:50%;
	width:700px; 
	height:556px;
	-webkit-transform:scale(0.7) translate(-1%,-21.6%); 
	-moz-transform:scale(0.7) translate(-1%,-21.6%); 
	-o-transform:scale(0.7) translate(-1%,-21.6%); 
	-ms-transform:scale(0.7) translate(-1%,-21.6%);  
	transform:scale(0.7) translate(-1%,-21.6%);
}

.lightweight .top img,
.lightweight .left img,
.lightweight .right img,
.lightweight .bottom img {
	position:absolute; 
}

.lightweight .top img {
	bottom:0%; 
	right:60px;	
}
.lightweight .left {
	left:-5%; 
	top:5%;
	width:833px; 
	height:990px; 
	-webkit-transform:scale(0.7) translate(-25%,-21.6%); 
	-moz-transform:scale(0.7) translate(-25%,-21.6%); 
	-o-transform:scale(0.7) translate(-25%,-21.6%); 
	-ms-transform:scale(0.7) translate(-25%,-21.6%);  
	transform:scale(0.7) translate(-25%,-21.6%);
}
.lightweight .left img {
	top:0; 
	right:0;
}
.lightweight .right {
	right:0; 
	top:25%;
	width:653px; 
	height:847px;
	z-index:89;
	-webkit-transform:scale(0.7) translate(21.5%,-3.6%); 
	-moz-transform:scale(0.7) translate(21.5%,-3.6%); 
	-o-transform:scale(0.7) translate(21.5%,-3.6%); 
	-ms-transform:scale(0.7) translate(21.5%,-3.6%);  
	transform:scale(0.7) translate(21.5%,-3.6%);
}	
.lightweight .right img {
	bottom:0; 
	left:45px;
}
.lightweight .bottom { 
	bottom:0;
	left:10%;
	width:663px; 
	height:434px; 
	-webkit-transform:scale(0.7) translate(-17.5%,21.4%); 
	-moz-transform:scale(0.7) translate(-17.5%,21.4%); 
	-o-transform:scale(0.7) translate(-17.5%,21.4%); 
	-ms-transform:scale(0.7) translate(-17.5%,21.4%);  
	transform:scale(0.7) translate(-17.5%,21.4%);
}
.lightweight .bottom img { 
	top:0; 
	left:0;
}

/*Patented Joint*/
.patented-joints {
	min-height:auto !important; 
	overflow:hidden;
}
.patented-joints .left, 
.patented-joints .right { 
	position:absolute;
	width:567px; 
	height:456px; 
	top:50%;
}
.patented-joints .left {
	left:0;
	-webkit-transform:scale(0.7) translate(-20%, -68%); 
	-moz-transform:scale(0.7) translate(-20%, -68%); 
	-ms-transform:scale(0.7) translate(-20%, -68%);
	transform:scale(0.7) translate(-20%, -68%);
}
.patented-joints .right { 
	right:0;
	-webkit-transform:scale(0.7) translate(18.6%, -68.5%); 
	-moz-transform:scale(0.7) translate(18.6%, -68.5%); 
	-ms-transform:scale(0.7) translate(18.6%, -68.5%);
	transform:scale(0.7) translate(18.6%, -68.5%); 
	margin-right:-3px;
}

.ptop { 
	padding-top:350px;
}
.ptop1 { 
	padding:0 0 150px 0;
}
.ptop2 {
	margin-top:40%;
}
.flip-h {
	transform:rotate(180deg);
}


/*Safety First*/
section.safety-first { 
	background:url(../images/unique-construction/safety-first.jpg) no-repeat;
  	background-attachment: fixed; /* fix background*/
  	background-position: center bottom; /* center it */
  	background-size: cover; /* Scale it nicely to the element */
	box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.3);
}
.safety-first .caption {
	background: rgba(255,255,255,0.8); 
	padding: 20px 20px 10px; 
	border-radius: 10px;
}
.safety-first .text-center {
	margin-top: 50%;
}

/*Tried and Tested*/
section.tested { 
	background:url(../images/unique-construction/tried-and-tested.jpg) no-repeat;
  	background-attachment: fixed;/* fix background */
  	background-position: bottom center;/* center it */
  	background-size: cover;/* Scale it nicely to the element */
	box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.3);
}
.tested .caption {
	background: rgba(255,255,255,0.8); 
	padding: 20px 20px 10px; 
	border-radius: 10px;
}

/*Deserve Best*/
section.deserve-best { 
	background:url(../images/unique-construction/deserve-best.jpg) center center no-repeat;
	
	/* fix background */
  	background-attachment: fixed;
	/* center it */
  	background-position: center center;
  	/* Scale it nicely to the element */
  	background-size: cover;
	
	box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.3);
}
.deserve-best .caption {
	background: rgba(255,255,255,0.8); 
	padding: 20px 20px 10px; 
	border-radius: 10px;
}


/*------------------------------------------------------------------------------------------
19. SERVICES PAGE
------------------------------------------------------------------------------------------*/
/*Services –  truck in intro section*/
.services-truck {
	position:relative;
	padding-bottom:400px;
}
.services-truck:after {
	background:url(../images/services/service-truck.png) no-repeat; 
	width:787px; 
	height:516px; 
	position:absolute;
	bottom:-80px;
	left:60%; 
	display:block;content:"";
	-webkit-transform:translateX(-50%);
	 -moz-transform:translateX(-50%); 
	 -ms-transform:translateX(-50%);
	 -o-transform:translateX(-50%);
	 transform:translateX(-50%);
	}

/*Services – Banners*/
section.user-training {
	background:url(../images/services/service-user-training.jpg) no-repeat; 
	/*background-size:cover;*/
 	/* fix background */
  	background-attachment: fixed;
	/* center it */
  	background-position: center center;
  	/* Scale it nicely to the element */
  	background-size: cover;
	
}
section.fleet-management {
	background:url(../images/services/service-fleet-management.jpg) no-repeat; 
	/*background-size:cover;*/
 	/* fix background */
  	background-attachment: fixed;
	/* center it */
  	background-position: center center;
  	/* Scale it nicely to the element */
  	background-size: cover;
}
section.inspection-training {
	background:url(../images/services/service-inspection-training.jpg) center center no-repeat; 
}
section.maintenance-repairs {
	background:url(../images/services/service-maintenance.jpg) center center no-repeat;
}

/*Captions*/
.services section .caption { 
	background:rgba(255,255,255,0.9);
	padding:20px 20px 10px;
	border-radius:10px;
}
.services section .caption.orange {
	background:rgba(255,209,0,0.9);
}

.media-middle {
	vertical-align:top;
	}
.media-object {
	margin-top:5px;
	}
.media-body {
	padding-left:20px;
	}	
	
.services canvas {
    background-color: white;
    width: 100%;
    height: auto;
}	


/*------------------------------------------------------------------------------------------
20. CONTACT PAGE
------------------------------------------------------------------------------------------*/
/*Contact – Form*/
section.tm-contact {
    background: url(../images/typing-photo.jpg) center bottom no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

section.tm-contact .form-container {
	background-color:#ffd100;
	border-radius:10px;
	padding:20px;
}

section.tm-contact .form-container .btn-success {
	background-color: #aaa;
	color: #fff;
}

.contactForm .form-group {
	font-size:0.8em;
}
.contactForm .form-control {
	background:#ebebeb;
}
.contactForm .btn {
	font-size:0.8em; 
	font-weight:bold;
	padding:13px 21px; 
	border-color:transparent;
}

/*Contact –  Map*/
.mapContainer {
	width:100%;
	height:500px;
	background-color: #ebebeb;
}
#map-canvas {
	height: 100%;
	margin: 0;
	padding: 0;
}

/*Forms - makes placeholder text transparent upon focus*/
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

.form-control {
	border: 1px solid #ebebeb;
}

.form-control:focus {
	border: 1px solid #ffd100;
	background-color: #fffcd5;
}



/*------------------------------------------------------------------------------------------
21. SUPPORT PAGE (no banner image)
------------------------------------------------------------------------------------------*/
/*Videos*/
/*for video thumbnail*/
.support .thumbnail img { 
	max-width:100%; 
	height:auto; 
}
.support .thumbnail figure { 
	position:relative; 
}
.support .btn-video { 
	position:absolute; 
	top:50%; 
	left:50%; 
	-webkit-transform:translate(-50%,-50%); 
	-moz-transform:translate(-50%,-50%); 
	-o-transform:translate(-50%,-50%); 
	-ms-transform:translate(-50%,-50%); 
	transform:translate(-50%,-50%); 
}
.support .thumbnail .btn-video {
	top:40%;
}
.featuredVideo .modal-content iframe {
	margin: 0 auto; display: block;
}
a.thumbnail:focus {
	outline:none;
}	
.featuredVideo .modal-content {
	background-color:transparent; 
	border:0; 
	box-shadow:none;
}
.modal-backdrop.in {
	opacity:1;
	background:rgba(0,0,0,0.9);
}
.featuredVideo .close {
	position:absolute; 
	top:40px; 
	right:20%; 
	font-size:40px;
	text-shadow:none; 
	opacity:.99;
	color:#8c8c8c;
}

/*Publications > Brochures*/
/*Brochures*/
.publications figure.brochure { 
	display:inline-block;
	margin-bottom: 30px;
}
 figure.brochure .fa-download { 
 	font-size:.7em; 
	color:#97999b; 
}
.publications figure.brochure figcaption { 
	font-size:.8em; 
	margin-top: 10px; 
}

/*Brochure Image Hover*/
figure.brochure img:hover {
	box-shadow:0 0 5px 0 rgba(0,0,0,0.4);
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

/*Technical Data Sheets*/
.technical hr { 
	margin-top:60px; 
	margin-bottom:60px; 
	border-top:1px solid #97999b; 
}

.technical .greybox { 
	background-color:#97999b !important;  
	border-radius:4px; 
	height:350px;
 	position:relative; 
	margin-top:30px; 
}
.technical .greybox img { 
	position:absolute; 
	top:-25px; 
	left:30px; 
}
.technical .greybox .content { 
	color:#fff; 
	padding:1em;  
}
.technical .greybox .content a { 
	text-decoration:none; 
	color:#fff; 
	font-weight:300;  
	margin-top:2px; 
}
.technical .greybox .content a:hover { 
	text-decoration:underline; 
}
.technical .greybox .content a.download { 
	border-bottom:none; 
	color:#777; 
	margin-left:10px; 
	margin-top:0; 
}
.technical .greybox .content p { 
	margin-bottom:0; 
}
.technical .greybox .content ul { 
	margin:0;
	padding:0; 
	list-style:none; 
	margin-top:30px;
}
.technical .greybox .content ul li {
	margin:0; 
	padding:0; 
	list-style:none; 
	font-size:.8em; 
	margin-bottom:2px;
}

.greybox-light { 
	background:#ebebeb; 
	border-radius:10px; 
	padding:30px;
}
.greybox-light h6 { 
	font-size:.8em; 
	font-weight:600; 
	margin:0; 
}
.greybox-light h6+p {
	 font-size:.8em; 
}
.greybox-light p a { 
	text-decoration: none; 
	color:#000; 
	border-bottom:1px solid #cecece; 
	margin-top:2px; 
	font-weight:400; 
}
.greybox li a i {
	color:#777; 
	text-decoration:none;
}
.greybox li a {
	text-decoration:none;
}
.greybox li a span {
	border-bottom:1px solid #c2c3c4; 
	display:inline-block;
	margin-right:5px;
}

/*OHS*/
#ohs h4 { 
	margin-top:40px; 
}
#ohs p.lead {
	font-size:1.2em; 
}
.bg-grey-dark a, 
.bg-grey-dark a:hover{
	color:#fff;
}


/*------------------------------------------------------------------------------------------
22. INDUSTRIES PAGE (no banner image)
------------------------------------------------------------------------------------------*/
.close.desc {
	font-size:2em;
	opacity:1;
	color:#000;
}
.desc-Desktop,
.desc-phone  {
	display:none;
}


/*------------------------------------------------------------------------------------------
23. DISTRIBUTORS PAGE (no banner image)
------------------------------------------------------------------------------------------*/
.distributor-region {
    padding-top: 2em;
	margin-bottom: 2em;
    border-top: 1px solid #97999b;
}

.distributor-details {
	margin-bottom: 2em;
}

.bh-sl-form-container .form-control {
	border:1px solid #97999b; 
	height:50px; 
	font-size:0.8em;
}
.bh-sl-form-container .label {
	display:block;
}
.bh-sl-form-container .btn {
	font-size: 0.8em;
	font-weight: bold;
	padding: 13px 21px;
	border-color: transparent;
	margin-top:30px;
}
.bh-sl-container .bh-sl-map { 
	height: 700px;
}
.bh-sl-container .bh-sl-loc-list { 
	height:700px; 
	overflow-x: auto;
	background:#97999b;
	font-size:0.8em;
}
.bh-sl-container .bh-sl-map-container a {
	color: #fff;
	text-decoration: none;
}
.bh-sl-container .bh-sl-map-container { 
	margin-top: 27px;
}
.bh-sl-container .bh-sl-loc-list ul li {
	display: block; 
	clear: left;
	float: left;
	padding: 3% 4%; 
	cursor: pointer; 
	width: 100%;
	border: 1px solid #fff;
}
.bh-sl-container .bh-sl-loc-list .list-details .loc-dist {
	font-weight: 700;
	font-style: italic;
	color: #fff;
}
.bh-sl-container .loc-name { 
	color: #fff; 
	font-weight: 700;
}
.bh-sl-container .bh-sl-loc-list .list-details .list-content {
	padding: 10px;
	color:#fff;
}
.bh-sl-container .bh-sl-loc-list .list-details {
	width: 100%;
}
.bh-sl-container .bh-sl-loc-list .list-label { 
	float: left; 
	margin: 10px 0 0 6px; 
	padding: 2px 3px; 
	width: 10%; 
	max-width: 25px; 
	text-align: center; 
	background: #451400; 
	color: #fff;   
	font-weight: 700; 
	display:none;
}
.bh-sl-container .bh-sl-loc-list ul { 
	display: block; 
	clear: left; 
	float: left; 
	width: 100%; 
	list-style: none; 
	margin: 0; 
	padding: 0;
}
.list-focus {
	background-color:#000 !important;
}
.bh-sl-container .bh-sl-map-container .gm-style-iw a, 
.gm-style-iw .loc-name {
	color:#000;
	font-weight:normal;
}
.bh-sl-container .bh-sl-loc-list .list-details .list-content .loc-dist {
	display:none;
}


/*------------------------------------------------------------------------------------------
24. CASE STUDIES PAGE
------------------------------------------------------------------------------------------*/
.greyline {
	border-top:1px solid #97999b;
	margin-bottom:50px;
}
.study .lead {
	margin-bottom: 30px;
}
.pageBtn {
	position:relative;
	margin: 30px 0px 70px 0px;
}
.clearfix.pageBtn:before{
	content:"";
	display:block !important;
	background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(255,255,255,0.98) 56%, rgba(255,255,255,1) 57%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(255,255,255,0.98) 56%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(255,255,255,0.98) 56%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ffffff',GradientType=0 ); 
	width:100%;
	height:50px;
	position:absolute;
	top:-60px;
}


/*------------------------------------------------------------------------------------------
25. PRODUCT RANGE
------------------------------------------------------------------------------------------*/
/*Product Section ID Heights*/
#safety-step {
	height:830px;
}
#extension-ladders { 
	height:824px;
}
#single-ladders { 
	height:750px;
}
#corrosion-series { 
	height:773px;
}

/*Product Section Overflow*/
#safety-step,
#extension-ladders,
#single-ladders,
#corrosion-series { 
	overflow:hidden;
}

/*Right and Left Buttons/*
/*Right and Left Button Postion*/
.btn-right, 
.btn-left {
	position:absolute; 
	top:50%; 
	margin-top:-75px;
}

.btn-right {
	right:0; 
}
.btn-left {
	left:0; 
}

/*Right and Left Button Style*/
.btn-right a, 
.btn-left a {
	display:inline-block; 
	padding:50px 15px;
	color:#000;
	background:#ffd100; 
	opacity:0.7;
	font-size:1.3em;
}

/*Right Button Radius */
.btn-right a {
	border-top-left-radius:10px; 
	border-bottom-left-radius:10px; 
}
/*Left Button Radius */
.btn-left a {
	border-top-right-radius:10px; 
	border-bottom-right-radius:10px; 
}

/*Right and Left Button Hover */
.btn-right a:hover, 
.btn-left a:hover {
	color:#000;
	opacity:1;
}

/*Right and Left Button White Background Hover*/
.btn-right.bg-white a, 
.btn-left.bg-white a {
	background:#fff; 
}

/*Box Container*/ 
/*boxContainer*/
[class*="box0"] {
	width:100%;
	position:absolute;
	top:0;
}
.boxContainer {
	overflow-x:hidden;
}
.boxContainer .box01 {
	left:0;
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s ease-out;
}
.boxContainer .box02 {
	left:100%;
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s ease-out;
}
.boxContainer.on .box01 {
	left:-100%;
}
.boxContainer.on .box02 {
	left:0;
}
.boxContainer h1:before, 
h1.bars:before {
	display: block;
	content: url(../images/bars-yellow.png);
	line-height: 60px;
}
.boxContainer h1.yellow:before {
	content: url(../images/bars-white.png);
}
.list-arrow li {
	font-weight:bold;
	margin-left:20px;
	position:relative;
}
.list-arrow li:before {
	content: "\f054";
	display:inline-block; 
	margin-right:10px; 
	font-family:fontAwesome; 
	font-size:0.6em;
	line-height:1;
	position:absolute; 
	top:6px;
	left:-20px;
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s ease-out;
}

.list-arrow li:hover:before{
	left:-15px;
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s ease-out;
	}

/*Product Range*/
.productRange {
	margin-bottom:4px;
}
.productRange div:hover {
	box-shadow:0 0 5px 0 rgba(0,0,0,0.4);
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	border-radius: 10px;
}

/*Product Range > Accessories*/
.accessories {
	background-image:url(../images/products/accessories/banner-accessories.png); 
	background-repeat:no-repeat; 
	background-size:contain;
	padding-bottom:300px;
	background-position:70% top;
}


/*------------------------------------------------------------------------------------------
26. INDIVIDUAL PRODUCT PAGES
------------------------------------------------------------------------------------------*/
/*Section - Features*/
/*Features list - margin below to push image away*/
#features ul {
	margin-bottom: 50px;
}

/*Section - Features - view 360 degree slider*/
#ex1Slider .slider-selection {
	background: #000;
}

.imgContainer {
	width:420px;
}

/*Slider Handle*/
div.slider-handle.min-slider-handle.round {
	background-color: #ffd100;
	z-index: 10;
}

.slider-horizontal:before, 
.slider-horizontal:after {
	display:inline-block;
	font-family: 'fontAwesome';
	font-style: normal;
	font-weight: normal;
	font-size:18px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:absolute;
	top:2px;
}

.slider-horizontal:before {
	content: "\f053";
	left:-5px;
}
.slider-horizontal:after {
	content: "\f054";
	right:-5px;
} 
	
.mySlider{
	width:210px;
	margin:20px auto;
}

/*Product Spins*/	
.view360 {
	position:relative;
	margin:0 auto;
	width:420px;
}

/*Product Spins - Dotted Circle*/
.dotted-circle {
	width:420px; 
	height:160px; 
	border:1px dotted #97999b;
	border-radius:50%;
	position:absolute; 
	bottom:50px;
	z-index:-1;
}
.dotted-circle-sml {
	width:420px; 
	height:125px; 
	border:1px dotted #97999b;
	border-radius:50%;
	position:absolute; 
	bottom:50px;
	z-index:-1;
}
.dotted-circle-sml1 {
	width:420px; 
	height:85px; 
	border:1px dotted #97999b;
	border-radius:50%;
	position:absolute; 
	bottom:50px;
	z-index:-1;
	}
.dotted-circle-xs {
	width:420px; 
	height:50px; 
	border:1px dotted #97999b;
	border-radius:50%;
	position:absolute; 
	bottom:50px;
	z-index:-1;
}


/*Section – Gallery*/  
#gallery {
	width:100%; 
	overflow:hidden; 
}


/*Section – Specs*/  
/*Specs Background Pattern*/
#specs {
	background:url(../images/patterns/noisy_grid.png);
	background-attachment: fixed;
}

/*Specs Table*/
.table td { 
	padding: 15px 30px;
}
.table th { 
	padding: 15px 30px;
}
.table > thead > tr > th { 
	border-bottom:1px solid #000; 
	border-top:none;
}
.table > thead > tr > th img { 
	cursor: help;
	margin-left: 5px;
}
.table > tbody > tr:last-child > td { 
	border-bottom:1px solid #000; 
}
.table > tbody > tr > td {
	vertical-align: middle;
	white-space: nowrap;
}
.table a:hover {
	text-decoration:none; 
	border-bottom:1px solid #97999b;
	color:#000;
}
.table a i { 
	color:#97999b;
	display:inline-block; 
	margin-left:10px; 
	margin-top:5px;
}
.table tr:hover {
	background-color: #ebebeb;
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.table thead tr:hover {
	background-color: transparent;
}

/*Table Wrapper*/
.table-responsive {
	background-color:#fff; 
}
.table-wrapper { 
	padding:20px 30px;
}
.table-wrapper ul { 
	margin:0; 
	padding:0; 
	list-style:none; 
	margin-bottom:20px; 
}
.table-wrapper ul li { 
	margin:0; 
	padding:0; 
	list-style:none; 
	display:inline-block; 
	font-size:.8em; 
	margin-right:20px; 
}

/*This makes Model names bold*/
td[data-title="Model"] {
	font-weight:bold;
}

/*Specs - Legend - Icon size*/
.icon-small {
	width: 20px;
}

/*Specs - Legend*/
.legend {
	color: #97999b;
}
.legend img {
	opacity: 0.4;
}

/*What's the next step (Contact Map)*/  
.contact-map { 
	background:url(../images/products/contact-map.jpg) no-repeat center center; 
	background-size: 1170px;
	padding-top:90px; 
	padding-bottom:100px;
	margin-top: 0; 
}
.contact-map .content { 
	color:#fff; 
}

hr,
.products hr { 
	margin-top:10px; 
	margin-bottom:10px; 
	border-top:1px solid #97999b; 
}


/*------------------------------------------------------------------------------------------
27. PRODUCT ACCESSORY PAGES
------------------------------------------------------------------------------------------*/
.accessory__container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.accessory {
    display: flex;
    flex-direction: column;
    padding-bottom: 3em;
    height: 100%;
}


/*Product Accessory Image*/
.accessory__image {
	border-radius: 10px;
	border: 1px solid #97999b;
	margin-bottom: 1em;
}

.accessory__description {
    
}

.accessory__name {
    margin-top: 0; 
}
.accessory__details {
	border-top: 1px solid #97999b;
	border-bottom: 1px solid #97999b;
	padding: 10px 20px 10px;
	margin-top: auto;
	margin-bottom: 1em;
	background-color: #ebebeb;
}

.accessory__details-heading {
	color: #97999b;
	text-transform: uppercase;
	margin-bottom: 0px;
}


.accessory__details .list-unstyled {
	font-size: 0.8em;
}


.product-accessory .btn-success {
	margin-bottom: 30px;
}


@media (max-width: 767px) {
    .accessory__image {
        max-width: 270px;
        max-height: 240px;
    }
}


	
/*------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
28. MEDIA QUIRIES - MIN-WIDTH
-------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/

/*---------------------------------------min-width: 1600px--------------------------------*/
@media (min-width: 1600px) {
	.home h1 {
		font-size: 4em;
	}
	
	.video-patented-joint {
        top:150px;
    }
	
	/*Unique Construction - Lightweight*/
	.lightweight .top { 
		position:absolute; 
		top:0;left:50%;
		width:724px; 
		height:600px;
		overflow:hidden;
		-webkit-transform:scale(1) translate(0,0); 
		-moz-transform:scale(1) translate(0,0); 
		-o-transform:scale(1) translate(0,0); 
		-ms-transform:scale(1) translate(0,0); 
		transform:scale(1) translate(0,0);
	}
	.lightweight .top img {
		position:absolute; 
		bottom:0%; 
		right:60px;
	}
	.lightweight .left {
		position:absolute; 
		left:-5%; 
		top:5%; 
		width:833px; 
		height:990px; 
		overflow:hidden; 
		-webkit-transform:scale(1) translate(0,0); 
		-moz-transform:scale(1) translate(0,0); 
		-o-transform:scale(1) translate(0,0); 
		-ms-transform:scale(1) translate(0,0); 
		transform:scale(1) translate(0,0);
	}
	.lightweight .left img {
		position:absolute; 
		top:0%; 
		right:0;
	}
	.lightweight .right { 
		position:absolute; 
		right:0; 
		top:25%; 
		width:653px; 
		height:847px; 
		overflow:hidden; 
		z-index:89; 
		-webkit-transform:scale(1) translate(0,35%); 
		-moz-transform:scale(1) translate(0,35%); 
		-o-transform:scale(1) translate(0,35%); 
		-ms-transform:scale(1) translate(0,35%); 
		transform:scale(1) translate(0,35%);
	}
	.lightweight .right img { 
		position:absolute; 
		bottom:0%; 
		left:45px;
	}
	.lightweight .bottom { 
		position:absolute; 
		bottom:0;
		left:10%;
		width:663px; 
		height:434px; 
		overflow:hidden; 
		-webkit-transform:scale(1) translate(0,0); 
		-moz-transform:scale(1) translate(0,0); 
		-o-transform:scale(1) translate(0,0); 
		-ms-transform:scale(1) translate(0,0); 
		transform:scale(1) translate(0,0);
	}
	.lightweight .bottom img { 
		position:absolute; 
		top:0%; 
		left:0;
	}
	.lightweight {
		height:1400px;
	}
	
	.ptop {	
		padding-top:600px;
	}
	
	/*Unique Construction - Patented Joint*/
	.patented-joints .left, 
	.patented-joints .right {
		position:absolute;
		width:577px; 
		height:466px; 
		top:50%;
	}
	.patented-joints .left { 
		left:0;
		-webkit-transform:scale(1) translate(0%, -50%); 
		-moz-transform:scale(1) translate(0%, -50%); 
		-ms-transform:scale(1) translate(0%, -50%);
		transform:scale(1) translate(0%, -50%);
	}
	.patented-joints .right {
		right:0;
		-webkit-transform:scale(1) translate(-0.5%, -50%); 
		-moz-transform:scale(1) translate(-0.5%, -50%); 
		-ms-transform:scale(1) translate(-0.5%, -50%);
		transform:scale(1) translate(-0.5%, -50%); 
		margin-right:-3px;
	}
}

/*---------------------------------------min-width: 768px---------------------------------*/
@media (min-width: 768px) {
	.featuredVideo .modal-dialog {
		margin:100px auto;
	}
	.featuredVideo iframe {
		height:624px;
	}
}


/*------------------------------------------------------------------------------------------
MEDIA QUIRIES - MAX-WIDTH
------------------------------------------------------------------------------------------*/

/*---------------------------------------max-width: 1366px--------------------------------*/
@media (max-width: 1366px) {
	body { 
		font-size: 15px;
	}
	
	/*This controls the height that gets altered by the javascript for '.followMeBar'*/	
	.followWrap {
		height: 80px;
	}
		
	.top-Bar .navbar-nav > li > a { 
		font-weight:600; 
		padding: 5px 7px 0; 
		color: #000;
		position:relative;
	}
	
	/*Drop Down Menu*/
	.navbar-right .dropdown-menu {
		right:0px;
	}
	
	.dropdown-menu {
		margin-top: 0 !important;
	}
	
	
	/*logo size*/
	a.navbar-brand {
		width: 200px;		
	}
	
	/*Footer*/
	.global-footer {
		padding-bottom: 40px;
		padding-top: 60px;
	}
	
	/*Bullet Points*/	
	.list-disc li:before {
		width: 6px; 
		height: 6px; 
		top: 6px;
		margin-right: 6px;	
	}	
	
	/*pageHeader Height*/
	.pageHeader {
		height: 300px;
	}
	.support .pageHeader,
	.industries .pageHeader,
	.distributors .pageHeader,
	.legal .pageHeader,
    .international-distributors {
		height: auto;
	}
	
	.pageHeader h1:before {
		line-height:45px;
		transform: scale(0.8);
		margin-left:-11%;
	}
	
	/*Banner - background image position*/
	.banner-height-safety, 
	.banner-our-story,
	.banner-unique-construction,
	.banner-products,
	.banner-services, 
	.banner-case-studies {
		background-position-x:100%;
	}
	/*Banner - product pages*/
	.banner-euromaster-all-terrain,
	.banner-euromaster-premium, 
	.banner-euromaster-standard, 
	.banner-powermaster-extension, 
	.banner-powermaster-single, 
	.banner-corrosionmaster-step,
	.banner-corrosionmaster-extension,
	.banner-corrosionmaster-single,
	.banner-workmaster-450,
	.banner-workmaster-550  {
		background-size: 30%; 
		padding-bottom:0;
	}
	
	.banner-accessories {
		background-size: 35%; 
		background-position-y: -100px;
		padding-bottom:0;
	}
	
	/*Our Story - Two Brothers*/
	.two-brothers {
		background-position: 75% bottom right;
		background-position-x: 100%;
		background-size: 50%;
	}
	
	/*Our Story > Drives Us*/
	.drive-us .greybox {
		height: 400px;
	}

	/* Product range */
	#safety-step,
	#extension-ladders,
	#single-ladders,
	#corrosion-series { 
		height:550px;
	}
	
	/*Product range - Safety Step*/
	#safety-step img {
		width:69%
	}
	#safety-step .productRange img {
	    width: 49%;
	}

	/*Product range - Extension Ladders*/
	#extension-ladders img {
		width:62.5%
	}
	#extension-ladders .productRange img {
	    width: 17%;
	}
	
	/*Product range - Single Ladders*/
	#single-ladders img {
		width:69%
	}
	#single-ladders .productRange img {
	    width: 21%;
	}
	
	/*Product range - Single Ladders*/
	#corrosion-series img {
		width:69%;
		/*margin-left:60px !important;*/
	}
	#corrosion-series .productRange img {
	    width: auto;
		height:330px;
	}

	/*Unique Construction - Fibreglass*/	
	.fibreglass:before {
		width:712px;
		height:769px;
		top:-61px;
	}
	
	/*Unique Construction - Patented Joints*/
	.patented-joints .left {
		left:0;
		-webkit-transform:scale(0.6) translate(-40%, -80%); 
		-moz-transform:scale(0.6) translate(-40%, -80%); 
		-ms-transform:scale(0.6) translate(-40%, -80%);
		transform:scale(0.6) translate(-40%, -80%);
	}
	.patented-joints .right {
		right:0;
		-webkit-transform:scale(0.6) translate(45.6%, -80%); 
		-moz-transform:scale(0.6) translate(45.6%, -80%); 
		-ms-transform:scale(0.6) translate(45.6%, -80%);
		transform:scale(0.6) translate(45.6%, -80%); 
		margin-right:-3px;
	}
	
}

/*---------------------------------------max-width: 1200px--------------------------------*/
@media (max-width: 1200px) {
	/*Typography*/
	h1 {
		 font-size: 3em;
	}
	h2 {
		 font-size: 2em;
	}
	h3 {
		 font-size: 1.7em;
	}
	
	
	/*Logo*/
	.navbar-brand {
		width:220px;
	}
		
	/*corner curver for home slider*/	
	.banner:after, .mainPage:after {
        width: 180px;
        height: 340px;	
	}
	
		
	/*Footer*/
	.global-footer { 
		background-size:cover;
	}
	
	/*Branach Graphic Device*/
	.global-footer:after,  
	.banner:after, 
	.carousel-inner:after {
		width:169px; 
		height:316px;
	}
	
	/*Footer > Copyright Logo*/
	.copyright img {
		width:160px;
		margin-bottom:20px;
	}
	
	/*Banners - Hide Images*/
	.banner-height-safety, 
	.banner-our-story, 
	.banner-unique-construction,
	.banner-services, 
	.banner-contact, 
	.banner-products, 
	.banner-euromaster-all-terrain,
	.banner-euromaster-premium, 
	.banner-euromaster-standard, 
	.banner-powermaster-extension, 
	.banner-powermaster-single, 
	.banner-corrosionmaster-step,
	.banner-corrosionmaster-extension,
	.banner-corrosionmaster-single,
	.banner-workmaster-450,
	.banner-workmaster-550,
	.banner-accessories,
	.banner-case-studies {
		background-image:none; 
		padding-bottom:0;
	}
	
	.banner-height-safety:after, 
	.banner-services:after, 
	.banner-contact:after,
	.banner-case-studies:after {
		right:-10px;
	}
		
	/*Services - Truck Image*/
	.services-truck { 
		padding-bottom:300px;
	}
	.services-truck:after { 
		width:689px; 
		height:457px;
		background-size:cover;
	}
	
	.copyright .add-margin-top {
		margin-top:0;
	}
	.two-brothers {
		background-position:90% bottom; 
		background-size:50%;
	}

	/*pageHeader*/
	.pageHeader {
		height: auto;
	}
	
	.pageHeader:after {
		right:-10px;
		width:79px; 
		height:150px;
	}
		
	.banner-contact {
		background-size:cover;
	}
	

	/*Our Story > Drives Us*/
	.drive-us .greybox {
		height: 470px;
	}
	
	/*Products > Product Range*/
	#safety-step {
		height:550px;
	}
	#safety-step img{
		width:84%;
	}
	#safety-step .productRange img {
		width:65%;
	}
	
	#safety-step .double-padding-top {padding-top:50px;}
	
	#safety-step .productRange .full-padding {
	padding:0px;	
		}
	#extension-ladders{
		height:550px;
	}
	#extension-ladders img {
	width:75%;	
	}
	#extension-ladders .productRange img {
		width:24%;
	}
	#single-ladders {
		height:550px;
	}
	#single-ladders img {
		width:84%;
	}
	#single-ladders .productRange img {
		width:26%;
	}
	#corrosion-series { 
		height:550px;
	}
	#corrosion-series img {
		width:79%; 
		margin-left:0px !important;
	}

	#corrosion-series .productRange  img {
		width:auto; 
		height:324px;
		margin-left:auto !important;
	}
	
	.accessories {padding-bottom:200px;}
	
	/*Products > Unique Construction > Any Height*/
	section.any-height {
		/*background-size:80%;*/
		background-position:right center;
	}
	
	/*Products > Unique Construction > Fibreglass Stiles*/
	.fibreglass:before {
		width:552px;
		height:609px;
		top:-56px;
	}
	.fibreglass .double-padding {
		padding:60px 0;
	}
	
	/*Products > Unique Construction > Lightweight*/
	.lightweight {
		height:800px;
	}
	.lightweight .top {
		width:644px; 
		height:500px;
		overflow:hidden; 
		-webkit-transform:scale(0.7) translate(-14%,-21.6%); 
		-moz-transform:scale(0.7) translate(-14%,-21.6%); 
		-o-transform:scale(0.7) translate(-14%,-21.6%); 
		-ms-transform:scale(0.7) translate(-14%,-21.6%);  
		transform:scale(0.7) translate(-14%,-21.6%);
	}
	.lightweight .left {
		width:833px; 
		height:990px; 
		overflow:hidden; 
		-webkit-transform:scale(0.7) translate(-25%,-21.6%); 
		-moz-transform:scale(0.7) translate(-25%,-21.6%); 
		-o-transform:scale(0.7) translate(-25%,-21.6%); 
		-ms-transform:scale(0.7) translate(-25%,-21.6%);  
		transform:scale(0.7) translate(-25%,-21.6%);
	}
	.lightweight .right {
		width:653px; 
		height:847px;
		overflow:hidden; 
		z-index:89;
		-webkit-transform:scale(0.7) translate(21.5%,-3.6%); 
		-moz-transform:scale(0.7) translate(21.5%,-3.6%); 
		-o-transform:scale(0.7) translate(21.5%,-3.6%); 
		-ms-transform:scale(0.7) translate(21.5%,-3.6%);  
		transform:scale(0.7) translate(21.5%,-3.6%);
	}
	.lightweight .bottom {
		width:663px; 
		height:434px; 
		overflow:hidden;
		-webkit-transform:scale(0.7) translate(-17.5%,21.4%); 
		-moz-transform:scale(0.7) translate(-17.5%,21.4%); 
		-o-transform:scale(0.7) translate(-17.5%,21.4%); 
		-ms-transform:scale(0.7) translate(-17.5%,21.4%);  
		transform:scale(0.7) translate(-17.5%,21.4%);
	}
	
	/*Products > Unique Construction > Patented Joint*/
	.patented-joints .left, 
	.patented-joints .right {
		position:absolute;
		width:597px; 
		height:486px; 
		top:50%;
	}
	.patented-joints .left {
		left:0;
		-webkit-transform:scale(0.5) translate(-63%, -93%); 
		-moz-transform:scale(0.5) translate(-63%, -93%); 
		-ms-transform:scale(0.5) translate(-63%, -93%);
		transform:scale(0.5) translate(-63%, -93%);
	}
	.patented-joints .right {
		right:0;
		-webkit-transform:scale(0.5) translate(65%, -93%); 
		-moz-transform:scale(0.5) translate(65%, -93%); 
		-ms-transform:scale(0.5) translate(65%, -93%);
		transform:scale(0.5) translate(65%, -93%); 
		margin-right:-3px;
	}
	
	.ptop2 {    
		margin-top:60%;
	}
	
	/*Services > Intro - Truck*/
	.services-truck {
		padding-bottom:350px;
	}
	
	
	.double-padding {
		padding:50px 0;
	}
	
}

/*---------------------------------------max-width: 992px---------------------------------*/
@media (max-width: 992px) {
	
	/*This controls the height that gets altered by the javascript for '.followMeBar'*/	
	.followWrap {
		height: 60px;
	}
	
	/*corner curver for home slider*/	
	.banner:after, .mainPage:after {
	width: 150px;
    height: 280px;	
	}
	
	/*Navigation*/
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin: 0 5px;
	}
	.navbar-nav>li {
        float: none;
		clear:both;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		border:1px solid #e6be0e;
		border-left:0; 
		border-right:0; 
		border-collapse:collapse;
		background-color: #ffd100;
    }
    .collapse.in {
  		display:block !important;
	}
	.navbar-toggle {
		margin-top:18px;
	}
	.top-Bar {
		display:none;
	}
	.navbar-default .navbar-collapse, 
	.navbar-default .navbar-form {
		border-color:transparent;
		background-color:#ffd100;
		max-height: 700px;
		overflow: visible;
	}
	
	.navbar-right {
		margin-right:0;
	}
	.navbar-default .navbar-nav > li > a:after { 
		display:none;
	}
	.navbar-nav>li + li {
		margin-top:-1px;
	}
	li {
		margin-top:0;
	}
	li span {
		display:inline-block; 
		float:right; 
		margin-right:-10px; 
		margin-top:-10px; 
		padding:13px;
	}
	li .dropdown-submenu span {
		padding:8px;
	}
	.nav .open > a, .nav .open > a:hover,
	.nav .open > a:focus {
		border-color:transparent;
	}
	.dropdown-menu {
		width:100%; 
		margin-top:0 !important; 
		position:static;
		border-radius:0;
	}
	
	.btn-inverse, 
	.btn-inverse:hover {
		background-color:#000;
		color:#fff;
	}
	
	.navbar-toggle {
		border:0;
	}
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus {
		background:transparent;
	}
	
	.sr-only {
		width:auto; 
		height:auto; 
		margin:0;
		overflow:auto; 
		clip:rect(auto, auto, auto, auto); 
		right:40px; 
		top:7px;
		font-size: 1.2em; 
		font-weight:bold;
	}
	.navbar-toggle .icon-bar {
		height:4px; 
		background-color:#000;
	}
	.navbar-toggle .icon-bar + .icon-bar {
		margin-top:2px;
	}
	.dropdown-menu > li > a {
		padding:7px 20px;
	}
	.dropdown-submenu a span  {
		color:#fff;
	}
	.dropdown-menu > li > a:after {
		display:none;content: '';
		margin: auto;
		height: 3px;
		width: 0;
		background: transparent;
		transition: width .5s ease, background-color .5s ease;
		margin-top:0;
	}	
	
	.dropdown-menu .dropdown-submenu .dropdown-menu a {
		font-size: 1em;
	}
	
	
	
	/*Services - Truck*/
	.services-truck {
		padding-bottom:250px;
	}
	.services-truck:after {
		width:643px; 
		height:400px;
		left:50%;
	}
	
	/*Footer*/
	.global-footer {
		background-position:center center;
	}
	.copyright .add-margin-top {
		margin-top:15px;
	}
	
	.carousel .sr-only {
		display:none;
	}
	.close.desc {
		margin-top:-40px;
	}
	.caption.no-bg{
		background:rgba(255,255,255,0.9) !important;
	}
	
	.greybox img.ssp { 
		left:-20px; 
	}
	
	/*Our Story – Two Brothers*/
	.two-brothers {
		background-position-x: 130%;
		background-size: 65%;
	}
	
	/*Our Story – What Drives Us*/
	.drive-us .greybox {
		height: auto;
	}	
	
	/*Unique Construction - Fibreglass */	
	.fibreglass:before { 
		width: 664px; 
		height: 708px;
	}
	.fibreglass-left,
	.fibreglass-right {
		text-align: center;
	}
	.fibreglass-right {
		border-left: none;
	}	
	
	/*Unique Construction - Lightweight */	
	section.lightweight {
		height: 700px; 
		min-height:auto !important;
		overflow:hidden;
	}
	.ptop {
		padding-top:250px;
	}
	.lightweight .top {
		width:644px; 
		height:500px;
		overflow:hidden; 
		-webkit-transform:scale(0.6) translate(-37%,-33.5%); 
		-moz-transform:scale(0.6) translate(-37%,-33.5%); 
		-o-transform:scale(0.6) translate(-37%,-33.5%); 
		-ms-transform:scale(0.6) translate(-37%,-33.5%);  
		transform:scale(0.6) translate(-37%,-33.5%);
	}
	.lightweight .left {
		width:833px; 
		height:774px; 
		overflow:hidden; 
		-webkit-transform:scale(0.6) translate(-63%,-30.6%); 
		-moz-transform:scale(0.6) translate(-63%,-30.6%); 
		-o-transform:scale(0.6) translate(-63%,-30.6%); 
		-ms-transform:scale(0.6) translate(-63%,-30.6%);  
		transform:scale(0.6) translate(-63%,-30.6%);
	}
	.lightweight .right {
		width:653px; 
		height:847px;
		overflow:hidden; z-index:89;
		-webkit-transform:scale(0.6) translate(33%,-22.6%); 
		-moz-transform:scale(0.6) translate(33%,-22.6%); 
		-o-transform:scale(0.6) translate(33%,-22.6%); 
		-ms-transform:scale(0.6) translate(33%,-22.6%);  
		transform:scale(0.6) translate(33%,-22.6%);
	}
	.lightweight .bottom {
		width:663px; 
		height:434px; 
		overflow:hidden;
		-webkit-transform:scale(0.6) translate(-37.5%,33.4%); 
		-moz-transform:scale(0.6) translate(-37.5%,33.4%); 
		-o-transform:scale(0.6) translate(-37.5%,33.4%); 
		-ms-transform:scale(0.6) translate(-37.5%,33.4%);  
		transform:scale(0.6) translate(-37.5%,33.4%);
	}
	
	/*Unique Construction - Patented Joint */	
	.patented-joints {
		height: 600px;
	}
	.patented-joints .left,
	.patented-joints .right {
		top: 65%;
	}
	
	.ptop1 {    
		padding: 50px 0;
	}
	.ptop2 {    
		margin-top: 20%;
	}
	
	/*Search*/
	#search {display:none !important;}
	
	.navbar-nav>li:nth-child(1)>a {border-top-color:transparent;}
	.navbar-nav>li:nth-last-child(2)>a {border-bottom-color:transparent;}
	
	.double-top {margin-top:0;}
	.world-stage h2 br{display:none;}
	
	/*Product Range*/
	#safety-step {
		height:453px;
	}
	
	#safety-step img, 
	#extension-ladders img, 
	#single-ladders img  {
		width:100%;
	}
	
	#corrosion-series img {
	width:90%;

		}
	#safety-step .productRange img{
		width:52%;
	}
	#extension-ladders{
		height:507px;
	}
	#extension-ladders .productRange  img {
		width:28%;
	}
	#single-ladders {
		height:510px;
	}
	#single-ladders .productRange img {
		width:31%;
	}
	#corrosion-series {
		height:508px;
	}
	#corrosion-series .productRange  img {
		width:auto; 
		height:290px;
	}
	.accessories {
		background-position: 90% top;
	}
	
	/*Logo*/
	.navbar-brand {
		margin-left:15px;
	}
	.dropdown-menu {
		font-size:1em;
	}
	.half-top-padding.mainNav {
		padding-bottom:0;
	}
		
	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse, 
	.container-fluid > .navbar-collapse {    
		margin-right: -15px;
		margin-left: -15px;
	}
	
	.navbar-nav .open .dropdown-menu {
	margin-bottom:15px;	
	}
	
	/*adds inset boxs shadow on Specs table*/
	.table-responsive {
		-webkit-box-shadow: inset -3px 0px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: inset -3px 0px 5px 0px rgba(0,0,0,0.25);
		box-shadow: inset -3px 0px 5px 0px rgba(0,0,0,0.25);	
	}
	
	
}

/*---------------------------------------max-width: 767px---------------------------------*/
@media (max-width: 767px) { 
	/*.dropdown-menu {margin:0 15px !important;}*/
	.navbar-nav {
			float: none!important;
			/*margin: 0 -15px;*/
		}
	
	/*corner curver for home slider*/	
	.banner:after, .mainPage:after {
		width: 100px;
    	height: 189px;	
	}
	
	/*Dropdown Menu*/
	.dropdown-menu {
		min-width:160px;
	}
	.dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding:8px 20px;
	}
	.dropdown-menu > li > a:after {
		display:none;content: '';
		margin: auto;
		height: 3px;
		width: 0;
		background: transparent;
		transition: width .5s ease, background-color .5s ease;margin-top:0;}
	/*.navbar-default .navbar-nav > li > a {padding-bottom:0;}*/
	
	.rollNav.nav-pills {margin:0 -30px;}
	.rollNav.nav-pills > li {float:none;display:none;}	
	.rollNav.nav-pills:hover >li, .rollNav.nav-pills > li.active {display:block;}	
	
	.nav-pills > li.active > a, 
	.nav-pills > li.active > a:hover, 
	.nav-pills > li.active > a:focus, 
	.nav-pills > li > a:hover {
		background-color:#fff;
	}
	
	.rollNav.nav-pills:after {
		content:"\f078"; 
		font-family:fontAwesome;
		display:inline-block;
		position:absolute; 
		right:0; 
		top:15px;
	}
	.rollNav.nav-pills:hover:after {
		content:"\f077";
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li.dropdown-submenu .dropdown-menu li a { 
		color:#000; 
	}
	
	.global-footer:after,  
	.banner:after, 
	.carousel-inner:after { 
		width:135px; 
		height:253px;
	}
	
	.home .carousel-inner:after {
		width:125px; 
		height:321px;
	}
	
	/*Our Story*/
	.two-brothers {
		background-position:center bottom; 
		background-size:450px;
		padding-bottom: 350px !important;
	}
	
	/*Unique Construction*/
	.leftBorder {
		border: none;
	}	
		
	
	.lightweight .left, 
	.lightweight .right {
		display:none;
	}
	
		
	.ptop {
		padding-top:250px;
	}
	
	.lightweight .top {
		width:604px; 
		height:460px;
		overflow:hidden; 
		-webkit-transform:scale(0.6) translate(-37%,-30.5%); 
		-moz-transform:scale(0.6) translate(-37%,-30.5%); 
		-o-transform:scale(0.6) translate(-37%,-30.5%); 
		-ms-transform:scale(0.6) translate(-37%,-30.5%);  
		transform:scale(0.6) translate(-37%,-30.5%);
		top:-15px;
	}
	.lightweight .left {
		width:833px; 
		height:774px; 
		overflow:hidden; 
		-webkit-transform:scale(0.6) translate(-63%,-30.6%); 
		-moz-transform:scale(0.6) translate(-63%,-30.6%); 
		-o-transform:scale(0.6) translate(-63%,-30.6%); 
		-ms-transform:scale(0.6) translate(-63%,-30.6%);  
		transform:scale(0.6) translate(-63%,-30.6%);
	}
	.lightweight .right {
		width:653px; 
		height:847px;
		overflow:hidden; z-index:89;
		-webkit-transform:scale(0.6) translate(33%,-22.6%); 
		-moz-transform:scale(0.6) translate(33%,-22.6%); 
		-o-transform:scale(0.6) translate(33%,-22.6%); 
		-ms-transform:scale(0.6) translate(33%,-22.6%);  
		transform:scale(0.6) translate(33%,-22.6%);
	}
	.lightweight .bottom {
		width:663px; 
		height:434px; 
		overflow:hidden;
		-webkit-transform:scale(0.6) translate(-37.5%,33.4%); 
		-moz-transform:scale(0.6) translate(-37.5%,33.4%); 
		-o-transform:scale(0.6) translate(-37.5%,33.4%); 
		-ms-transform:scale(0.6) translate(-37.5%,33.4%);  
		transform:scale(0.6) translate(-37.5%,33.4%);
	}
	
	.ptop {
		padding-top:300px;
		padding-bottom:100px;
	}
	.ptop2 {  
	  margin:100px 0;
	 }
	 	
	
	/*Services*/
	.services-truck {
		padding-bottom:250px;
	}
	.services-truck:after {
		width:508px; 
		height:335px; 
		left:47%; 
		bottom:-50px;
	}
	
	/*Footer*/
	.global-footer {
		padding:50px 0;
	}
	.global-footer:after {
		width:94px; 
		height:175px;
	}
	
	.cont a {
		display:inline;
	}
	
	.movetoTop {
		margin-top:-50px;
	}
	
	/*Section - Removes background images and inset shadow*/
	section.acceptable,
	section.acceptable2,
	section.ten-centimeters, 
	section.technicians, 
	section.bigger-picture, 
	section.serv, 
	section.world-stage, 
	section.wayoflife,
	div.fibreglass,
	section.safety-first,
	section.tested {
		background-image:none;
		box-shadow: none;	
	}
	
	.height-safety .caption,
	.height-safety section .caption.orange,
	.our-story .caption, 
	.our-story .caption.orange {
		background-color:transparent;
	}
	
	section.fibreglass,
	section.safety-first,
	section.tested,
	section.details-matter,
	section.deserve-best {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.bigger-picture .double-padding {
		padding-bottom:0;
	}
	
	.double-top {
		margin-top:40px;
	}

	
	/*Product Page – Product Range*/
	#safety-step,
	#extension-ladders,
	#single-ladders,
	#corrosion-series,
	.accessories {
		height: 380px;
	}
	
	#safety-step div,
	#extension-ladders div,
	#single-ladders div,
	#corrosion-series div,
	.accessories div {
		padding-top: 10px;
	}
	
	#safety-step .row,
	#extension-ladders .row,
	#single-ladders .row,
	#corrosion-series .row,
	.accessories .row {
		margin-left: 0;
	}
	
	#safety-step {
		background: url(../images/products/product-range/hero-safety-step-platforms.png) bottom right no-repeat;
		background-size: 50%;
	}
	#extension-ladders {
		background: url(../images/products/product-range/hero-extension-ladders.png) bottom right no-repeat;
		background-size: 40%;
	}
	#single-ladders {
		background: url(../images/products/product-range/hero-single-ladder.png) bottom right no-repeat;
		background-size: 50%;
	}
	#corrosion-series {
		background: url(../images/products/product-range/hero-corrosion-series.png) bottom right no-repeat;
		background-size: 60%;
	}
	
	
	.nav-pills > li > a {
		font-size:1em;
		padding-left: 30px;
	}
	 
	/*Contact - Map*/ 
	.mapContainer {
		height:250px;
	}
	
	/*Specs – Table Legend*/
	.legend ul li {
		/*display: block;*/
		margin-bottom: 10px;
	}
	
	.carousel-control {
	width:26px;
	}
	
	.carousel-control.left,
	.carousel-control.right {
	height:70px;	
	}
	
	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right {
	top:37%;
	font-size:1em;	
	}
	
}

/*---------------------------------------max-width: 540px---------------------------------*/
@media (max-width: 540px) { 

	h1 {
	 	font-size: 2.75em;
	}
	
	.global-footer {
		background-position:  right top; 
	}

	section.any-height {
		background-size: 90%; 
	}

	/*Lightweight*/
	.lightweight .left,
	.lightweight .right {
		display: none;
	}
	
	.patented-joints .right { 
		display: none;
	}
	
	/*for event popup*/
	.coming-events { width:250px; height:250px; }
	.coming-events img { width:50%; }
	.event.close { top:16px; right:10px; }
	.event.close img  { width:100%; }
	
	/*corner curver for home slider*/	
	.banner:after, .mainPage:after {
	width: 61px;
    height: 130px;	
	}
}

/*---------------------------------------max-width: 479px---------------------------------*/
@media (max-width: 479px) { 
	
	/*pageHeader h1*/
	.pageHeader h1 {
        margin-top: 1.5em;
    }
	
	/*Logo*/
	.navbar-brand {width:200px;}
	
	/*Logo in Copyright section*/
	.copyright img {width:160px;}
	
	/*Navigation*/
	.navbar-toggle {
		margin-top:12px;
	}
	.dropdown-menu > li > a:after {
		display:none;content: '';
		margin: auto;
		height: 3px;
		width: 0;
		background: transparent;
		transition: width .5s ease, background-color .5s ease;
		margin-top:0;
	}
	

	/*Products > Product Range*/
	#safety-step,
	#extension-ladders,
	#single-ladders,
	#corrosion-series,
	.accessories {
		height: 650px;
	}
	#safety-step {
		background: url(../images/products/product-range/hero-safety-step-platforms.png) bottom center no-repeat;
		background-size: 90%;
	}
	#extension-ladders {
		background: url(../images/products/product-range/hero-extension-ladders.png) bottom center no-repeat;
		background-size: 70%;
	}
	#single-ladders {
		background: url(../images/products/product-range/hero-single-ladder.png) bottom center no-repeat;
		background-size: 95%;
	}
	#corrosion-series {
		background: url(../images/products/product-range/hero-corrosion-series.png) bottom center no-repeat;
		background-size: 110%;
	}
	.accessories {
		background:url(../images/products/accessories/banner-accessories.png) bottom center no-repeat; 
		background-size: 110%;
	}
	
	
	/*Products > Unique Construction*/
	/*Any Height*/
	section.any-height {
		background-size: 110%;
	}
	
	
	/*Fibreglass*/
	.fibreglass:before {
		background-size: 55%;
	}
	
	/*Lightweight*/
	.ptop {
		padding-top:200px;
	}
			
	.patented-joints .left {
		top: 70%;
	}
	
	/*Services Page – Truck image in intro section*/
	.services-truck {
		padding-bottom:150px;
	}
	.services-truck:after {
		width:296px; 
		height:198px; 
		left:49%;
	}


	/*Support Page > Pubications –  Brochure image and caption*/
	.publications figure.brochure figcaption {
		font-size:.6em; 
	}
	figure.brochure img {
		max-width: 100%;
	}
	figure.brochure + figure.brochure { 
		margin-left:10px; 
	}
	
	/*Support Page > Technical Data Sheets*/
	.technical .greybox .content p { font-size:.8em}
	.technical .greybox .content ul li { font-size:.7em}

	.greybox img.ssp { left:-70px; }
	.powermaster-single .table-wrapper ul li img { width:20%;}
	.powermaster-single .table-wrapper ul li { margin-right:0; }

	/*view 360 degree slider*/
	.view360{ width:280px;}
	.dotted-circle { width:280px; height:98px;}
	.dotted-circle-sml { width:280px; height:83px;bottom:40px;}
	.dotted-circle-xs {width:280px; height:50px;}
	.dotted-circle-sml1 {width:280px; height:70px;bottom:60px;}
	.imgContainer {width:280px !important; height:auto !important;}
}


/*------------------------------------------------------------------------------------------
MEDIA QUIRIES - MAX-HEIGHT
------------------------------------------------------------------------------------------*/
@media (max-height: 600px ) {
	.pageHeader {
		height: auto;
	}	
	
    .pageHeader:after { 
        width:72px; 
        height:171px;
    }
	
	/*Banners - Hide Images*/
	.banner-height-safety, 
	.banner-our-story, 
	.banner-unique-construction,
	.banner-services, 
	.banner-contact, 
	.banner-products, 
	.banner-euromaster-all-terrain,
	.banner-euromaster-premium, 
	.banner-euromaster-standard, 
	.banner-powermaster-extension, 
	.banner-powermaster-single, 
	.banner-corrosionmaster-step,
	.banner-corrosionmaster-extension,
	.banner-corrosionmaster-single,
	.banner-workmaster-450,
	.banner-workmaster-550,
	.banner-accessories,
    .banner-case-studies {
		background-image:none; 
		padding-bottom:0;
	}	
	
}

@media (max-height: 500px ) {
	.pageHeader h1 {
        margin-top:0;
    }
}


/*Universal Selectors - uncomment these if you need to debug the code*/
/* .container {
	background-color: rgba(63,248,224,0.25);
}
* .row {
	background-color: rgba(255,149,56,0.25);
}
* .double-padding {
	background-color: rgba(255,71,74,0.25);
}*/