html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
}

span {
	font-family: 'Montserrat', sans-serif;
}

html {
	line-height: 1
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

q,
blockquote {
	quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
	content: "";
	content: none
}

a img {
	border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

@font-face {
	font-family: 'icons';
	src: url("../../fonts/icons/icomoon.eot?lswrct");
	src: url("../../fonts/icons/icomoon.eot?#iefixlswrct") format("embedded-opentype"), url("../../fonts/icons/icomoon.woff?lswrct") format("woff"), url("../../fonts/icons/icomoon.ttf?lswrct") format("truetype"), url("../../fonts/icons/icomoon.svg?lswrct#icomoon") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "Metropolis";
	src: url("../../fonts/Metropolis-Regular.eot");
	src: local('☺'), url("../../fonts/Metropolis-Regular.woff") format("woff"), url("../../fonts/Metropolis-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Metropolis";
	src: url("../../fonts/Metropolis-Bold.eot");
	src: local('☺'), url("../../fonts/Metropolis-Bold.woff") format("woff"), url("../../fonts/Metropolis-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "Metropolis";
	src: url("../../fonts/Metropolis-RegularItalic.eot");
	src: local('☺'), url("../../fonts/Metropolis-RegularItalic.woff") format("woff"), url("../../fonts/Metropolis-RegularItalic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "Metropolis";
	src: url("../../fonts/Metropolis-BoldItalic.eot");
	src: local('☺'), url("../../fonts/Metropolis-BoldItalic.woff") format("woff"), url("../../fonts/Metropolis-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-rockfall_icons-01:before {
	content: "\e600"
}

.icon-rockfall_icons-02:before {
	content: "\e601"
}

.icon-rockfall_icons-03:before {
	content: "\e602"
}

.icon-rockfall_icons-04:before {
	content: "\e603"
}

.icon-rockfall_icons-05:before {
	content: "\e604"
}

.icon-rockfall_icons-06:before {
	content: "\e605"
}

.icon-rockfall_icons-07:before {
	content: "\e606"
}

.icon-rockfall_icons-08:before {
	content: "\e607"
}

.icon-rockfall_icons-09:before {
	content: "\e608"
}

* {
	outline: none
}

html {
	font-size: 10px
}

body {
	background: #fff
}

a {
	text-decoration: none
}

ul li {
	list-style: none
}

audio,
canvas,
img,
video {
	vertical-align: middle
}

input[type="text"],
textarea {
	-webkit-appearance: none;
	border-radius: 0
}

textarea {
	resize: vertical
}

::-moz-selection {
	background: #e2251b;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #e2251b;
	color: #fff;
	text-shadow: none
}

.global-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative
}

.table {
	display: table;
	height: 100%;
	width: 100%
}

.table .table-cell {
	display: table-cell;
	vertical-align: middle;
	width: 100%
}

.ellipsis {
	white-space: nowrap;
	/*height: 60px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url("https://seancannon.com/_test/ellipsis.xml#ellipsis")
}

#read_more {
	font-family: "Metropolis", sans-serif;
	font-size: 17px;
	margin-top: 20px;
	font-weight: 900;
	cursor: pointer
}

#read_more:before {
	content: "+ "
}

.minus:before {
	content: "- " !important
}

input {
	-webkit-appearance: none
}

.light>p,
.light h2 {
	color: white !important
}

.free-footwear-audit {
	background: #434345
}

.free-footwear-audit .gform_wrapper .gform_footer input {
	background: #555
}

.free-footwear-audit .gform_wrapper .gform_footer input:hover {
	background: #666
}

.free-footwear-audit a.view-pdf {
	display: inline-block;
	background: #e2251b;
	float: right;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	margin: 0 .71429em 0 0;
	text-align: center
}

.free-footwear-audit a.view-pdf:hover {
	background: #e1251b
}

.request-a-callback {
	background: #e2251b
}

.request-a-callback .gform_wrapper .gform_footer input {
	background: #337e56
}

.request-a-callback .gform_wrapper .gform_footer input:hover {
	background: #398d60
}

.free-footwear-audit,
.request-a-callback {
	padding: 4em 0;
	display: none
}

.free-footwear-audit .global-container,
.request-a-callback .global-container {
	width: auto;
	margin: 0 6em;
	max-width: none
}

.free-footwear-audit h2,
.request-a-callback h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 400;
	color: #fff
}

.free-footwear-audit .close-hidden-section,
.request-a-callback .close-hidden-section {
	position: absolute;
	top: 1em;
	right: 0;
	display: block;
	cursor: pointer
}

.free-footwear-audit .close-hidden-section:before,
.request-a-callback .close-hidden-section:before {
	font-family: 'icons';
	font-size: 1.8em;
	content: '\e613';
	display: block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff
}

.free-footwear-audit .gform_wrapper,
.request-a-callback .gform_wrapper {
	margin: 2em 0 0
}

.free-footwear-audit .gform_wrapper .gform_body ul.left-column,
.request-a-callback .gform_wrapper .gform_body ul.left-column {
	width: 49%;
	float: left
}

.free-footwear-audit .gform_wrapper .gform_body ul.right-column,
.request-a-callback .gform_wrapper .gform_body ul.right-column {
	width: 49%;
	float: right
}

.free-footwear-audit .gform_wrapper .gform_body ul.gform_fields li.gfield,
.request-a-callback .gform_wrapper .gform_body ul.gform_fields li.gfield {
	margin: 0 0 1em
}

.free-footwear-audit .gform_wrapper .gform_body ul.gform_fields li.gfield label,
.request-a-callback .gform_wrapper .gform_body ul.gform_fields li.gfield label {
	display: none
}

.free-footwear-audit .gform_wrapper .gform_body ul.gform_fields li.gfield input,
.request-a-callback .gform_wrapper .gform_body ul.gform_fields li.gfield input {
	background: #fff;
	height: 3.42857em;
	width: 100%;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #000;
	padding: 0 1.42857em;
	box-sizing: border-box;
	border: 0
}

.free-footwear-audit .gform_wrapper .gform_body ul.gform_fields li.gfield textarea,
.request-a-callback .gform_wrapper .gform_body ul.gform_fields li.gfield textarea {
	background: #fff;
	width: 100%;
	height: 15.85714em;
	padding: 1.14286em 1.42857em;
	box-sizing: border-box;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #000;
	border: 0
}

.free-footwear-audit .gform_wrapper .gform_body ul.gform_fields li#field_4_7,
.free-footwear-audit .gform_wrapper .gform_body ul.gform_fields li#field_5_7,
.request-a-callback .gform_wrapper .gform_body ul.gform_fields li#field_4_7,
.request-a-callback .gform_wrapper .gform_body ul.gform_fields li#field_5_7 {
	width: 30%;
	float: left
}

.free-footwear-audit .gform_wrapper .gform_body ul.gform_fields li#field_4_2,
.free-footwear-audit .gform_wrapper .gform_body ul.gform_fields li#field_5_2,
.request-a-callback .gform_wrapper .gform_body ul.gform_fields li#field_4_2,
.request-a-callback .gform_wrapper .gform_body ul.gform_fields li#field_5_2 {
	width: 70%;
	float: left;
	box-sizing: border-box;
	padding: 0 0 0 1em
}

.free-footwear-audit .gform_wrapper .gform_body ul.gform_fields li#field_4_3,
.free-footwear-audit .gform_wrapper .gform_body ul.gform_fields li#field_5_3,
.request-a-callback .gform_wrapper .gform_body ul.gform_fields li#field_4_3,
.request-a-callback .gform_wrapper .gform_body ul.gform_fields li#field_5_3 {
	clear: both
}

.free-footwear-audit .gform_wrapper .gform_body ul.gform_fields li.gform_validation_container,
.request-a-callback .gform_wrapper .gform_body ul.gform_fields li.gform_validation_container {
	display: none
}

.free-footwear-audit .gform_wrapper .gform_footer input,
.request-a-callback .gform_wrapper .gform_footer input {
	display: block;
	float: right;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	border: 0;
	cursor: pointer
}

.free-footwear-audit .gform_wrapper .validation_error,
.request-a-callback .gform_wrapper .validation_error {
	display: none
}

.free-footwear-audit .gform_wrapper .validation_message,
.request-a-callback .gform_wrapper .validation_message {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	background: #f44;
	padding: .57143em 1.42857em;
	display: block
}

.free-footwear-audit .gform_wrapper .gform_confirmation_wrapper,
.request-a-callback .gform_wrapper .gform_confirmation_wrapper {
	background: #fff;
	padding: 4em
}

.free-footwear-audit .gform_wrapper .gform_confirmation_wrapper .gform_confirmation_message,
.request-a-callback .gform_wrapper .gform_confirmation_wrapper .gform_confirmation_message {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 400;
	color: #000;
	line-height: 120%
}

header {
	background: #000;
	width: 100%;
	height: 19em;
	position: relative
}

header .global-container {
	height: 100px;
	overflow: hidden
}

.lt-ie9 header .logo {
	background: url('../../../img/rockfall-logo.png') center no-repeat
}

header .top .telephone {
	font-family: "Metropolis", sans-serif;
	font-size: 1.8em;
	font-weight: 400;
	color: #CFDBB7;
	line-height: 2.5em;
	float: left
}

header .top .telephone a {
	color: #fff;
	text-decoration: none
}

header .top .telephone .label {
	font-weight: 300
}

header .top>a.callback,
header .top>a.footwear-audit {
	display: block;
	float: left;
	background: #e2251b;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em
}

header .top>a.callback.callback,
header .top>a.footwear-audit.callback {
	background: #e2251b
}

header .top>a.callback.callback:hover,
header .top>a.footwear-audit.callback:hover {
	background: #e1251b
}

header .top>a.callback.footwear-audit,
header .top>a.footwear-audit.footwear-audit {
	background: #434345
}

header .top>a.callback.footwear-audit:hover,
header .top>a.footwear-audit.footwear-audit:hover {
	background: #535353
}

header .brand-logos {
	position: absolute;
	top: 4.5em;
	right: 0em
}

header .brand-logos .prompt {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 300;
	color: #fff;
	line-height: 5.66667em;
	display: block;
	float: left
}

header .brand-logos ul {
	float: left
}

header .brand-logos ul li {
	float: left;
	margin: 0 0 0 4.6em;
	height: 8.5em;
	overflow: hidden
}

header .brand-logos ul li a {
	width: 8.5em;
	display: block
}

header .brand-logos ul li a.pro-man {
	width: 11.5em;
	margin: -1.4em 0 0
}

header .brand-logos ul li a img {
	width: 100%;
	height: auto
}

nav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 90%;
	margin: auto
}

nav ul.menu {
	float: left
}

nav ul.menu>li {
	float: left;
	position: relative
}

nav ul.menu>li:hover {
	background: #ececec
}

nav ul.menu>li:hover a {
	color: #333
}

nav ul.menu>li>a {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	padding: 0 2.14286em 0;
	height: 4.28571em;
	line-height: 4.28571em;
	display: block;
	text-transform: uppercase
}

nav ul.menu>li.menu-item-has-children:not(.extended-menu)>ul.sub-menu {
	position: absolute;
	background: #ececec;
	z-index: 4000;
	top: 100%;
	left: 0;
	width: 52em;
	padding: 2em 0;
	display: none
}

nav ul.menu>li.menu-item-has-children:not(.extended-menu)>ul.sub-menu li {
	width: 22em
}

nav ul.menu>li.menu-item-has-children:not(.extended-menu)>ul.sub-menu li a {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #333;
	padding: .25em 1.5625em;
	line-height: 1.3;
	display: block
}

nav ul.menu>li.menu-item-has-children:not(.extended-menu)>ul.sub-menu li a:hover {
	text-decoration: underline
}

nav ul.menu>li.extended-menu>ul.sub-menu {
	display: none;
	top: 100%;
	position: absolute;
	left: 0;
	width: 103em;
	background: #ececec;
	z-index: 4000;
	padding: 3em 0 0;
	box-sizing: border-box;
	box-shadow:
  0 0.5px 1.1px -19px rgba(0, 0, 0, 0.084),
  0 1.1px 2.6px -19px rgba(0, 0, 0, 0.121),
  0 2.1px 4.9px -19px rgba(0, 0, 0, 0.15),
  0 3.8px 8.7px -19px rgba(0, 0, 0, 0.179),
  0 7.1px 16.3px -19px rgba(0, 0, 0, 0.216),
  0 17px 39px -19px rgba(0, 0, 0, 0.3);
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.standard-column {
	float: left;
	width: calc(33.333% - 42px);
	margin: 0 0 0 24px;
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.standard-column ul.sub-menu {
	padding: 0 0 2em;
	margin-left: 1.6rem;
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.standard-column ul.sub-menu li a {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	color: #333;
	padding: .21429em 0;
	line-height: 1.3;
	display: block;
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.standard-column ul.sub-menu li a:hover {
	text-decoration: underline
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.standard-column ul.sub-menu li:last-child a:hover {
	text-decoration: none
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.special-column {
	float: left;
	width: 20em
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.special-column ul.sub-menu li {
	border-bottom: 1px solid #949CA6
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.special-column ul.sub-menu li:last-child {
	border: 0
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.special-column.brands ul.sub-menu li a {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 7.8em;
	display: block;
	text-indent: -9999px
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.special-column.brands ul.sub-menu li.tomcat a {
	background-image: url("../../../img/brand-tomcat-black.png")
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.special-column.brands ul.sub-menu li.proman a {
	background-image: url("../../../img/brand-pro-man-black.png")
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.special-column.brands ul.sub-menu li.vixen a {
	background-image: url("../../../img/brand-vixen-black.png")
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.special-column.brands ul.sub-menu li.rockfall a {
	background-image: url("../../../img/brand-rock-fall-black.png")
}

nav ul.menu>li.extended-menu>ul.sub-menu>li.special-column.large-text ul.sub-menu li a {
	font-family: "Metropolis", sans-serif;
	font-size: 1.8em;
	font-weight: 300;
	color: #7d7d7d;
	text-align: center;
	font-weight: 600;
	line-height: 1.4;
	padding: .77778em 0;
	display: block
}

nav ul.menu>li.extended-menu>ul.sub-menu {
	display: none;
	top: 100%;
	position: absolute;
	left: 0;
	background: #ececec;
	z-index: 4000;
	padding: 3em 0 0;
	box-sizing: border-box
}

nav ul.menu>li.extended-menu>ul.sub-menu>li {
	float: left;
	margin: 0 0 0 4em
}

nav ul.menu>li.extended-menu>ul.sub-menu>li>a {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	color: #e1251c;
	margin: 0 0 .8em;
	display: inline-block;
}

nav ul.menu>li.extended-menu>ul.sub-menu>li>a:hover {
	color: #666
}

nav ul.menu>li.menu-item-has-children ul.sub-menu .global-linked-banners {
	float: right;
	margin: 0 3em 0 0;
	width: 24em
}

nav ul.menu>li.menu-item-has-children ul.sub-menu .global-linked-banners a {
	background: #444;
	display: block;
	min-height: 10em;
	padding: 2.6em 2em;
	box-sizing: border-box;
	text-align: center;
	background-color: #444;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	margin: 0 0 1em
}

nav ul.menu>li.menu-item-has-children ul.sub-menu .global-linked-banners a:last-child {
	margin: 0 0 3em
}

nav ul.menu>li.menu-item-has-children ul.sub-menu .global-linked-banners a span.smaller {
	font-family: "Metropolis", sans-serif;
	font-size: 1.8em;
	font-weight: 300;
	color: #fff;
	display: inline-block;
	margin: 0 0 .27778em
}

nav ul.menu>li.menu-item-has-children ul.sub-menu .global-linked-banners a span.text {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
	display: inline-block;
	margin: 0 0 .8em
}

nav ul.menu>li.menu-item-has-children ul.sub-menu .global-linked-banners a span.more {
	font-family: "Metropolis", sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase
}

nav ul.menu>li.menu-item-has-children ul.sub-menu .global-linked-banners a span.more:before {
	font-family: 'icons';
	font-size: 2em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin: 0 .53333em 0 0
}

nav ul.menu>li.menu-item-has-children ul.sub-menu .global-linked-banners a.case-study span.more:before {
	content: "\e901"
}

nav ul.menu>li.menu-item-has-children ul.sub-menu .global-linked-banners a.poster-creator span.more:before {
	content: "\e902"
}

nav ul.menu>li.menu-item-has-children ul.sub-menu .global-linked-banners a.video span.more:before {
	content: "\e900"
}

nav ul.extra {
	float: right
}

nav ul.extra>li {
	display: block;
	float: left;
	position: relative
}

nav ul.extra>li>a {
	display: block
}

nav ul.extra>li>a:hover {
	background: #ececec;
	color: #333
}

nav ul.extra>li>a:hover i {
	color: #333
}

nav ul.extra>li i {
	display: inline-block;
	text-align: center;
	line-height: 3em;
	width: 3em;
	font-size: 2em;
	color: #fff
}

nav ul.extra>li i.icon-nav:before {
	content: "\e609"
}

nav ul.extra>li i.icon-search:before {
	content: "\e600"
}

nav ul.extra>li i.icon-social:before {
	content: "\e601"
}

nav ul.extra>li i.icon-lang:before {
	content: "\e614"
}

nav ul.extra>li.reveal {
	display: none
}

nav ul.extra>li.reveal i {
	width: auto;
	padding: 0 .3em 0 1.1em;
	vertical-align: middle
}

nav ul.extra>li.reveal span {
	display: inline-block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	color: #fff;
	text-align: center;
	padding: 0 1.57143em 0 0;
	height: 4.28571em;
	line-height: 4.28571em;
	text-transform: uppercase;
	vertical-align: middle
}

nav ul.extra>li.search .form-wrap {
	position: absolute;
	top: 100%;
	right: 0;
	background: #4d4d4d;
	padding: 2em 0;
	width: 43em;
	z-index: 300;
	border-top: 6px solid #e2251b;
	display: none
}

nav ul.extra>li.search .form-wrap form {
	text-align: center
}

nav ul.extra>li.search .form-wrap form input {
	display: inline-block;
	text-align: left
}

nav ul.extra>li.search .form-wrap form input.text {
	border: 0;
	height: 3.21429em;
	background: #fff;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	color: #000;
	padding: 0 1.42857em;
	line-height: 3.21429em;
	width: 17.14286em
}

nav ul.extra>li.search .form-wrap form input.submit {
	height: 3.21429em;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	padding: 0 1.78571em;
	line-height: 3.21429em;
	background: #e2251b;
	border: 0;
	cursor: pointer
}

nav ul.extra>li.search .form-wrap form input.submit:hover {
	background: #2e734e
}

nav ul.extra>li.lang>a span {
	display: inline-block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	color: #fff;
	text-align: center;
	width: 4.28571em;
	height: 4.28571em;
	line-height: 4.28571em;
	text-transform: uppercase
}

nav ul.extra>li.lang .google-translate {
	position: absolute;
	top: 100%;
	right: 0;
	background: #4d4d4d;
	padding: 2em 3em;
	width: 28em;
	z-index: 300;
	border-top: 6px solid #e2251b;
	line-height: 1.2;
	display: none
}

nav ul.extra>li.lang .google-translate div#google_translate_element {
	background: #eee;
	padding: 0.8em 1.4em;
	text-align: center
}

nav ul.extra>li.lang .google-translate div#google_translate_element select {
	width: 100%
}

nav .toggle-nav {
	background: url("../../../img/toggle-nav-icon.png") left center no-repeat;
	position: absolute;
	bottom: 20px;
	right: 0;
	padding: 0 0 0 30px;
	cursor: pointer;
	display: none
}

.slick-arrow {
	position: absolute;
	top: 80%;
	height: 70px;
	width: 30px;
	margin: -9.2em 0 0;
	cursor: pointer;
	z-index: 800;
	border: none;
	background: rgba(203, 203, 203, 0.7)
}

.slick-arrow:before {
	font-family: 'icons';
	font-size: 1.5em;
	line-height: 7em;
	display: block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: white;
	position: absolute;
	top: -20px
}

.slick-arrow.slick-prev {
	left: 0px
}

.slick-arrow.slick-prev:before {
	content: "\e607"
}

.slick-arrow.slick-next {
	right: 0px
}

.slick-arrow.slick-next:before {
	content: "\e602"
}

section.breadcrumb {
	background: #f0f0f0
}

section.breadcrumb .container-fluid {
	position: relative;
}

section.breadcrumb .container-fluid .wrap {
	padding: 2em 0
}

section.breadcrumb .container-fluid .wrap>span {
	display: inline-block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 600;
	color: #000;
	line-height: 1.3
}

section.breadcrumb .container-fluid .wrap>span a {
	color: #BC2F2C;  color: #000;
	font-weight: 400
}

section.breadcrumb .container-fluid .wrap>span a:hover {
	color: #000
}

section.breadcrumb .container-fluid .wrap>span.icon-arrow:after {
	font-family: 'icons';
	font-size: .75em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e611";
	color: #92989a;
	margin: 0 1.25em
}

section.breadcrumb .container-fluid .wrap p#breadcrumbs a,
section.breadcrumb .container-fluid .wrap p#breadcrumbs span.breadcrumb_last {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 600;
	color: #000;
	line-height: 1.3;
	color: #BC2F2C
}

section.breadcrumb .container-fluid .wrap p#breadcrumbs a:hover,
section.breadcrumb .container-fluid .wrap p#breadcrumbs span.breadcrumb_last:hover {
	color: #374f56
}

section.breadcrumb .container-fluid .wrap p#breadcrumbs span.breadcrumb_last {
	font-weight: 400
}

section.breadcrumb .container-fluid .wrap p#breadcrumbs span.arrow {
	margin: 0 1.25em
}

section.breadcrumb .container-fluid .wrap p#breadcrumbs span.arrow:before {
	font-family: 'icons';
	font-size: .75em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e611";
	color: #92989a
}

section.breadcrumb a.basket {
	display: none;
	background: #DE5640;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	position: absolute;
	top: 0;
	right: 0
}

section.breadcrumb a.basket.show {
	display: block
}

section.breadcrumb a.basket span.replace {
	font-size: 1.28571em;
	font-weight: 700;
	/*vertical-align: bottom;*/
	margin: 0 .21429em 0 .42857em
}

section.breadcrumb a.basket:hover {
	background: #e0624d
}

.wysiwyg p span {
	color: #e1251b;
}

.wysiwyg p {
	font-family: "Metropolis", sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #000;
	margin: 1.33333em 0;
	line-height: 1.4
}

.wysiwyg p img {
	max-width: 100%;
	height: auto !important
}

.wysiwyg p img.alignleft {
	float: left;
	margin: 0 1.33333em 1.33333em 0
}

.wysiwyg p img.alignright {
	float: right;
	margin: 0 0 1.33333em 1.33333em
}

.wysiwyg strong {
	font-weight: 600
}

.wysiwyg>ul,
.wysiwyg ol {
	list-style-position: outside;
	margin: 1.33333em 0 1.33333em 1.86667em
}

.wysiwyg>ul>li,
.wysiwyg ol>li {
	font-family: "Metropolis", sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #BC2F2C;  color: #000;
	line-height: 140%
}

.wysiwyg>ul ul,
.wysiwyg ol ul {
	margin: .33333em 0 .33333em 1.86667em
}

.wysiwyg>ul ul li,
.wysiwyg ol ul li {
	list-style-type: circle;
	line-height: 140%
}

.wysiwyg>ul ol,
.wysiwyg ol ol {
	margin-top: 0
}

.wysiwyg ul li {
	list-style: disc
}

.wysiwyg ol li {
	list-style: decimal
}

.wysiwyg a {
	color: #e2251b;
	font-weight: 600;
	text-decoration: none
}

.wysiwyg a:hover {
	color: #e1251b
}

.content-wrap {
	background: #fff
}

.content-wrap section.internal-title {
	margin: 4em 0 3em
}

.content-wrap section.internal-title h1,
.content-wrap section.internal-title h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 3.6em;
	font-weight: 600;
	color: #000;
	line-height: 1;
	display: inline;
	vertical-align: baseline
}

.content-wrap section.internal-title .addthis_sharing_toolbox {
	float: right
}

.content-wrap section.internal-title button.poster-queue-archive {
	display: block;
	float: right;
	background: #e2251b;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 2.35714em;
	padding: 0 1.78571em;
	margin: 0 .21429em 0 0;
	border: 0;
	background: #e2251b;
	cursor: pointer
}

.content-wrap section.internal-title button.poster-queue-archive:hover {
	background: #e1251b
}

.content-wrap .main-column {
	width: 100%;
	margin: 0 0 2em
}

.content-wrap .main-column.full {
	width: 100%
}

.content-wrap .sidebar {
	width: 31%;
	float: right
}

.content-wrap .left-column {
	width: 48.5%;
	float: left
}

.content-wrap .right-column {
	width: 48.5%;
	float: right
}

.sidebar h3 {
	display: none;
	margin: 0 0 2em
}

.sidebar .product-range {
	margin: 0 0 2em
}

.sidebar .product-range .colour {
	background: #fff;
	box-sizing: border-box;
	display: block
}

.sidebar .product-range .colour .inner {
	width: 70%;
	margin: 3em 15% 2em
}

.sidebar .product-range .colour img {
	width: 100%;
	height: auto
}

.sidebar .product-range .colour .view {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	display: block;
	padding: 1.42857em 0;
	border-top: 1px solid #ddd;
	margin: 0 2.14286em;
	color: #BC2F2C
}

.sidebar .link-button {
	width: 100%;
	float: right;
	margin: 0 0 2em
}

.sidebar .link-button.standards .colour {
	background: #4f4f51
}

.sidebar .link-button.latest-news .colour {
	background: #fff
}

.sidebar .link-button.technologies .colour {
	background: #fff
}

.sidebar .link-button.technologies .colour a .view {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #000
}

.sidebar .link-button .inner {
	margin: 0 3em;
	position: relative
}

.sidebar .link-button a {
	display: block;
	width: 100%;
	color: #fff
}

.sidebar .link-button a .slide {
	padding: 0 25%;
	box-sizing: border-box
}

.sidebar .link-button a .slide .position {
	width: 100%;
	height: 14em;
	display: table
}

.sidebar .link-button a .slide .position .icon {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%
}

.sidebar .link-button a .slide .position img {
	width: 100%;
	height: auto
}

.sidebar .link-button a .view {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	display: block;
	padding: 1.42857em 0;
	border-top: 1px solid #ddd
}

.sidebar .link-button a .view a {
	color: #fff
}

.sidebar .link-button .cycle-nav,
.sidebar .link-button .slick-arrow {
	position: absolute;
	top: 50%;
	height: 14em;
	margin: -9.2em 0 0;
	cursor: pointer;
	z-index: 800
}

.sidebar .link-button .cycle-nav:before,
.sidebar .link-button .slick-arrow:before {
	font-family: 'icons';
	font-size: 2em;
	line-height: 7em;
	width: 2.5em;
	display: block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #e2251b
}

.sidebar .link-button .cycle-nav.cycle-prev,
.sidebar .link-button .cycle-nav .slick-prev,
.sidebar .link-button .slick-arrow.cycle-prev,
.sidebar .link-button .slick-arrow .slick-prev {
	left: -1px
}

.sidebar .link-button .cycle-nav.cycle-prev:before,
.sidebar .link-button .cycle-nav .slick-prev:before,
.sidebar .link-button .slick-arrow.cycle-prev:before,
.sidebar .link-button .slick-arrow .slick-prev:before {
	content: "\e607"
}

.sidebar .link-button .cycle-nav.cycle-next,
.sidebar .link-button .cycle-nav .slick-next,
.sidebar .link-button .slick-arrow.cycle-next,
.sidebar .link-button .slick-arrow .slick-next {
	right: -1px
}

.sidebar .link-button .cycle-nav.cycle-next:before,
.sidebar .link-button .cycle-nav .slick-next:before,
.sidebar .link-button .slick-arrow.cycle-next:before,
.sidebar .link-button .slick-arrow .slick-next:before {
	content: "\e602"
}

.sidebar .latest-news a.inner {
	display: block;
	height: 19.6em;
	padding: 3em;
	box-sizing: border-box;
	position: relative;
	text-align: center
}

.sidebar .latest-news h4 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #000;
	margin: 0 0 .55556em;
	line-height: 1.2;
	display: block
}

.sidebar .latest-news span.date {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #BC2F2C;  color: #000;
	display: inline-block
}

.sidebar .latest-news span.more {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: .71429em .71429em 0 0;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #BC2F2C;  color: #000;
	padding: 1.42857em 0;
	text-align: center
}

.sidebar .twitter-feed {
	background: #fff;
	box-sizing: border-box;
	margin: 0 0 2em;
	padding: 3em;
	clear: both
}

.sidebar .twitter-feed h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #000;
	margin: 0 0 .55556em;
	display: block
}

.sidebar .twitter-feed p {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 300;
	color: #000;
	line-height: 160%
}

.sidebar .twitter-feed p a {
	color: #e2251b;
	font-weight: 600
}

.sidebar .twitter-feed p.tweet {
	font-weight: 400;
	margin: 0 0 .66667em
}

.sidebar .twitter-feed p.timestamp {
	border-bottom: 1px solid #e2dcdc;
	margin: 0 0 1em;
	padding: 0 0 1em
}

.sidebar .twitter-feed p.timestamp:last-child {
	border: 0;
	margin: 0;
	padding: 0
}

.sidebar .sidebar-widget {
	background: #fff;
	box-sizing: border-box;
	padding: 3em;
	clear: both
}

.sidebar .sidebar-widget h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #000;
	margin: 0 0 .55556em;
	display: block
}

.sidebar .sidebar-widget p {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #000;
	line-height: 160%;
	margin: 0 0 .55556em
}

.sidebar .sidebar-widget p a {
	color: #e2251b;
	font-weight: 600
}

.sidebar .sidebar-widget p:last-of-type {
	margin-bottom: 0
}

section.introduction .sidebar .link-button .inner {
	margin: 0
}

section.introduction .sidebar .product-range {
	display: none
}

.flexible-content {
	background: #fff;
	margin: 0 0 2em;
	position: relative
}

.flexible-content>div:first-child {
	border: 0
}

.flexible-content h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 3em;
	font-weight: 600;
	color: #e2251b;
	margin: .66667em 0 0
}

