/*
Theme Name: Macfarlane Manufacturing 2017
Author: Chris Allen (Reach Marketing)
Description: 
Version: 1.0
*/


/* simple reset */
* {
	margin: 0;
	padding: 0;	
}

/* screen full size - 1000px content width */
body {
	-webkit-text-size-adjust: 100%;
}

img {
	display: block;	
	border: 0px;
}

.clear {
	clear: both;	
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
 
a, ul {
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a {
	color: #004b8d;
	cursor: pointer;
}

a:hover {
	color: #0088cc;
}
 
 
 body {
	font-family: "century-gothic", Helvetica, Arial, sans-serif;
	font-size: 14px;
 }
 
.menu-toggle {
	display: none;	
}

.nav-menu {
	display: block;	
}





.outer-header { 
	width: 100%;
	position: relative;
}

.outer-header .header-image {
	height: 560px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	
}

.outer-header .homepage-video {
	height: 560px;
	width: 100%;
	overflow: hidden;
	position:relative;
}

.outer-header  .homepage-video video {
	height: 700px;	
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
	-moz-transform: translate(-50%, -50%); 
	-o-transform: translate(-50%, -50%); 
	transform: translate(-50%,-50%);
}

.outer-header-thin .header-image {
	height: 275px;
}


.header {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
}

.logo {
	float: left;
	margin-top: 20px;
	margin-left: 1.7%;
}

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


.top-menu {
	float: right;
	margin-top: 18px;
	background: rgba(255,255,255,0.75);
	padding: 0px 5px;
	margin-right: 1.7%;
}

.nav-menu, .nav-menu li {
	list-style-type: none;
}

.nav-menu li {
	float: left;	
	position: relative;
	cursor: pointer;
}

.nav-menu li a {
	display: block;
	padding: 0px 8px;
	line-height: 60px;
	text-align: center;
	text-transform: uppercase;
	color: #004b8d;
	font-size: 14px;
}

.nav-menu li a:hover, .nav-menu li.current_page_item a {
	background-image: url(images/menu-hover.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.nav-menu li ul {
	position: absolute;
	top: 60px;
	left: 0px;
	padding-top: 2px;
	visibility: hidden;
	opacity: 0;
	z-index: 2000;
	width: 200px;
}

.nav-menu li ul li {
	width: 100%;
	
}


.nav-menu li ul li a, .nav-menu li.current_page_item ul li a,  .nav-menu li ul li.current_page_item a {
	display: block;
	line-height: 1.35em;	
	background: rgba(0,75,141,0.75);
	padding: 0px 10px;
	color: #ffffff;
	text-transform: none;
	text-align: left;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 2px;
	background-image: none;
}

.nav-menu li ul li a:hover,   .nav-menu li ul li.current_page_item a {
	background: rgba(0,75,141,1);
	background-image: none;
}

.nav-menu li:hover > ul {
	visibility: visible;
	opacity: 1;
}

.header-message {
	position: absolute;
	left: 1.7%;
	color: #ffffff;
	font-size: 60px;
	line-height: 1.1em;
	-webkit-text-shadow: 0px 0px 4px  rgba(0, 0, 0, 0.15);
	-moz-text-shadow:    0px 0px 4px rgba(0, 0, 0, 0.15);
	text-shadow: 				0px 0px 4px rgba(0, 0, 0, 0.15);
	top: 210px;
}

.header-message-with-rotator {
	top: 150px;	
}

.outer-header-thin .header-message {
	top: 120px;	
}

.header-industries-message {
	top: 250px;	
}


.header-boxes {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 999;
	overflow: hidden;
	height: 160px;
}

.header-box {
	width: 23%;
	height: 160px;
	background-image: url(images/box-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 1000;
	bottom: 0px;
}

.header-box-arrow {
	width: 23%;
	position: absolute;
	z-index: 1001;
	bottom: 22px;
}

.header-box-arrow img {
	margin: 0 auto;
}

.header-box1, .header-box-arrow1 {
	left: 1.7%;
}

.header-box2, .header-box-arrow2 {
	left: 26.23%;
}

.header-box3, .header-box-arrow3 {
	left: 50.7666%
}

.header-box4, .header-box-arrow4 {
	left: 75.2999%
}

.header-box-title {
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	margin-top: 40px;
	line-height: 1.3em;
}


.outer-header .header-box, .outer-header-news .header-box {
	bottom: -115px;
}

.outer-header .header-box-arrow, .outer-header-news .header-box-arrow {
	bottom: 6px;
}

.outer-header .header-boxes-home .header-box {
	bottom: 0px;
}

.outer-header .header-boxes-home .header-box-arrow {
	bottom: 20px;
}



.page-wrapper {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 30px 0px;
	
}

.page-content-outer {
	width: 100%;
	border-bottom: 5px solid #ffffff;	
}

.grey-background {
	background-color: #e6e7e9;	
}

.darkgrey-background {
	background-color: #a3a6aa;	
}

.medgrey-background {
	background-color: #bdbec2	
}

.darkgrey-background h3 {
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	font-weight: normal;	
}

.page-content {
	margin-left: 1.7%;	
	float: left;
	width: 54%;
}


.page-content h1 {
	color: #004b8d;
	font-weight: normal;
	font-size: 36px;	
	margin-bottom: 25px;
}

.page-content h3 {
	font-weight: bold;
	color: #666666;
	margin-bottom: 15px;
	font-size: 17px;	
}

.page-content ol {
	margin-left: 20px;	
	font-weight: bold;
	font-size: 18px;
	color: #004b8d;
}

.page-content ul {
	margin-left: 15px;	
	font-size: 14px;
	list-style-type: disc;
	color: #004b8d;
}

.page-content ul li div {
	color: #666666;
	font-weight: normal !important;	
}

.page-content ul li div strong {
	font-size: 14px;
	font-weight: bold;
	color: #004b8d;
}

.page-content p, .page-content li div, .blog-page-content p {
	color: #666666;
	margin: 15px 0px;
	font-size: 14px;
	font-weight: normal;
}

.page-images-wrapper {
	margin-top: 10px;	
	text-align: center;
	margin-right: 1.7%;	
	float: right;
	width: 35%;
	
}

.page-image {
	margin-bottom: 20px;	
	display: inline-block;
	width: 100%;
}

.page-image a {
	display: block;
	position: relative;	
}

.page-image img {
	width: 100%;
	height: auto;	
	border: 1px solid #dddddd;
}

.click-to-enlarge {
	position: absolute;
	bottom: 1px;
	right: -1px;
	z-index: 10;	
	font-size: 12px;
	color: #ffffff;
	padding: 5px 10px;
	background: #004b8d;
}

.video-container {
	position:relative;
	padding-bottom:56%;
	padding-top:0px;
	height:0;
	overflow:hidden;
	margin-bottom: 40px;
	margin-top: 40px;
}

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

.blog-listing-wrapper h1 {
	color: #004b8d;
	font-weight: normal;
	font-size: 36px;	
	margin-bottom: 25px;
}

.blog-listing-wrapper {
	float: right;
	margin-right: 1.7%;
	width: 72%;
}

.blog-sidebar {
	float: left;
	margin-left: 1.7%;
	width: 23%;
	margin-top: 2px;
}


.blog-page-count {
	float: right;
	font-weight: normal;
	color: #666666;
	font-size: 20px;
}


.blog-listing-wrapper h1 {
		border-bottom: 1px solid #dddddd;
		padding-bottom: 5px;
		color: #666666;
		font-size: 20px;
		margin-bottom: 10px;
		
}

.blog-item-wrapper {
	position: relative;
	padding-bottom: 30px;
	margin-top: 30px;
	border-bottom: 1px solid #dddddd;
}

.blog-item-title {
	margin-bottom: 10px;	
}

.blog-item-title a {
	font-size: 20px;
	
}

.blog-item-image {
	float: right;
	width: 25.5%;
	margin-left: 5%;
	min-height: 185px;
}

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

.blog-item-date {
	font-style: italic;
	margin-bottom: 10px;
	font-size: 12px;	
}

.blog-read-more-link {
	position: absolute;	
	bottom: 0px;
	left: 0px;
}

.blog-read-more-link a {
	background: #004b8d url(images/product-link-arrow.png) no-repeat 95px center;
	color: #ffffff ;
	line-height: 36px;
	padding: 0px 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
	display: block;
	padding-right: 40px;
}

.blog-read-more-link a:hover {
	background-color: #0088cc;	
}

.blog-listing-wrapper .pagination {
	margin-top: 30px;	
}


.blog-sidebar h4 {
	font-weight: normal;
	color: #666666;
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: uppercase;
	
}

.blog-sidebar #searchform, .blog-sidebar ul, .blog-sidebar .wpcf7 {
	margin-bottom: 30px;	
}

.blog-sidebar #searchform label {
	display: none;	
}

.blog-sidebar ul {
	list-style-type: none;	
	margin-lefT: 13px;
}

.blog-sidebar li {
	font-size: 12px;
	margin-bottom: 4px;
	list-style-image: url(images/bullet-point.png);	
}

.blog-sidebar input[type=text], .blog-sidebar input[type=email] {
	width: 90%;	
	display: inline-block;
	padding: 3px;
}

.blog-sidebar input[type=submit] {
	width: 25%;
	display: inline-block;
	border: 0px;
	background: #004b8d;
	color: #ffffff;
	font-family: "century-gothic", Helvetica, Arial, sans-serif;
	line-height: 24px;
	cursor: pointer;
	text-transform: uppercase;
	margin-bottom: 1px;
}


h1.story-title {
	color: #004b8d;
	font-weight: normal;
	font-size: 36px;	
	margin-bottom: 5px;
	border-bottom: 0px;
}



.blog-page-content {
	margin-left: 0px;
	width: 70%;
	padding-top: 0px;
	float: left;
}

.blog-story-images {
	width: 25.5%;
	float: right;	
	margin-top: 15px;
}


.blog-story-images img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.blog-story-date {
	width: 100%;	
	border-bottom: 1px solid #dddddd;
	padding-bottom: 20px;
}

.comment-form label {
	display: block;
}

.comment-form input[type=text], .comment-form input[type=email],.comment-form textarea {
	width: 100%;	
	margin-top: 3px;
	padding: 3px;
	border: 1px solid #dddddd;
}

.comment-form textarea {
	resize: none;	
}

.comment-form input[type=submit] {
	background: #004b8d url(images/product-link-arrow.png) no-repeat 108px center;
	color: #ffffff ;
	line-height: 36px;
	padding: 0px 10px;
	display: block;
	padding-right: 40px;
	cursor: pointer;	
	border: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-transform: uppercase;
}

.comment-form input[type=submit]:hover {
	background-color: #0088cc;	
}

.blog-page-content p {
	color: #666666;
}

.blog-sidebar li {
	font-size: 12px;
    list-style-image: url("images/bullet-point.png");
    margin-bottom: 4px;
}

.blog-page-content ul {
	list-style-type: none;
	margin-left: 30px;	
}

.blog-page-content li {
	color: #666666;	
	 list-style-image: url("images/bullet-point.png");
    margin-bottom: 4px;
}

.blog-page-content blockquote {
	background: #a2a6aa;
	padding: 0px 20px;
	color: #ffffff;
	border: 1px solid #004b8d;	
}

.blog-page-content blockquote p {
	color: #ffffff;	
}


.contact-page {
	width: 	96.6%
}

.contact-page .wpcf7 {
	background-color: #a2a6aa;
	padding: 40px 4%;
	position: relative;
	margin-bottom: 30px;
}

.contact-page .wpcf7 .cf-item {
	width: 46%;
	float: left;
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 16px;
}

.contact-page .wpcf7 .cf-item-right {
	float: right;	
	width: 50%;
}

.contact-page .wpcf7 .cf-label {
	float: left;
}

.contact-page .wpcf7 .cf-input {
	float: right;
	width: 75%;
}

.contact-page .wpcf7 .cf-input input, .contact-page .wpcf7 .cf-input textarea {
	width: 95%;	
	border: 0px;
	font-size: 14px;
	font-family: "century-gothic", Helvetica, Arial, sans-serif;
	padding: 5px 10px;
}

.contact-page .wpcf7 .cf-input textarea {
	height: 130px;	
}

.contact-page .wpcf7 .long-label, .contact-page .wpcf7 .cf-input-short {
	width: 50%;	
}

.contact-page .wpcf7 select {
	width: 100%;	
	border: 0px;
	font-size: 14px;
	font-family: "century-gothic", Helvetica, Arial, sans-serif;
	padding: 2px 10px;
}

.contact-page .wpcf7 select option {
	padding: 5px 10px;	
}

.contact-page .wpcf7 .cf-submit {
	position: absolute;
	bottom: 30px;
	right: 4%;
}

.contact-page .wpcf7 .cf-submit input {
	cursor: pointer;	
	background: none;
	border: none;
	display: block;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 40px;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 32px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.contact-page .wpcf7 .cf-submit input:hover {
	color: 	#004587;
}




.contact-addresses {
	margin-top: 50px;	
	margin-bottom: 50px;
}

.contact-address {
	width: 33%;
	float: left;
	font-size: 18px;
	color: #004b8d;
}

 .contact-address p {
	font-size: 18px;
	color: #004b8d;
}

.contact-main-phone, .contact-main-email {
	font-size: 24px;
	color: #004b8d;
}

.contact-main-email {
	margin-bottom: 100px;
}

.contact-page .wpcf7 .wpcf7-response-output {
	width: 43.1%;
	border: 0px;
	background: #ffffff;
	margin-left: 0px;
}

.contact-page .wpcf7 .wpcf7-validation-errors {
	border-left: 5px solid red;	
	border-bottom: 1px solid red;	
}

.contact-page .wpcf7 .wpcf7-not-valid-tip {
	color: #ffffff;
	background: red;
	padding: 2px 5px;
	font-size: 11px;	
	display: inline-block;
}

.contact-page .wpcf7 .wpcf7-mail-sent-ok {
	border-left: 5px solid green;	
	border-bottom: 1px solid green;	
}




.materials-content {
	margin-bottom: 50px;	
}

.materials-info-box {
	width: 35%;
	float: right;
	background: #ececed;
	margin-right: 1.7%;	
	margin-top: 70px;
	margin-bottom: 50px;
}

.materials-content li {
	margin-bottom: 13px;
	color: #666666;	
}


.materials-list {
	margin: 25px;
}

.materials-list h4 {
	color: #004b8d;
}


.materials-link {
	background: url(images/product-link-blue-arrow.png) no-repeat left center;
	line-height: 20px;
	margin-top: 15px;
	padding-left: 28px;
	color: #004b8d;
	background-size: 20px;
	display: block;
}

.materials-link.active {
	font-weight: bold;	
}

.materials-link:hover {
	opacity: 0.8;
}	

.industries-content li {
	margin-bottom: 13px;
	font-weight: bold;
}


.industries-cstudies {
	margin-bottom: 50px;	
	margin-top: 50px;
}

.industries-cstudies h4 {
	font-size: 24px;
	margin-bottom: 10px;
	color: 	#004b8d;
	font-weight: normal;
}

.item-link {
	background-color: #004b8d;	
	display: block;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 10px 0px 10px 0px;
	position: relative;
}

.item-link div {
	color: #ffffff;	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0px 45px 0px 10px;
	font-size: 12px;
}

.item-link span {
	display: block;
	width: 35px;
	height: 36px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: #969ea2;
	background-image: url(images/product-link-arrow.png);
	background-repeat: no-repeat;
	background-position: center 6px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.item-link:hover {
	background-color: #969ea2;
}

.item-link:hover span {
	background-color: #004b8d;
}

.about-intro {
	margin-left: 1.7%;
	margin-right: 1.7%;
}

.about-intro p {
	color: #666666;
	font-size: 24px;	
	margin: 10px 0px;
	margin-right: 50px;
}

.about-boxes {
	display: -webkit-flex;
	display: flex;	
	margin: 0px 1.7%;
}

.about-box-item {
	border: 1px solid #004b8d;
	width: 32%;
	margin-right: 2%;
	position: relative;
}

.about-box-item:last-child {
	margin-right: 0px;	
}

.about-box-title {
	background: #004b8d;
	color: #ffffff;
	padding: 10px;
	font-size: 26px;	
	margin-bottom: 5px;
}

.about-box-image img {
	margin: 0 auto;
}

.about-box-content {
	margin: 10px;
	font-size: 14px;	
}

.about-box-link {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color:  #004b8d;
	background-image: url(images/product-link-arrow.png);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	background-size: 22px;
}

.about-box-link:hover {
	opacity: 0.8;	
}


.about-left-content {
	margin-left: 1.7%;
	width: 47.4%;
	float: left;
	margin-bottom: 50px;
	margin-top: 30px;
}	

.about-right-content {
	margin-right: 1.7%;
	width: 47.4%;
	float: right;
	margin-top: 30px;
	margin-bottom: 50px;
}	

.about-right-content .video-container {
	margin: 0px;	
}


.flex-wrapper {
	display: -webkit-flex;
	display: flex;	
	margin: 0px 1.7%;
}

.hp-top-box {
	width: 23.75%;
	margin-right: 1.7%;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	display: block;
}


.certificate-links {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

a.certificate-link {
	margin-bottom: 0px;	
	margin-top: 1px
}

.hp-blog {
	width: 49.2%;	
}

.hp-blocks {
	padding-bottom: 30px;
	position: relative;
}
.hp-blocks h3.blue, .hp-top-box h3.blue {
	background-color: #004b8d;
}

.hp-blocks h3.grey, .hp-top-box h3.grey {
	background-color: #a2a6aa;
}

.hp-blocks h3.green, .hp-top-box h3.green {
	background-color: #62b55a;
}

.hp-blocks h3, .hp-top-box h3 {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 	42px;
	padding: 0px 10px;
	margin-bottom: 7px;
	background-image: url(images/box-bg.png);
	background-repeat: no-repeat;
	background-position:  left -2px;
	font-size: 14px;
}

.hp-blog-list {
	margin: 0px !important;	
	display: -webkit-flex;
	display: flex;
	
}

.hp-blog-list li {
	position: relative;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 45px;
	
}

.hp-blocks .bx-controls {
	position: absolute;
	top: 14px;	
	right: 15px;
	z-index: 3000;
}

.hp-blocks .bx-controls a.bx-prev, .hp-blocks .bx-controls a.bx-next {
	color: transparent;
	width: 12px;
	height: 15px;	
	display: block;
	float: left;
	margin-left: 20px;
}

.hp-blocks .bx-controls a.bx-prev {
	background: url(images/home-arrow-left.png) no-repeat;	
}

.hp-blocks .bx-controls a.bx-next {
	background: url(images/home-arrow-right.png) no-repeat;	
}

.hp-blocks .news-image {
	overflow: hidden;
	height: 172px;
	margin-bottom: 7px;
}

.hp-blocks .news-image img {
		width: 100%;
		height: auto;
		-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}

.hp-blocks .news-image:hover img {
	opacity: 0.8;	
}

.hp-blocks .hp-blog-date {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2000;
	text-align: center;
	padding: 5px 15px 10px 15px;
	color: #ffffff;
	font-weight: bold;
	font-size: 36px;
	line-height: 36px;
}

.hp-blocks .hp-blog-date span {
	display: block;	
	font-size: 20px;
	text-transform: uppercase;
	line-height: 20px;
}

.hp-blocks .hp-blog-date.blue-date {
	background-color: rgba(0,69,135,0.8);
}

.hp-blog-more {
	position: absolute;
	bottom: -10px;
	left: 0px;	
}


.hp-blog-title.blue-title {
	color: #004b8d;
	font-weight: bold;
	font-size: 16px;	
}

.hp-blog-title.blue-title:hover {
	color: #e94e0f;	
}

.hp-blog-item-excerpt {
	font-size: 12px;
	margin-top: 10px;	
}


.hp-blocks-location {
	background-repeat: no-repeat;
	background-position: right 52px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 55px;	
	width: 49.1%;
	height: 378px;
	margin-right: 1.7%;
}

.hp-locations-text p {
	width: 	40%;
	font-size: 22px;
	color: #e5007d;
	margin-top: 15px;
}

.twitter-block {
	width: 49.1%;
	margin-right: 0px;
	height: 403px;
	border: 1px solid #dddddd;
	border-top: 0px;
	
}

.twitter-widget {
	height: 384px;
	overflow-y: auto;	
}


.case-study-listing-wrapper {
	border-bottom: 1px solid #cccccc;	
	margin-left: 1.7%;
	margin-right: 1.7%;
	margin-bottom: 10px;
}

.case-study-link {
	margin-right: 50px;	
	margin-bottom: 11px;
}

.case-studies-single-link {
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 30px;
}

h3.cs_titles {
	color: #004b8d;
	font-weight: normal;
	font-size: 22px;	
}

.case-study-section {
	margin-top: 10px;
	min-height: 219px;
	width: 49.2%;
	margin-left: 0px;
	
}

.case-study-section h3 {
	color: #004b8d;
	font-weight: normal;
	font-size: 22px;
}

.case-studies-images-wrapper {
	width: 49.2%;
	margin-right: 0px;
}	

.reduced-costs-content {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
}

.reduce-costs-intro p {
	color: #004b8d;
	font-size: 22px;
}

.rc-boxes {
	margin: 0px 1.7% 18px 1.7%;
	display: -webkit-flex;
	display: flex;
}

.rc-box {
	width: 33%;	
	margin: 0px 20px 0px 0px;
	padding: 20px 20px 70px 20px;	
	position: relative;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 38%;
}

.rc-box:last-child {
	margin-right: 0px;
}

.rc-title {
	color: #ffffff;
	font-weight: bold;
	font-size: 30px;	
	margin-bottom: 20px;
}

.rc-text {
	font-size: 18px;
	color: #ffffff;	
	margin-right: 25%;
}

.rc-link {
	display: block;
	position: absolute;
	left: 20px;
	bottom: 20px;
	text-transform: uppercase;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	background-image: url(images/product-link-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 35px;
	line-height: 25px;
	
}

.rc-link:hover {
	color: #ffffff;
	opacity: 0.7;	
}

.rc-wrapper {
	display: flex;
	display: -webkit-flex;
	margin-bottom: 50px;
	
}

.rc-main-content {
	margin: 0px 1.7%;
	padding: 25px 35px 35px 35px;
	position: relative;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 28%;
}

.rc_quote {
	background: #959a9d;
	margin-right: 1.7%;
	width: 33%; 	
	margin-left: -0.7%;
	padding: 20px 30px 30px 30px;
}


h1.rc-main-title {
	color: #ffffff;
	font-size: 40px;
	margin-bottom: 25px;
	margin-right: 30%;
	font-weight: bold;
}

.rc-intro-para p {
	color: #ffffff;
	font-weight: normal;
	font-size: 30px;	
	margin-bottom: 25px;
	margin-right: 30%;
}

.rc-page-content p {
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 25px;	
	margin-right: 30%;
}

.rc-page-content ul, .rc-page-content ol {
	margin-top: 20px;
	margin-left: 20px;	
}

.rc-page-content  li, .rc-page-content p {
	margin-bottom: 20px;	
}

.rc-main-link {
	display: inline-block;
	text-transform: uppercase;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	background-image: url(images/product-link-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 40px;
	line-height: 25px;
	margin-top: 25px;
	margin-right: 30%;
}

.rc-main-link:hover {
	opacity: 0.75;
	color: #ffffff;	
}

.centered {
	text-align: center;	
}

.rc-cta-link {
	display: inline-block;
	text-transform: uppercase;
	font-size: 20px;
	color: #004b8d;
	font-weight: bold;
	background-image: url(images/product-link-blue-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 40px;
	line-height: 25px;
	margin-top: 25px;
	margin-bottom: 15px;
	text-align: center;
}

.rc-cta-link:hover {
	opacity: 0.75;
	color: #004b8d;
}


.rc-quote-top {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 20px;
}	

.rc-quote-bottom {
	text-align: right;
	border-top: 1px solid #ffffff;
	margin-top: 20px;
}	

.rc-quote-bottom img {
	float: right;	
}

.rc-quote-text {
	color: #ffffff;
	font-size: 24px;	
}

.rc-quote-name {
	font-size: 14px;
	color: #ffffff;
	margin-top: 10px;
}

.rc-quote-company {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}


.box-breadcrumbs {
	position: absolute;
	top: 	35px;
	right: 25px;
	width: 20%;
	text-align: right;
}

.box-breadcrumbs a {
	margin-bottom: 10px;
	display: block;
	text-align: right;
	color: #ffffff;
	background-image: url(images/product-link-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 18px;
	text-transform: uppercase;
	font-size: 11px;
	padding: 4px 25px 4px 0px;
}

.box-crumb {
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

.box-breadcrumbs a:hover, .box-breadcrumbs a.active {
	opacity: 0.5;	
}














.call-to-action-outer {
	width: 100%;
	background: #ececed;
	border-top: 5px solid #ffffff;
	position: fixed;
	bottom: 0px;
	z-index: 20000;
}

.call-to-action {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

.request-a-catalogue, .customer-feedback {
	float: left;	
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #a2a6aa;
	display: block;
	width: 17.3%;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	padding: 0px 0px 0px 0.7%;
}

.request-a-catalogue span, .customer-feedback span {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: #004587;
	background-image: url(images/product-link-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;	
	background-size: 18px;
}

.request-a-catalogue:hover, .customer-feedback:hover {
	background-color: #004587; 	
	color: #ffffff;
}
.request-a-catalogue {
	margin-left: 1.7%;	
	margin-right: 1.7%;
}


.call-us-footer {
	float: left;
	color: #a2a6aa;
	margin-top: 12px;
	font-size: 16px;
	font-weight: bold;
	margin-right: 1.7%;
}

.call-us-footer a {
	color: #a2a6aa;
}	

.call-us-footer a:hover {
	color: 	#004587;
}

.call-us-footer span {
	display: inline-block;
	color: 	#004587;
	
}




.outer-footer {
	width: 100%;
	background: #004b8d;
}

.footer {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

.footer-social-media {
	float: right;
	margin-right: 1.7%;
}

.footer-social-media a {
	display: block;
	background: #004b8d;
	float: left;
	margin: 12px 0px 14px 8px;
}

.footer-social-media a:hover {
	background: #444444;
}

.footer-copyright {
	margin-left: 1.7%;
	color: #ffffff;
	font-size: 12px;
	padding-top: 12px;
}

.footer-registered {
	margin-left: 1.7%;
	color: #ffffff;
	font-size: 12px;
	float: left
}

.footer-registered a {
	color: #ffffff;
}

.certificates-flex {
	display: -webkit-flex;
	display: flex;	
	margin: 0px 1.7%;
}

.about-quality-certificate {
		width: 24%;
		margin: 0px 1%;
		color: #ffffff;
		text-align: center;
		font-size: 20px;
		background: url("images/product-link-arrow.png") no-repeat center bottom;
		padding-bottom: 40px;
}

.about-quality-certificate:hover {
	color: #ffffff;
	opacity: 0.8;	
}


.case-studies-wrapper {
	margin: 0px 1.7%;
	display: -webkit-flex;
	display: flex;		
	flex-wrap: wrap;
	
}

.case-study-block {
	width: 31%;	
	margin-right: 3.5%;
	margin-bottom: 25px;
	display: block;
	position: relative;
}

.case-study-block:nth-child(3n+3){
	margin-right: 0px;	
}

.case-study-block h4 {
	background: #004b8d;
	color: #ffffff;
	line-height: 30px;
	padding: 0px 10px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
}

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

.case-study-title {
	width: 100%;
	background: #ececed;
	position: relative;
}

.case-study-title span {
	display: table-cell;
	height:60px;
	padding: 0px 100px 0px 10px;
	vertical-align: middle;	
	font-weight: bold;
	font-size: 14px;
}




.case-study-link-arrow {
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: block;
	width: 35px;
	height: 36px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: #004b8d;
	background-image: url(images/product-link-arrow.png);
	background-repeat: no-repeat;
	background-position: center 6px;
}

.case-study-block:hover {
	opacity: 0.7;
}	

.case-study-block:hover .case-study-link-arrow {
	background-color: #969ea2;	
}


.mobile {
	display: none;	
}

.desktop {
	display: block;	
}

/*-------------------------------------------*/
/* # EXTRA to stop arrows disappearing on small screens
/*-------------------------------------------*/
@media only screen and (min-width: 1040px) and (max-width: 1240px) {

	.bx-gallery-pager-wrapper {
		max-width: 900px;
		margin: 15px auto;
		height: 74px;
	}

	.gallery-pager {
		left: 0px;
		
	}
	
	.gallery-pager .img-container {
	  width: 140px;
	  height: 74px;
	}
	
	.slick-prev, .slick-next {
		top: 22px;
	}
	
	.slick-prev {
		left: -45px;
	}
	
	.slick-next {
		right: -35px;
	}

}

/*-------------------------------------------*/
/* #Tablet (Portrait)*/
/*-------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1040px) {

	.menu-toggle {
		display: none;	
	}
	
	.nav-menu {
		display: block;	
	}
	
	
	
	.outer-header .header-image {
		height: 345px;
	}
	
	.header {
		width: 740px;
		max-width: auto;
	}
	
	.logo {
		margin-top: 18px;
		margin-left: 0px;
		width: 140px;
	}
	
	
	.top-menu {
		float: right;
		margin-right: 0px;
	}
	
	.nav-menu li a {
		padding: 0px 5px;
		line-height: 40px;
		font-size: 11px;
		background-position: left -3px;
	}
	
	.nav-menu li a:hover, .nav-menu li.current_page_item a {
		background-position: left -3px;
	}
	
	.nav-menu li ul {
		top: 40px;
		padding-top: 2px;
		width: 180px;
	}
	
	.nav-menu li ul li a, .nav-menu li.current_page_item ul li a,  .nav-menu li ul li.current_page_item a {
		padding: 6px 6px;
		font-size: 12px;
	}
	
	.header-message {
		position: absolute;
		left: 0px;
		font-size:32px;
		top: 140px;
	}
	
	.header-message-with-rotator {
		top: 90px;	
	}
	
	.header-industries-message {
		top: 165px;	
	}
	
	.header-boxes {
		max-width: auto;
		width: 740px;
		height: 120px;
	}
	
	
	
	.header-box {
		width: 176px;
		height: 120px;
		background-position: -7px -2px;
	}
	
	.header-box-arrow {
		width: 176px;
		position: absolute;
		z-index: 1001;
		bottom: 15px;
	}
	
	.header-box-arrow img {
		margin: 0 auto;
		width: 24px;
		height: 24px;
	}
	
	.header-box1, .header-box-arrow1 {
		left: 0px;
	}
	
	.header-box2, .header-box-arrow2 {
		left: 188px;
	}
	
	.header-box3, .header-box-arrow3 {
		left: 374px
	}
	
	.header-box4, .header-box-arrow4 {
		left: 562px
	}
	
	.header-box-title {
		font-size: 16px;
		margin-top: 31px;
	}
	
	.outer-header-home .header-box {
		bottom: 0px;
	}
	
	.outer-header-home .header-box-arrow {
		bottom: 15px;
	}
	
	.outer-header .header-box, .outer-header-news .header-box {
		bottom: -86px;
	}
	
	.outer-header .header-box-arrow, outer-header-news .header-box-arrow {
		bottom: 5px;
	}
	
	.outer-header-thin .header-image {
		height: 200px;
		overflow: visible;
	}

	.outer-header-thin .header-message {
		top: 92px;
	}
	
	
	
	.page-wrapper {
		width: 740px;
		padding: 30px 0px;
	}
	
	.page-content {
		margin-left: 0px;	
		float: left;
		width: 57%;
	}
	
	.page-content h1 {
		font-size: 28px;	
		margin-bottom: 20px;
	}
	
	.page-content h3 {
		font-size: 15px;	
	}
	
	.page-content p {
		color: #666666;
		font-size: 13px;
		margin-bottom: 10px;	
	}
	
	.page-content ol {
		font-size: 16px;
	}
	
	.page-images-wrapper {
		margin-right: 0px;	
		float: right;
		width: 39%;
	}
	
	.click-to-enlarge {
		font-size: 10px;
		padding: 3px 7px;
	}
	
	
	.blog-listing-wrapper h1 {
		font-size: 18px;	
	}
	
	.blog-listing-wrapper {
		margin-right: 0px;
		width: 530px;
	}
	
	.blog-sidebar {
		float: left;
		margin-left: 0px;
		width: 185px;
	}
	
	
	.blog-page-count {
		font-size: 18px;
	}
	
	
	.blog-listing-wrapper h1 {
			font-size: 18px;
	}
	
	.blog-item-wrapper {
		padding-bottom: 50px;
	}
	
	.blog-item-title a {
		font-size: 18px;
		
	}
	
	.blog-item-image {
		width: 200px;
		margin-left: 20px;
		min-height: auto;
	}
	
	.blog-item-date {
		font-size: 11px;	
	}
	
	.blog-read-more-link a {
		background: #004b8d url(images/product-link-arrow.png) no-repeat 85px center;
		line-height: 32px;
		font-size: 12px;
	}
	
	.blog-item-content {
		width: 320px;	
	}
	
	
	.blog-sidebar h4 {
		font-size: 18px;				
	}
	
	.blog-sidebar #searchform, .blog-sidebar ul, .blog-sidebar .wpcf7 {
		margin-bottom: 30px;	
	}
	
	.blog-sidebar #searchform label {
		display: none;	
	}
	
	.blog-sidebar input[type=submit] {
		width: 100px;
	}
	
	
	h1.story-title {
		font-size: 18px;	
	}
	
	.contact-page {
		width: 100%;	
	}
	
	.contact-page .wpcf7 {
		padding: 40px 25px 20px 25px;
	}
	
	.contact-page .wpcf7 .cf-item {
		width: 100%;
		float: left;
		
	}
	
	.contact-page .wpcf7 .cf-item-right {
		float: left;	
		width: 100%;
	}
	
	.contact-page .wpcf7 .cf-label {
		float: left;
	}
	
	.contact-page .wpcf7 .cf-input {
		float: right;
		width: 75%;
	}
	
	.contact-page .wpcf7 select {
		float: right;
	}
	
	.contact-page .wpcf7 .long-label, .contact-page .wpcf7 .cf-input-short {
		width: 50%;	
	}
	
	.contact-page .wpcf7 select option {
		padding: 5px 10px;	
	}
	
	.contact-page .wpcf7 .cf-submit {
		position: static;
		float: right;
	}
	
	
	.contact-addresses {
		margin-top: 35px;	
		margin-bottom: 35px;
	}
	
	.contact-address {
		font-size: 16px;
		width: 50%;
	}
	
	 .contact-address p {
		font-size: 16px;
		color: #004b8d;
	}
	
	.contact-main-phone, .contact-main-email {
		font-size: 18px;
	}
	
	.contact-main-email {
		margin-bottom: 60px;
	}
	
	.contact-page .wpcf7 .wpcf7-response-output {
		width: 654px;
	}
	
	
	
	
	.materials-info-box {
		width: 35%;
		margin-right: 0px;	
		margin-top: 60px;
		margin-bottom: 50px;
	}
	
	.item-link {
		padding: 10px 0px 10px 0px;	
	}
	
	.item-link div {
		font-size: 12px;
	}
	
	
	.about-intro { 
		margin: 0px;
	}
	
	.about-intro p {
		font-size: 22px;	
		margin-right: 0px;
	}
	
	.about-boxes {
		margin: 0px;
	}
	
	.about-box-title {
		font-size: 20px;	
	}
	
	
	.about-left-content {
		margin-left: 0px;
		width: 47.4%;
		margin-bottom: 40px;
		margin-top: 25px;
	}	
	
	.about-right-content {
		margin-right: 0px;
		width: 47.4%;
		margin-top: 25px;
		margin-bottom: 40px;
		float: right;
	}	
	
	.about-right-content .video-container {
		margin: 0px;	
	}
	
	
	
	
	.flex-wrapper {
		margin: 0px;
	}
	
	.flex-wrap {
		flex-wrap: wrap;	
	}
	
	
	.hp-top-box {
		width: 48.8%;
		margin-right: 1.7%;
		margin-bottom: 25px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: relative;
		display: block;
		height: 300px;
	}
	
	.hp-top-box:nth-child(2) {
		margin-right: 0px;	
	}
	
	
	.hp-blog {
		width: 99.3%;	
	}
	
	.hp-blog .bx-wrapper {
		max-width: 734px !important;	
	}
	
	.hp-blog .bx-wrapper li {
		width: 363px !important;	
	}
	
	.hp-blocks h3, .hp-top-box h3 {
		font-size: 12px;
	}	
	
	.hp-blocks .news-image {
		height: 150px;
	}
	
	.hp-blocks .news-image img {
			width: 100%;
			height: auto;
			-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		
	}
	
	.hp-blocks .news-image:hover img {
		opacity: 0.8;	
	}
	
	.hp-blocks .hp-blog-date {
		font-size: 26px;
		line-height: 26px;
	}
	
	.hp-blocks .hp-blog-date span {
		display: block;	
		font-size: 20px;
		text-transform: uppercase;
		line-height: 20px;
	}
	
	.hp-blocks .hp-blog-date.blue-date {
		background-color: rgba(0,69,135,0.8);
	}
	
	.hp-blog-more {
		position: absolute;
		bottom: -10px;
		left: 0px;	
	}
	
	
	.hp-blog-title.blue-title {
		color: #004587;
		font-weight: bold;
		font-size: 14px;	
	}
	
	.hp-blog-title.blue-title:hover {
		color: #e94e0f;	
	}
	
	.hp-blog-item-excerpt {
		font-size: 12px;
		margin-top: 10px;	
	}

	.hp-blog-list li {
		padding-bottom: 45px;
	}
	
	
	
	.hp-blocks-location {
		height: 318px;
		background-size: 80%;
	}

	.hp-locations-text p {
		font-size: 18px;
	}
	
	.twitter-block {
		height: 343px;
		
	}
	
	.twitter-widget {
		height: 324px;
	}




	.case-study-section {
		margin-top: 10px;
		min-height: 219px;
		width: 49.2%;
		margin-left: 0px;
		
	}
	
	.case-study-section h3 {
		color: #004b8d;
		font-weight: normal;
		font-size: 22px;
	}
	
	.case-studies-images-wrapper {
		width: 49.2%;
		margin-right: 0px;
	}	
	
	.reduced-costs-content {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	
	
	.reduce-costs-intro p {
		font-size: 20px;
	}
	
	.rc-boxes {
		margin: 0px 0px 18px 0px;
		display: -webkit-flex;
		display: flex;
	}
	
	.rc-box {
		width: 33%;	
		margin: 0px 20px 0px 0px;
		padding: 20px 20px 70px 20px;	
		position: relative;
	}
	
	.rc-box:last-child {
		margin-right: 0px;
	}
	
	.rc-title {
		color: #ffffff;
		font-weight: bold;
		font-size: 24px;	
		margin-bottom: 20px;
	}
	
	.rc-text {
		font-size: 16px;
		color: #ffffff;	
	}
	
	.rc-link {
		display: block;
		position: absolute;
		left: 20px;
		bottom: 20px;
		text-transform: uppercase;
		font-size: 14px;
		color: #ffffff;
		font-weight: bold;
		background-image: url(images/product-link-arrow.png);
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 30px;
		line-height: 25px;
		
	}
	
	.rc-link:hover {
		color: #ffffff;
		opacity: 0.7;	
	}

	
	.rc-wrapper {
		display: block;
	}
	
	.rc-main-content {
		margin: 0px;
		width: 680px;
		padding: 20px 30px 30px 30px;
		margin-bottom: 20px;
	}
	
	.rc_quote {
		background: #959a9d;
		margin-right: 0px;
		width: 680px; 	
		margin-left: 0px;
		padding: 20px 30px 30px 30px;
	}
	
		
	h1.rc-main-title {
	color: #ffffff;
	font-size: 40px;
	margin-bottom: 25px;
	margin-right: 30%;
	font-weight: bold;
}

.rc-intro-para p {
	color: #ffffff;
	font-weight: normal;
	font-size: 30px;	
	margin-bottom: 25px;
	margin-right: 30%;
}

.rc-page-content p {
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 25px;	
	margin-right: 30%;
}

.rc-page-content ul, .rc-page-content ol {
	margin-top: 20px;
	margin-left: 20px;	
}

.rc-page-content  li, .rc-page-content p {
	margin-bottom: 20px;	
}
	
	
	
	
	
	.call-to-action {
		width: 740px;
		max-width: auto;
	}
	
	.request-a-catalogue, .customer-feedback {
		width: 48%;
		padding: 0px 0px 0px 1%;
	}
	
	
	.request-a-catalogue:hover, .customer-feedback:hover {
		background-color: #004587; 	
		color: #ffffff;
	}
	.request-a-catalogue {
		margin-left: 0%;	
		margin-right: 2%;
	}
	
	
	.call-us-footer {
		width: 100%;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 20px;
		font-size: 16px;
	}
	
	.call-us-footer br {
		display: none;	
	}
	
	.call-us-footer span {
		margin-left: 0px;
		display: block;
	}
	
	.footer {
		max-width: auto;
		width: 740px;
	}
	
	.footer-social-media {
		margin-right: 0%;
	}
	
	.footer-social-media a {
		width: 24px;
		margin: 12px 0px 14px 6px;
	}
	
	.footer-social-media a img {
		width: 100%;
		height: auto;
	}
	
	.footer-copyright {
		margin-left: 0px;
		font-size: 10px;
		padding-top: 12px;
	}
	
	.footer-registered {
		margin-left: 0px;
		font-size: 10px;
	}
	
	.case-studies-wrapper {
		margin: 0px;
	}
	
	
	.case-study-title span {
		display: table-cell;
		height:60px;
		padding: 0px 40px 0px 10px;
		vertical-align: middle;	
		font-weight: bold;
		font-size: 12px;
	}


	.mobile {
		display: none;	
	}
	
	.desktop { 
		display: block;
	}
	
	
	
	.call-to-action-outer {
		bottom: 50px;
	}	

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 481px) and (max-width: 767px) {

			
			
			
			.menu-toggle  {
				display: block;	
			}
			
			.nav-menu {
				display: none;	
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				transition: none;
			}
			
			
			
			
			
			#nav-icon {
				float: right;
				margin: 0px 0px 0px 0px;
				width: 25px;
				height: 19px;
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
				-webkit-transition: .5s ease-in-out;
				-moz-transition: .5s ease-in-out;
				-o-transition: .5s ease-in-out;
				transition: .5s ease-in-out;
				cursor: pointer;
				z-index: 999;
			}
			
			#nav-icon span {
				display: block;
				position: absolute;
				height: 3px;
				width: 100%;
				background: #004b8d;
				border-radius: 2px;
				opacity: 1;
				left: 0;
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
				-webkit-transition: .25s ease-in-out;
				-moz-transition: .25s ease-in-out;
				-o-transition: .25s ease-in-out;
				transition: .25s ease-in-out;
			}
						
			#nav-icon span:nth-child(1) {
				top: 0px;
			}
			
			#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
				top: 8px;
			}
			
			#nav-icon span:nth-child(4) {
				top: 16px;
			}
			
			#nav-icon.open span {
				background: #ff0000;	
			}
			
			
			#nav-icon.open span:nth-child(1) {
				top: 8px;
				width: 0%;
				left: 50%;
			}
			
			#nav-icon.open span:nth-child(2) {
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			
			#nav-icon.open span:nth-child(3) {
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			
			#nav-icon.open span:nth-child(4) {
				top: 8px;
				width: 0%;
				left: 50%;
			}		
			
			
			
			
			
			.outer-header .header-image {
				height: 275px;
			}
			
			.header {
				width: 100%;
				max-width: 440px;
			}
			
			.logo {
				margin-top: 18px;
				margin-left: 0px;
				width: 140px;
			}
			
			.outer-header-thin .header-image {
				height: 175px;
			}

			.outer-header-thin .header-message {
				top: 86px;
			}
			
			
			
			.top-menu {
				float: right;
				margin-top: 15px;
				background: rgba(255,255,255,0.9);
				padding: 10px;
				margin-right: 0px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
			
			.nav-menu {
				position: absolute;
				right: 48px;
				top: 18px;
				background: rgba(255,255,255,0.9);
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				width: 170px;
				z-index: 5000;
			}
			
			.nav-menu li {
				float: none;	
				position: static;;
			}
			
			.nav-menu li a {
				line-height: 24px;
				text-transform: uppercase;
				border-bottom: 1px solid #cccccc;
				text-align: left;
				font-size: 11px;
			}
			
			.nav-menu li:last-child a {
				border-bottom: none;
			}
			
			.nav-menu li a:hover, .nav-menu li.current_page_item a {
				background-image: none;
				background: rgba(255,255,255,1);
			}
			
			.nav-menu li ul {
				position: absolute;
				top: 0px;
				left: -181px;
				padding-top: 0;
				visibility: hidden;
				opacity: 0;
				z-index: 2000;
				width: 180px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				overflow: hidden;
			}
			
			.nav-menu li ul li {
				width: 100%;
			}
			
			
			.nav-menu li ul li a, .nav-menu li.current_page_item ul li a,  .nav-menu li ul li.current_page_item a {
				background: rgba(0,75,141,0.9);
				padding: 5px 5px;
				font-size: 11px;
				margin-bottom: 0px;
				background-image: none;
			}
			
			.nav-menu li ul li a:hover,   .nav-menu li ul li.current_page_item a {
				background: rgba(0,75,141,1);
				background-image: none;
			}
			
			.nav-menu li:hover > ul {
				visibility: visible;
				opacity: 1;
			}
								
								
			.header-message {
				position: absolute;
				left: 0px;
				color: #ffffff;
				font-size: 28px;
				line-height: 1.1em;
				top: auto;
				bottom: -150px;
				overflow: visible;	
			}
			
			.header-message-with-rotator {
				bottom: -155px;
			}
			
			
			.header-boxes {
				width: 440px;
				position: absolute;
				overflow: hidden;
				bottom: 0px;
				height: 36px;
			}
			
			.header-box-mobile {
				height: 36px;
				min-width: 36px;
				float: left;
				margin-right: 5px;	
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}
			
			.header-box-mobile-right {
				margin-right: 0px;	
			}
			
			
			.header-box-mobile-arrow {
				float: right;
				width: 24px;
				height: 24px;	
				margin-right: 6px;
				margin-top: 6px;
			}
			
			.header-box-mobile-arrow img {
				width: 100%;
				height: auto;
			}
			
			.header-box-mobile-title-wrapper {
				overflow: hidden;	
				width: 280px;
				float: left;
			}
			
			.header-box-mobile-title {
				margin: 0px 10px;
				color: #ffffff;
				font-weight: bold;	
				line-height: 36px;
				text-transform: uppercase;
			}
			
			.header-box-mobile-title br {
				display: none;	
			}
			
			.header-box-mobile:hover {
				opacity: 0.75;	
			}
			
			.page-wrapper {
				width: 440px;
				max-width: auto;
				margin: 0 auto;
				padding: 20px 0px;
				
			}
			
			.page-content {
				margin-left: 0px;	
				width: 440px;
			}
			
			.page-content h1 {
				font-size: 20px;	
				margin-bottom: 15px;
			}
			
			.page-content h3 {
				margin-bottom: 10px;
				font-size: 14px;	
			}
			
			
			.page-content p {
				color: #666666;
				margin-bottom: 10px;
				font-size: 12px;	
			}
			
			.page-content ol {
				margin-left: 16px;	
				font-weight: bold;
				color: #004b8d;
				font-size: 14px;
			}
			
			.page-content ul {
				margin-left: 12px;	
				color: #004b8d;
				font-size: 12px;
				list-style-type: disc;
			}
			
			.page-content ul li div {
				color: #666666;
				font-weight: normal !important;	
			}
			
			.page-content ul li div strong {
				color: #004b8d;
				font-size: 12px;
				font-weight: bold;
			}
			
			.page-content p, .page-content li div {
				color: #666666;
				margin: 15px 0px;
				font-size: 12px;
				font-weight: normal;
			}
			
			.page-images-wrapper {
				margin-right: 0px;	
				float: right;
				width: 440px;
			}
			
			
			
			.blog-listing-wrapper {
				float: none;
				margin-right: 0px;
				width: 440px;
			}
			
			.blog-sidebar {
				float: none;
				margin-left: 0px;
				width: 440px;
				margin-top: 20px;
			}
			
			
			.blog-page-count {
				float: right;
				font-weight: normal;
				color: #666666;
				font-size: 20px;
			}
			
			
			
			
			.blog-item-image {
				float: right;
				width: 180px;
				margin-left: 15px;
				margin-bottom: 20px;
				min-height: auto;
				margin-top: 5px;
			}
			
			.blog-item-image img {
				width: 100%;
				height: auto;
			}	
			
			.blog-read-more-link {
				position: static;	
				display: inline-block;
				margin-top: 20px;
			}
			
			
			.search-mobile h4, .mobile-subscribe h4 {
				font-weight: normal;
				color: #666666;
				font-size: 18px;
				margin-bottom: 10px;
				text-transform: uppercase;
				
			}
			
			.search-mobile {
				margin-bottom: 20px;	
				float: left;
				width: 210px;
			}
			
			.mobile-subscribe {
				margin-bottom: 20px;	
				float: right;
				width: 210px;
			}
			
			
			.search-mobile #searchform label {
				display: none;	
			}
			
			
			.search-mobile input[type=text], .mobile-subscribe input[type=email] {
				width: 120px;	
				display: inline-block;
				padding: 3px;
			}
			
			.search-mobile input[type=submit], .mobile-subscribe input[type=submit] {
				width: 70px;
				display: inline-block;
				border: 0px;
				background: #004b8d;
				color: #ffffff;
				font-family: "century-gothic", Helvetica, Arial, sans-serif;
				line-height: 24px;
				cursor: pointer;
				text-transform: uppercase;
				margin-bottom: 1px;
				font-size: 10px;
			}
			
			
			
			
			
			
			
			
			h1.story-title {
				font-size: 26px;	
			}
			
			
			
			.blog-page-content {
				width: 440px;
   				padding: 25px 0 30px;
				float: none;
			}
			
			.blog-story-images {
				width: 440px;
				float: none;	
				margin-top: 15px;
			}
			
			.contact-page {
				width: 440px;	
			}
			
			.contact-page .wpcf7 {
				padding: 20px 15px 20px 15px;
			}
			
			.contact-page .wpcf7 .cf-item {
				width: 100%;
				float: left;
				
			}
			
			.contact-page .wpcf7 .cf-item-right {
				float: left;	
				width: 100%;
			}
			
			.contact-page .wpcf7 .cf-label {
				float: left;
			}
			
			.contact-page .wpcf7 .cf-input {
				float: right;
				width: 75%;
			}
			
			.contact-page .wpcf7 select {
				float: right;
			}
			
			.contact-page .wpcf7 .long-label, .contact-page .wpcf7 .cf-input-short {
				width: 50%;	
			}
			
			.contact-page .wpcf7 select option {
				padding: 5px 10px;	
			}
			
			.contact-page .wpcf7 .cf-submit {
				position: static;
				float: right;
			}

			
			
			
			.contact-addresses {
				margin-top: 25px;	
				margin-bottom: 25px;
			}
			
			.contact-address {
				font-size: 14px;
				width: 50%;
			}
			
			 .contact-address p {
				font-size: 14px;
				color: #004b8d;
			}
			
			.contact-main-phone, .contact-main-email {
				font-size: 18px;
			}
			
			.contact-main-email {
				margin-bottom: 40px;
			}
			
			.contact-page .wpcf7 .wpcf7-response-output {
				width:373px;
				margin: 0px;
			}
			
			.materials-content {
				margin-bottom: 30px;	
			}
			
			.materials-info-box {
				width: 440px;
				float: none;
				margin-right: 0px;	
				margin-top: 0px;
				margin-bottom: 35px;
				clear: both;
				padding: 1px 0px;
			}
			
			.item-link {
				padding: 10px 0px 10px 0px;	
			}
			
			.item-link div {
				font-size: 12px;
			}
	
			.about-intro {
				margin: 0px
			}
			
			.about-intro p {
				font-size: 14px;	
				margin-right: 0px;
			}
			
			.about-boxes {
				display: block;	
				margin: 0px;
				
			}
			
			.about-box-item {
				width: 440px;
				margin-right: 0px;
				position: relative;
				margin-bottom: 15px;
			}
			
			.about-box-item:last-child {
				margin-right: 0px;	
			}
			
			.about-box-title {
				font-size: 22px;	
			}
			.about-box-content {
				margin: 10px;
				font-size: 14px;	
				margin-right: 35px;
			}
			
			.about-left-content {
				margin-left: 0px;
				width: 440px;
				margin-bottom: 0px;
				margin-top: 25px;
			}	
			
			.about-right-content {
				margin-right: 0px;
				width: 440px;
				margin-top: 25px;
				margin-bottom: 40px;
				float: right;
			}	
			
			.about-right-content .video-container {
				margin: 0px;	
			}
		
			
			
			
			.flex-wrapper {
				display: block;
				margin: 0px;
			}
			
			
			
			.hp-top-box {
				width: 212px;
				float: left;
				height: 280px;
				margin-right: 0px;
				margin-bottom: 25px;
			}
			
			.item-link div {
				font-size: 10px;	
			}
			
			.hp-top-box:first-child {
				margin-right: 15px;	
			}
			
			
			.hp-blog {
				width: 440px;	
				clear: both;
			}
			
			.hp-blocks {
				padding-bottom:15px;
			}
			
			
			.hp-blocks h3, .hp-top-box h3 {
				font-size: 12px;
			}
			
			
			.hp-blog-list li {
				padding-bottom: 45px;
				
			}
			
			.hp-blocks .news-image {
				height: 128px;
			}
			
			.hp-blocks .hp-blog-date {
				font-size: 30px;
				line-height: 30px;
			}
			
			.hp-blocks .hp-blog-date span {
				display: block;	
				font-size: 20px;
				text-transform: uppercase;
				line-height: 20px;
			}
			
			.hp-blocks .hp-blog-date.blue-date {
				background-color: rgba(0,69,135,0.8);
			}
			
			.hp-blog-more {
				position: absolute;
				bottom: -10px;
				left: 0px;	
			}
			
			
			.hp-blog-title.blue-title {
				color: #004587;
				font-weight: bold;
				font-size: 16px;	
			}
			
			.hp-blog-title.blue-title:hover {
				color: #e94e0f;	
			}
			
			.hp-blog-item-excerpt {
				font-size: 12px;
				margin-top: 10px;	
			}
		
		
			
			.hp-blocks-location {
				background-size: 60%;
				padding-bottom: 55px;	
				width: 440px;
				height: 282px;
				margin-right: 0px;
				margin-bottom: 20px;
			}
			
			.hp-locations-text p {
				font-size: 16px;
			}
			
			.twitter-block {
				width: 440px;
				margin-right: 0px;
				height: 400px;
				margin-bottom: 30px;
				
			}
			
			.twitter-widget {
				height: 364px;
				overflow-y: auto;	
			}


			.case-study-section {
				margin-top: 10px;
				min-height: auto;
				width: 440px;
				margin-left: 0px;
			}
			
			.case-study-listing-wrapper {
				margin-left: 0px;
				margin-right: 0px;	
			}
			
			.case-studies-images-wrapper {
				width: 440px;
				margin-right: 0px;
			}	
			
			.case-study-link {
				margin-right: 0px;	
			}
			
			
			.reduced-costs-content {
				width: 440px;
				margin-left: 0px;
				margin-right: 0px;
			}

		
			.reduce-costs-intro p{
				color: #004b8d;
				font-size: 20px;
			}
			
			.rc-boxes {
				margin: 0px 0px 18px 0px;
				display: block
			}
			
			.rc-box {
				width: 400px;	
				margin: 0px 0px 15px 0px;
				padding: 20px 20px 70px 20px;	
				position: relative;
			}
			
			.rc-box:last-child {
				margin-right: 0px;
			}
			
			.rc-title {
				color: #ffffff;
				font-weight: bold;
				font-size: 30px;	
				margin-bottom: 20px;
			}
			
			.rc-title br {
				display: none;	
			}
			
			.rc-text {
				font-size: 20px;
				color: #ffffff;	
			}
			
			.rc-link {
				display: block;
				position: absolute;
				left: 20px;
				bottom: 20px;
				text-transform: uppercase;
				font-size: 16px;
				color: #ffffff;
				font-weight: bold;
				background-image: url(images/product-link-arrow.png);
				background-repeat: no-repeat;
				background-position: right center;
				padding-right: 35px;
				line-height: 25px;
				
			}
			
			.rc-link:hover {
				color: #ffffff;
				opacity: 0.7;	
			}
			
			
			
			
			
			
			
			.rc-wrapper {
				display: block;
			}
			
			.rc-main-content {
				margin: 0px;
				width: 400px;
				padding: 10px 20px 20px 20px;
				margin-bottom: 20px;
			}
			
			.rc_quote {
				margin-right: 0px;
				width: 400px; 	
				margin-left: 0px;
				padding: 10px 20px 20px 20px;
			}
			
			
			h1.rc-main-title {
				font-size: 24px;
				margin-bottom: 20px;
			}
			
			.rc-intro-para p {
				font-size: 20px;	
				margin-right: 0px;
				margin-bottom: 20px;
				color: #ffffff;
			}
			
			.rc-page-content p {
				margin-right: 0px;
				font-size: 14px;
				margin-bottom: 20px;	
				color: #ffffff;
			}
			
			.rc-main-link {
				font-size: 16px;
				background-image: none;
			}
			
			.rc-quote-text {
				font-size: 18px;	
			}
			
			
			.box-breadcrumbs {
				position: static;
				width: 100%;
				text-align: left;
				margin-top: 25px;
			}
			
			
			.box-breadcrumbs a {
				text-align: center;
				display: inline-block;	
				margin-right: 30px;
			}
			
			
			.certificates-flex {
				flex-wrap: wrap;	
			}
			
			.certificates-flex a {
				font-size: 14px;	
				width: 200px;
				margin-bottom: 30px;
			}
			
			
			.call-to-action {
				width: 440px;
				max-width: auto;
			}
			
			.request-a-catalogue, .customer-feedback {
				width: 200px;
				padding: 0px 0px 0px 15px;
				font-size: 12px;
			}
			
			
			
			.request-a-catalogue {
				margin-left: 0;	
				margin-right: 10px;
			}
			
			
			.call-us-footer {
				float: left;
				width: 440px;
				margin-left: 0px;
				color: #a2a6aa;
				font-size: 14px;
				font-weight: bold;
				margin-top: 0px;
				margin-bottom: 25px;
			}
			
			.call-us-footer br {
				display: none;	
			}
			
			.call-us-footer span {
				display: inline-block;
				color: 	#004587;
				margin-left: 10px;
			}
			
			.footer {
				max-width: auto;
				max-width: 440px;
				padding-bottom: 10px;
			}
			
			.footer-social-media {
				float: static;
				margin-right: 0px;
				text-align: center;
				width: 440px;
			}
			
			.footer-social-media a {
				display: inline-block;
				background: #004b8d;
				float: none;
				margin: 12px 0px 14px 8px;
			}
			
			.footer-social-media a:hover {
				background: #444444;
			}
			
			.footer-copyright {
				margin-left: 0px;
				font-size: 11px;
				padding-top: 0px;
				text-align: center;
			}
			.footer-copyright strong {
				display: block;
			}
			
			.footer-registered {
				margin-left: 0px;
				font-size: 11px;
				float: none;
				text-align: center;
			}
			
			
			
			
			.case-studies-wrapper {
				margin: 0px;			
			}
			
			.case-study-block {
				width: 48%;	
				margin-right: 2%;
			}
			
			.case-study-block:nth-child(3n+3){
				margin-right: 2%;	
			}
			
			.case-study-block:nth-child(2n+2){
				margin-right: 2px;	
			}
			
			.case-study-block h4 {
				font-size: 12px;
			}
			
			.case-study-title span {
				padding: 0px 40px 0px 10px;
				font-size: 12px;
			}
			
			
			
			
			

			
			
			
			
			
			.mobile {
				display: block;	
			}
			
			.desktop {
				display: none;	
			}
			
			.call-to-action-outer, .outer-footer {
				position: static;	
			}

}

/*-------------------------------------------*/
/* #MOBILE 320px (Portrait)*/
/*-------------------------------------------*/ 
@media only screen and (max-width: 480px) , screen and (max-device-width: 480px) {
	
					.menu-toggle  {
						display: block;	
					}
					
					.nav-menu {
						display: none;	
						-webkit-transition: none;
						-moz-transition: none;
						-o-transition: none;
						transition: none;
					}
					
					
					#nav-icon {
						float: right;
						margin: 0px 0px 0px 0px;
						width: 20px;
						height: 15px;
						-webkit-transform: rotate(0deg);
						-moz-transform: rotate(0deg);
						-o-transform: rotate(0deg);
						transform: rotate(0deg);
						-webkit-transition: .5s ease-in-out;
						-moz-transition: .5s ease-in-out;
						-o-transition: .5s ease-in-out;
						transition: .5s ease-in-out;
						cursor: pointer;
						z-index: 999;
					}
					
					#nav-icon span {
						display: block;
						position: absolute;
						height: 2px;
						width: 100%;
						background: #004b8d;
						border-radius: 2px;
						opacity: 1;
						left: 0;
						-webkit-transform: rotate(0deg);
						-moz-transform: rotate(0deg);
						-o-transform: rotate(0deg);
						transform: rotate(0deg);
						-webkit-transition: .25s ease-in-out;
						-moz-transition: .25s ease-in-out;
						-o-transition: .25s ease-in-out;
						transition: .25s ease-in-out;
					}
								
					#nav-icon span:nth-child(1) {
						top: 0px;
					}
					
					#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
						top: 6px;
					}
					
					#nav-icon span:nth-child(4) {
						top: 12px;
					}
					
					#nav-icon.open span {
						background: #ff0000;	
					}
					
					
					#nav-icon.open span:nth-child(1) {
						top: 8px;
						width: 0%;
						left: 50%;
					}
					
					#nav-icon.open span:nth-child(2) {
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						transform: rotate(45deg);
					}
					
					#nav-icon.open span:nth-child(3) {
						-webkit-transform: rotate(-45deg);
						-moz-transform: rotate(-45deg);
						-o-transform: rotate(-45deg);
						transform: rotate(-45deg);
					}
					
					#nav-icon.open span:nth-child(4) {
						top: 8px;
						width: 0%;
						left: 50%;
					}	
					
					
					
					
					.outer-header .header-image {
						height: 200px;
					}
					
					.header {
						width: 100%;
						max-width: 300px;
					}
					
					.logo {
						margin-top: 15px;
						margin-left: 0px;
						width: 140px;
					}
					
					.outer-header-thin .header-image {
						height: 150px;
					}
		
					.outer-header-thin .header-message {
						top: 80px;
					}
					
					
					.top-menu {
						float: right;
						margin-top: 15px;
						background: rgba(255,255,255,0.9);
						padding: 7px;
						margin-right: 0px;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
					}
					
					.nav-menu {
						position: absolute;
						right: 37px;
						top: 15px;
						background: rgba(255,255,255,0.9);
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
						width: 110px;
						z-index: 99999;
					}
					
					.nav-menu li {
						float: none;	
						position: static;;
					}
					
					.nav-menu li a {
						line-height: 24px;
						text-transform: uppercase;
						border-bottom: 1px solid #cccccc;
						text-align: left;
						font-size: 11px;
					}
					
					.nav-menu li:last-child a {
						border-bottom: none;
					}
					
					.nav-menu li a:hover, .nav-menu li.current_page_item a {
						background-image: none;
						background: rgba(255,255,255,1);
					}
					
					.nav-menu li ul {
						position: absolute;
						top: 0px;
						left: -141px;
						padding-top: 0;
						visibility: hidden;
						opacity: 0;
						z-index: 2000;
						width: 140px;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
						overflow: hidden;
					}
					
					.nav-menu li ul li {
						width: 100%;
					}
					
					
					.nav-menu li ul li a, .nav-menu li.current_page_item ul li a,  .nav-menu li ul li.current_page_item a {
						background: rgba(0,75,141,0.9);
						padding: 6px 5px;
						font-size: 10px;
						line-height: 1.3em;
						margin-bottom: 0px;
						background-image: none;
					}
					
					.nav-menu li ul li a:hover,   .nav-menu li ul li.current_page_item a {
						background: rgba(0,75,141,1);
						background-image: none;
					}
					
					.nav-menu li:hover > ul {
						visibility: visible;
						opacity: 1;
					}
					
					.header-message {
						position: absolute;
						left: 0px;
						color: #ffffff;
						font-size: 18px;
						line-height: 1.1em;
						top: auto;
						bottom: -95px;
					}
					
					.header-message-with-rotator {
						bottom: -90px;	
					}
					
					
					
					.header-boxes {
						width: 300px;
						position: absolute;
						overflow: hidden;
						bottom: 0px;
						height: 30px;
					}
					
					.header-box-mobile {
						height: 30px;
						min-width: 30px;
						float: left;
						margin-right: 5px;	
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
						transition: all 0.3s ease;
					}
					
					.header-box-mobile-right {
						margin-right: 0px;	
					}
					
					
					.header-box-mobile-arrow {
						float: right;
						width: 20px;
						height: 20px;	
						margin-right: 6px;
						margin-top: 6px;
					}
					
					.header-box-mobile-arrow img {
						width: 100%;
						height: auto;
					}
					
					.header-box-mobile-title-wrapper {
						overflow: hidden;	
						width: 164px;
						float: left;
					}
					
					.header-box-mobile-title {
						margin: 0px 10px;
						color: #ffffff;
						font-weight: bold;	
						line-height: 30px;
						font-size: 11px;
						text-transform: uppercase;
					}
					
					.header-box-mobile-title br {
						display: none;	
					}
					
					.header-box-mobile:hover {
						opacity: 0.75;	
					}
					
					
					.page-wrapper {
						width: 300px;
						max-width: auto;
						margin: 0 auto;
						padding: 20px 0px;
						
					}
					
					.page-content {
						margin-left: 0px;	
						width: 300px;
					}
					
					.page-content h1 {
						font-size: 20px;	
						margin-bottom: 15px;
					}
					
					.page-content h3 {
						margin-bottom: 10px;
						font-size: 14px;	
					}
					
					
					.page-content p {
						color: #666666;
						margin-bottom: 10px;
						font-size: 12px;	
					}
					
					.page-content ol {
						margin-left: 16px;	
						font-weight: bold;
						color: #004b8d;
						font-size: 13px;
					}
					
					.page-content ul {
						margin-left: 15px;	
						color: #004b8d;
						font-size: 12px;
						list-style-type: disc;
					}
					
					.page-content ul li div {
						color: #666666;
						font-weight: normal !important;	
					}
					
					.page-content ul li div strong {
						color: #004b8d;
						font-size: 12px;
						font-weight: bold;
					}
					
					.page-content p, .page-content li div {
						color: #666666;
						margin: 11px 0px;
						font-size: 12px;
						font-weight: normal;
					}
					
					.page-images-wrapper {
						margin-right: 0px;	
						float: right;
						width: 300px;
					}
					
					
					
					
					
					.blog-listing-wrapper {
						float: none;
						margin-right: 0px;
						width: 300px;
					}
					
					.blog-sidebar {
						float: none;
						margin-left: 0px;
						width:300px;
						margin-top: 20px;
					}
					
					
					.blog-page-count {
						float: right;
						font-weight: normal;
						color: #666666;
						font-size: 16px;
					}
					
					
					
					
					.blog-item-image {
						float: none;
						width: 300px;
						margin-left: 0px;
						margin-bottom: 20px;
						min-height: auto;
						margin-top: 10px;
					}
					
					.blog-item-image img {
						width: 100%;
						height: auto;
					}	
					
					.blog-read-more-link {
						position: static;	
						display: inline-block;
						margin-top: 20px;
					}
					
					
					.search-mobile h4, .mobile-subscribe h4 {
						font-weight: normal;
						color: #666666;
						font-size: 16px;
						margin-bottom: 10px;
						text-transform: uppercase;
						
					}
					
					.search-mobile {
						margin-bottom: 20px;	
						float: left;
						width: 300px;
					}
					
					.mobile-subscribe {
						margin-bottom: 20px;	
						float: right;
						width: 300px;
					}
					
					
					.search-mobile #searchform label {
						display: none;	
					}
					
					
					.search-mobile input[type=text], .mobile-subscribe input[type=email] {
						width: 120px;	
						display: inline-block;
						padding: 3px;
					}
					
					.search-mobile input[type=submit], .mobile-subscribe input[type=submit] {
						width: 70px;
						display: inline-block;
						border: 0px;
						background: #004b8d;
						color: #ffffff;
						font-family: "century-gothic", Helvetica, Arial, sans-serif;
						line-height: 24px;
						cursor: pointer;
						text-transform: uppercase;
						margin-bottom: 1px;
						font-size: 10px;
					}
					
					
					
					
					
					
					
					
					h1.story-title {
						font-size: 16px;	
					}
					
					
					
					.blog-page-content {
						width: 300px;
						padding: 25px 0 30px;
						float: none;
					}
					
					.blog-story-images {
						width: 300px;
						float: none;	
						margin-top: 15px;
					}
					
					
					.contact-page {
						width: 300px;	
					}
			
					.contact-page h1 br {
						display: none;	
					}
								
								
					.contact-page .wpcf7 {
						padding: 20px 15px 20px 15px;
						
					}
					
					.contact-page .wpcf7 .cf-item {
						width: 98%;
						float: left;
						
					}
					
					.contact-page .wpcf7 .cf-item-right {
						float: left;	
						width: 98%;
					}
					
					.contact-page .wpcf7 .cf-label {
						float: left;
						font-size: 12px;
						margin-bottom: 3px;
					}
					
					.contact-page .wpcf7 .cf-input {
						float: right;
						width: 100%;
						font-size: 12px;
					}
					
					.contact-page .wpcf7 select {
						float: right;
					}
					
					.contact-page .wpcf7 .long-label, .contact-page .wpcf7 .cf-input-short {
						width: 50%;	
						font-size: 12px;
					}
					
					.contact-page .wpcf7 select option {
						padding: 5px 10px;	
						font-size: 12px;
					}
					
					.contact-page .wpcf7 .cf-submit {
						position: static;
						float: right;
					}
						
					.contact-addresses {
						margin-top: 25px;	
						margin-bottom: 25px;
					}
					
					.contact-address {
						font-size: 12px;
						width: 100%;
						margin-bottom: 25px;
					}
					
					 .contact-address p {
						font-size: 12px;
						color: #004b8d;
					}
					
					.contact-main-phone, .contact-main-email {
						font-size: 12px;
					}
					
					.contact-main-email {
						margin-bottom: 30px;
					}
			
					.contact-page .wpcf7 .wpcf7-response-output {
						width:233px;
						margin: 0px;
						font-size: 12px;
					}
					
					.materials-content {
						margin-bottom: 25px;	
					}
					
					.materials-info-box {
						width: 300px;
						float: none;
						margin-right: 0px;	
						margin-top: 0px;
						margin-bottom: 35px;
						clear: both;
						padding: 1px 0px;
					}
									
					.item-link {
						padding: 10px 0px 10px 0px;	
					}
					
					.item-link div {
						font-size: 9px;
						margin-right: 20px;
					}	
					
				
					
					.about-intro {
						margin: 0px
					}
					
					.about-intro p {
						font-size: 14px;	
						margin-right: 0px;
					}
					
					.about-boxes {
						display: block;	
						margin: 0px;
						
					}
					
					.about-box-item {
						width: 300px;
						margin-right: 0px;
						position: relative;
						margin-bottom: 15px;
					}
					
					.about-box-item:last-child {
						margin-right: 0px;	
					}
					
					.about-box-title {
						font-size: 18px;	
					}
					.about-box-content {
						margin: 10px;
						font-size: 12px;	
						margin-right: 35px;
					}
					
					.about-left-content {
						margin-left: 0px;
						width: 300px;
						margin-bottom: 0px;
						margin-top: 20px;
					}	
					
					.about-right-content {
						margin-right: 0px;
						width: 300px;
						margin-top: 20px;
						margin-bottom: 30px;
						float: right;
					}	
					
					.about-right-content .video-container {
						margin: 0px;	
					}
					
					.flex-wrapper {
						display: block;
						margin: 0px;
					}
					
					.hp-top-box {
						width: 142px;
						float: left;
						height: 245px;
						margin-right: 0px;
						margin-bottom: 20px;
					}
					
					.hp-top-box div.item-link div {
						font-size: 10px !important;
						margin-right: 0px;
						width: 132px; 
					}
					
					.hp-top-box div.item-link span {
							width: 33px;
							height: 34px;							
					}
					
					.hp-top-box:first-child {
						margin-right: 15px;	
					}
					
					
					.hp-blog {
						width: 300px;	
						clear: both;
					}
					
					.hp-blocks {
						padding-bottom:15px;
					}
					
					
					.hp-blocks h3, .hp-top-box h3 {
						font-size: 9px;
					}
					
					
					.hp-blog-list li {
						padding-bottom: 45px;
						
					}
					
					.hp-blocks .news-image {
						height: 86px;
					}
					
					.hp-blocks .hp-blog-date {
						font-size: 18px;
						line-height: 18px;
					}
					
					.hp-blocks .hp-blog-date span {
						font-size: 12px;
						line-height: 12px;
					}
					
					.hp-blocks .hp-blog-date.blue-date {
						background-color: rgba(0,69,135,0.8);
					}
					
					.hp-blog-more {
						position: absolute;
						bottom: -10px;
						left: 0px;	
					}
					
					
					.hp-blog-title.blue-title {
						font-size: 12px;	
						line-height: 1.3em;
					}
					
					.hp-blog-title.blue-title:hover {
						color: #e94e0f;	
					}
					
					.hp-blog-item-excerpt {
						display: none;
					}
						
			
			
					.hp-blocks-location {
						background-size: 60%;
						padding-bottom:20px;	
						width: 300px;
						height: 232px;
						margin-right: 0px;
						margin-bottom: 20px;
					}
					
					.hp-locations-text p {
						font-size: 12px;
					}
					
					.twitter-block {
						width: 300px;
						margin-right: 0px;
						height: 350px;
						margin-bottom: 30px;
						
					}
					
					.twitter-widget {
						height: 314px;
						overflow-y: auto;	
					}

			
					.case-study-section {
						margin-top: 10px;
						min-height: auto;
						width: 300px;
						margin-left: 0px;
					}
					
					.case-study-listing-wrapper {
						margin-left: 0px;
						margin-right: 0px;	
					}
					
					.case-studies-images-wrapper {
						width: 300px;
						margin-right: 0px;
					}	
					
					.case-study-link {
						margin-right: 0px;	
					}
				
					.reduced-costs-content {
						width: 300px;
						margin-left: 0px;
						margin-right: 0px;
					}
			
					.reduce-costs-intro p {
						color: #004b8d;
						font-size: 16px;
					}
					
					.rc-boxes {
						margin: 0px 0px 18px 0px;
						display: block
					}
					
					.rc-box {
						width: 280px;	
						margin: 0px 0px 15px 0px;
						padding: 10px 10px 50px 10px;	
						position: relative;
					}
					
					.rc-box:last-child {
						margin-right: 0px;
					}
					
					.rc-title {
						color: #ffffff;
						font-weight: bold;
						font-size: 18px;	
						margin-bottom: 20px;
					}
					
					.rc-title br {
						display: none;	
					}
					
					.rc-text {
						font-size: 14px;
						color: #ffffff;	
					}
					
					.rc-link {
						display: block;
						position: absolute;
						left: 10px;
						bottom: 10px;
						text-transform: uppercase;
						font-size: 12px;
						color: #ffffff;
						font-weight: bold;
						background-image: url(images/product-link-arrow.png);
						background-repeat: no-repeat;
						background-position: right center;
						padding-right: 35px;
						line-height: 25px;
						
					}
					
					.rc-link:hover {
						color: #ffffff;
						opacity: 0.7;	
					}
					
					
					
					
					.rc-wrapper {
						display: block;
					}
					
					.rc-main-content {
						margin: 0px;
						width: 270px;
						padding: 10px 15px 15px 15px;
						margin-bottom: 15px;
					}
					
					.rc_quote {
						margin-right: 0px;
						width: 270px; 	
						margin-left: 0px;
						padding: 10px 15px 15px 15px;
					}
					
					
					h1.rc-main-title {
						font-size: 18px;
						margin-bottom: 15px;
					}
					
					.rc-intro-para p {
						font-size: 16px;	
						margin-right: 0px;
						margin-bottom: 15px;
						color: #ffffff;
					}
					
					.rc-page-content p {
						margin-right: 0px;
						font-size: 12px;
						margin-bottom: 15px;	
						color: #ffffff;
					}
					
					.rc-main-link {
						font-size: 12px;
						background-image: none;
					}
					
					.rc-quote-text {
						font-size: 16px;	
					}
								
					.box-breadcrumbs {
						position: static;
						width: 100%;
						text-align: left;
						margin-top: 25px;
					}
					
					
					.box-breadcrumbs a {
						text-align: center;
						display: inline-block;	
					}
					
					
					
							
					
					
					
					.call-to-action {
						width: 300px;
						max-width: auto;
					}
					
					.request-a-catalogue, .customer-feedback {
						width: 275px;
						padding: 0px 0px 0px 15px;
						font-size: 12px;
						margin-bottom: 0px;
					}
					
					
					
					.request-a-catalogue {
						margin-left: 0;	
						margin-right: 0px;
					}
					
					
					.call-us-footer {
						float: left;
						width: 300px;
						margin-left: 0px;
						color: #a2a6aa;
						font-size: 14px;
						font-weight: bold;
						margin-bottom: 25px;
						margin-top: 20px;
					}
					
					.call-us-footer br {
						display: none;	
					}
					
					.call-us-footer span {
						display: block;
						color: 	#004587;
						margin-left: 0px;
					}
					
					
					
					.footer {
						max-width: auto;
						max-width: 300px;
						padding-bottom: 10px;
					}
					
					.footer-social-media {
						float: static;
						margin-right: 0px;
						text-align: center;
						width: 300px;
					}
					
					.footer-social-media a {
						display: inline-block;
						background: #004b8d;
						float: none;
						margin: 12px 0px 14px 8px;
					}
					
					.footer-social-media a:hover {
						background: #444444;
					}
					
					.footer-copyright {
						margin-left: 0px;
						font-size: 11px;
						padding-top: 0px;
						text-align: center;
					}
					.footer-copyright strong {
						display: block;
					}
					
					.footer-registered {
						margin-left: 0px;
						font-size: 11px;
						float: none;
						text-align: center;
					}
					
						.case-studies-wrapper {
							margin: 0px;			
						}
						
						.case-study-block {
							width: 100%;	
							margin-right: 0;
						}
						
						
						.case-study-block h4 {
							font-size: 12px;
						}
						
						.case-study-title span {
							padding: 0px 40px 0px 10px;
							font-size: 12px;
						}
					
						.call-to-action-outer, .outer-footer {
							position: static;	
						}
						.certificates-flex {
							flex-wrap: wrap;	
						}
			
						.certificates-flex a {
							font-size: 14px;	
							width: 139px;
							margin-bottom: 30px;
						}
			
					
					.mobile {
						display: block;	
					}
					
					.desktop {
						display: none;	
					}
							
}


#catapult-cookie-bar {
	width: 400px !important;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	bottom: 65px !important;
	padding: 20px;
	-webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.5);	
}

#catapult-cookie-bar h3 {
	margin-bottom: 7px;
}