.flexible-content h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #e2251b;
	margin: 1em 0
}

.flexible-content .wysiwyg>img {
	width: 100% !important;
	height: auto !important;
	margin: 2em 0;
	display: block
}

.flexible-content .iframe-wrapper {
	width: 100%;
	height: 100%;
	margin: 2em 0;
	background: #303030
}

.flexible-content .iframe-wrapper .h_iframe {
	position: relative;
	padding: 0 0 56.25%
}

.flexible-content .iframe-wrapper .h_iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.flexible-content .download-link {
	display: flex;
	flex-direction: column
}

.flexible-content .download-link .text {
	font-family: "Metropolis", sans-serif;
	font-size: 17px;
	font-weight: 400;
	text-align: center
}

.flexible-content .download-link a.button {
	background: #e2251b;
	position: relative;
	display: block;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.85714em;
	margin: .71429em 0;
	text-align: center
}

.flexible-content .download-link a.button:before {
	position: relative;
	font-family: 'icons';
	content: "\e608";
	font-size: 1em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	display: inline-block;
	margin: .35714em .85714em 0 0
}

.flexible-content .download-link a.button.link:before {
	content: '' !important
}

.flexible-content .full-image {
	max-width: 100%
}

.flexible-content .two-column {
	padding: 2em 4em;
	max-width: 900px;
	margin: auto
}

.flexible-content .two-column .left {
	float: left;
	width: 50%;
	padding: 0 2em 0 0;
	box-sizing: border-box
}

.flexible-content .two-column .right {
	float: right;
	width: 50%;
	padding: 0 0 0 2em;
	box-sizing: border-box
}

.flexible-content .quotation {
	padding: 4.5em 0 4.5em;
	max-width: 900px;
	margin: auto
}

.flexible-content .quotation blockquote {
	margin: 0 12em
}

.flexible-content .quotation blockquote .quote {
	font-family: "Metropolis", sans-serif;
	font-size: 3em;
	font-weight: 600;
	color: #006663;
	line-height: 160%;
	text-align: center;
	display: block;
	position: relative
}

.flexible-content .quotation blockquote .quote:before,
.flexible-content .quotation blockquote .quote:after {
	font-family: 'icons';
	font-size: 1.2em;
	position: absolute;
	top: 0;
	display: block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #e2251b
}

.flexible-content .quotation blockquote .quote:before {
	left: -2em;
	content: "\e60c"
}

.flexible-content .quotation blockquote .quote:after {
	right: -2em;
	content: "\e60a"
}

.flexible-content .quotation blockquote cite {
	display: block;
	margin: 1.4em 0 -1em
}

.flexible-content .quotation blockquote cite span {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #BC2F2C;  color: #000;
	line-height: 140%;
	text-align: center;
	display: block
}

.flexible-content form {
	max-width: 600px;
	margin: auto
}

section.home-banner {
	background: #333
}

section.home-banner .global-container {
	position: relative !important
}

section.home-banner .cycle-slideshow {
	position: relative;
	height: calc(100vh - 190px);
	overflow: hidden
}

section.home-banner .slide {
	background-size: cover;
	background-position: center center;
	height: calc(100vh - 190px);
	width: 100%;
	display: table !important;
	overflow: hidden;
	opacity: 0
}

section.home-banner .slide:first-child {
	opacity: 1
}

section.home-banner .slide .inner {
	display: table-cell;
	vertical-align: middle;
	padding: 0 8%;
	position: relative
}

section.home-banner .slide .floating-shoe {
	width: 40%;
	position: absolute;
	top: 0;
	height: calc(100vh - 190px);
	max-width: 56em;
	left: 8%;
	display: table;
	z-index: 3000
}

section.home-banner .slide .floating-shoe .position {
	display: table-cell;
	vertical-align: middle;
	width: 100%
}

section.home-banner .slide .floating-shoe .position img {
	width: 100%;
	height: auto
}

section.home-banner .slide .text {
	z-index: 3400;
	position: relative;
	max-width: 70em;
	padding: 3em 20% 0 0;
	box-sizing: border-box;
	border-top: 10px solid rgba(255, 255, 255, 0.4)
}

section.home-banner .slide .text h2 {
	padding: 10px;
	font-family: "Metropolis", sans-serif;
	font-size: 6.4em;
	font-weight: 600;
	color: #fff;
	margin: 0 0 .3125em
}

section.home-banner .slide .text p {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 400;
	color: #fff;
	margin: .5em 0 0;
	line-height: 1.4
}

section.home-banner .slide .text a {
	display: block;
	margin: 1.71429em .71429em 0 0;
	border: 1px solid #fff;
	float: left;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em
}

section.home-banner .slide .text a:hover {
	color: #eee;
	border: 1px solid rgba(255, 255, 255, 0.8)
}

section.home-banner .cycle-nav {
	position: absolute;
	top: 50%;
	height: 14em;
	margin: -7em 0 0;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 800
}

section.home-banner .cycle-nav:before {
	font-family: 'icons';
	font-size: 2em;
	width: 2.5em;
	line-height: 7em;
	display: block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff
}

section.home-banner .cycle-nav.cycle-prev {
	left: -1px
}

section.home-banner .cycle-nav.cycle-prev:before {
	content: "\e607"
}

section.home-banner .cycle-nav.cycle-next {
	right: -1px
}

section.home-banner .cycle-nav.cycle-next:before {
	content: "\e602"
}

section.home-banner .cycle-nav:hover {
	border: 1px solid #bbb
}

section.home-banner .cycle-nav:hover:before {
	color: #bbb
}

section.introduction {
	background: #fff;
	padding: 6em 0 0em
}

section.introduction .about-blurb {
/*	float: left;
	width: 66%;
	margin-right: 3%;
	min-height: 359px*/
}

section.introduction .about-blurb h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 3em;
	font-weight: 600;
	color: #333;
	line-height: 1.3;
	display: block
}

section.introduction .about-blurb .paragraph {
	font-size: 1.13333em
}

section.introduction .about-blurb a {
	display: inline-block;
	margin: .71429em .71429em 0 0;
	border: 1px solid #BC2F2C;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #BC2F2C;  color: #000;
	line-height: 3.21429em;
	padding: 0 1.78571em
}

section.introduction .about-blurb a:hover {
	color: #4f717b;
	border: 1px solid #4f717b
}


section.introduction .banner {
	width: 31.33%;
    margin-right: 3%;
	min-height: 373px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	margin-bottom: 3%;
	position: relative
}
section.introduction .banner.banner-last {
    margin-right: 0;
}
section.introduction .banner a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%
}

section.introduction .banner a h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 3em;
	font-weight: 600;
	color: #fff;
	line-height: 1.3;
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center
}

section.introduction .banner a p {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #fff;
	margin: 0 auto;
	line-height: 1.4;
	width: 100%;
	text-align: center
}

section.introduction .news-updates {
	background: #fff;
	padding: 4.8em;
	width: 62%;
	position: relative;
	box-sizing: border-box;
	float: right
}

section.introduction .news-updates h3 {
	position: absolute;
	top: 0;
	left: 30px;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #333;
	padding: .71429em 4.28571em .71429em .71429em;
	text-transform: uppercase
}

section.introduction .news-updates a.article {
	float: left;
	width: 46%
}

section.introduction .news-updates a.article:last-child {
	float: right
}

section.introduction .news-updates a.article .image {
	position: relative;
	margin: 0 0 1.6em
}

section.introduction .news-updates a.article .image:before {
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 400
}

section.introduction .news-updates a.article .image img {
	width: 100%;
	height: auto
}

section.introduction .news-updates a.article .image h2 {
	position: absolute;
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 400;
	color: #fff;
	bottom: 1em;
	left: 1em;
	right: 1em;
	z-index: 500
}

section.introduction .news-updates a.article span.date {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	color: #333;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 0 .66667em
}

section.introduction .news-updates a.article p {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #333;
	line-height: 1.4
}

section.carousel {
	overflow: hidden;
	padding: 6em 0;
	margin: 0 0 2em;
	position: relative
}

section.carousel h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #000;
	margin: 0 0 1em;
	text-align: center
}

section.carousel .carousel-slideshow {
	overflow: visible !important;
	position: relative
}

section.carousel .carousel-slideshow a.slide {
	background: #fff;
	margin-right: 36px;
	margin-right: 0;
	display: block;
	position: relative !important;
	border-sizing: border-box;
	width: 376px !important;
	width: 600px !important;
	height: 410px
}

section.carousel .carousel-slideshow a.slide .inner {
	width: 100%;
	height: 20em;
	padding: 1em 0;
	display: table
}

section.carousel .carousel-slideshow a.slide .inner .image {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 20em
}

section.carousel .carousel-slideshow a.slide .inner img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}

section.carousel .carousel-slideshow a.slide .new-product {
	display: block;
	background: #f55;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	padding: .85714em 1.42857em;
	position: absolute;
	top: .71429em;
	right: 0
}

section.carousel .carousel-slideshow a.slide .text {
	background: #F3F4F4;
	padding: 20px;
	bottom: 0;
	position: absolute;
	width: 100%;
	box-sizing: border-box
}

section.carousel .carousel-slideshow a.slide .text h2 {
	position: relative;
	font-family: "Metropolis", sans-serif;
	font-size: 25px;
	font-weight: 600;
	color: #000;
	text-align: left;
	line-height: 1.2;
	padding-bottom: 20px
}

section.carousel .carousel-slideshow a.slide .text ul li {
	font-family: "Metropolis", sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #000;
	line-height: 1.4
}

section.carousel .carousel-slideshow a.slide .text ul li:first-of-type .label {
	margin-right: 21%
}

section.carousel .carousel-slideshow a.slide .text ul li .label {
	display: block;
	float: left;
	font-weight: 600;
	margin-right: 10%
}

section.carousel .carousel-slideshow a.slide .text ul li .item {
	display: block;
	float: left
}

section.carousel .carousel-slideshow a.slide .text ul li.spec {
	margin: .66667em 0 0
}

section.carousel .carousel-slideshow a.slide .title {
	text-align: center;
	height: 7em;
	width: 90%;
	margin: 0 5%;
	display: table;
	position: relative
}

section.carousel .carousel-slideshow a.slide .title span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	font-family: "Metropolis", sans-serif;
	font-size: 1.8em;
	font-weight: 600;
	color: #000
}

section.carousel .carousel-slideshow a.slide .hover-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none
}

section.carousel .carousel-slideshow a.slide .hover-overlay .position {
	top: 50%;
	width: 100%;
	margin: -2.25em 0 0;
	position: absolute;
	text-align: center
}

section.carousel .carousel-slideshow a.slide .hover-overlay span.button {
	display: inline-block;
	background: #e2251b;
	position: top;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	text-align: center
}

section.carousel .carousel-slideshow a.slide .hover-overlay span.button:hover {
	background: #e1251b
}

section.carousel .content-carousel-slideshow {
	overflow: visible !important;
	position: relative
}

section.carousel .content-carousel-slideshow a.slide {
	background: #fff;
	margin-right: 36px;
	margin-right:0;
	display: block;
	position: relative !important;
	border-sizing: border-box;
	width: 376px !important;
	width: 600px !important;
	height: 282px;
	height: 409px;
}

section.carousel .content-carousel-slideshow a.slide .image {
	width: 100%;
	height: 100%;
	background-size: cover;
	position: relative
}

section.carousel .content-carousel-slideshow a.slide .image h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 20px;
	max-width: 300px;
	white-space: normal;
}

section.carousel .content-carousel-slideshow a.slide .new-product {
	display: block;
	background: #f55;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	padding: .85714em 1.42857em;
	position: absolute;
	top: .71429em;
	right: 0
}

section.carousel .content-carousel-slideshow a.slide .text {
	background: #F3F4F4;
	padding: 20px
}

section.carousel .content-carousel-slideshow a.slide .text h2 {
	position: relative;
	font-family: "Metropolis", sans-serif;
	font-size: 25px;
	font-weight: 600;
	color: #000;
	text-align: left;
	line-height: 1.2;
	padding-bottom: 20px
}

section.carousel .content-carousel-slideshow a.slide .text ul li {
	font-family: "Metropolis", sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #000;
	line-height: 1.4
}

section.carousel .content-carousel-slideshow a.slide .text ul li:first-of-type .label {
	margin-right: 21%
}

section.carousel .content-carousel-slideshow a.slide .text ul li .label {
	display: block;
	float: left;
	font-weight: 600;
	margin-right: 10%
}

section.carousel .content-carousel-slideshow a.slide .text ul li .item {
	display: block;
	float: left
}

section.carousel .content-carousel-slideshow a.slide .text ul li.spec {
	margin: .66667em 0 0
}

section.carousel .content-carousel-slideshow a.slide .title {
	text-align: center;
	height: 7em;
	width: 90%;
	margin: 0 5%;
	display: table;
	position: relative
}

section.carousel .content-carousel-slideshow a.slide .title span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	font-family: "Metropolis", sans-serif;
	font-size: 1.8em;
	font-weight: 600;
	color: #000
}

section.carousel .content-carousel-slideshow a.slide .hover-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none
}

section.carousel .content-carousel-slideshow a.slide .hover-overlay .position {
	top: 50%;
	width: 100%;
	margin: -2.25em 0 0;
	position: absolute;
	text-align: center
}

section.carousel .content-carousel-slideshow a.slide .hover-overlay span.button {
	display: inline-block;
	background: #e2251b;
	position: top;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	text-align: center
}

section.carousel .content-carousel-slideshow a.slide .hover-overlay span.button:hover {
	background: #e1251b
}

section.carousel .cycle-nav {
	position: absolute;
	top: 60%;
	height: 14em;
	margin: -7em 0 0;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 800
}

section.carousel .cycle-nav:before {
	font-family: 'icons';
	font-size: 2em;
	line-height: 7em;
	width: 2.5em;
	display: block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	background: rgba(203, 203, 203, 0.7)
}

section.carousel .cycle-nav.cycle-prev {
	left: -1px
}

section.carousel .cycle-nav.cycle-prev:before {
	content: "\e607"
}

section.carousel .cycle-nav.cycle-next {
	right: -1px
}

section.carousel .cycle-nav.cycle-next:before {
	content: "\e602"
}

.footer-blocks a {
	width: 31.33%;
	float: left;
	display: block
}

.brand-splash {
	position: relative;
	padding: 2em 0 0;
	margin: 0 0 4em;
	clear: both
}

.brand-splash .text {
	padding: 7em 50% 7em 7em;
	/*background: #E4E1BB*/
}

.brand-splash .text h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 3.5em;
	font-weight: 600;
	color: #000;
	line-height: 1.2
}

.brand-splash .text.wysiwyg p {
	color: #000
}

.brand-splash .image {
	position: absolute;
	right: 4em;
	top: 0;
	width: 40%;
	z-index: 700;
	pointer-events: none
}

.brand-splash .image img {
	width: 100%;
	height: auto
}

.brand-splash .brand-logos {
	margin: -3em 0 0;
	padding: 0 6em;
	position: relative;
	z-index: 600
}

.brand-splash .brand-logos ul li {
	width: calc(100% / 3);
	float: left
}

.brand-splash .brand-logos ul li a {
	width: 100%;
	display: block
}

.brand-splash .brand-logos ul li a .icon {
	width: 40%;
	margin: 0 30%
}

.brand-splash .brand-logos ul li a .icon img {
	width: 100%;
	height: auto
}

.brand-splash .brand-logos ul li a span.brand-name {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	text-align: center;
	display: block;
	padding: 1.42857em 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	text-transform: uppercase
}

.brand-splash .brand-logos ul li.vixen a {
	background: #ba243b
}

.brand-splash .brand-logos ul li.tomcat a {
	background: #4c4c4d
}

.brand-splash .brand-logos ul li.pro-man a {
	background: #d87929
}

.brand-splash .brand-logos ul li.rock-fall a {
	background: #4b5a17
}

.features-splash {
	text-align: center;
	padding: 3em 0;
	margin: 0 0 4em;
	clear: both
}

.features-splash.remove-margins {
	margin: 0;
	padding: 1em 0 3em
}

.features-splash.remove-margins ul {
	margin: 0
}

.features-splash .text {
	padding: 0 20%
}

.features-splash .text h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	color: #BC2F2C; 
	line-height: 1.2
}

.features-splash .text p {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #555;
	margin: 1.33333em 0;
	line-height: 1.5
}

.features-splash ul {
	margin: 0 0 3em
}

.features-splash ul li {
	display: inline-block;
	margin: 0 0.5em;
	width: 8em
}

.features-splash ul li img {
	width: 100%;
	height: auto;
	mix-blend-mode: multiply
}

.features-splash a.all-features {
	background: #fff;
	display: inline-block;
	border: 1px solid #e1251b;
	padding: 1.86667em 4.66667em;
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #e1251b;
	text-transform: uppercase
}

.features-splash a.all-features:hover {
	background: #e1251b;
	color: white
}

.technologies-splash {
	background: #fff;
	padding: 0 7em;
	margin: 0 0 4em;
	clear: both
}

.technologies-splash .text {
	padding: 7em 0;
	width: 45%;
	float: left
}

.technologies-splash .text h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	color: #000;
	line-height: 1.2
}

.technologies-splash .text p {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #555;
	margin: 1.33333em 0;
	line-height: 1.5
}

.technologies-splash .text a.all-technologies {
	margin: 2.66667em 0 0;
	background: #fff;
	display: inline-block;
	border: 1px solid #B22C00;
	padding: 1.86667em 4.66667em;
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #B22C00;
	text-transform: uppercase
}

.technologies-splash .text a.all-technologies:hover {
	background: #B22C00;
	color: white
}

.technologies-splash ul {
	float: right;
	width: 50%;
	padding: 4em 0
}

.technologies-splash ul li {
	width: 50%;
	float: left;
	padding: 0 4em;
	box-sizing: border-box
}

.technologies-splash ul li img {
	width: 100%;
	height: auto
}

.poster-creator-intro {
	background: #fff;
	padding: 5em 6em;
	margin: 0 0 2em
}

.poster-creator-intro .text {
	float: left;
	width: 50%
}

.poster-creator-intro .text h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 3.6em;
	font-weight: 700;
	color: #1F6A61;
	line-height: 1.4
}

.poster-creator-intro .text h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 2.2em;
	font-weight: 400;
	color: #1F6A61;
	line-height: 1.4;
	margin: 1.81818em 0 0
}

.poster-creator-intro .text ul li {
	margin: 2em 0
}

.poster-creator-intro .text ul li blockquote {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #BC2F2C; 	color: #000;
	line-height: 150%
}

.poster-creator-intro .text ul li blockquote:before {
	content: "“"
}

.poster-creator-intro .text ul li blockquote:after {
	content: "”"
}

.poster-creator-intro .image {
	float: left;
	width: 50%;
	padding: 2% 0% 0 3%;
	box-sizing: border-box
}

.poster-creator-intro .image img {
	width: 100%;
	height: auto
}

.poster-creator-intro .begin-wrap {
	clear: both;
	text-align: center
}

.poster-creator-intro a.begin {
	display: inline-block;
	clear: both;
	background: #196962;
	display: inline-block;
	padding: 1.86667em 4.66667em;
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase
}

.archive-news .archive-item {
	background: #fff;
	margin: 0 0 2em;
	position: relative
}

.archive-news .archive-item a.image {
	width: 28%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	background-repeat: none;
	background-position: center;
	background-size: cover
}

.archive-news .archive-item .text {
	width: 72%;
	box-sizing: border-box;
	padding: 2em 3em 8em;
	float: right
}

.archive-news .archive-item .text h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #565656;
	margin: 0 0 .5em;
	line-height: 120%
}

.archive-news .archive-item .text h2 a {
	color: #565656
}

.archive-news .archive-item .text span.date {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #565656;
	text-transform: uppercase;
	display: block
}

.archive-news .archive-item .text p {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #000;
	margin: .625em 0 0;
	line-height: 1.5
}

.archive-news .archive-item .text a.button {
	position: absolute;
	bottom: 1.42857em;
	display: block;
	background: #e2251b;
	border: 1px solid #e2251b;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	margin: 1.42857em 0 0
}

.archive-news .archive-item .text a.button:hover {
	background: #fff;
	border: 1px solid #e2251b;
	color: #e2251b
}

.archive-news .archive-nav {
	clear: both;
	text-align: center
}

.archive-news .archive-nav a {
	display: inline-block;
	border: 1px solid #ccc;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #BC2F2C; 	color: #000;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	margin: 1.42857em 1.42857em 0
}

.archive-news .archive-nav a:hover {
	color: #fff;
	border: 1px solid #e2251b;
	background: #e2251b
}

.single-news .date {
	position: relative;
	width: 100px;
	padding: 1.5em 0
}

.single-news .date span {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	display: block;
	text-align: center;
	line-height: 120%;
	color: #e2251b
}

.archive-safety .flexible-content {
	margin: 0
}

.archive-safety .safety-filter-wrap {
	padding: 2em 2em 1em;
	background: #fff;
	margin: 0 0 2em;
	text-align: left;
	display: flex;
	flex-direction: column
}

.archive-safety .safety-filter-wrap span {
	font-family: "Metropolis", sans-serif;
	font-size: 1.8em;
	font-weight: 300;
	color: #565656;
	margin: 0;
	line-height: 2.5em;
	display: block;
	margin: 0 0 .55556em .55556em;
	float: left
}

.archive-safety .safety-filter-wrap button {
	background: #ddd;
	border: 0;
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #656565;
	margin: 0 0 .55556em .71429em;
	padding: 5px 10px;
}

.archive-safety .safety-filter-wrap button:hover {
	color: #fff;
	background: #e2251b
}

.archive-safety .safety-filter-wrap button:first-child {
	margin: 0 0 .55556em
}

.archive-safety .masonry-outer {
	background: #fff;
	margin: 0 0 2em
}

.archive-safety .masonry-outer .grid-sizer {
	width: 30%;
	margin: 0 1.66%
}

.archive-safety .gutter-sizer {
	width: 3.33%
}

.archive-safety .archive-item {
	background: #fff;
	position: relative;
	float: left;
	display: block;
	width: 30%;
	margin: 0 1.66% 3.3% 1.66%;
	box-sizing: border-box
}

.archive-safety .archive-item .image {
	display: block;
	background-repeat: none;
	background-position: center;
	background-size: cover;
	position: relative;
	min-height: 100px;
}