#catapult-cookie-bar  span {
	line-height: 1.6em;	
	font-size: 14px;
}

#catapult-cookie-bar  span .ctcc-more-info-link {
	display: inline-block;
	margin-left: 10px;
	text-decoration: underline;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

#catapult-cookie-bar  span .ctcc-more-info-link:hover {
	text-decoration: none;	
}

button#catapultCookie {
	margin: 0 auto;
	display: block;
	color: #ffffff;
	background-color: #a91480;
	font-size: 14px;
	font-weight: bold;
	width: 140px;
	border: 0;
	line-height: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	margin-top: 10px;
}

.about-careers-block {
    background: #a3a6aa;
    padding: 20px;
}

.about-careers-block h3 {
	color: #004587;
}

.about-careers-block p {
    color: #ffffff;
}

/* // SOCIAL SHARE OVERRIDES // */

					#socialButtonOnPage {
						margin-top: 23px !important;
						margin-bottom: 30px;
						padding: 10px 0px;
						border-top: 1px solid #cccccc;
						border-bottom: 1px solid #cccccc;
					}

					.leftSocialButtonOnPage .sharethis-arrow {
						float: left !important;
						padding: 0px !important;
						height: 30px !important;
						margin-top: 10px !important;
						margin-right: 0px !important;
						width: auto !important;
						vertical-align: bottom !important;
						background-color: transparent !important;
						display: inline-block !important;
						position: relative !important;
						color: #004b8d !important;
					}

					#socialButtonOnPage .sharethis-arrow span {
						color: #004b8d !important;
						display: inline-block !important;
						font-size: 16px !important;
						font-style: normal !important;
						font-weight: bold !important;
						padding-left: 0px !important;
						padding-right: 10px !important;
					}

					.leftSocialButtonOnPage .sharethis-arrow::after {

						display: none !important;

					}

					#socialButtonOnPage .csbwfs-sbutton-post a  {
						width: 30px !important;	
						height: 30px !important;	
						-webkit-border-radius: 50% !important;	
						-moz-border-radius: 50% !important;	
						border-radius: 50% !important;	
						overflow: hidden !important;	
					}

					#socialButtonOnPage .csbwfs-sbutton-post a:hover  {
						width: 30px !important;	
						height: 30px !important;	
						-webkit-border-radius: 50% !important;	
						-moz-border-radius: 50% !important;	
						border-radius: 50% !important;	
						overflow: hidden !important;	
						opacity: 0.7 !important;	
					}

					#socialButtonOnPage i.csbwfs_facebook {
						background-position: -454px -17px !important;		
					}

					#socialButtonOnPage i.csbwfs_twitter {
						background-position: -96px -16px !important;		
					}

					#socialButtonOnPage i.csbwfs_plus {
						background-position: -535px -16px !important;		
					}

					#socialButtonOnPage i.csbwfs_linkedin {
						background-position: -615px -17px !important;		
					}

					#socialButtonOnPage i.csbwfs_pinterest {
						background-position: -95px -57px !important;		
					}

					#socialButtonOnPage i.csbwfs_mail {
						background-position: -56px -58px !important;	
					}


					/* /////////////////////////// */

.grecaptcha-badge {
	display: none;
}



.slavery-notice {
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 1040px) {
    
    .slavery-notice {
        width: 740px;
    }
    
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
     .slavery-notice {
        width: 440px;
         margin-top: 0px;
    }   
}
  

@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
 
    .slavery-notice {
        width: 300px;
        font-size: 12px;
        margin-top: 0px;
    }
}