.archive-safety .archive-item .image:before {
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 400;
    display: none;
}

.archive-safety .archive-item .image img {
	width: 100%;
	height: auto
}

.archive-safety .archive-item .image .image-text {
	position: absolute;
	bottom: 2em;
	left: 2em;
	right: 2em;
	z-index: 500
}

.archive-safety .archive-item .image .image-text h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #fff;
	line-height: 120%
}

.archive-safety .archive-item .image .image-text span.date {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	display: block;
	margin: .71429em 0 0
}

.archive-safety .archive-item .text {
	box-sizing: border-box;
	float: right;
	padding: 1.8em 0 0
}

.archive-safety .archive-item .text span.date {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #565656;
	text-transform: uppercase;
	display: block
}

.archive-safety .archive-item .text h2 {
	display: none
}

.archive-safety .archive-item .text p {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #BC2F2C; 	color: #000;
	margin: .625em 0 0;
	line-height: 1.5
}

.archive-safety .archive-item .text a.button {
	display: inline-block;
	border: 1px solid #ccc;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #BC2F2C;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	margin: 1.42857em 0 0
}

.archive-safety .archive-item .text a.button:hover {
	color: #fff;
	border: 1px solid #e2251b;
	background: #e2251b
}

.archive-safety .archive-item .overlay {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	z-index: 600
        
}

.archive-safety .archive-item .overlay span.button {
	background: #e2251b;
	border: 0;
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em
}

.archive-safety .archive-item:hover .overlay {
	opacity: 1;
}

.archive-safety .archive-item.safety-hub:first-of-type {
	width: 63.33%
}

.archive-safety .archive-item.safety-hub:first-of-type .image {
	width: 47.3%
}

.archive-safety .archive-item.safety-hub:first-of-type .image h2 {
	display: none
}

.archive-safety .archive-item.safety-hub:first-of-type .text {
	width: 52.7%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: #DDDCD5;
	padding: 3em
}

.archive-safety .archive-item.safety-hub:first-of-type .text h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #333;
	margin: 0 0 .5em;
	line-height: 120%;
	display: block
}

.archive-safety .archive-item.download {
	background: #DBDBDB;
	position: relative
}

.archive-safety .archive-item.download .download-thumb {
	width: 40%;
	padding: 0 0 60%;
	background-color: #e2e2e2;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

.archive-safety .archive-item.download .download-title {
	width: 60%;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2em;
	box-sizing: border-box
}

.archive-safety .archive-item.download .download-title h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #333;
	line-height: 120%
}

.archive-safety .archive-item.download .download-title span.watch {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #333;
	margin: .625em 0 0;
	display: inline-block
}

.archive-safety .archive-item.download .video-pop {
	display: none
}

.archive-safety .introduction {
	background: #fff;
	position: relative;
	float: left;
	display: block;
	width: 30%;
	margin: 0 1.6% 3.3% 1.66%;
	box-sizing: border-box
}

.archive-safety .introduction h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 3em;
	font-weight: 700;
	color: #333
}

.brand-introduction .upper {
	position: relative;
	/*padding: 2em 50% 9em 7em;*/
	padding: 0;
	background-color: #4A5D00;
	background-position: right center;
	background-repeat: no-repeat
}

.brand-introduction .upper img {
	width: 19em;
	height: auto
}

.brand-introduction .upper h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 3em;
	font-weight: 700;
	color: #fff;
	margin: -.66667em 0 0;
	line-height: 1.4
}

.brand-introduction .image {
	position: absolute;
	right: 4em;
/*
	top: 4em;
*/
	top: -3em;
	width: 42%;
	z-index: 700;
	pointer-events: none
}

.brand-introduction .image img {
	width: 100%;
	height: auto
}

.brand-introduction .lower {
	position: relative;
/*	padding: 7em 50% 7em 7em;*/
	padding: 0 50% 7em 7em;
}

.brand-introduction .lower .text h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 3.5em;
	font-weight: 400;
	color: #4A5D00;
	line-height: 1.2
}

.brand-introduction .lower .text .wysiwyg p:last-child {
	margin-bottom: 0
}

.brand-introduction .lower a.view-range {
	background: #e1251b;
	display: inline-block;
	border: none;
	padding: 1.86667em 4.66667em;
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
/*	position: absolute;
	bottom: 4.66667em;
	right: 6.66667em
    bottom: -4.33333em;
    right: 4.66667em;*/
    z-index: 700;
}

.archive-brands .brands ul {
	margin: 0 0 2em
}

.archive-brands .brands ul li {
	width: 25%;
	float: left;
	box-sizing: border-box
}

.archive-brands .brands ul li a {
	width: 100%;
	display: block
}

.archive-brands .brands ul li a .icon {
	width: 50%;
	margin: 0 25%
}

.archive-brands .brands ul li a .icon img {
	width: 100%;
	height: auto
}

.archive-brands .brands ul li a .inner {
	position: relative;
	padding: 0 0 5.6em;
	background: #fff;
	border-left: 1px solid #e2dcdc;
	border-right: 1px solid #e2dcdc;
	border-bottom: 1px solid #e2dcdc
}

.archive-brands .brands ul li a span.brand-name {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	text-align: center;
	display: block;
	position: absolute;
	bottom: 0;
	left: -1px;
	right: -1px;
	padding: 1.42857em 0;
	text-transform: uppercase;
	box-sizing: border-box;
	color: #BC2F2C
}

.archive-brands .brands ul li a .text {
	padding: 1px 2em
}

.archive-brands .brands ul li.vixen {
	padding: 0 1.5em 0 0
}

.archive-brands .brands ul li.vixen a .colour,
.archive-brands .brands ul li.vixen a span.brand-name:hover {
	background: #ba243b;
	border: 0;
	color: #fff
}

.archive-brands .brands ul li.tomcat {
	padding: 0 1em 0 0.5em
}

.archive-brands .brands ul li.tomcat a .colour,
.archive-brands .brands ul li.tomcat a span.brand-name:hover {
	background: #4c4c4d;
	border: 0;
	color: #fff
}

.archive-brands .brands ul li.pro-man {
	padding: 0 0.5em 0 1em
}

.archive-brands .brands ul li.pro-man a .colour,
.archive-brands .brands ul li.pro-man a span.brand-name:hover {
	background: #d87929;
	border: 0;
	color: #fff
}

.archive-brands .brands ul li.rock-fall {
	padding: 0 0 0 1.5em
}

.archive-brands .brands ul li.rock-fall a .colour,
.archive-brands .brands ul li.rock-fall a span.brand-name:hover {
	background: #4b5a17;
	border: 0;
	color: #fff
}

.single-product-title {
	margin: 1em auto;
	text-align: center;
	font-family: "Metropolis", sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #000
}

.single-product .right-column {
	padding: 0 0 1em
}

.single-product section.overview {
	background: #fff;
	margin: 0 0 2em
}

.single-product section.overview .text {
	width: 100%;
	float: left;
	box-sizing: border-box;
	display: table
}

.single-product section.overview .text h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #000;
	margin: 0 0 .7em
}

.single-product section.overview .text ul {
	margin: 0 0 1.4em;
	display: flex;
	justify-content: space-between
}

.single-product section.overview .text ul li {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #000;
	line-height: 1.4
}

.single-product section.overview .text ul li .label {
	display: inline-block;
	font-weight: 600;
	margin-right: 20px
}

.single-product section.overview .text span.spec {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #000
}

.single-product section.overview .text .inner {
	display: table-cell;
	vertical-align: middle
}

.single-product section.properties {
	background: #fff;
	margin: 2em 0
}

.single-product section.properties .description h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 600;
	color: #000;
	margin: 1.25em 0
}

.single-product section.properties .specs {
	padding: 2.6em 4em
}

.single-product section.properties .specs ul li {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #BC2F2C; 	color: #000;
	line-height: 1.4;
	margin: .875em 0
}

.single-product section.properties .specs ul li .label {
	width: 35%;
	display: block;
	font-weight: 600;
	color: #000;
	float: left
}

.single-product section.properties .specs ul li .detail {
	display: block;
	width: 60%;
	float: right
}

.single-product section.gallery {
	background: #fff;
	margin: 0 0 6em
}

.single-product section.gallery .cycle-slideshow {
	position: relative;
	max-height: 40em;
	overflow: hidden
}

.single-product section.gallery .cycle-slideshow .slide {
	position: relative;
	width: 100%;
	height: 40em;
	text-align: center
}

.single-product section.gallery .cycle-slideshow .slide img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: inline-block
}

.single-product section.gallery .cycle-slideshow .slide .zoom {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 10em;
	width: 10em;
	margin: -5em 0 0 -5em;
	background: #e2251b;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	cursor: pointer;
	z-index: 800
}

.single-product section.gallery .cycle-slideshow .slide .zoom:before {
	font-family: 'icons';
	font-size: 4em;
	content: "\e605";
	line-height: 2.5em;
	width: 2.5em;
	display: block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff
}

.single-product section.gallery .cycle-slideshow .slide .zoom:hover {
	background: #e1251b
}

.single-product section.gallery .cycle-slideshow .slide:hover .zoom {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.single-product section.gallery .cycle-slideshow .cycle-nav {
	position: absolute;
	top: 50%;
	height: 14em;
	margin: -7em 0 0;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 800
}

.single-product section.gallery .cycle-slideshow .cycle-nav:before {
	font-family: 'icons';
	font-size: 2em;
	line-height: 7em;
	width: 2.5em;
	display: block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #e3e3e3;
	color: white
}

.single-product section.gallery .cycle-slideshow .cycle-nav.cycle-prev {
	left: -1px
}

.single-product section.gallery .cycle-slideshow .cycle-nav.cycle-prev:before {
	content: "\e607"
}

.single-product section.gallery .cycle-slideshow .cycle-nav.cycle-next {
	right: -1px
}

.single-product section.gallery .cycle-slideshow .cycle-nav.cycle-next:before {
	content: "\e602"
}

.single-product section.gallery .cycle-pager {
	margin: auto;
	display: flex;
	justify-content: center
}

.single-product section.gallery .cycle-pager span {
	color: #e3e3e3;
	font-size: 50px;
	cursor: pointer;
	margin: 0 2px
}

.single-product section.gallery .cycle-pager span:hover {
	color: #e2251b
}

.single-product section.youtube {
	background: #ddd;
	margin: 2em 0
}

.single-product section.youtube .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%
}

.single-product section.youtube .embed-container iframe,
.single-product section.youtube .embed-container object,
.single-product section.youtube .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.single-product section.taxonomies {
	background: #fff;
	margin: 0 0 2em 0
}

.single-product section.taxonomies h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #000;
	margin: 0 .3125em .625em;
	text-align: center
}

.single-product section.taxonomies ul li {
	float: left;
	padding: 0.5em
}

.single-product section.taxonomies ul li a {
	width: 100%;
	display: block
}

.single-product section.taxonomies ul li a img {
	width: auto;
	height: auto;
	max-width: 100%
}

.single-product section.taxonomies.technologies ul {
	display: flex;
	justify-content: center
}

.single-product section.taxonomies.technologies ul li {
	width: 157px;
	box-sizing: border-box
}

.single-product section.taxonomies.technologies ul li a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	padding: 1em
}

.single-product section.taxonomies.technologies ul li a:hover {
	border: 1px solid #bbb
}

.single-product section.taxonomies.features ul,
.single-product section.taxonomies.industries ul {
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
}

.single-product section.taxonomies.features ul li,
.single-product section.taxonomies.industries ul li {
	min-height: 90px;
	width: 86px;
	box-sizing: border-box
}

.single-product section.taxonomies.features ul li a img,
.single-product section.taxonomies.industries ul li a img {
	width: 100%;
	height: auto
}

.single-product a.button {
	display: block;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.85714em;
	margin: .71429em 0;
	text-align: center
}

.single-product a.button:before {
	font-family: 'icons';
	font-size: 1em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	display: inline-block;
	margin: .35714em .85714em 0 0
}

.single-product a.button.enquire {
	background: #e2251b
}

.single-product a.button.enquire:before {
	content: "\e60d"
}

.single-product a.button.enquire:hover {
	background: #e1251b
}

.single-product a.button.poster-queue-product {
	background: #e2251b
}

.single-product a.button.poster-queue-product:hover {
	background: #e1251b
}

.single-product a.button.link:before {
	content: '' !important
}

.single-product a.button.datasheet,
.single-product a.button.media {
	background: #246241;
	padding: 10px 0;
	margin: 4em 0
}

.single-product a.button.datasheet:before,
.single-product a.button.media:before {
	content: "\e608"
}

.single-product a.button.datasheet:hover,
.single-product a.button.media:hover {
	background: #4d4d4d
}

.technology-pop,
.industry-pop,
.feature-pop {
	background: #fff
}

.technology-pop .icon,
.industry-pop .icon,
.feature-pop .icon {
	text-align: center
}

.technology-pop .icon img,
.industry-pop .icon img,
.feature-pop .icon img {
	width: 16em;
	height: auto;
	max-width: 80%
}

.technology-pop .text,
.industry-pop .text,
.feature-pop .text {
	max-width: 40em;
	min-width: 25em;
	margin: 0 8em;
	box-sizing: border-box;
	padding: 0 0 1px
}

.technology-pop .text h3,
.industry-pop .text h3,
.feature-pop .text h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #000;
	margin: 1em 0;
	text-align: center
}

.technology-pop .text p,
.industry-pop .text p,
.feature-pop .text p {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #BC2F2C; 	color: #000;
	margin: 1.25em 0;
	text-align: center;
	line-height: 150%
}

.technology-pop .text a,
.industry-pop .text a,
.feature-pop .text a {
	display: block;
	background: #e2251b;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	width: 100%;
	text-align: center;
	margin: 1.25em 0
}

.technology-pop .text a.callback,
.industry-pop .text a.callback,
.feature-pop .text a.callback {
	background: #e2251b
}

.feature-pop .icon {
	padding: 2em 0
}

.feature-pop .icon img {
	width: 6em
}

.datasheet-pop {
	padding: 4em;
	width: 48em;
        max-width: 85%;
}

.datasheet-pop h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 3em;
	font-weight: 400;
	color: #e2251b;
	line-height: 1.2;
	text-align: center;
	margin: 0 0 1em
}

.datasheet-pop .gform_wrapper .gform_body ul li {
	margin: 0 0 1em
}

.datasheet-pop .gform_wrapper .gform_body ul li label {
	display: none
}

.datasheet-pop .gform_wrapper .gform_body ul li input[type='text'] {
	border: 1px solid #c9c1c1;
	background: #fff;
	height: 3.42857em;
	width: 100%;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #000;
	padding: 0 1.42857em;
	box-sizing: border-box
}

.datasheet-pop .gform_wrapper .gform_footer input {
	display: block;
	width: 100%;
	background: #e2251b;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	border: 0;
	cursor: pointer
}

.datasheet-pop .gform_wrapper .gform_footer input:hover {
	background: #e1251b
}

.datasheet-pop .gform_wrapper .validation_error {
	display: none
}

.datasheet-pop .gform_wrapper .validation_message {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	background: #f44;
	padding: .57143em 1.42857em;
	display: block
}

.datasheet-pop .gform_confirmation_wrapper {
	background: #fff;
	padding: 4em;
	text-align: center
}

.datasheet-pop .gform_confirmation_wrapper .gform_confirmation_message {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	color: #000;
	line-height: 120%
}

section.additional-content {
	margin: 2em auto 0
}

.archive-tiled .archive-blurb {
	text-align: center;
	position: relative;
	margin: 0 0 2em;
	min-height: 130px;
	border-bottom: 3px solid #e3e3e3
}

.archive-tiled .archive-blurb .archive-blurb-icon {
	width: 20%;
	float: left;
	background: #fff;
	box-sizing: border-box;
	position: absolute;
	min-height: 130px;
	top: 0;
	left: 0;
	bottom: 0
}

.archive-tiled .archive-blurb .archive-blurb-icon img {
	width: 60%;
	height: auto;
	margin: 1em 20%
}

.archive-tiled .archive-blurb .archive-blurb-flex {
	width: 100%;
	text-align: left;
	margin: 0 0 0 0
}

.archive-tiled .archive-blurb .archive-blurb-flex .wysiwyg p {
	font-size: 1.8em
}

.archive-tiled .archive-blurb .archive-blurb-flex .flexible-content {
	margin: 0;
	min-height: 16em
}

.archive-tiled.single-features .archive-blurb .archive-blurb-icon {
	text-align: center;
	width: 12em
}

.archive-tiled.single-features .archive-blurb .archive-blurb-icon img {
	width: 6em;
	margin: 2em 3em
}

.archive-tiled.single-features .archive-blurb .archive-blurb-flex {
	width: auto;
	margin: 0 0 0 12em
}

.archive-tiled h3.featured-projects {
	font-family: "Metropolis", sans-serif;
	font-size: 3em;
	font-weight: 400;
	color: #4A5D00;
	line-height: 1.2;
	text-align: center;
	margin: 0 0 1em
}

.archive-tiled .list-item {
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	display: block;
	text-align: left;
	border-bottom: 1px solid #e3e3e3
}

.archive-tiled .list-item a {
	position: relative;
	display: block;
	margin: 45px auto;
	width: 92%
}

.archive-tiled .list-item:nth-child(3n+3) a {
	margin-right: 0
}

.archive-tiled .list-item:nth-child(3n+1) a {
	margin-left: 0
}

.archive-tiled .list-item .image {
	box-sizing: border-box;
	width: 100%;
	height: 26em;
	background: #fff;
	display: block;
	text-align: center;
	margin-bottom: 35px
}

.archive-tiled .list-item .image img {
	width: auto;
	height: auto;
	display: inline-block;
	max-width: 100%;
	max-height: 100%
}

.archive-tiled .list-item .new-product {
	display: block;
	background: #f55;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	padding: .85714em 1.42857em;
	position: absolute;
	top: .71429em;
	right: 0
}

.archive-tiled .list-item .text {
	background: #F3F4F4;
	padding: 20px;
	height: 80px;
	overflow: hidden
}

.archive-tiled .list-item .text h2 {
	position: relative;
	font-family: "Metropolis", sans-serif;
	font-size: 25px;
	font-weight: 600;
	color: #000;
	text-align: left;
	line-height: 1.2;
	padding-bottom: 20px
}

.archive-tiled .list-item .text ul li {
	font-family: "Metropolis", sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #000;
	line-height: 1.4
}

.archive-tiled .list-item .text ul li:first-of-type .label {
	margin-right: 21%
}

.archive-tiled .list-item .text ul li .label {
	display: block;
	float: left;
	font-weight: 600;
	margin-right: 10%
}

.archive-tiled .list-item .text ul li .item {
	display: block;
	float: left
}

.archive-tiled .list-item .text ul li.spec {
	margin: .66667em 0 0
}

.archive-tiled .list-item .hover-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none
}

.archive-tiled .list-item .hover-overlay .position {
	top: 50%;
	width: 100%;
	margin: -2.25em 0 0;
	position: absolute;
	text-align: center
}

.archive-tiled .list-item .hover-overlay span.button {
	display: inline-block;
	background: #e2251b;
	position: top;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	text-align: center
}

.archive-tiled .list-item .hover-overlay span.button:hover {
	background: #e1251b
}

.archive-tiled .view-range-outer {
	text-align: center;
	padding: 2em 0 5em;
	clear: both
}

.archive-tiled a.view-range {
	background: #444;
	border: none;
	padding: 1.86667em 4.66667em;
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	display: block;
	text-align: center
}

.archive-tiled a.view-range.rock-fall {
	background: #ee2d26
}

.archive-technologies .technologies-wrap {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between
}

.archive-technologies .list-item {
	width: 25%
}

.archive-technologies .list-item:nth-child(3n+3) a {
	margin-right: auto
}

.archive-technologies .list-item:nth-child(3n+1) a {
	margin-left: auto
}

.archive-technologies .list-item .icon {
	padding: 1em 0;
	background: #fff;
	display: block
}

.archive-technologies .list-item .icon img {
	width: 60%;
	height: auto;
	margin: 0 20%
}

.archive-features .features-wrap {
	margin: 0 0 2em
}

.archive-features .features-wrap .feature {
	width: 100%;
	border-right: 1px solid #e2dcdc;
	border-bottom: 1px solid #e2dcdc;
	border-left: 1px solid #e2dcdc;
	background: #fff;
	box-sizing: border-box
}

.archive-features .features-wrap .feature .icon {
	display: block;
	float: left;
	width: 10em;
	margin: 0 2em 0 0;
	border-right: 1px solid #e2dcdc
}

.archive-features .features-wrap .feature .icon img {
	width: 6em;
	height: auto;
	margin: 1.5em 2em
}

.archive-features .features-wrap .feature .text h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 1.8em;
	font-weight: 400;
	color: #000;
	line-height: 4.44444em
}

.archive-features .features-wrap .feature:hover {
	background: #f8f8f8
}

.parent-page-intro {
	position: relative;
	padding: 3em 0 0;
	margin: 0 0 4em;
	clear: both
}

.parent-page-intro .text {
	padding: 7em 50% 7em 7em;
	background: #E4E1BB
}

.parent-page-intro .text h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 3.5em;
	font-weight: 600;
	color: #000;
	line-height: 1.2
}

.parent-page-intro .text.wysiwyg p {
	color: #000
}

.parent-page-intro .image {
	position: absolute;
	right: 4em;
	top: 0;
	width: 40%;
	z-index: 700;
	pointer-events: none
}

.parent-page-intro .image img {
	width: 100%;
	height: auto
}

.parent-page-flexible-content .two-column {
	position: relative;
	background: #fff;
	margin: 4em 0
}

.parent-page-flexible-content .two-column .left {
	width: 50%;
	position: relative;
	float: left
}

.parent-page-flexible-content .two-column .left.image {
	left: 0
}

.parent-page-flexible-content .two-column .right {
	width: 50%;
	position: relative;
	float: right
}

.parent-page-flexible-content .two-column .right.image {
	right: 0
}

.parent-page-flexible-content .two-column .image {
	position: absolute;
	top: 0;
	bottom: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

.parent-page-flexible-content .two-column .text {
	padding: 6em;
	box-sizing: border-box
}

.parent-page-flexible-content .full-width {
	margin: 4em 0;
	text-align: center;
	padding: 2em 10%;
	box-sizing: border-box
}

.parent-page-flexible-content h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 3em;
	font-weight: 600;
	color: #e2251b;
	margin: 0 0 1em
}

.parent-page-flexible-content h3 a {
	color: #e2251b
}

.parent-page-flexible-content a.more {
	margin: .66667em 0 0;
	background: #E1251B;
	display: inline-block;
	border: 1px solid #E1251B;
	padding: 1.86667em 4.66667em;
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase
}

.video-pop {
	width: 62em
}

.video-pop .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	height: auto
}

.video-pop .embed-container iframe,
.video-pop .embed-container object,
.video-pop .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.page-contact .left-column,
.page-contact .right-column {
	border-bottom: 5px solid #e2251b;
	margin: 0 0 2em
}

.page-contact .contact-details {
	background: #fff;
	padding: 4em 4em 27.1em;
	position: relative
}

.page-contact .contact-details h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 400;
	color: #000
}

.page-contact .contact-details ul {
	margin: 2em 0 0
}

.page-contact .contact-details ul li {
	margin: 0 0 1em
}

.page-contact .contact-details ul li.address {
	margin: 2.4em 0 0
}

.page-contact .contact-details ul li.address br {
	display: none
}

.page-contact .contact-details ul li span.label {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #BC2F2C;  color: #000;
	color: #000;
	width: 35%;
	float: left;
	line-height: 1.5
}

.page-contact .contact-details ul li span.item {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	color: #BC2F2C;  color: #000;
	width: 65%;
	float: right;
	line-height: 1.5
}

.page-contact .contact-details .google-map {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%
}

.page-contact .contact-details .google-map .acf-map {
	width: 100%;
	height: 23.1em;
	background: #eee
}

.page-contact .contact-form {
	background: #fff;
	padding: 4em
}

.page-contact .contact-form.register-footwear-form {
	border-top: 0;
	margin: -2em 0 0
}

.page-contact .contact-form h2 {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 400;
	color: #000
}

.page-contact .contact-form .gform_body {
	margin: 2em 0 0
}

.page-contact .contact-form .gform_body ul li.gfield {
	margin: 0 0 1em
}

.page-contact .contact-form .gform_body ul li.gfield label {
	display: none
}

.page-contact .contact-form .gform_body ul li.gfield input[type='text'] {
	border: 1px solid #c9c1c1;
	background: #fff;
	height: 3.42857em;
	width: 100%;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #000;
	padding: 0 1.42857em;
	box-sizing: border-box
}

.page-contact .contact-form .gform_body ul li.gfield textarea {
	border: 1px solid #c9c1c1;
	background: #fff;
	width: 100%;
	height: 8.57143em;
	padding: 1.14286em 1.42857em;
	box-sizing: border-box;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #000
}

.page-contact .contact-form .gform_body ul li.gfield .ginput_container_fileupload {
	background: #ddd;
	padding: 2em 2.8em
}

.page-contact .contact-form .gform_body ul li.gfield.gform_validation_container {
	display: none
}

.page-contact .contact-form .gform_body ul li#field_1_7 {
	width: 30%;
	float: left
}

.page-contact .contact-form .gform_body ul li#field_1_2 {
	width: 70%;
	float: left;
	box-sizing: border-box;
	padding: 0 0 0 2em
}

.page-contact .contact-form .gform_body ul li#field_1_3 {
	clear: both
}

.page-contact .contact-form .gform_body ul li#field_6_13,
.page-contact .contact-form .gform_body ul li#field_6_7 {
	margin: 0 0 3em
}

.page-contact .contact-form .gform_body ul li#field_6_1,
.page-contact .contact-form .gform_body ul li#field_7_1 {
	width: 20%;
	float: left
}

.page-contact .contact-form .gform_body ul li#field_6_2,
.page-contact .contact-form .gform_body ul li#field_7_2 {
	width: 40%;
	float: left;
	box-sizing: border-box;
	padding: 0 0 0 2em
}

.page-contact .contact-form .gform_body ul li#field_6_3,
.page-contact .contact-form .gform_body ul li#field_7_3 {
	width: 40%;
	float: left;
	box-sizing: border-box;
	padding: 0 0 0 2em
}

.page-contact .contact-form .gform_body ul li#field_7_4 {
	clear: both
}

.page-contact .contact-form .gform_body ul h3 {
	font-family: "Metropolis", sans-serif;
	font-size: 1.8em;
	font-weight: 600;
	color: #000;
	margin: 1.11111em 0
}

.page-contact .contact-form .gform_body ul li#field_7_14 h3 {
	margin-top: 0
}

.page-contact .contact-form .gform_body ul ul.indust-form-left {
	float: left;
	width: 50%;
	padding: 0 1em 0 0;
	box-sizing: border-box
}

.page-contact .contact-form .gform_body ul ul.indust-form-right {
	float: left;
	width: 50%;
	padding: 0 0 0 1em;
	box-sizing: border-box
}

.page-contact .contact-form .gform_body ul li#field_6_11 label {
	display: block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #BC2F2C;  color: #000;
	margin: 2em 0 1em
}

.page-contact .contact-form .gform_body ul li#field_7_7,
.page-contact .contact-form .gform_body ul li#field_7_8,
.page-contact .contact-form .gform_body ul li#field_7_9,
.page-contact .contact-form .gform_body ul li#field_7_10,
.page-contact .contact-form .gform_body ul li#field_7_15 {
	padding: 2em
}

.page-contact .contact-form .gform_body ul li#field_7_7 label,
.page-contact .contact-form .gform_body ul li#field_7_8 label,
.page-contact .contact-form .gform_body ul li#field_7_9 label,
.page-contact .contact-form .gform_body ul li#field_7_10 label,
.page-contact .contact-form .gform_body ul li#field_7_15 label {
	display: inline-block
}

.page-contact .contact-form .gform_body ul li#field_7_7>label,
.page-contact .contact-form .gform_body ul li#field_7_8>label,
.page-contact .contact-form .gform_body ul li#field_7_9>label,
.page-contact .contact-form .gform_body ul li#field_7_10>label,
.page-contact .contact-form .gform_body ul li#field_7_15>label {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #888
}

.page-contact .contact-form .gform_body ul li#field_7_7 ul.gfield_checkbox li,
.page-contact .contact-form .gform_body ul li#field_7_8 ul.gfield_checkbox li,
.page-contact .contact-form .gform_body ul li#field_7_9 ul.gfield_checkbox li,
.page-contact .contact-form .gform_body ul li#field_7_10 ul.gfield_checkbox li,
.page-contact .contact-form .gform_body ul li#field_7_15 ul.gfield_checkbox li {
	margin: 1em 0 0;
	position: relative
}

.page-contact .contact-form .gform_body ul li#field_7_7 ul.gfield_checkbox li label,
.page-contact .contact-form .gform_body ul li#field_7_8 ul.gfield_checkbox li label,
.page-contact .contact-form .gform_body ul li#field_7_9 ul.gfield_checkbox li label,
.page-contact .contact-form .gform_body ul li#field_7_10 ul.gfield_checkbox li label,
.page-contact .contact-form .gform_body ul li#field_7_15 ul.gfield_checkbox li label {
	display: block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #000;
	padding: 1em 0 1em 3em;
	cursor: pointer
}

.page-contact .contact-form .gform_body ul li#field_7_7 ul.gfield_checkbox li label:hover,
.page-contact .contact-form .gform_body ul li#field_7_8 ul.gfield_checkbox li label:hover,
.page-contact .contact-form .gform_body ul li#field_7_9 ul.gfield_checkbox li label:hover,
.page-contact .contact-form .gform_body ul li#field_7_10 ul.gfield_checkbox li label:hover,
.page-contact .contact-form .gform_body ul li#field_7_15 ul.gfield_checkbox li label:hover {
	border: 1px solid #b4a4a4
}

.page-contact .contact-form .gform_body ul li#field_7_7 ul.gfield_checkbox li input,
.page-contact .contact-form .gform_body ul li#field_7_8 ul.gfield_checkbox li input,
.page-contact .contact-form .gform_body ul li#field_7_9 ul.gfield_checkbox li input,
.page-contact .contact-form .gform_body ul li#field_7_10 ul.gfield_checkbox li input,
.page-contact .contact-form .gform_body ul li#field_7_15 ul.gfield_checkbox li input {
	position: absolute;
	top: 1em;
	left: 1em
}

.page-contact .contact-form .gform_footer input {
	display: block;
	float: right;
	background: #e2251b;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	background: #e2251b;
	border: 0;
	cursor: pointer
}

.page-contact .contact-form .gform_footer input:hover {
	background: #e1251b
}

.page-contact .contact-form .validation_error {
	display: none
}

.page-contact .contact-form .validation_message {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	background: #f44;
	padding: .57143em 1.42857em;
	display: block
}

.page-contact .contact-form .gform_confirmation_wrapper {
	background: #fff;
	padding: 4em
}

.page-contact .contact-form .gform_confirmation_wrapper .gform_confirmation_message {
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 400;
	color: #000;
	line-height: 120%
}

.product-select-wrapper {
	background: #fff;
	margin: 0 0 2em;
	padding: 2em 4em;
	position: relative
}

.product-select-wrapper h2 {
	clear: both;
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 600;
	color: #000;
	margin: 1em 0 0
}

.product-select-wrapper h3 {
	clear: both;
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 600;
	color: #000;
	margin: 1.25em 0
}

.product-select-wrapper button {
	display: block;
	float: right;
	background: #e2251b;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 2.35714em;
	padding: 0 1.78571em;
	margin: 0 0 0 .71429em;
	border: 0;
	background: #e2251b;
	cursor: pointer
}

.product-select-wrapper button:hover {
	background: #e1251b
}

.product-select-wrapper button.add-all {
	margin: 0
}

.product-select input::-webkit-input-placeholder {
	color: #ABABAB
}

.product-select input:-moz-placeholder {
	color: #ABABAB
}

.product-select .form-row {
	float: left;
	width: 32%;
	position: relative
}

.product-select .form-row:nth-child(3n-2) {
	margin: 0 1.33% 2% 0
}

.product-select .form-row:nth-child(3n-1) {
	margin: 0 0.66% 2%
}

.product-select .form-row:nth-child(3n) {
	margin: 0 0 2% 1.33%
}

.product-select .form-row label {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #BC2F2C;  color: #000;
	display: block;
	padding: 10px;
	box-sizing: border-box
}

.product-select .form-row label:hover {
	border-color: #b4a4a4;
	cursor: pointer
}

.product-select .form-row input[type="checkbox"] {
	position: absolute;
	top: 15px;
	left: 15px;
	-webkit-appearance: checkbox
}

.product-select .form-row input[type="checkbox"]:checked+label {
	border: 3px solid #e2251b;
	padding: 8px
}

.product-select .form-row .thumb {
	float: left;
	height: 70px;
	padding: 0 20px 0 40px;
	text-align: center;
	width: 42%;
	box-sizing: border-box
}

.product-select .form-row .thumb img {
	max-height: 100%;
	max-width: 100%;
	vertical-align: bottom
}

.product-select .form-row .details {
	float: left;
	width: 58%
}

.product-select .form-row .details .brand {
	display: block;
	font-weight: 600;
	margin-bottom: 6px
}

.product-select .form-row .details .product-title {
	display: block
}

.product-select .form-row .details .product-number {
	display: block;
	margin: 2px 0 0
}

.product-select .col-left {
	float: left;
	margin: 0 0 1%;
	width: 49%
}

.product-select .col-right {
	float: right;
	margin: 0 0 1%;
	width: 49%
}

.product-select .form-lower-row {
	margin: 0 0 2%
}

.product-select .form-lower-row.alt label {
	display: none
}

.product-select .form-lower-row.alt input {
	border: 1px solid #c9c1c1;
	background: #fff;
	height: 3.42857em;
	width: 100%;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #000;
	padding: 0 1.42857em;
	box-sizing: border-box
}

.product-select .form-lower-row.upload {
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #ABABAB;
	border: 1px solid #c9c1c1;
	box-sizing: border-box;
	background: #fff;
	height: 3.42857em;
	line-height: 3.42857em;
	padding: 0 1.42857em
}

.product-select .form-lower-row.upload input {
	margin: 0 0 0 1.78571em
}

.product-select .form-lower-row.type {
	border: 1px solid #c9c1c1;
	clear: both;
	box-sizing: border-box;
	height: 3.42857em;
	line-height: 3.42857em;
	padding: 0 1.42857em;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #ABABAB
}

.product-select .form-lower-row.type label {
	display: inline-block
}

.product-select .form-lower-row.type input {
	margin: 0 .28571em 0 1.78571em
}

.product-select .form-submit {
	clear: both;
	margin: 0 0 1%;
	text-align: right
}

.product-select .form-submit .loading-icon {
	display: inline-block;
	margin: 0.75em 2em 0 0;
	vertical-align: top;
	display: none
}

.product-select .form-submit button {
	display: inline-block;
	background: #e2251b;
	text-transform: uppercase;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #fff;
	line-height: 3.21429em;
	padding: 0 1.78571em;
	background: #e2251b;
	border: 0;
	cursor: pointer
}

.product-select .form-submit button:hover {
	background: #e1251b
}

section.global-linked-banners {
	background: #fff;
	padding: 0 0 6em
}

section.global-linked-banners a {
	width: 31.33%;
	float: left;
	background: #444;
	display: block;
	padding: 5.4em 4em 6.5em;
	box-sizing: border-box;
	text-align: center;
	background-color: #444;
	background-size: cover;
	background-repeat: no-repeat;
	display: block
}

section.global-linked-banners a:first-child {
	margin: 0 3% 0 0;
	padding-bottom: 5em
}

section.global-linked-banners a:last-child {
	float: right
}

section.global-linked-banners a span.smaller {
	font-family: "Metropolis", sans-serif;
	font-size: 2.2em;
	font-weight: 300;
	color: #fff;
	display: inline-block;
	margin: 0 0 .27273em
}

section.global-linked-banners a span.text {
	font-family: "Metropolis", sans-serif;
	font-size: 3em;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
	display: inline-block;
	margin: 0 0 .66667em
}

section.global-linked-banners a span.more {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase
}

section.global-linked-banners a span.more:before {
	font-family: 'icons';
	font-size: 2em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin: 0 .53333em 0 0
}

section.global-linked-banners a.case-study span.more:before {
	content: "\e901"
}

section.global-linked-banners a.poster-creator span.more:before {
	content: "\e902"
}

section.global-linked-banners a.video span.more:before {
	content: "\e900"
}

footer {
	background: #000
}

footer .top {
	padding: 4.6em 0;
	text-align: center
}

footer .top h4 {
	font-family: "Metropolis", sans-serif;
	font-size: 3.2em;
	font-weight: 700;
	color: #fff;
	line-height: 1.4
}

footer .middle {
	padding: 5em 0
}

footer .middle h4 {
	font-family: "Metropolis", sans-serif;
	font-size: 1.8em;
	font-weight: 700;
	color: #fff;
	margin: 0 0 1.11111em;
	text-align: center
}

footer .middle .contact-details {
	float: left
}

footer .middle .contact-details ul li {
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: 300;
	color: #fff;
	line-height: 160%
}

footer .middle .contact-details ul li span.label {
	float: left;
	display: block;
	min-width: 9.33333em
}

footer .middle .contact-details ul li span.detail {
	float: left;
	display: block;
	font-weight: 400
}

footer .middle .contact-details ul li span.detail a {
	color: #fff
}

footer .middle .contact-details ul li span.detail a:hover {
	color: #e6e6e6
}

footer .middle .newsletter {
	width: 100%
}

footer .middle .gform_wrapper .gform_body {
	float: left;
	width: 82%
}

footer .middle .gform_wrapper .gform_body ul li {
	float: left;
	width: 50%;
	position: relative
}

footer .middle .gform_wrapper .gform_body ul li h4 {
	float: right;
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 300;
	color: #fff;
	line-height: 2.875em;
	margin: 0 .375em 0 0
}

footer .middle .gform_wrapper .gform_body ul li label {
	display: none
}

footer .middle .gform_wrapper .gform_body ul li .ginput_container {
	padding: 0 1.6em 0 0
}

footer .middle .gform_wrapper .gform_body ul li.gform_validation_container {
	display: none
}

footer .middle .gform_wrapper .gform_body ul li input {
	width: 100%;
	box-sizing: border-box;
	height: 3.28571em;
	line-height: 3.28571em;
	border: 0;
	background: #333;
	padding: 0 1.42857em;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	color: #fff
}

footer .middle .gform_wrapper .gform_footer {
	float: right;
	width: 18%
}

footer .middle .gform_wrapper .gform_footer input {
	height: 3.28571em;
	line-height: 3.28571em;
	text-align: center;
	width: 100%;
	background: #fff;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
	padding: 0;
	cursor: pointer;
	border: 0
}

footer .middle .gform_wrapper .gform_footer input:hover {
	background: #292929;
	color: #fff
}

footer .middle .gform_wrapper .validation_error {
	display: none
}

footer .middle .gform_wrapper .validation_message {
	position: relative;
	top: 100%;
	left: 0;
	background: #f33;
	font-family: "Metropolis", sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	padding: .54545em 0;
	margin: 0 1.45455em 0 0;
	text-indent: 1.81818em
}

footer .social {
	padding: 3em 0
}

footer .social ul {
	width: 80%;
	margin: 0 auto;
	text-align: center
}

footer .social ul h4 {
	font-family: "Metropolis", sans-serif;
	font-size: 1.8em;
	font-weight: 700;
	color: #fff;
	margin: 0 .55556em 0 0;
	display: inline-block;
	vertical-align: top
}

footer .social ul li {
	display: inline-block
}

footer .social ul li.left {
	float: left
}

footer .social ul li.right {
	float: right
}

footer .social ul li a {
	height: 2.2em
}

footer .social ul li a:last-child {
	margin: 0
}

footer .social ul li a:before {
	font-family: 'icons';
	font-size: 3.2em;
	display: inline-block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	vertical-align: bottom
}

footer .social ul li a.twitter:before {
	content: '\e610'
}

footer .social ul li a.twitter:hover:before {
	color: #44acee
}

footer .social ul li a.linkedin:before {
	content: '\e903'
}

footer .social ul li a.linkedin:hover:before {
	color: #3b5998
}

footer .social ul li a.youtube:before {
	content: '\e904'
}

footer .social ul li a.youtube:hover:before {
	color: #dc4e41
}

footer .social ul li a span.prompt {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 300;
	color: #fff;
	line-height: 2em;
	margin: 0 0 0 .625em;
	font-weight: 600
}

footer .bottom {
	padding: 4em 0
}

footer .bottom .shoe-aid {
	float: right;
	width: 9em
}

footer .bottom .shoe-aid img {
	width: 100%;
	height: auto
}

footer .bottom .bsif-logo {
	float: right;
	margin: 0 0 0 2em;
	width: 8em
}

footer .bottom .bsif-logo img {
	width: 100%;
	height: auto
}

footer .bottom .lists {
	margin: 0 0 4em
}

footer .bottom .lists .column {
	float: left
}

footer .bottom .lists .column.contact-details {
	width: 40%
}

footer .bottom .lists .column.learn-more {
	width: 22%
}

footer .bottom .lists .column.most-popular {
	width: 22%
}

footer .bottom .lists .column.best-sellers {
	width: 16%
}

footer .bottom .lists .column h4 {
	font-family: "Metropolis", sans-serif;
	font-size: 1.8em;
	font-weight: 600;
	color: #9bafa6;
	margin: 0 0 1.11111em
}

footer .bottom .lists .column ul.contact li {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 300;
	color: #fff;
	margin: 0 0 .625em
}

footer .bottom .lists .column ul.contact li span.label {
	width: 35%;
	display: inline-block
}

footer .bottom .lists .column ul.contact li a {
	color: #fff;
	font-weight: 600
}

footer .bottom .lists .column ul.menu li {
	margin: 0 0 1em
}

footer .bottom .lists .column ul.menu li span.prompt {
	width: 30%;
	display: inline-block
}

footer .bottom .lists .column ul.menu li a {
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 600;
	color: #fff;
	border-bottom: 2px solid #fff;
	color: #fff;
	font-weight: 600
}

footer .bottom .strip {
	text-align: left
}

footer .bottom .strip .copy {
	display: inline-block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	color: #fff;
	line-height: 1.4
}

footer .bottom .strip ul {
	display: inline-block
}

footer .bottom .strip ul li {
	display: inline;
	font-family: "Metropolis", sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	color: #fff;
	margin: 0 0 0 1.53846em;
	line-height: 1.4
}

footer .bottom .strip ul li a {
	color: #fff
}

footer .bottom .strip ul li a:hover {
	color: #fff
}

footer .bottom .strip .site-by-alt {
	font-family: "Metropolis", sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	color: #fff;
	display: inline-block;
	float: right;
	margin: 0 0 0 1.53846em
}

footer .bottom .strip .site-by-alt a {
	color: #fff
}

footer .bottom .strip .site-by-alt a:after {
	font-family: 'icons';
	font-size: 1.84615em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e604";
	color: #fff;
	display: inline-block;
	vertical-align: top;
	margin: -.29167em 0 0 .20833em
}

#jquery-script-menu {
	position: fixed;
	height: 90px;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 5px solid #316594;
	background: #fff;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	z-index: 999999;
	padding: 10px 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.jquery-script-center {
	width: 960px;
	margin: 0 auto
}

.jquery-script-center ul {
	width: 212px;
	float: left;
	line-height: 45px;
	margin: 0;
	padding: 0;
	list-style: none
}

.jquery-script-center a {
	text-decoration: none
}

.jquery-script-ads {
	width: 728px;
	height: 90px;
	float: right
}

.jquery-script-clear {
	clear: both;
	height: 0
}

footer .social ul li a.facebook::before {
	content: '\e612'
}

footer .social ul li a.facebook:hover::before {
	color: #3b5998
}

.slider-wrap {
	background: #fff none repeat scroll 0 0;
	box-sizing: border-box;
	float: left;
	padding-top: 4.8em;
	padding-left: 0;
	position: relative;
	width: 66%;
	height: 435px
}

.slider {
	width: 100%;
	height: 100%;
	margin: auto 0
}

.slider-arrow {
	border-radius: 50%;
	color: #fff;
	margin-top: 30px;
	text-align: center;
	text-decoration: none
}

.news-slide>li .news {
	box-sizing: border-box;
	padding-right: 31px
}

.sa-left {
	position: absolute;
	right: 30px;
	top: -30px
}

.sa-right {
	position: absolute;
	right: 0px;
	top: -30px
}

.news a.article {
	clear: both;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	width: 100%
}

.news a.article .image::before {
	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
	bottom: 0;
	content: " ";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 400
}

section.introduction .news a.article .image {
	margin: 0 0 1.6em;
	position: relative
}

.news a.article .image img {
	height: 239px;
	width: 100%
}

.news a.article .image h2 {
	bottom: 1em;
	color: #fff;
	font-family: "Metropolis", sans-serif;
	font-size: 2em;
	font-weight: 400;
	left: 1em;
	position: absolute;
	right: 1em;
	z-index: 500;
	text-align: left
}

section.introduction .news a.article span.date {
	color: #333;
	display: inline-block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	margin: 0 0 0.66667em;
	text-align: left !important;
	text-transform: uppercase;
	width: 100%
}

.news a.article p {
	color: #333;
	font-family: "Metropolis", sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.4;
	text-align: left !important
}

section.introduction .slider>h3 {
	background: #fff none repeat scroll 0 0;
	color: #333;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	left: 0;
	padding: 0.71429em 4.28571em 0.71429em 0em;
	position: absolute;
	text-transform: uppercase;
	top: 0
}

@media screen and (max-width: 1018px) {
	.slider-wrap {
		width: 100%
	}
	.sa-left {
		right: 30px;
		top: -20px
	}
	.sa-right {
		right: 10px;
		top: -20px
	}
	.news a.article .image h2 {
		font-size: 9px
	}
}

.fade,
.free-footwear-audit a.view-pdf,
.free-footwear-audit .gform_wrapper .gform_footer input,
.request-a-callback .gform_wrapper .gform_footer input,
header .top>a.callback,
header .top>a.footwear-audit,
nav ul.extra>li>a,
nav ul.extra>li.search .form-wrap form input.submit,
.slick-arrow,
section.breadcrumb a.basket,
.content-wrap section.internal-title button.poster-queue-archive,
.sidebar .link-button .cycle-nav,
.sidebar .link-button .slick-arrow,
.sidebar .latest-news span.more,
.flexible-content .download-link a.button,
section.home-banner .slide .text a,
section.home-banner .cycle-nav,
section.introduction .about-blurb a,
section.carousel .carousel-slideshow a.slide .hover-overlay span.button,
section.carousel .content-carousel-slideshow a.slide .hover-overlay span.button,
section.carousel .cycle-nav,
.archive-news .archive-item .text a.button,
.archive-news .archive-nav a,
.archive-safety .safety-filter-wrap button,
.archive-safety .archive-item .text a.button,
.archive-safety .archive-item .overlay,
.archive-brands .brands ul li a span.brand-name,
.single-product section.gallery .cycle-slideshow .slide .zoom,
.single-product section.gallery .cycle-slideshow .cycle-nav,
.single-product section.gallery .cycle-pager,
.single-product section.taxonomies.technologies ul li a,
.single-product a.button,
.technology-pop .text a,
.industry-pop .text a,
.feature-pop .text a,
.datasheet-pop .gform_wrapper .gform_footer input,
.archive-tiled .list-item .hover-overlay span.button,
.page-contact .contact-form .gform_footer input,
.product-select-wrapper button,
.product-select .form-submit button,
footer .middle .gform_wrapper .gform_footer input,
footer .social ul li a {
	-o-transition: .1s ease-in-out;
	-ms-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out
}

.clearfix:before,
.global-container:before,
.table .table-cell:before,
.free-footwear-audit:before,
.request-a-callback:before,
.free-footwear-audit .gform_wrapper .gform_body:before,
.request-a-callback .gform_wrapper .gform_body:before,
header .top:before,
header .brand-logos:before,
nav:before,
nav ul.menu:before,
nav ul.menu>li.menu-item-has-children:not(.extended-menu)>ul.sub-menu:before,
nav ul.menu>li.extended-menu>ul.sub-menu:before,
nav ul.extra:before,
.wysiwyg p:before,
.content-wrap section.internal-title:before,
.content-wrap .left-column:before,
.content-wrap .right-column:before,
.flexible-content .two-column:before,
section.home-banner .slide .inner:before,
section.home-banner .slide .text:before,
section.introduction .news-updates:before,
section.carousel .carousel-slideshow a.slide .text ul li:before,
section.carousel .content-carousel-slideshow a.slide .text ul li:before,
.footer-blocks:before,
.brand-splash .brand-logos ul:before,
.technologies-splash:before,
.technologies-splash ul:before,
.poster-creator-intro:before,
.archive-news .archive-item:before,
.archive-safety .safety-filter-wrap:before,
.archive-safety .masonry:before,
.archive-safety .archive-item:before,
.archive-brands .brands ul:before,
.single-product section.overview:before,
.single-product section.properties .specs ul li:before,
.single-product section.taxonomies ul:before,
.single-product section.taxonomies.technologies ul:before,
.single-product section.taxonomies.features ul:before,
.single-product section.taxonomies.industries ul:before,
.datasheet-pop .gform_wrapper .gform_body:before,
.archive-tiled:before,
.archive-tiled .archive-blurb:before,
.archive-tiled .list-item .text ul li:before,
.archive-features .features-wrap .feature:before,
.parent-page-flexible-content .two-column:before,
.page-contact .contact-details ul li:before,
.page-contact .contact-form .gform_body ul:before,
.page-contact .contact-form .gform_footer:before,
.product-select .form-row label:before,
.product-select .form-submit:before,
footer .middle:before,
footer .middle .contact-details ul li:before,
footer .middle .gform_wrapper form:before,
footer .middle .gform_wrapper .gform_body ul:before,
footer .social:before,
footer .social ul:before,
footer .bottom:before,
footer .bottom .lists:before,
.clearfix:after,
.global-container:after,
.table .table-cell:after,
.free-footwear-audit:after,
.request-a-callback:after,
.free-footwear-audit .gform_wrapper .gform_body:after,
.request-a-callback .gform_wrapper .gform_body:after,
header .top:after,
header .brand-logos:after,
nav:after,
nav ul.menu:after,
nav ul.menu>li.menu-item-has-children:not(.extended-menu)>ul.sub-menu:after,
nav ul.menu>li.extended-menu>ul.sub-menu:after,
nav ul.extra:after,
.wysiwyg p:after,
.content-wrap section.internal-title:after,
.content-wrap .left-column:after,
.content-wrap .right-column:after,
.flexible-content .two-column:after,
section.home-banner .slide .inner:after,
section.home-banner .slide .text:after,
section.introduction .news-updates:after,
section.carousel .carousel-slideshow a.slide .text ul li:after,
section.carousel .content-carousel-slideshow a.slide .text ul li:after,
.footer-blocks:after,
.brand-splash .brand-logos ul:after,
.technologies-splash:after,
.technologies-splash ul:after,
.poster-creator-intro:after,
.archive-news .archive-item:after,
.archive-safety .safety-filter-wrap:after,
.archive-safety .masonry:after,
.archive-safety .archive-item:after,
.archive-brands .brands ul:after,
.single-product section.overview:after,
.single-product section.properties .specs ul li:after,
.single-product section.taxonomies ul:after,
.single-product section.taxonomies.technologies ul:after,
.single-product section.taxonomies.features ul:after,
.single-product section.taxonomies.industries ul:after,
.datasheet-pop .gform_wrapper .gform_body:after,
.archive-tiled:after,
.archive-tiled .archive-blurb:after,
.archive-tiled .list-item .text ul li:after,
.archive-features .features-wrap .feature:after,
.parent-page-flexible-content .two-column:after,
.page-contact .contact-details ul li:after,
.page-contact .contact-form .gform_body ul:after,
.page-contact .contact-form .gform_footer:after,
.product-select .form-row label:after,
.product-select .form-submit:after,
footer .middle:after,
footer .middle .contact-details ul li:after,
footer .middle .gform_wrapper form:after,
footer .middle .gform_wrapper .gform_body ul:after,
footer .social:after,
footer .social ul:after,
footer .bottom:after,
footer .bottom .lists:after {
	content: " ";
	display: table
}

.clearfix:after,
.global-container:after,
.table .table-cell:after,
.free-footwear-audit:after,
.request-a-callback:after,
.free-footwear-audit .gform_wrapper .gform_body:after,
.request-a-callback .gform_wrapper .gform_body:after,
header .top:after,
header .brand-logos:after,
nav:after,
nav ul.menu:after,
nav ul.menu>li.menu-item-has-children:not(.extended-menu)>ul.sub-menu:after,
nav ul.menu>li.extended-menu>ul.sub-menu:after,
nav ul.extra:after,
.wysiwyg p:after,
.content-wrap section.internal-title:after,
.content-wrap .left-column:after,
.content-wrap .right-column:after,
.flexible-content .two-column:after,
section.home-banner .slide .inner:after,
section.home-banner .slide .text:after,
section.introduction .news-updates:after,
section.carousel .carousel-slideshow a.slide .text ul li:after,
section.carousel .content-carousel-slideshow a.slide .text ul li:after,
.footer-blocks:after,
.brand-splash .brand-logos ul:after,
.technologies-splash:after,
.technologies-splash ul:after,
.poster-creator-intro:after,
.archive-news .archive-item:after,
.archive-safety .safety-filter-wrap:after,
.archive-safety .masonry:after,
.archive-safety .archive-item:after,
.archive-brands .brands ul:after,
.single-product section.overview:after,
.single-product section.properties .specs ul li:after,
.single-product section.taxonomies ul:after,
.single-product section.taxonomies.technologies ul:after,
.single-product section.taxonomies.features ul:after,
.single-product section.taxonomies.industries ul:after,
.datasheet-pop .gform_wrapper .gform_body:after,
.archive-tiled:after,
.archive-tiled .archive-blurb:after,
.archive-tiled .list-item .text ul li:after,
.archive-features .features-wrap .feature:after,
.parent-page-flexible-content .two-column:after,
.page-contact .contact-details ul li:after,
.page-contact .contact-form .gform_body ul:after,
.page-contact .contact-form .gform_footer:after,
.product-select .form-row label:after,
.product-select .form-submit:after,
footer .middle:after,
footer .middle .contact-details ul li:after,
footer .middle .gform_wrapper form:after,
footer .middle .gform_wrapper .gform_body ul:after,
footer .social:after,
footer .social ul:after,
footer .bottom:after,
footer .bottom .lists:after {
	clear: both
}

.visuallyhidden,
.single-product .hide-datasheet-pop {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.flexible-content .gform_confirmation_message {
	color: #e2251b;
	display: block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 1.33333em
}

.flexible-content .gform_wrapper {
	margin-bottom: 4em
}

.flexible-content .gform_wrapper .gform_title {
	font-size: 3em;
	margin-bottom: .66667em
}

.flexible-content .gform_wrapper .gform_description {
	color: #444;
	display: block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	line-height: 150%;
	margin-bottom: 2em
}

.flexible-content .gform_wrapper .validation_error {
	color: #c33;
	display: block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 1.33333em
}

.flexible-content .gform_wrapper .validation_message {
	display: none
}

.flexible-content .gform_wrapper .gform_fields {
	margin: 0;
	padding: 0
}

.flexible-content .gform_wrapper .gform_fields .gfield {
	list-style: none;
	margin-bottom: 2em
}

.flexible-content .gform_wrapper .gform_fields .gfield.gform_validation_container {
	display: none !important
}

.flexible-content .gform_wrapper .gform_fields .gfield .gfield_label {
	display: block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	margin-bottom: .71429em
}

.flexible-content .gform_wrapper .gform_fields .gfield .gfield_required {
	color: #c33;
	display: inline-block;
	margin-left: .5em
}

.flexible-content .gform_wrapper .gform_fields .gfield .instruction {
	color: #a59898;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	margin-top: .71429em
}

.flexible-content .gform_wrapper .gform_fields .gfield.gfield_error input[type="text"],
.flexible-content .gform_wrapper .gform_fields .gfield.gfield_error input[type="email"],
.flexible-content .gform_wrapper .gform_fields .gfield.gfield_error textarea {
	border-color: #c33
}

.flexible-content .gform_wrapper .gform_fields .gfield .ginput_complex.ginput_container_name {
	display: flex
}

.flexible-content .gform_wrapper .gform_fields .gfield .ginput_complex.ginput_container_name>span {
	flex-grow: 1;
	margin-right: 1em
}

.flexible-content .gform_wrapper .gform_fields .gfield .ginput_complex.ginput_container_name>span:last-of-type {
	margin-right: 0
}

.flexible-content .gform_wrapper .gform_fields .gfield .ginput_complex.ginput_container_name>span label {
	color: #a59898;
	display: block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	margin-top: .71429em
}

.flexible-content .gform_wrapper .gform_fields .gfield .ginput_complex.ginput_container_address>span {
	display: block;
	margin-bottom: 1em
}

.flexible-content .gform_wrapper .gform_fields .gfield .ginput_complex.ginput_container_address>span label {
	display: none
}

.flexible-content .gform_wrapper .gform_fields .gfield .gfield_checkbox,
.flexible-content .gform_wrapper .gform_fields .gfield .gfield_radio {
	margin: 0;
	padding: 0
}

.flexible-content .gform_wrapper .gform_fields .gfield .gfield_checkbox li,
.flexible-content .gform_wrapper .gform_fields .gfield .gfield_radio li {
	display: inline-block;
	font-size: inherit;
	list-style: none;
	margin: 0 2em 0 0;
	padding: 0
}

.flexible-content .gform_wrapper .gform_fields .gfield .gfield_checkbox li input,
.flexible-content .gform_wrapper .gform_fields .gfield .gfield_radio li input {
	margin-right: 10px
}

.flexible-content .gform_wrapper .gform_fields .gfield .gfield_checkbox li label,
.flexible-content .gform_wrapper .gform_fields .gfield .gfield_radio li label {
	color: #666666;
	display: inline-block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	margin-top: .71429em
}

.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_checkbox,
.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_radio {
	display: flex;
	margin: 0;
	padding: 0
}

.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_checkbox li,
.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_radio li {
	flex-grow: 1;
	font-size: inherit;
	list-style: none;
	margin: 0 1em 0 0;
	padding: 0;
	position: relative
}

.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_checkbox li:last-child,
.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_radio li:last-child {
	margin: 0
}

.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_checkbox li input,
.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_radio li input {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_checkbox li label,
.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_radio li label {
	border: 1px solid #c9c1c1;
	box-sizing: border-box;
	display: block;
	outline: none;
	color: #666666;
	cursor: pointer;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	padding: 1.07143em 1.42857em;
	text-align: center
}

.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_checkbox li input:checked+label,
.flexible-content .gform_wrapper .gform_fields .gfield.advanced .gfield_radio li input:checked+label {
	background: #e2251b;
	border-color: #e2251b;
	color: #FFFFFF
}

.flexible-content .gform_wrapper .gform_fields .gfield .ginput_container_fileupload {
	border: 1px solid #c9c1c1;
	padding: 1.42857em 1.42857em
}

.flexible-content .gform_wrapper .gform_fields .gfield input[type="text"],
.flexible-content .gform_wrapper .gform_fields .gfield input[type="email"],
.flexible-content .gform_wrapper .gform_fields .gfield textarea {
	border: 1px solid #c9c1c1;
	box-sizing: border-box;
	outline: none;
	color: #000000;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	padding: 1.07143em 1.42857em;
	width: 100%;
	margin: 0;
	outline: 0;
	line-height: 1;
	-webkit-appearance: none
}

.flexible-content .gform_wrapper .gform_fields .gfield input[type="text"]:focus,
.flexible-content .gform_wrapper .gform_fields .gfield input[type="email"]:focus,
.flexible-content .gform_wrapper .gform_fields .gfield textarea:focus {
	border-color: #a59898
}

.flexible-content .gform_wrapper .gform_fields .gfield input[type="text"].small,
.flexible-content .gform_wrapper .gform_fields .gfield input[type="email"].small {
	max-width: 10.71429em
}

.flexible-content .gform_wrapper .gform_fields .gfield input[type="text"].medium,
.flexible-content .gform_wrapper .gform_fields .gfield input[type="email"].medium {
	max-width: 35.71429em
}

.flexible-content .gform_wrapper .gform_fields .gfield textarea {
	line-height: 150%
}

.flexible-content .gform_wrapper .gform_fields .gfield textarea.small {
	height: 5.71429em
}

.flexible-content .gform_wrapper .gform_fields .gfield textarea.medium {
	height: 8.57143em
}

.flexible-content .gform_wrapper .gform_fields .gfield textarea.large {
	height: 17.14286em
}

.flexible-content .gform_wrapper .gform_fields .gfield select {
	border: 1px solid #c9c1c1;
	box-sizing: border-box;
	outline: none;
	color: #000000;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	line-height: 150%;
	padding: 1.07143em 1.42857em;
	width: 100%
}

.flexible-content .gform_wrapper .gform_fields .gfield select.small {
	max-width: 10.71429em
}

.flexible-content .gform_wrapper .gform_fields .gfield select.medium {
	max-width: 35.71429em
}

.flexible-content .gform_wrapper .gform_fields .gfield select[multiple] {
	max-width: none
}

.flexible-content .gform_wrapper .gform_fields .gfield select[multiple].small {
	max-width: none
}

.flexible-content .gform_wrapper .gform_fields .gfield select[multiple].medium {
	max-width: none
}

.flexible-content .gform_wrapper .gform_footer {
	clear: both;
	text-align: right
}

.flexible-content .gform_wrapper .gform_footer input[type="submit"] {
	-webkit-appearance: none;
	background-color: #e2251b;
	background-image: none;
	border: 0;
	box-shadow: none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 3.21429em;
	margin: 0;
	overflow: visible;
	padding: 0 1.78571em;
	position: relative;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	transition: all 0.2s;
	white-space: nowrap
}

.flexible-content .gform_wrapper .gform_footer input[type="submit"]:hover {
	background: #e1251b
}

@media screen and (max-width: 1140px) {
	nav ul.menu>li>a {
		padding: 0 1.57143em 0
	}
}

@media screen and (max-width: 1018px) {
	.global-margin section.introduction .news-updates {
		margin: 0
	}
	.poster-queue-archive {
		position: absolute
	}
	header {
		height: auto
	}
	header .top {
		position: relative;
		right: auto;
		top: auto
	}
	header .top .telephone {
		margin: 0;
		width: 100%;
		text-align: center;
		background: #17422b
	}
	header .top .telephone a {
		color: #fff
	}
	header .top a.callback,
	header .top a.footwear-audit {
		width: 50%;
		padding: 0;
		text-align: center
	}
	header .brand-logos {
		display: none
	}
	header .logo {
		display: block;
		position: relative;
		margin: 0 auto;
		top: auto;
		left: auto
	}
	header ul#menu-navigation {
		display: none
	}
	header ul#menu-navigation>li:first-child {
		border: 0
	}
	header ul#menu-navigation li {
		position: relative;
		border-top: 1px solid #4d4d4d;
		width: 100%;
		background: #303030
	}
	header ul#menu-navigation li a {
		width: 100%;
		padding: 0;
		font-weight: 600;
		text-transform: uppercase;
		color: #fff;
		font-family: "Metropolis", sans-serif;
		font-size: 1.6em;
		font-weight: 500;
		color: #fff;
		line-height: 3.75em;
		text-align: center;
		display: block;
		-o-transition: .1s ease-in-out;
		-ms-transition: .1s ease-in-out;
		-moz-transition: .1s ease-in-out;
		-webkit-transition: .1s ease-in-out;
		transition: .1s ease-in-out
	}
	header ul#menu-navigation li a:hover {
		background: #363636
	}
	header ul#menu-navigation li ul.sub-menu {
		display: none;
		position: relative
	}
	header ul#menu-navigation li ul.sub-menu li {
		background: #3b3b3b
	}
	header ul#menu-navigation li ul.sub-menu li a {
		font-weight: 300
	}
	header ul#menu-navigation li ul.sub-menu li a:hover {
		background: #3f3f3f
	}
	header ul#menu-navigation li ul.sub-menu .indicator {
		background: #3b3b3b
	}
	header ul#menu-navigation li ul.sub-menu .indicator:hover {
		background: #3f3f3f
	}
	header ul#menu-navigation li ul.sub-menu ul.sub-menu li {
		border-top: 1px solid #666;
		background: #4b4b4b
	}
	header ul#menu-navigation li ul.sub-menu ul.sub-menu li:first-child {
		border: 0
	}
	header ul#menu-navigation li ul.sub-menu ul.sub-menu li a:hover {
		background: #4f4f4f
	}
	header ul#menu-navigation li ul.sub-menu .products-submenu-blurb {
		display: none
	}
	header ul#menu-navigation li .indicator {
		position: absolute;
		background: #303030;
		display: block;
		top: 0;
		left: 0;
		height: 6em;
		width: 6em;
		border-right: 1px solid #4d4d4d;
		cursor: pointer;
		box-sizing: border-box
	}
	header ul#menu-navigation li .indicator:before {
		content: ' ';
		position: absolute;
		top: 2.5em;
		left: 2.5em;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: .6em 0 .6em 1.04em;
		border-color: transparent transparent transparent #fff;
		-o-transition: .2s ease-in-out;
		-ms-transition: .2s ease-in-out;
		-moz-transition: .2s ease-in-out;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out
	}
	header ul#menu-navigation li .indicator.open:before {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
	}
	header ul#menu-navigation li .indicator:hover {
		background: #363636
	}
	header ul#menu-navigation .global-linked-banners {
		display: none
	}
	header nav {
		position: relative;
		bottom: auto
	}
	header nav ul.extra {
		width: 100%
	}
	header nav ul.extra li {
		float: left;
		border-right: 1px solid #4d4d4d;
		border-left: 0
	}
	header nav ul.extra li.reveal {
		float: right;
		border-left: 1px solid #4d4d4d;
		border-right: 0;
		display: block
	}
	header .form-wrap {
		background: #303030;
		padding: 2em 0;
		width: 100%;
		display: none
	}
	header .form-wrap form {
		text-align: center
	}
	header .form-wrap form input {
		display: inline-block;
		text-align: center
	}
	header .form-wrap form input.text {
		border: 0;
		height: 3.21429em;
		background: #fff;
		font-family: "Metropolis", sans-serif;
		font-size: 1.4em;
		font-weight: 300;
		color: #e2251b;
		text-indent: 1.42857em;
		line-height: 3.21429em;
		width: 18.57143em;
		text-align: left
	}
	header .form-wrap form input.submit {
		height: 3.21429em;
		font-family: "Metropolis", sans-serif;
		font-size: 1.4em;
		font-weight: 400;
		color: #fff;
		text-transform: uppercase;
		padding: 0 1.78571em;
		line-height: 3.21429em;
		background: #e2251b;
		border: 0
	}
	header .google-translate {
		background: #303030;
		padding: 2em 3em;
		z-index: 300;
		line-height: 1.2;
		text-align: center;
		display: none
	}
	header .google-translate div#google_translate_element {
		background: #eee;
		display: inline-block;
		padding: 0.8em 1.4em;
		min-width: 34em
	}
	header .google-translate div#google_translate_element select {
		width: 100%
	}
	.sidebar .link-button {
		width: 50%;
		margin: 0;
		box-sizing: border-box
	}
	.sidebar .link-button.standards {
		padding: 0 1em 0 0
	}
	.sidebar .link-button.technologies {
		padding: 0 0 0 1em
	}
	section.home-banner .cycle-slideshow {
		height: 36em
	}
	section.home-banner .slide {
		height: 36em
	}
	section.home-banner .slide .inner {
		padding: 0
	}
	section.home-banner .slide .floating-shoe {
		display: none
	}
	section.home-banner .slide .text {
		border: 0;
		text-align: center;
		padding: 0 15%;
		max-width: none
	}
	section.home-banner .slide .text h2 {
		text-align: center;
		font-size: 2.8em
	}
	section.home-banner .slide .text h2 br {
		display: none
	}
	section.home-banner .slide .text a,
	section.home-banner .slide .text a:first-of-type {
		display: inline-block;
		margin: 2em 0.5em 0;
		float: none
	}
	section.introduction .about-blurb {
		width: 100%;
		margin: 0 0 4em
	}
	section.introduction .banner {
		width: 100%
	}
	section.introduction .sidebar {
		width: 100%
	}
	section.introduction .sidebar .link-button.standards {
		float: right;
		width: 49%;
		margin: 0
	}
	section.introduction .sidebar .link-button.technologies {
		float: left;
		width: 49%;
		margin: 0
	}
	section.introduction .news-updates {
		width: 100%
	}
	section.introduction .news a.article .image img {
		height: auto
	}
	section.introduction .slider-wrap {
		height: auto
	}
	section.breadcrumb a.basket.show {
		position: relative;
		width: 100%;
		text-align: center;
		padding: 0
	}
	.archive-brands .brands ul li {
		width: 50%
	}
	.archive-brands .brands ul li.vixen {
		padding: 0 1em 0 0;
		margin: 0 0 2em
	}
	.archive-brands .brands ul li.tomcat {
		padding: 0 0 0 1em;
		margin: 0 0 2em
	}
	.archive-brands .brands ul li.pro-man {
		padding: 0 1em 0 0;
		clear: both
	}
	.archive-brands .brands ul li.rock-fall {
		padding: 0 0 0 1em
	}
	.archive-news .archive-item a.image {
		position: relative;
		height: 18em
	}
	.archive-safety .safety-filter-wrap {
		text-align: left
	}
	.archive-safety .safety-filter-wrap span {
		width: 100%;
		display: block
	}
	.archive-safety .introduction,
	.archive-safety .archive-item {
		width: 46.66%
	}
	.content-wrap .main-column,
	.content-wrap .sidebar,
	.content-wrap .right-column,
	.content-wrap .left-column {
		width: 100%
	}
	.flexible-content .two-column .left,
	.flexible-content .two-column .right {
		width: 100%;
		padding: 0
	}
	.parent-page-flexible-content .two-column .text {
		width: 100%
	}
	.parent-page-flexible-content .two-column .image {
		width: 100%;
		position: relative;
		padding: 0 0 60%
	}
	.brand-splash {
		padding: 0
	}
	.brand-splash .text {
		position: relative;
		padding: 6em;
		text-align: center
	}
	.brand-splash .image {
		position: relative;
		width: auto;
		top: auto;
		right: auto;
		text-align: center
	}
	.brand-splash .image img {
		display: inline-block;
		width: auto;
		max-width: 100%
	}
	.brand-splash .brand-logos {
		margin: 0;
		padding: 0
	}
	.features-splash .text {
		padding: 0
	}
	.technologies-splash {
		padding: 0 3em
	}
	.technologies-splash .text {
		text-align: center;
		float: none;
		width: 100%;
		padding: 7em 0 0
	}
	.technologies-splash .text a.all-technologies {
		margin: .66667em 0 0
	}
	.technologies-splash ul {
		float: none;
		width: 100%
	}
	.brand-introduction .upper {
		position: relative;
		padding: 0 6em 6em;
		text-align: center
	}
	.brand-introduction .upper .image {
		margin: 4em 0 0;
		position: relative;
		width: auto;
		top: auto;
		right: auto;
		text-align: center
	}
	.brand-introduction .upper .image img {
		display: inline-block;
		width: auto;
		max-width: 100%
	}
	.brand-introduction .lower {
		padding: 4em 6em 2em;
		text-align: center
	}
	.brand-introduction .lower a.view-range {
		display: inline-block;
		position: relative;
		bottom: auto;
		right: auto;
		margin: 1.33333em 0 0
	}
	.poster-creator-intro .text {
		width: 100%
	}
	.poster-creator-intro .image {
		width: 100%;
		padding: 0;
		text-align: center;
		margin: 0 0 2em
	}
	.poster-creator-intro .image img {
		width: auto;
		max-width: 100%;
		display: inline-block
	}
	.archive-tiled .list-item {
		width: 50%
	}
	.archive-tiled .list-item:nth-child(3n+3) a {
		margin-right: auto
	}
	.archive-tiled .list-item:nth-child(3n+1) a {
		margin-left: auto
	}
	.archive-tiled .list-item:nth-child(2n-1) {
		padding: 0 1em 0 0
	}
	.archive-tiled .list-item:nth-child(2n) {
		padding: 0 0 0 1em
	}
	.archive-tiled .list-item:nth-child(3n+1) {
		clear: none
	}
	.archive-tiled .list-item:nth-child(2n+1) {
		clear: both
	}
	.archive-news .archive-item a.image {
		width: 100%
	}
	.archive-news .archive-item .text {
		width: 100%
	}
	.single-news .date {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		padding: 1em 4em
	}
	.single-news .date span.day,
	.single-news .date span.month-year {
		display: inline;
		font-size: 1.6em;
		font-weight: 400
	}
	.single-news .date span.day br,
	.single-news .date span.month-year br {
		display: none
	}
	.page-contact .contact-form .gform_body ul li#field_1_2 {
		width: 60%
	}
	.page-contact .contact-form .gform_body ul li#field_1_7 {
		width: 40%
	}
	.page-contact .contact-form .gform_body ul ul.indust-form-left,
	.page-contact .contact-form .gform_body ul ul.indust-form-right {
		width: 100%;
		padding: 0
	}
	.page-contact .contact-form .gform_body ul li#field_6_1,
	.page-contact .contact-form .gform_body ul li#field_7_1,
	.page-contact .contact-form .gform_body ul li#field_6_2,
	.page-contact .contact-form .gform_body ul li#field_7_2,
	.page-contact .contact-form .gform_body ul li#field_6_3,
	.page-contact .contact-form .gform_body ul li#field_7_3 {
		width: 100%;
		padding: 0
	}
	.page-contact .contact-form .gform_body ul li#field_7_4 {
		clear: both
	}
	section.brand-logos ul li {
		width: 50%
	}
	.product-select .form-row {
		width: 100%
	}
	.product-select .form-row:nth-child(3n-2),
	.product-select .form-row:nth-child(3n-1),
	.product-select .form-row:nth-child(3n) {
		margin: 0 0 2%
	}
	.product-select .col-left,
	.product-select .col-right {
		width: 100%;
		margin: 0
	}
	section.global-linked-banners a {
		width: 100%;
		margin: 2em 0 0
	}
	section.global-linked-banners a:first-child {
		margin: 0
	}
	footer .top .gform_wrapper {
		margin: 1em 0 4em;
		box-sizing: border-box
	}
	footer .top .gform_wrapper form {
		width: 100%
	}
	footer .top .gform_wrapper .gform_body {
		float: none
	}
	footer .top .gform_wrapper .gform_body ul li {
		width: 100%;
		margin: 0 0 1em
	}
	footer .top .gform_wrapper .gform_body ul li h4 {
		float: none
	}
	footer .top .gform_wrapper .gform_body ul li .ginput_container {
		padding: 0 4em 0 0
	}
	footer .top .gform_wrapper .gform_body ul li input {
		width: 100%;
		padding: 0 1.42857em
	}
	footer .top .gform_wrapper .gform_footer {
		float: none
	}
	footer .top .gform_wrapper .gform_footer input {
		width: 100%
	}
	footer .middle {
		text-align: center
	}
	footer .middle h4 {
		text-align: center
	}
	footer .middle .newsletter {
		display: inline-block;
		float: none;
		padding: 2em 0 0
	}
	footer .middle .contact-details {
		float: none
	}
	footer .middle .contact-details span.address {
		width: 100%;
		text-align: center
	}
	footer .middle .contact-details ul {
		width: 100%
	}
	footer .middle .contact-details ul li {
		text-align: center
	}
	footer .middle .contact-details ul li span.label,
	footer .middle .contact-details ul li span.detail {
		float: none;
		display: inline-block
	}
	footer .middle .contact-details ul li span.label {
		min-width: 0;
		margin: 0 .66667em 0 0
	}
	footer .middle .gform_wrapper .validation_message {
		position: relative;
		margin: 0
	}
	footer .middle .twitter-feed {
		margin: 4em 0 0;
		width: 100%;
		float: none
	}
	footer .middle .twitter-feed p {
		text-align: center
	}
	footer .middle .bsif-logo {
		width: 100%;
		text-align: center
	}
	footer .middle .bsif-logo img {
		width: 10em
	}
	footer .social ul li {
		display: block;
		width: 100%;
		float: none
	}
	footer .social ul li.left {
		margin: 0 0 1em
	}
	footer .social ul li.right {
		margin: 1em 0 0
	}
	footer .bottom {
		text-align: center
	}
	footer .bottom ul.social-icons {
		width: 100%
	}
	footer .bottom .lists {
		margin: 0 0 4em;
		text-align: center
	}
	footer .bottom .lists .column {
		float: none
	}
	footer .bottom .lists .column.contact-details,
	footer .bottom .lists .column.learn-more,
	footer .bottom .lists .column.most-popular,
	footer .bottom .lists .column.best-sellers {
		width: 100%
	}
	footer .bottom .lists .column ul {
		margin: 0 0 2em
	}
	footer .bottom .lists .column ul li {
		display: block
	}
	footer .bottom .lists .column ul.contact li span.label {
		width: auto;
		margin: 0 1em 0 0
	}
	footer .bottom .bsif-logo,
	footer .bottom .shoe-aid {
		display: inline-block;
		float: none
	}
	footer .bottom .strip {
		text-align: center
	}
	footer .bottom .strip .copy {
		display: block;
		margin: 0 0 .76923em
	}
	footer .bottom .strip ul li:first-child {
		margin: 0
	}
	footer .bottom .strip .site-by-alt {
		float: none;
		display: block;
		margin: .76923em 0 0
	}
}

@media screen and (max-width: 782px) {
	html {
		font-size: 9px
	}
	.free-footwear-audit .gform_wrapper .gform_body ul.right-column,
	.free-footwear-audit .gform_wrapper .gform_body ul.left-column,
	.request-a-callback .gform_wrapper .gform_body ul.right-column,
	.request-a-callback .gform_wrapper .gform_body ul.left-column {
		width: 100%
	}
	section.home-banner .slide .text p {
		display: none
	}
	.archive-tiled .archive-blurb .archive-blurb-icon {
		float: none;
		position: relative;
		width: auto;
		min-height: 0;
		border-top: 1px solid #e2dcdc;
		border-left: 1px solid #e2dcdc;
		border-right: 1px solid #e2dcdc;
		border-bottom: none
	}
	.archive-tiled .archive-blurb .archive-blurb-icon img {
		max-width: 20em;
		margin: 1em 4em
	}
	.archive-tiled .archive-blurb .archive-blurb-flex {
		width: 100%;
		margin: 0
	}
	footer .social {
		text-align: center
	}
	footer .social ul.social-icons li {
		display: block
	}
	footer .social ul.social-icons li.left {
		float: none;
		margin: 0 0 1em
	}
	footer .social ul.social-icons li.right {
		float: none;
		margin: 1em 0 0
	}
}

@media screen and (max-width: 600px) {
	html {
		font-size: 8px
	}
	section.introduction .link-button.standards {
		width: 100%;
		margin: 0 0 2em
	}
	section.introduction .link-button.technologies,
	section.introduction .link-button.latest-news {
		width: 100%;
		margin: 0
	}
	section.introduction .news-updates a.article {
		width: 100%
	}
	section.introduction .news-updates a.article:first-child {
		margin: 0 0 3em
	}
	section.introduction .sidebar .link-button.technologies {
		width: 100%;
		margin: 0 0 2em
	}
	section.introduction .sidebar .link-button.standards {
		width: 100%
	}
	.archive-brands .brands ul li {
		width: 100%
	}
	.archive-brands .brands ul li a .icon {
		width: 30%;
		margin: 0 35%
	}
	.archive-brands .brands ul li.vixen,
	.archive-brands .brands ul li.tomcat,
	.archive-brands .brands ul li.pro-man {
		padding: 0;
		margin: 0 0 2em
	}
	.archive-brands .brands ul li.rock-fall {
		padding: 0;
		margin: 0
	}
	.archive-safety .introduction {
		width: 96.66%
	}
	.archive-safety .introduction h3 br {
		display: none
	}
	.archive-safety .archive-item {
		width: 96.66% !important;
		overflow: hidden
	}
	.archive-safety .archive-item .text {
		padding: 1em !important
	}
	.single-product section.overview .brand-logo {
		display: none
	}
	.single-product section.overview .text {
		width: 100%;
		padding: 3em 4em
	}
	.single-product section.overview .text h2 {
		display: none
	}
	.single-product section.taxonomies.technologies ul li {
		width: 33.33%
	}
	.single-product section.taxonomies.technologies ul li:nth-of-type(4n+1) {
		clear: none
	}
	.single-product section.taxonomies.features ul li {
		width: 12.5%
	}
	.product-select .form-row {
		float: none;
		margin: 0 0 4%;
		width: auto
	}
	.product-select .form-row-alt {
		clear: both;
		float: none;
		margin: 0 0 1em;
		width: auto
	}
	.product-select .form-row-alt.end {
		clear: none;
		float: none
	}
	.product-select .form-row-upload {
		float: none;
		margin: 0 0 1em;
		width: auto
	}
	footer .middle .gform_wrapper .gform_body {
		float: none;
		width: 100%
	}
	footer .middle .gform_wrapper .gform_body ul li {
		width: 100%;
		margin: 0 0 1em
	}
	footer .middle .gform_wrapper .gform_body ul li .ginput_container {
		padding: 0
	}
	footer .middle .gform_wrapper .gform_body ul li input {
		width: 100%;
		box-sizing: border-box
	}
	footer .middle .gform_wrapper .gform_footer {
		float: none;
		width: 100%
	}
	footer .middle .gform_wrapper .gform_footer input {
		width: 100%
	}
	footer .bottom .strip ul li {
		margin: 0;
		display: block;
		line-height: 2
	}
}

@media screen and (max-width: 460px) {
	.sidebar .link-button.standards,
	.sidebar .link-button.latest-news {
		padding: 0;
		width: 100%
	}
	.sidebar .link-button.technologies {
		padding: 0;
		width: 100%;
		margin: 0 0 2em
	}
	.archive-tiled .list-item {
		width: 50%
	}
	.archive-tiled .list-item .text h2 {
		font-size: 16px
	}
	.single-product section.taxonomies.technologies ul li {
		width: 50%
	}
	.single-product section.taxonomies.features ul li {
		width: 16.66%
	}
	section.brand-logos ul li {
		width: 100%
	}
	.brand-splash .brand-logos ul li {
		width: 100%
	}
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none
}

.fancybox-opened {
	z-index: 8030
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer,
.fancybox-inner {
	position: relative
}

.fancybox-inner {
	overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%
}

#fancybox-loading {
	background-image: url("../../../img/fancybox_sprite.png")
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url("../../../img/fancybox_loading.gif") center center no-repeat
}

.fancybox-close {
	position: absolute;
	top: -1.7em;
	right: -1.7em;
	cursor: pointer;
	z-index: 8040;
	background: #e2251b;
	border: 2px solid #fff;
	box-sizing: border-box;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.fancybox-close:before {
	font-family: 'icons';
	font-size: 1.6em;
	line-height: 2.125em;
	width: 2.125em;
	display: block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	content: "\e613"
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url("../../../img/blank.gif");
	-webkit-tap-highlight-color: transparent;
	z-index: 8040
}

.fancybox-prev {
	left: 0
}

.fancybox-next {
	right: 0
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	height: 14em;
	border-top: 1px solid #e2dcdc;
	border-bottom: 1px solid #e2dcdc;
	border-sizing: border-box;
	margin: -7em 0 0;
	cursor: pointer;
	z-index: 8040;
	cursor: pointer
}

.fancybox-nav span:before {
	font-family: 'icons';
	font-size: 2em;
	content: "\e602";
	line-height: 7em;
	width: 2.5em;
	display: block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #e2251b
}

.fancybox-prev span {
	left: 0;
	border-right: 1px solid #e2dcdc
}

.fancybox-prev span:before {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.fancybox-next span {
	right: 0;
	border-left: 1px solid #e2dcdc
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important
}

.fancybox-lock {
	overflow: hidden !important;
	width: auto
}

.fancybox-lock body {
	overflow: hidden !important
}

.fancybox-lock-test {
	overflow-y: hidden !important
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url("../../../img/fancybox_overlay.png")
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll
}

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050
}

.fancybox-opened .fancybox-title {
	visibility: visible
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0, 0, 0, 0.8);
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 1.5;
	white-space: nowrap
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}

.fancybox-title-inside-wrap {
	padding-top: 10px
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, 0.8)
}

@CHARSET "UTF-8";
.sbHolder {
	background-color: #fff;
	border: solid 1px #c9c1c1;
	font-family: Arial, sans-serif;
	font-weight: normal;
	position: relative;
	width: 100%;
	height: 4.8em
}

.request-a-callback .sbHolder,
.free-footwear-audit .sbHolder,
.google-translate .sbHolder {
	border: 0
}

.sbSelector {
	display: block;
	left: 0;
	line-height: 1;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 1.42857em;
	top: 0;
	width: 100%;
	height: 3.42857em;
	line-height: 3.42857em;
	box-sizing: border-box;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #e2251b
}

.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
	color: #e2251b;
	outline: none;
	text-decoration: none
}

.sbToggle {
	height: 4.8em;
	width: 4.8em;
	display: block;
	outline: none;
	right: 0;
	position: absolute;
	background: #e2251b
}

.sbToggle:before {
	font-family: 'icons';
	content: "\e60e";
	font-size: 1.7em;
	line-height: 2.82353em;
	width: 100%;
	text-align: center;
	display: block;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff
}

.request-a-callback .sbToggle {
	background: #337e56
}

.free-footwear-audit .sbToggle {
	background: #666
}

.sbToggleOpen:before {
	content: "\e603"
}

.sbToggleOpen:hover {
	background: #e1251b
}

.sbHolderDisabled {
	background-color: #3C3C3C;
	border: solid 1px #515151
}

.sbOptions {
	background: #f8f8f8;
	border: 1px solid #c9c1c1;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2)
}

.request-a-callback .sbOptions,
.free-footwear-audit .sbOptions,
.google-translate .sbOptions {
	border: 0;
	left: 0
}

.sbOptions li {
	border-bottom: 1px solid #c9c1c1
}

.sbOptions li:last-child {
	border: 0
}

.request-a-callback .sbOptions li:first-child,
.free-footwear-audit .sbOptions li:first-child {
	border-top: 1px solid #c9c1c1
}

.sbOptions a {
	display: block;
	outline: none;
	font-family: "Metropolis", sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #e2251b;
	height: 3.42857em;
	line-height: 3.42857em;
	text-indent: 1.42857em
}

.sbOptions a:link,
.sbOptions a:visited {
	color: #e2251b;
	text-decoration: none
}

.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
	background: #f0f0f0
}

.sbOptions li.last a {
	border-bottom: none
}

.sbOptions .sbDisabled {
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px
}

.sbOptions .sbGroup {
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px
}

.sbOptions .sbSub {
	padding-left: 17px
}