/*
 Theme Name:   OPSv3 Enfield Doors
 Description:  Child of OPSv3, based on the original Enfield Doors Wordpress Theme.
 Author:       Laura Wheatman
 Author URI:   http://www.onlineprintsolution.co.uk
 Template:     OPSv3
 Version:      1.0.12
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.2 - Asides
	10.3 - Comments
11.0 - Infinite scroll
12.0 - Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	border: 1px solid #d7d7d7;
padding: 5px 5px;
vertical-align: middle;
}
.no-border caption, .no-border th, .no-border td {
	border: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

/* globals for grid*/
.container_12 {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display:inline;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}


/*mobile grid*/
.container_12,.container_12 .grid_1,.container_12 .grid_2,.container_12 .grid_3,.container_12 .grid_4,.container_12 .grid_5,.container_12 .grid_6,.container_12 .grid_7,.container_12 .grid_8,.container_12 .grid_9 ,.container_12 .grid_10,.container_12 .grid_11,.container_12 .grid_12{
    width:100%;
}
.container_12{padding-left: 10px; padding-right:10px;}

/*=====images========*/
img{
   max-width: 100%;
}

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?27884189');
  src: url('fonts/fontello.eot?27884189#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?27884189') format('woff'),
       url('fonts/fontello.ttf?27884189') format('truetype'),
       url('fonts/fontello.svg?27884189#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('fonts/fontello.svg?27884189#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-arrow:before { content: '\e801'; } /* '' */
.icon-menu:before { content: '\e800'; } /* '' */

/*=============TABLET===============*/
@media screen and (min-width: 768px){
   .grid_1,
   .grid_2,
   .grid_3,
   .grid_4,
   .grid_5,
   .grid_6,
   .grid_7,
   .grid_8,
   .grid_9,
   .grid_10,
   .grid_11,
   .grid_12 {
	margin-left: 1%;
	margin-right: 1%;
   }
   .alpha {
    margin-left: 0;
   }

   .omega {
       margin-right: 0;
   }
   
   .container_12{
	   width:768px;
   }
   
   .container_12 .grid_1 {
      width:6.333%;
   }

   .container_12 .grid_2 {
      width:14.667%;
   }

   .container_12 .grid_3 {
      width: 21%;
   }

   .container_12 .grid_4 {
      width:31.333%;
   }

   .container_12 .grid_5 {
      width:39.667%;
   }

   .container_12 .grid_6 {
      width:48.0%;
   }

   .container_12 .grid_7 {
      width:56.333%;
   }

   .container_12 .grid_8 {
      width:66.667%;
   }

   .container_12 .grid_9 {
      width:73.0%;
   }

   .container_12 .grid_10 {
      width:81.333%;
   }

   .container_12 .grid_11 {
      width:89.667%;
   }

   .container_12 .grid_12 {
      width:98.0%;
   }

   #colophon .container_12 .grid_2, #colophon .container_12 .grid_4 {width:48%; margin-bottom:20px;}
   #colophon .container_12 .nav-1,  #colophon .container_12 .nav-2 { width: 24%; }
   #colophon .grid_4.omega {margin-left:0%; margin-right: 1%; }
   #colophon .cr { clear: both; display: block; }
}

/*==============960================*/
@media screen and (min-width: 1024px){

.container_12{ width:980px; padding-left:0px; padding-right: 0px; }
#colophon .container_12 .grid_2  { width: 15.9%; }
#colophon .container_12 .grid_4 { width:31.333%; }
#colophon .grid_4.omega {margin-left:1%; margin-right: 0%; }
#colophon .cr { clear: none; display: none; }
	
}

/*========STANDARD DESKTOP==========*/
@media screen and (min-width: 1366px) {
   
 
    /* grid */
    .container_12 {
        width: 1120px;
    }
    
    
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #2e2e2e;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 1.5;
}
p {
	margin-bottom: 1em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}



/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	color: white;
	background: #c80019;
	padding: 6px 30px;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin-top: 10px;
	border: none;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    opacity: 0.7;
    transition: .15s ease-in-out;     -moz-transition:  .15s ease-in-out;     -webkit-transition:  .15s ease-in-out;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
select,
input[type="search"] {
	padding: 0.6em;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
	margin-top: 15px;
}



/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation li:first-child {
	margin-left:0%;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 15px 21px;
}
.main-navigation ul ul {
	display: none;
	float: left;
	left: 0;
	top: 30px;
	position: absolute;
	z-index: 99999;
}
.main-navigation ul ul ul {

	left: 100%;
	top: 0;
	padding-top: 0px;
}
.main-navigation ul ul a {
	width: 200px;
}

/*.main-navigation ul ul li {
background: #f4f4f4;
margin: 0px;
border: 1px solid #d7d7d7;
border-top: none;
}
.main-navigation ul ul li:first-child {border-top: 1px solid #d7d7d7; }*/
.main-navigation li:hover > a {
	color: #ffffff;
}
.main-navigation ul li:hover > ul {
	display: block;
}

/* Small menu */
.menu-toggle {
	cursor: pointer;
	display: none;
}
@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	float: left;
	padding: 0 30px 30px 0;
}
.alignright {
	float: right;
	clear: both;
	margin: 0 0 30px 30px;
}
.align-right {
	float: right;
	margin: 0 0 30px 30px;
	text-align: right;
}
.aligncenter {
	margin: 0px auto;
	display: block;

}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
  clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

/*.hentry {
	margin: 0 0 1.5em;
}*/
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}

.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
	margin: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}



/**			MAIN STYLES				**/

h1 { font-size: 1.6em;  }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }

h1, h2, h3, h4 {padding-bottom: 0.5em; font-weight: bold; color: #c80019;}

h4 { font-size: 1.1em; }

a {text-decoration: none;   opacity: 1;
   transition: .15s ease-in-out;
   -moz-transition:  .15s ease-in-out;
   -webkit-transition:  .15s ease-in-out;
   color:  #c80019;}

a:hover {opacity:0.7;}

.block {display: block;}

img {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0) scale(1.0, 1.0);
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.right {float:right; background: none !important;}
.left {float:left;}
.last {margin-right:0px !important;}

.main-navigation {display: none;}

.cta { text-align: center; color: white; background: #c80019; padding: 6px 20px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block;}
.top-link-graphic { display:none; line-height:1; width: 100%; background: #f4f4f4; border: 1px solid #d7d7d7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  padding: 7px 17px; margin:0 0 1.4em; }
.main-link-title, .top-link-graphic span  {display:none;}
.top-link-graphic .link-text {float: left; line-height: 52px; padding-left:12px; font-size:0.8em;}
.top-link-graphic img {float: left;}
.top-link-graphic .cta {float: right; padding: 10px 20px; margin: 0.6em 0 0 1em;}

.colorsection a.cta{
	background-color: #FFF;
	color:#c80019;
}
.colorsection a.cta:visited{
	background-color: #FFF;
	color:#c80019;
}

.mini-navigation {
float: left;
width: 100%;
padding: 0px 10px;
}
.container_12 .site-branding.grid_4.alpha {
float: left;
text-align: right;
width: 100%;
padding: 10px 0 0;

}

.mini-navigation.notvisible {
    display:none;
}

.above-footer, .perfect-door {border-top: 1px solid #f0f0f0; padding:1.5em 0; padding-bottom: 0;}
.above-footer {display: block; padding-left: 10px; padding-right: 10px;    text-align: center;}
.above-footer img {padding: 0px;display:inline-block;}
.row-2 {border-top: 0; padding-bottom: 1.5em;}
.perfect-door {margin-top: 1.5em;}
.home .perfect-door { margin-top:0px; border-top: none; padding:0 0 1.5em 0;}
.above-footer .footer-icon {width: 13.5%; display: inline-block; padding: 0px 0.5em; text-align: center;}
.double {width:23% !important;}
.above-footer .footer-icon img {max-height: 140px;}
.foter-icon-img {display: inline-block; vertical-align:middle;}
img.bottom-icon { max-height: 80px;}

#colophon h4 {padding-bottom:0.2em; color:#78797b; }
#colophon p {margin: 0px;font-size: 0.9em;}
#colophon {padding:30px 0 15px; background:#ebebeb; color:#78797b; text-align: center; }
#colophon .addthis_toolbox { display: inline-block; width: 244px; }
#colophon a {color:#78797b;}
#colophon .container_12 .grid_2, #colophon .container_12 .copy {display: block;}
#colophon .site-map {padding-bottom: 25px;}
.site-info { font-size: 0.8em; }
.foot-nav ul { display:block;  }

.btm {
    padding-top: 1.5em;
    margin-top: 1.5em;
    border-top: 1px solid #f0f0f0;
}

.site-title {padding-bottom:0px; line-height: 1}
.site-title  img { max-height: 59px;
width: auto;}
#content {padding-top: 1rem;}
.widget-area h3 { font-size:1.3em;}
.widget-area ul {
list-style-type: square;
margin: 0 0 20px 15px;
}
.widget-area ul li a {
color: #78797b;

padding: 0 0 8px;
display: block;
text-decoration: none;
}

/* TOP NAV */

.collapse {display: none; }
.trigger {
	float: right;
	border: 1px solid #d7d7d7;
	font-size: 2.9em;
	color: #999;
	cursor: pointer;
}
.trigger.enabled{
	color:#c80019;
	border-bottom: none;
}

.disabled {
display:none;
}
.mini-navigation ul {
	width: 100%;
	margin: 0px ;
	list-style-position: inside;
}
.icon-arrow{
	font-size: 1.3em;
	float: right;
	padding-top:8px;
	cursor: pointer;
}

.mini-navigation div > ul > li {width: 100%; color:#898a8c; padding:0px 15px; line-height: 1; border: 1px solid #d7d7d7; border-top: none; list-style-type: none;}
.mini-navigation div > ul > li:first-child {border-top: 1px solid #d7d7d7;}
.mini-navigation div > ul > li > a { color:#898a8c; margin:15px 0; display: inline-block;}
.mini-navigation div > ul >li.current-menu-item a {color: #c80019; font-weight: bold;}

.mini-navigation div > ul > li ul > li {padding: 10px 0px 10px 20px;
border-top: 1px solid #f0f0f0;
list-style-type: none;}

.mini-navigation div > ul > li ul > li:last-child {margin-bottom: 5px;}

#masthead {
float: right;
width: 76%;
}

.container_12 .grid_8.site-deets {
float: right;
text-align: right;
width: 100%;
margin-top:10px;
display: none;
}

.menu-item-923 > a:hover {opacity: 1;}

/* Product Menu */

.prod-menu  {padding-bottom:20px;}
.prod-menu h3, h3.en-frm { font-size: 1.2em; padding: 13px 20px; background: #78797b; color: white; line-height: 1; border: 1px solid #959595;
-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
h3.en-frm {background: #78797b; }
.prod-menu ul { margin: 0px; list-style-type: none; }

.prod-menu > ul > li { background: #ffffff; }
.prod-menu > ul > li > a  {
	color: #78797b;    
}
.prod-menu .icon-arrow {padding: 0px 10px 0 0;
height: 21px; width: 40px; line-height: 2.2em;}
.prod-menu .icon-arrow span {margin-left: 0px;}

.prod-menu > ul > li, 
.prod-menu > ul > li > .sub-menu > li, 
.prod-menu > ul > li > .sub-menu > li > .sub-menu > li,
.prod-menu > ul > li > .sub-menu > li > .sub-menu > li > .sub-menu > li {
   border-top: 1px solid #d7d7d7;	
	display: inline-block;
    width: 100%;
}

.prod-menu > ul > li > .sub-menu > li, 
.prod-menu > ul > li > .sub-menu > li > .sub-menu > li,
.prod-menu > ul > li > .sub-menu > li > .sub-menu > li > .sub-menu > li {background-color: #fff;} 

.prod-menu > ul > li > a, 
.prod-menu > ul > li > .sub-menu > li > a, 
.prod-menu > ul > li > .sub-menu > li > .sub-menu > li > a,
.prod-menu > ul > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a {
	width: 80%;
	display: inline-block;
    padding: 10px 20px;
    font-weight: bold;
}

.prod-menu > ul > li > .sub-menu > li > a  {background: #f0f0f0; width:100%;}
.prod-menu > ul > li > .sub-menu > li > .sub-menu > li { background: #787878;  }
.prod-menu > ul > li > .sub-menu > li > .sub-menu > li.current-menu-item { background: #c80019;  }
.prod-menu > ul > li > .sub-menu > li > .sub-menu > li.current-menu-item > a { color: #fff;  }
.prod-menu > ul > li > .sub-menu > li > .sub-menu > li > a { padding-left:38px; color: #fff} 
.prod-menu > ul > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a {color: #fff; padding-left: 48px; font-weight: normal; } 
.prod-menu > ul > li:last-child {border-bottom: none;}
.prod-menu > ul { 
	border: 1px solid #d7d7d7;
	border-top:none;
	-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.prod-menu > ul > li.current-menu-item > a { color: #fff; }
.prod-menu > ul > li > .sub-menu > li.current-menu-item > a,
.prod-menu > ul > li > .sub-menu > li > ul > li.current-menu-item  > a { color: #78797B; }
.prod-menu > ul > li > .sub-menu > li.current-menu-item > a { background: #ddd;}
.prod-menu li.current-menu-item {background-color: #a8a8a8;}
.prod-menu li:hover {background-color: #a8a8a8; color:#ffffff;}
.prod-menu li:hover a { color: #fff;}
.prod-menu > ul > li > a:hover {color:#ffffff; opacity: 1;}

.sub-menu {display:none;}
.prod-menu .current_page_parent { background-color: #A8A8A8; color: #FFF; }
.prod-menu .current_page_parent a { background-color: #A8A8A8; color: #FFF; }
.prod-menu li:hover .sub-menu li a, .prod-menu .current_page_parent .sub-menu a { color: #78797B;}
.prod-menu .current-menu-ancestor > .sub-menu, .current-menu-item > ul, #menu-door-menu > li.menu-item-has-children > ul{
	display: block;}

.bnnr {
    display: inline-block;
    width: 100%;
    margin-bottom: 1em;
}
.bnnr img{border: 1px solid #d7d7d7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;width: 100%;height: auto;}
.bnnr .copy { font-size: 0.8em; font-weight: bold; font-style: italic; }

.prod { width: 100%; }
.prod a {
	display: block;}
.prod img {width:100%; height: 100%;    -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  border: 1px solid #d7d7d7;}
.eds { zoom: 1; clear: both; padding-top: 20px; }

.entry-meta .posted-on{
font-weight: bold;
color: #787878;
}

.entry-meta .posted-on a {
color: #444;
}

.post-proj-img {margin:10px 0;}

section.error-404.not-found {
padding: 4%;
}

/* Link graphics  */

.per-door {
float: left;
width:100%;
text-align: center;
margin-bottom:20px;
}
.per-door a {display: block;}

.per-door img {width: 95%; height: auto; 
/*-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; */
}

.per-door h3 {
font-size: 1.1em;
color:#707070;
margin-top:8px;
}


.ngg-gallery-thumbnail-box {
    width: 100%;
    margin-bottom: 20px;
}

/* Side bar  */

.side_lnk {
    -webkit-border-radius: 3px;  -moz-border-radius: 3px;
    border: 1px solid #d7d7d7;
    background: #f4f4f4;
    padding: 15px 20px;
    border-radius: 3px;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
}
.side_lnk.sid-img {padding:0; cursor: pointer;}
.side_lnk.sid-img img { width: 100%; float: left;}

.side_lnk.form {
-webkit-border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-topleft: 0x;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-top: none;
}
.side_text {
    display: block;
    margin-bottom: 0.5em;
}
.lnk-txt {
    color: #c80019;
    font-weight: bold;
    width: 70%;
    display: inline-block;
    margin-left: 2%;
    vertical-align: top;
}
.u-img, .clock-img {display:inline-block;}
.link-graphic-overlay {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: auto;
font-size: 1.6em;
color: white;
max-height: 237px;
background: rgba(0,0,0,0.5);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}

.side_lnk img {
    vertical-align: text-top;
    float: left;
}
.top-nav {display:none; }

.side_lnk.form input, .side_lnk.form textarea {width: 100%;padding: 0.6em;}
.side_lnk.form input[type="submit"]{width:auto;padding: 6px 30px;}

.side-blog-content {
padding: 0 0 0 60px;
background: url('images/news.png') no-repeat left 5px;
}


.side-blog-content .cta {
margin-top:0px; float:right;}

.side-faqs-content {padding: 0 0 0 60px; background: url('images/news.png') no-repeat left 5px;color: #c80019; font-weight: bold;height: 40px;}

.proj h2 {
font-size: 1.2em;
color: #191919;
}

.proj h4 {
color: #191919;
}
.times {font-size:0.9em; }
.times td { padding: 5px; }
.times td.deliv { background: #777; color: white; vertical-align: middle; font-weight: bold; }
.times td.deliv.e { background: #e09e88; color: white;  }
.times td.deliv.s { background: #8fbfbc; color: white;  }

.proj h2, .proj h3, .proj h4 {line-height: 1.3;}

.proj-content {padding: 0 0 0 60px; background: url('images/news.png') no-repeat left 5px;}
.proj-content img {width:100%; height:auto;}

.blog article .entry-footer,
.category article .entry-footer,
.archive article .entry-footer
 { margin-top: 0.8em; }
.blog article,
.category article,
.archive article 
{padding-bottom:1em; border-bottom: 1px solid #F0F0F0;}
/* SLIDER */ 
#slideshow li {max-width: 100%; display: none;padding:0; height:auto;}
.slide-img img {width: 100%; height:auto;}
/*.slide-txt {bottom: 150px; position: relative;}*/
.slide-txt h2 {text-align: center; padding: 10px; font-size: 1.4em; text-transform: uppercase; color: #c10019; font-weight: bold; line-height: 1.4em; }
.slider-cta {text-align: center;margin-top: 0.5em; /*position: relative; bottom: 100px;*/}
.slide-cont { text-align: center; padding: 1em 2.14289em; font-weight: bold; text-transform: uppercase; color: #78797b; }
#slideshow_wrapper .bx-wrapper {
    margin: 35px auto 35px;
}

.testimonial {
padding: 25px 30px 20px 35px;
margin-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
background:url('images/q.png') no-repeat top left;
background-size: 30px;
}
.c-portfolio {
    background-color: #f4f4f4 !important;
    padding: 10px;
    margin-bottom: 20px;
    text-align:center;
}
.c-portfolio-cont {
    width: 100%;
    float: left;
    margin-bottom: 1em;
}
.testimonial h4 {padding-bottom: 0px;}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
.wpcf7 select,
.wpcf7 textarea {width:100%;    padding: 0.6em;}


.acf-map {
	width: 100%;
	height: 400px;
	margin: 0 0 20px ;
}
.acf-map img { max-width: none; }
/*
.page-template-sub-category-php h1.entry-title.greenborder ,
.page-template-sub-category-php h1.entry-title.yellowborder,
.page-template-sub-category-php h1.entry-title.blueborder,
.page-template-sub-category-php h1.entry-title.brownborder,
.page-template-sub-category-php h1.entry-title.tealborder,
.page-template-sub-category-php h1.entry-title.purpleborder,
.page-template-sub-category-php h1.entry-title.steelborder,
.page-template-sub-category-php h1.entry-title.orangeborder,
.page-template-sub-category-php h1.entry-title.coborder,
.page-template-sub-category-php h1.entry-title.limeborder,
.page-template-product-php h1.entry-title.greenborder,
.page-template-product-php h1.entry-title.yellowborder,
.page-template-product-php h1.entry-title.blueborder,
.page-template-product-php h1.entry-title.brownborder,
.page-template-product-php h1.entry-title.tealborder,
.page-template-product-php h1.entry-title.purpleborder,
.page-template-product-php h1.entry-title.steelborder,
.page-template-product-php h1.entry-title.orangeborder,
.page-template-product-php h1.entry-title.coborder,
.page-template-product-php h1.entry-title.limeborder,
.prod h3.greenborder,
.prod h3.yellowborder,
.prod h3.blueborder,
.prod h3.brownborder,
.prod h3.tealborder,
.prod h3.purpleborder,
.prod h3.steelborder,
.prod h3.orangeborder,
.prod h3.coborder,
.prod h3.limeborder {color: white;}
*/
.greenborder{ background-color:#40ae49 !important; }
.yellowborder { background-color:#fec630 !important;}
.blueborder{ background-color:#2473ba !important;}
.brownborder{ background-color:#b79257 !important;}
.tealborder{ background-color:#74b3b0 !important;}
.purpleborder{ background-color:#8587c2 !important;}
.steelborder{ background-color:#2f4e69 !important;}
.orangeborder{ background-color:#f68c36 !important;}
.coborder{ background-color:#98B4D4 !important;}
.limeborder{ background-color:#cddf74 !important;}
/*
.page-template-sub-category-php h1.entry-title, 
.page-template-product-php h1.entry-title  {
border-left: 4px solid #eee;
padding: 3px 0 3px 15px;
margin-bottom:0.5em;
}*/

.prod h3 {
border-left: 4px solid #eee;
padding: 5px 10px;
}

.laminates td {font-size:7px; font-weight: bold; text-align: center;}

.vene td { padding-bottom: 0px; }
.vene td img {margin-bottom: 0px;}
.link-graphic-overlay {padding: 0.5em;}

.q-m-img {line-height: 219px; text-align:center;}
.testimnial-text {font-weight: bold;}

.supplier-logos {width: 30%; display: inline-block;}
.s-logo {padding: 10px; display: inline-block;}
.supplier-big-logo img {
    width: 70%;
}
.supplier-big-logo {
    display: inline-block;
    width: 69%;}
@media screen and (min-width: 1024px){
	.trigger {
		display: none;
	}
	.mini-navigation {display: none;}
}
@media screen and (max-width: 991px){
	#site-navigation{
		display: none;
	}
}
/*=============MOBILE===============*/
@media screen and (min-width: 480px) {

.per-door {width: 50%;}
.link-graphic-overlay {padding: 1em;}
.c-portfolio-cont {width: 50%;}
.c-portfolio {text-align: left;}
}

@media screen and (max-width: 991px) {
    .mobile_icons i {
        color: #000;
    }
}

/*=============TABLET===============*/
@media screen and (min-width: 768px){




.ngg-gallery-thumbnail-box { margin: 1%; width: 31%; }
#ngg-gallery-81977e975d508c84ecbe106f29313f62-1 .ngg-gallery-thumbnail-box { margin: 1%; width: 18%; }

.container_12 .site-branding.grid_4.alpha {
float: left;
width: 31.333%;
text-align: left;
padding-top:0px;
}

.site-title  img { max-height: 100%;
width: auto;}

.container_12 .grid_8.site-deets {width: 66.667%; margin-top: 0px; display: inline-block;}
.top-link-graphic { display:inline-block;}

#masthead {
float: none;
width: auto;
}
.top-nav {display:block; }


.top-nav {text-align: right; padding: 20px 0 15px;}	
.top-nav ul {margin:0px; list-style-type: none; }
.top-nav li {display: inline; margin-left:3.3%;}
.top-nav a {font-weight:bold; color:#78797b; font-size: 1em;}
.top-nav a:hover {color: #c80019; opacity: 0.7;}


.site-deets { text-align: right; padding-top:5px; margin:0px;}
.site-deets a, .site-deets span {  font-size: 1.2em; font-weight: bold; clear: both; float: right; color: #c80019;}

#nav-wrap {width:100%; margin: 1.4em 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; display:inline-block; line-height: 1;
-webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.05);
-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.05);
box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.05); }
.main-navigation {display: block;}
.main-navigation a {font-weight: bold; color: #c80019; font-size: 0.892em}
.main-navigation .current-menu-item > a {color: white;}

.main-navigation li a:hover {color: #ffffff; opacity: 1;} 
.main-navigation li:hover {color: #ffffff; background-color: #c80019;} 
/*.main-navigation ul ul li:hover {background-color: #a8a8a8;}*/

.sml-link-title {display: none;}
.main-link-title { display: inline; float: left; color: #c80019; font-size: 1.4em; font-weight: bold; padding-bottom: 0px }
.top-link-graphic span { display: inline; float: left; font-size: 1.4em; color:#535353;  font-weight: bold; padding-left: 8px; }

#colophon {text-align: left;}
#colophon .container_12 .grid_2, #colophon .container_12 .copy {display: block;}

.foot-nav ul { margin: 0px; list-style-type: none; font-size: 0.9em; display: inline-block; }
.foot-nav li a:hover {color: #c80019; opacity: 0.7;}
.nav-2 { padding-top: 26px; }

.per-door {
	width: 23.5%;
margin-right: 2%;
margin-bottom: 0px;
}
.prod { width: 31.5%; float: left; margin-right: 2.6%; margin-top: 2.6%;}

.main-navigation li a {padding: 15px 7px;}
.link-graphic-overlay {padding: 0.8em 1em; font-size: 1em;}

.link-graphic-overlay {padding: 0.8em 1em; font-size: 3.2em;}

.side-faqs-content {background: none; padding: 0;}
.side-blog-content {padding: 0px; background: none;}
.proj-content {padding: 0px; background: none;}
.u-img, .clock-img {display: none;}
.lnk-txt {width: 100%;}

.c-portfolio-cont {width: 100%;}

}

.slider-cta .cta{
	margin-bottom:10px;
}
/*==============960================*/
@media screen and (min-width: 991px){

	.top-link-graphic .link-text { font-size:1em;}
	.main-navigation ul ul {top:33px;}
	#colophon .site-map {padding-bottom: 44px;}
	.top-link-graphic .cta { padding: 10px 40px;}
	.site-deets  {padding-top: 15px;}

	/* Slideshow */
	.slide-img img {width: 100%; height:auto;}
	.slide-txt { position: absolute; top:0; width: 28.3%; height: 100%; background: rgba(0,0,0,0.5);}
	.slide-txt h2 { text-align: center; padding: 5.5% 11%; font-size: 1.4em; text-transform: uppercase; color: white; font-weight: bold; line-height: 1.4em; }
	.slide-cont { text-align: center; padding: 1em 2.14289em; font-weight: bold; text-transform: uppercase; color: white; }
	/*.slide-txt {min-height: 285px;} */


.main-navigation a {font-weight: bold; color: #c80019; font-size:1em}
.main-navigation li  a{padding: 15px 15px;}
.cta {padding-left:30px; padding-right:30px; min-width: 188px;}
.slider-cta .cta{margin-bottom: 10px; min-width: 188px;}
.slider-cta {position: absolute; bottom: 0px; width: 28.3%; padding: 1em; padding-left: 5%;}
.link-graphic-overlay {padding: 0.8em 1em; font-size: 1.4em;}
.row-2 {width: 630px;}
.above-footer img {padding: 0 15.5px;}

	.side-faqs-content {padding: 0 0 0 60px; background: url('images/news.png') no-repeat left 5px;color: #c80019; height: auto;}
	.side-blog-content {padding: 0 0 0 60px; background: url('images/news.png') no-repeat left 5px;}
	.proj-content {padding: 0 0 0 60px; background: url('images/news.png') no-repeat left 5px;}
	.u-img, .clock-img {display: inline-block;}
	.lnk-txt {width: 70%; margin-left: 5%;}

	.slide-txt {
		min-height: 326px;
		display: block;
	}  

}
/*========STANDARD desktop==========*/
@media screen and (min-width: 1366px) {
   
.slide-txt {min-height: 326px;}  
.link-graphic-overlay {padding: 0.8em 1em;}  
.main-navigation a {font-weight: bold; color: #c80019; font-size:1.1em}
.main-navigation li a {padding: 15px 21px;}
.above-footer img {padding: 0 27.2px;display:inline-block;}
}

/*========fancybox Override=========*/

#fancybox-left, #fancybox-right {visibility: visible; display:inline !important;}
#fancybox-left-ico {left: 20px!important;}
#fancybox-right-ico {left: auto !important; right: 20px !important;}

.at4-share-title {
    display: none;
}


img.bottom-icon-ifc {
    margin-top: 2rem;
}


/* ==========
New Header Styles
=============*/
/* Top Header */
.top-header{
	background-color: #f4f4f4;
	padding:5px 0;
}
.top-header a{
	color:#c80019;
}
.top-header .email,.top-header .phone{
	font-weight: bold;
	color:#5a5a5a;
	padding:0 0.7rem;
}
.top-nav{
	padding:0;
}
/* Main Header */
#masthead{
	width: 100%;
}
.header{
	border-bottom: 1px solid #e0e0e0;
	padding-top:2rem;
	padding-bottom: 1rem;
	/* margin-bottom: 2rem; */
	background-color: white;
}
.site-title img{
	height: 60px;
}
/* NAV */
.main-navigation{
	margin-top: 2rem;
}
.main-navigation ul{
	float: right;
}
.main-navigation li a {
	padding: 5px 12px;
}
.trigger{
	border:none;
}

/* ==========
New Slider Styles
=============*/
.small .slide_content{
	margin-top: 0;
	width: 28.3%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	border-radius: 0;
}
.small .slide-txt{
	bottom:auto;
	background:none;
	display: block;
	position: relative;
	width: auto;
	height: auto;
	min-height: 0;
}
.small .slider-cta{
	bottom:auto;
	display: inline-block;
	margin:0 auto;
	position: relative;
	padding:0;
	width: 100%;
}
.small .slide-txt h2{
	padding:5.5% 0;
}
.small .slide-cont{
	padding:0 2.14289em;
}
@media screen and (max-width: 1040px) {
	.small .slide_content{
		width: 50%;
	}
	.small .slide-cont{
		color:#FFF;
	}
}
@media screen and (max-width: 768px) {
	.small .slide_content{
		width: 100%;
	}
	.small .slider-cta a{
		margin-bottom: 0.5rem;
	}
}

/* ==========
TECHNICAL MENU
=============*/
.technical_menu{
	background: #f4f4f4;
    border: 1px solid #d7d7d7;
    margin-bottom: 2rem;
    padding:10px 20px;
    display: inline-block;
    width: 100%;
}
.technical_menu h3.triggertech{
	color:#78797b;
	margin:0;
	padding:0;
	font-size: 1.8rem;
	display: block;
	float: none;
	text-align: center;
	cursor:pointer;
}
.technical_menu h3.triggertech:after{
	content:':';
}
.technical_menu ul {
	margin:0;
	margin-top: 2px;
}
.technical_menu ul li{
	display: inline-block;
	text-align: center;
}
.technical_menu ul li a{
	padding:10px 10px;
	color:#78797b;
	font-weight: bold;
}
.technical_menu ul li a:hover{
	background-color: #78797b;
	color:#FFF;
	opacity: 1;
}
@media screen and (max-width: 991px) {
	.technical_menu .desktopmenu{
		display: none;
	}
	.technical_menu h3.triggertech:after{
		font-family: Fontawesome;
		content:' \f0d7';
	}
	.technical_menu .mini-navigation div>ul>li>a{
		margin:0;
		width: 100%;
	}
	.technical_menu .mini-navigation div>ul>li{
		padding:0;
		border:none;
	}
}

/* BreadCrumbs */
.crumb-container{
	display: block;
	text-align: right;
	margin-bottom: 0rem;
	margin-top: 1rem;
	padding:5px 0;
	
}

/* Video plugin*/
.video_popup .single_solution a, .vid-w-txt .sideimage a{
	display: block;
}

.vid-w-txt .sideimage a:after{
	font-family: 'Fontawesome';
	content: '\f01d';
	color: #FFF;
	font-size: 5rem;
	position: absolute;
	top: 33%;
	left: 45%;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.8);
}
.video_popup .single_solution a:after{
	font-family: 'Fontawesome';
	content:'\f01d';
	color:#FFF;
	font-size: 5rem;
	position: absolute;
	top: 24%;
	left: 45%;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.8);
}
.video_popup .single_solution{
	text-align: left;
}
.video_popup h3.single_sol_h3{
	font-size: 2rem;
}

.warning{
	background-color:#c80019;
	color:#FFF;
	padding:20px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.warning h3{
	color:#FFF;
	font-size: 1.8rem;
	display:inline-block;
	padding:0;
	width: 89%;
}

.warning a.cta{
	background-color:#FFF;
	color:#c80019;
	margin:0;
	float:right;
}
#newsletter-foot{
text-align:center;
}
#newsletter-foot h4{
	display:inline-block;
}

#newsletter-foot h4{
margin-right:10px;
}

#newsletter-foot .mc4wp-form input[type="email"]{
	max-width: 500px;
    	width: 80%;
}

#newsletter-foot .w-container{
	padding:0 10px;
}

#newsletter-foot .mc4wp-form input[type="submit"] {
    margin-top: 0;
    padding: 9px 30px;
    border-radius: 0px;
    border: none;
}

/* Related Blogs */
.related-blogs{
	padding:3rem 0;
	display:inline-block;
}
.related-blogs h2{
	text-align: center;
	font-size:2.5rem;
}
.related-blogs .addthis_tool{
	display:none;
}

.related-blogs .blog-container{
	padding-left:0;
}

/* Related Blogs End*/

@media screen and (max-width: 768px) {
	#newsletter-foot .mc4wp-form input[type="email"],
	#newsletter-foot .mc4wp-form input[type="submit"]{
		width:100%;
		max-width:none;
	}
	#newsletter-foot .mc4wp-form input[type="email"]{
		margin-bottom:1rem;
	}

}
/* =====================================

          FLEXIBLE CONTENT STYLES 

========================================

* This stylesheet is exclusively for styles for the flexible content blocks. Don't cross the streams!
* Please do not edit this file, unless you wish to make a global change for all websites that use one of the OPS child themes.
* If you are unsure, please contact Laura Wheatman or Francis Whiteley or email us at projects@flex4.co.uk
*/

/* Flexible General */

  .page-template-flexible .content-wrapper{
	padding-top: 96px;
  }
  .page-template-flexible #content.container_12, .page-template-contact #content.container_12{
	width: 100%;
  }
  .whitesection {   background-color: white; padding:3rem 0;}
  .whitesection h3 {  color: #c80019;}
  .greysection {  background-color: #f5f5f5; padding:3rem 0;}
  .greysection h3 {  color: #c80019;}
  .colorsection {  background-color: #c80019;  color: white; padding:3rem 0;}
  .colorsection h1, .colorsection h2, .colorsection h3, .colorsection p, .colorsection a{  color: white;}
  .centered {
	display: block;
	width: 100%;
	max-width: 700px;
	margin: auto;
	text-align: center !important;
  }
  .centered h1, .centered h2, .centered h3 {
	margin: inherit auto;
	text-align: center;
  }
  
  /*=====================================================
  Single Column
  =====================================================*/
  .singl-col{
	padding:0;
  }
  .banner{
	position: relative;
	min-height: 288px;
	height: auto;
	padding:2rem;
	background-color: #c80019;
  }
  .banner h2, .banner h1{
	margin:0;
	color:#FFF;
	text-transform: uppercase;
	padding:9px;
	line-height: 1.7em;
  }
  .banner h2 .subheading{ font-size: 2.1rem; font-weight: normal; color:#eee;}
  
  .banner-content{
	display: block;
	color:#FFF;
	padding:9px 0;
	font-size:14px;
  }
  .banner-content .readmore{
	padding:5px;
	display: block;
  }
  
  .singl-col .cta, .singl-col .cta:visited{
	background-color: #FFF;
	color:#c80019;
	margin-bottom: 1rem;
	margin-right: 0.5rem;
  }
  .singl-col .cta:hover{
	color:#c80019;
  }
  .singl-col .cta:first-child{
	margin-right: 1rem;
  }
  
  /*=====================================================
  Graphic Links
  =====================================================*/
  
  .single_solution{
	margin:2rem 0;
	text-align: center;
  }
  
  /*=====================================================
  Feature Icons
  =====================================================*/
  
  span.subheading{
	display: block;
	font-weight: normal;
	font-size: 16px;
	color:#333;
  }
  
  .benefit {  padding-top: 3rem; text-align: center;  }
  .benefit-12 {  padding-left: 100px;}
  .benefit i {  font-size: 2.5rem;  width: 60px;  top: 3rem; transition: 0.3s ease-in-out;}
  .benefit-12 i {  top: 3.5rem;  font-size: 3.5rem;}
  .benefit h3 {  margin-top: 0.5rem;  margin-bottom: 0.5rem;}
  
  /*=====================================================
  Text Only
  =====================================================*/
  
  .sub-heading h2{
	border-bottom: 0;
	/*font-size: 1.2rem;*/
	font-weight: bold;
	text-transform: none;
  }
  .ticks ul{
	list-style-type: none;
  }
  .ticks li:before {    
	font-family: 'FontAwesome';
	content: '\f00c';
	margin:0 5px 0 -15px;
	color: #c80019;
  } 
  
  .wpcf7 input.wpcf7-form-control.wpcf7-submit{
	float: right;
	font-size: 100%;
  }
  
  
  /*=====================================================
  Photo Gallery
  =====================================================*/
  
  .gallery-header{margin-bottom: 1rem;}
  .photo-tile img {padding:0px 10px;}
  .photo-gallery button.slick-next.slick-arrow{top:10rem;right:-0.8rem; z-index:-999; }
  .photo-gallery button.slick-prev.slick-arrow{top:10rem; left:-0.8rem; z-index:-999; }
  /*.photo-gallery .slick-dots{bottom:65px;}*/
  
  .photo-gallery .slick-slider{
	height: auto;
  }
  
  /*=====================================================
  Text With Sidebar
  =====================================================*/
  .sidebar_box {
	display: block;
	margin-bottom: 1rem;
	border: 1px solid #d7d7d7;
	background-color: #f4f4f4;
	padding:20px;
	text-align: center;
	border-radius: 3px;
  }
  .greysection .sidebar_box{
	  background-color:#FFF;
  }
  .sidebar_box:last-child {  margin-bottom: 0; margin-top: 20px;}
  
  .sidebar_box h3 {
	color: #c80019;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-bottom: 0;
  }
  
  .sidebar_box_content {
	color:#000;
  }
  
  .colorsection .sidebar_box a.cta{
	background-color: #c80019;
	color:#FFF;
  }
  
  /*.sidebar_box .cta:hover{
	background-color: #eeff2d;
	color:#c80019;
  }*/
  
  /*=====================================================
  Tabs
  =====================================================*/
  .responsiveTabs {  display: block;  margin-top: 1rem;}
  div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {  border-top-right-radius: 0px;  border-top-left-radius: 0px;}
  
  div.r-tabs {
	position: relative;
	background: #f5f5f5;
	border-top: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	border-radius: 0px;
  }
  
  div.r-tabs .r-tabs-panel {
	background-color: white;
	border-bottom: 4px solid white;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
  }
  
  div.r-tabs .r-tabs-nav .r-tabs-tab {  background-color: #c80019;}
  
  div.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	background-color: #c80019;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom: 1px solid #f0f0f0;
  }
  
  div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #c80019; color:#FFF ;}
  div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {  color: #c80019;}
  
  /*=====================================================
  Feature List
  =====================================================*/
  .features {
	text-align: left;
	margin: 0;
	list-style: none;
	padding-left: 0;
  }
  
  .features li {  position: relative;  padding-left: 2rem;}
  
  .features li:before {
	font-family: 'FontAwesome';
	content: '\f00c';
	position: absolute;
	left: 0;
	top: 0;
	color: #c80019;
  }
  
  /*=====================================================
  Portfolio
  =====================================================*/
  
  .pf_title{text-align: center;}
  .examples {  padding-top: 1.5rem;}
  .example_container {  padding: 0 10px;}
  .examples .slick-dots {  bottom: -2rem;  text-align: center;  padding: 0 20px 0 0;}
  .examples .slick-dots li button:before {  color: #c80019;  opacity: 1;  font-size: 1rem;}
  .examples .slick-dots li.slick-active button:before {/*  content: "\f111";*/  color: #c80019;}
  
  
  /*=====================================================
  Grid Section
  =====================================================*/
  .grid_single {
	display: block;
	margin-bottom: 1rem;
	text-align: center;
  }
  .grid_single:hover {  opacity: 0.8;}
  .grid_single img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 0.5rem;
  }
  /*=====================================================
  Testimonials
  =====================================================*/
  
  .testimonial{
	margin-bottom: 1rem;
	padding:0px 50px;
	border-bottom: none;
  }
  
  .clientname {
  	margin-top: 10px;
	font-weight: bold;
	color: #c80019;
	display: block;
  }
  
  .org {
	color: #4a4a4a;
  }
  
  @media only screen and (max-width: 1400px) {
	.testimonial{
	  padding:0px 50px;
	}
  }
  @media only screen and (max-width: 640px) {
	.testimonial{
	  padding:0px 10px;
	}
  }
  
  /*.testimonials .slick-slider{
	height: auto;
  }*/
  
  /*=====================================================
  Resources
  =====================================================*/
  
  .cta, input[type="submit"], header .cta_container a {
	display: block;
	background-color: #c80019;
	color: white;
	padding: 0.75rem 20px;
	border: none;
	text-align: center;
	transition: 0.5s;
	min-width: auto;
  }
  .cta:visited, input[type="submit"]:visited, header .cta_container a:visited {  color: white;}
  .cta:focus, input[type="submit"]:focus, header .cta_container a:focus {  color: white;}
  .cta:hover, input[type="submit"]:hover, header .cta_container a:hover {  color: white;}
  .cta:active, input[type="submit"]:active, header .cta_container a:active {  color: white;}
  #content p a.cta,
  #content p a.cta:visited{
	text-decoration:none;
  }
	.cta, input[type="submit"], header .cta_container a {
	  display: inline-block;
	  padding: 0.5rem 20px;
	  margin-top: 0.5rem;
	  text-decoration: none;
	}
  
  .single_resource {
	padding: 1rem 0;
	border-bottom: 1px solid #E3E3E3;
  }
  .w-row:last-child .single_resource {
	border-bottom: 0;
	padding-bottom: 0;
  }
  h3.resource_title {
	font-size: 1.9rem;
	line-height: 3rem;
	font-weight: bold;
	color:#c80019;
	margin-bottom: -0.5rem;
	
  }
  
  .resource-content{
	background-color: #f4f4f4;
	border:1px solid #d7d7d7;
	color:#000;
	padding:1.5rem;
	margin-bottom: 1.5rem;
	/* border-radius: 5px; */
	display: flex;
   	flex-direction: column;
    	justify-content: space-between;
  }
  .resource-content .download{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	background-color:#c80019;
	padding:0.5rem 19px;
	border-radius: 3px;
	font-weight: bold;
	margin-right: 5px;
  }
  .resource-content .download i {
  padding-left: 0.25rem;
  }
  /* KK - 11/07/2024 - w-col width override*/
  @media screen and (max-width: 650px) {
  .w-col-tiny-12.single_resource{
      width:100%;
  }
}
  
  
  /*=====================================================
  Blog
  =====================================================*/
  
  .solution_container {  margin-bottom: 1rem;}
  
  a.solution {
	display: block;
	height: 15rem;
	position: relative;
	background-color: #c80019;
	overflow: hidden;
	margin-bottom: 1rem;
  }
  
  .solution_container .solution {  margin-bottom: 0;}
  .solution h3 {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: white;
	background-color: #c80019;
	padding: 0.5rem 20px;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-bottom: 0;
  }
  
  .solution img {
	min-width: 100%;
	min-height: 100%;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	transform-origin: 50% 0%;
	opacity: 0.5;
  }
  
  .solution:hover h3 {
	-moz-transform: translateY(5rem);
	-ms-transform: translateY(5rem);
	-webkit-transform: translateY(5rem);
	transform: translateY(5rem);
  }
  
  .solution:hover img {
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
  }
  
  .readmore {
	display: block;
	font-size: 0.875rem;
	margin-top: -0.5rem;
  }
  
  .single_sol_img {
	/* display: block;
	margin:0 auto; */
	/*max-width: 260px;*/
  }
  
  h3.single_sol_h3 {
	margin-bottom: 0;
	margin-top: 1rem;
	/* font-weight: bold; */
  }
  
  /*=====================================================
  Feature Tabs
  =====================================================*/
  .slider-nav {  display: none;}
  @media only screen and (min-width: 768px) {
	.slider-nav {
	  display: block;
	  z-index: 100;
	}
  }
  
  .slider-nav-link {  padding: 10px;  outline: none !important;  cursor: pointer;}
  
  .slider_nav_link_internal {
	text-align: center;
	background-color: #e1e1e1;
	padding: 20px;
  }
  
  .slick-current .slider_nav_link_internal {  background-color: #c80019;  color: white;}
  .slider-nav-link i {  display: block;  font-size: 1.5rem;}
  .slider-for {  background-color: white;}
  @media only screen and (min-width: 768px) {
	.slider-for {    margin-top: -3rem;  }
  }
  
  .feature_slide {  padding: 3rem 20px;}
  .slideimage {  width: 60%;  display: block;  margin: 1rem auto 0;}
  
  
  .slider-for .slick-prev, .slider-for .slick-next {  z-index: 300;}
  .slider-for .slick-prev:before, .slider-for .slick-next:before {  color: #c80019;  font-size: 2rem;}
  .slider-for .slick-prev {  left: -15px;}.slider-for .slick-next {  right: -5px;}
  @media only screen and (min-width: 768px) {
	.feature_slide {    padding: 5rem 20px 3rem;  }
  }
  
  .slideimage {
	width: 60%;
	display: block;
	margin: 1rem auto 0;
  }
  @media only screen and (min-width: 768px) {
	.slideimage {
	  width: 100%;
	  margin: 0;
	}
  }
  
  .slider-for .slick-prev, .slider-for .slick-next {  z-index: 300;}
  .slider-for .slick-prev:before, .slider-for .slick-next:before {  color: #c80019;  font-size: 2rem;}
  .slider-for .slick-prev {  left: -15px;}.slider-for .slick-next {  right: -5px;}
  
  @media only screen and (max-width: 680px) {
	  .feature_title{display: none;}
  }
  
  /*=====================================================
  Pricing/Features Table
  =====================================================*/
  div.matrixwrapper {  position: relative;}
  
  div.matrix {
	width: 100%;
	overflow-x: scroll;
	padding-left: 200px;
	overflow-y: visible;
	padding-bottom: 1px;
	padding-top: 1rem;
  }
  @media only screen and (min-width: 768px) {
	div.matrix {
	  overflow: auto;
	}
  }
  
  div.matrix table {
	border-collapse: collapse;
	width: 100%;
	min-width: 650px;
  }
  
  div.matrix td, div.matrix th {
	margin: 0;
	border: 1px solid #e1e1e1;
	white-space: nowrap;
	padding: 5px 10px;
	text-align: center;
	font-size: 0.875rem;
	line-height: 1rem;
  }
  
  div.matrix th {
	font-family: 'Open Sans', sans-serif;
	color: white;
	padding: 1rem 10px;
	font-size: 1.25rem;
  }
  div.matrix th.purple {
	background-color: #555;
	border: 1px solid #555;
  }
  div.matrix th.red {
	background-color: #c80019;
	border: 1px solid #c80019;
  }
  div.matrix th.green {
	background-color: #1abc9c;
	border: 1px solid #1abc9c;
  }
  
  div.matrix td.purple {
	background-color: #f5f4f6;
	border: 1px solid #d9d4db;
  }
  div.matrix td.red {
	background-color: #f8f6fb;
	border: 1px solid #e7dbf2;
  }
  div.matrix td.green {
	background-color: #f4f8f8;
	border: 1px solid #d5e3e3;
  }
  
  div.matrix .headcol {
	font-family: 'Open Sans', sans-serif;
	position: absolute;
	width: 200px;
	left: 0;
	top: auto;
	background-color: white;
	z-index: 10;
	text-align: left;
	font-size: 1rem;
  }
  div.matrix .headcol.empty {
	border-top: 1px solid white;
	border-left: 1px solid white;
  }
  
  div.matrix tr:nth-child(even) .headcol {  background-color: #f5f5f5;}
  div.matrix .fa-times {  color: #b7b7b7;}
  div.matrix .fa-check {  color: #59918f;}
  
  @media only screen and (max-width: 680px) {
	  .headcol{display: inline-block;}
  }
  
  /*=====================================================
  Sample Pack
  =====================================================*/
  section#sample_pack{
	padding:0;
  }
  .sample-pack{
	background: #f4f4f4;
	border: 1px solid #d7d7d7;
	color:#FFF;
	display: block;
	margin:1rem 10px;
	overflow: hidden;
	padding: 7px 17px;
  }
  .sample-pack h2{
	line-height: 30px;
	padding-bottom: 0;
	text-align: left;
	color: #c80019;
  }
  .sample-pack h2 span{
	color:#535353;
  }
  .sample-pack a.cta{
	width: auto;
	/*margin-top: 10px;*/
  }
  
  .sample-image{
	overflow: hidden;
	text-align: center;
	height:auto;
	display: flex;
    	justify-content: center;
  }
  .sample-pack .link{
	text-align: center;
  }
  @media only screen and (max-width: 991px) {
	.sample-pack h2{
	  line-height: 3rem;
	}
  
  }
  
  .red-cta{
	background-color: #c80019;
	color:#FFF;
  }
  
  .red-cta h2, .red-cta h2 span{
	color:#FFF;
  }
  
  .red-cta a.cta{
	background-color: #FFF;
	color: #c80019;
  }
  
  .red-cta i{
	color:#FFF;
  }
  
  .sample-image img{
	  max-height:50px;
  }
  
  /*=====================================================
  General Slider
  =====================================================*/
  
  a.anchor .fa{
	  color: white;
	  font-size: 2em;
	  margin-top: 2em;
	  cursor: pointer;
  }
  
  .slider-section{
	padding:0;
  }
  .slider-section .slick-slide{
	  height:300px;
  /*	padding:5rem 0;*/
  }
  .slider-section .centered{
	margin-top: 9rem;
  }
  .slider-section h1{
	color:white;
	margin-bottom:2rem;
	font-weight: bold;
  }
  .slider-section h2{
	color:white;
	margin:0;
	font-weight: normal;
	font-size: 2rem;
  }
  
  .slider-section ul.slick-dots{
	  bottom: -5px;
	  padding-top: 5px;
	  background-color: #FFF;
	}
  .slider-section .slick-dots li button:before,
  .slider-section .slick-dots li.slick-active button:before{color:white;}
  .slider-section .slick-dotted.slick-slider{margin-bottom: 0;}
  .slider-section button.slick-next.slick-arrow{right:25px;}
  .slider-section button.slick-prev.slick-arrow {left:25px; z-index: 50;}
  
  .slide_content a.cta{
	  background-color: #FFFFFF;
	  margin-top: 10px;
	  transition: 0.5s;
	  color:#c80019;
	  font-weight: normal;
  }
  .slide_content a.cta:hover{
	  color:#c80019;
  }
  .slide_link:visited{color:#fff;}
  
  .slide_content{
	position: relative;
	color: #FFFFFF;
	background-color: rgba(200,0,25,0.8);
	padding: 20px;
	padding-left: 90px;
	height: 300px;
  }
  
  .slide_content h2{
	color:#FFF;
	font-size: 4rem;
	padding-bottom: 0;
  }
  .slider_text{
	display: block;
  }
  .slider-links{
	position: relative;
	bottom: 0;
  }
  img.slide_image{
	margin:0 auto;
	margin-top: 4rem;
  }
  .message{
	color:#FFF;
	font-size: 1.8rem;
	margin: 10px 0;
  }
  .slick-prev, .slick-next{
	z-index: 1;
  }
  .slider-section .slick .slick-arrow{
	opacity:0 !important;
	transition: 0.4s ease-in-out;
	top: 45%;
  }
  .slider-section .slick:hover .slick-arrow{
	opacity: 1!important;
  }
  .slider-section .slick-prev:before, .slider-section .slick-next:before{
	color:#FFF!important;
	font-size: 3rem!important;
  }
  .slider-section .slick-prev:before{
	font-family: fontawesome;
	content:'\f053';
  }
  .slider-section .slick-next:before{
	font-family: fontawesome;
	content:'\f054';
  }
  
  .slider-section .slick-dots li button:before, .slider-section .slick-dots li.slick-active button:before{
	color:#000;
  }
  .slick-prev, .slick-next{
	padding:20px;
  }
  
  .slider-background{
	position: absolute;
	z-index: -1;
  }
  .slider-section .slide.animation{
	 animation: slide 25s linear infinite;
	 -webkit-animation: slide 25s linear infinite;
  }
  
  @-webkit-keyframes slide {
	  from { background-position: 0 0; }
	  to { background-position: -400px 0; }
  }
  @keyframes slide {
	from { background-position: 0 0; }
	to { background-position: -400px 0; }
}
  
  .slider-section button, .slider-section .slick .slick-arrow{
	box-shadow: none;
  }
  .slider-section .slick-dots li button:before{
	font-family: Fontawesome;
	content:'\f096';
	color:#c80019;
	font-size: 1.5rem;
  }
  .slider-section .slick-dots li button:before, .slider-section .slick-dots li.slick-active button:before{
	font-family: Fontawesome;
	content:'\f0c8';
	color:#c80019;
  }
  
  @media only screen and (max-width: 768px) {
	.slide_content{
	  padding:20px 70px; 
	}
  }
  @media only screen and (max-width: 480px) {
	.slide_content{
	  padding:10px; 
	}
  }
  /* CRO Experiment - generic styling changes */
  /*.page-template-flexible .sample-pack .cta{ min-width:auto;}*/
  .page-template-flexible section.sample_pack { padding:1rem 0 2rem;}
  
  /* CRO Experiment - Home page styles */
  .page-id-3528 #menu-item-21 { color: #ffffff; background-color: #78797b; }
  .page-id-3528 li#menu-item-21 a { color: #ffffff;}
  .page-id-3528 #section-4  { padding-bottom:2rem;}
  .page-id-3528 #section-2,.page-id-3528 #section-5 { padding-top:0;}
  .page-id-3528 section.sample_pack { padding:1rem 0 2rem;}
  .img-w-txt.whitesection { border-bottom: 1px solid #f5f5f5; padding-top: 2rem;}
  .page-id-3528 .testimonial { border:none;}
  .page-id-3528 .testimonial-slider.slick-slider { margin-bottom:0;}

#iso9001 > div > div > div.w-col.w-col-4.sideimage > img {
width:195px;
}
#iso14001 > div > div > div.w-col.w-col-4.sideimage > img {
width:195px;
}
section#fscimg div.w-col.w-col-4.sideimage {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
    
#fscimg > div > div > div.w-col.w-col-4.sideimage > a > img {
height: 50%;
width: 250px;
border: 1px solid #d3d1d1;
}
  /* CRO Experiment - FD30 page styles */
  .page-id-3568 #section-2  { padding-bottom:0;}
  .page-id-3568 #section-4  { padding-top:0;}
  .page-id-3568 #section-1.singl-col {
	margin-left:350px;
  }
  .page-id-3568 #section-1.singl-col .w-col-4 {
  margin-left:-350px;
  width: 370px;
  background:#c80019;
  }
  .page-id-3568 #section-1.singl-col .w-col-4 .banner {
  background:none;
  }

  /* SECTION OVERRIDES
  Add these classes to the 'Section Class Override ID' to see the effects!
  This is good for duplicate content blocks with the same colour background to reduce spacing.
  */
  
  section.removepadding{
	padding-top: 0;
  }
  
  .page-id-3961 .img-w-txt.whitesection, .page-id-3754 .img-w-txt.whitesection, .page-id-3528 .img-w-txt.whitesection{
	padding-top: 3rem;
  } 
  
  .resource-logo{
  vertical-align:middle;
  padding:0 5px;
  }
  
  /* Blog Content Block */
  
  .blog-container h3{
	position:relative;
	bottom:auto;
	color:#c80019;
	background-color:transparent;
  }
  
  .blog-container{
	border-right:1px solid #ddd;
	padding:10px;
  }
  
  .w-col-4:last-child .blog-container{
	border:none;
  }
  /* Blog Content Block End */

.banner{
	font-size:14px;
}

/* 2023 Case Studies */
.single-case_study #content{
	max-width: none;
	width:auto;
	padding-top:0;
	font-size:16px;
}
.page-template-ops-quote .crumb-container,
.single-case_study .crumb-container{
	position: absolute;
    color: #FFF;
    width: 100%;
    background-color: rgba(0,0,0,0.2);
	padding:10px 0;
	z-index: 1;
}
.single-case_study .crumb-container a,
.single-case_study .crumb-container a:visited,
.page-template-ops-quote .crumb-container a,
.page-template-ops-quote .crumb-container a:visited{
	color:#FFF;
}
.single-case_study section{
	padding:50px 0;
}
.quote-banner,
.case-study-banner{
	position:relative;
}
.removepadding{
	padding-top:0;
}
.banner-overlay{
	display:flex;
	justify-content:center;
	align-items: center;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.3);
}

.banner-overlay h1{
	color:#FFF;
	font-size:2rem;
	font-size: 40px;
    font-weight: normal;
    text-shadow: 0 0 20px black;
	padding:0;
}

#portfolio_filter{
	list-style: none;
	display:flex;
	justify-content: center;
	column-gap:20px;
	margin:2rem 0;
}
#portfolio_filter li{
	font-weight:bold;
	font-size:1.5rem;
	text-transform: uppercase;
	cursor:pointer;
}
#portfolio_filter li.active{
	color:#c80019;
}

.thumbnail-container{
	position:relative;
	overflow:hidden;
}
.link-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	color:#FFF;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:0.3s;
	padding:20px;
	flex-direction: column;
}
.link-overlay h3{
	color:#FFF;
	font-size:2rem;
}
.event_container{
	margin-bottom:20px;
}
.event_container a:hover{
	opacity:1;
}
.event_container .thumbnail-container img{
	transition:0.3s;
}
.event_container a:hover .thumbnail-container img{
	transform:scale(1.1);
}
.event_container a:hover .link-overlay{
	background-color:rgba(0,0,0,0.6);
}



/* 2023 Case Studies END */

/* Quotation System */
#quote .whitesection{
	padding:4rem 0;
}
#quote .whitesection.removepadding{
	padding-top:0;
}
.w-col-12.narrow{
	width:70%;
	max-width:800px;
	margin:0 auto;
	display: block;
    float: none;
}
.page-template-ops-quote #content,
.page-template-case-studies-listing #content{
	width:auto;
	padding:0;
}
.quote_form{
	display:inline-block;
	width:100%;
	background-color:#f7f7f7;
	padding:20px;
	border-radius:10px;
}
.block-header{
	display:flex;
	align-items:center;
	justify-content:left;
}
.block-header h2{
	padding:0;
}
.header_icon{
	color:#c80019;
	font-size:20px;
	margin-right:10px;
}
.mandatory{
	margin-bottom:2rem;
	font-size:13px;
}
.quote-form-top .block-header{
	margin-bottom:19.5px;
}
.input-container input,
.input-container select,
.field-input{
	width:100%;
	background-color:#FFF;
}
.field-label{
	min-width:235px;
}
.input-container{
	width:100%;
	display:flex;
	align-items:center;
	column-gap:20px;
	margin:1rem 0;
}
.quote-form-bottom input[type=submit],
a.library-upload{
	font-size:14px;
	font-weight:bold;
}

.contact-container{
	margin-bottom:2rem;
}
.input-container input[type="radio"]{
	width:auto;
}

/*BESPOKE*/
#field-32{
	display:none;
}
.field-label{
	font-weight:bold;
}
.p-quoteform .input-container:nth-child(4),
.p-quoteform .input-container:nth-child(5),
.p-quoteform .input-container:nth-child(6),
.p-quoteform .input-container:nth-child(7),
.p-quoteform .input-container:nth-child(8),
.p-quoteform .input-container:nth-child(9){
	flex-direction:row-reverse;
	justify-content:flex-end;
	margin-left: 48%;
	width:auto;
}
.p-quoteform .input-container:nth-child(4) .field-label,
.p-quoteform .input-container:nth-child(5) .field-label,
.p-quoteform .input-container:nth-child(6) .field-label,
.p-quoteform .input-container:nth-child(7) .field-label,
.p-quoteform .input-container:nth-child(8) .field-label,
.p-quoteform .input-container:nth-child(9) .field-label{
	font-weight:normal;
	width:auto;
	max-width:200px;
}
.p-quoteform .input-container:nth-child(4) .field-input,
.p-quoteform .input-container:nth-child(5) .field-input,
.p-quoteform .input-container:nth-child(6) .field-input,
.p-quoteform .input-container:nth-child(7) .field-input,
.p-quoteform .input-container:nth-child(8) .field-input,
.p-quoteform .input-container:nth-child(9) .field-input{
	width:auto;
}

/* Quotation System END */

.photo-gallery button.slick-next.slick-arrow{
	top: 50%;
    right: 0;
    z-index: 999;
    padding:0;
    margin:0
}
.photo-gallery button.slick-prev.slick-arrow{
	top: 50%;
    right: 0;
    z-index: 999;
     padding:0;
    margin:0
}
.photo-gallery button.slick-prev:before,
.photo-gallery button.slick-next:before{
opacity:1;
background-color:#FFF;
color:#000;
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50px;
filter: drop-shadow(0px 0px 5px #000000);
}
.photo-gallery button.slick-prev:hover:before,
.photo-gallery button.slick-next:hover:before{
	opacity:1;
}

.slick-dots li button:active,
.slick-dots li button:focus{
	box-shadow:none;
}
@media screen and (max-width: 1200px) {
	.p-quoteform .input-container:nth-child(4), .p-quoteform .input-container:nth-child(5), .p-quoteform .input-container:nth-child(6), .p-quoteform .input-container:nth-child(7), .p-quoteform .input-container:nth-child(8), .p-quoteform .input-container:nth-child(9){
		margin-left:0;
	}
}
@media screen and (max-width: 991px) {
	.input-container{
		flex-direction:column;
	}
	.field-label,
	.field-input{
		width:100%;
	}
	div.w-row.resource-cont div.w-col.w-col-5 {
    	margin-top: 9%;
	}
}
@media screen and (max-width: 768px) {
	.input-container{
		flex-direction:row;
	}
}
@media screen and (max-width: 480px) {
	.single-case_study .crumb-container{
		display: none;
	}
	.single-case_study #content{
		padding:0;
	}
	.banner-overlay{
		text-align: center;
	}
	.w-col-12.narrow{
		width:auto;
		max-width: none;
	}
	.case-study-banner{
		min-height:300px!important;
	}
	.mini-navigation{
		padding:0;
	}
	.above-footer img{
		height:100%;
	}
	.input-container{
		flex-direction:column;
	}
	.field-label,
	.field-input{
		width:100%;
	}
}
	h1.entry-title {
    	text-align: left;
	}
h2.widget-title, ul > li > a {
text-align: left;
}
section#search-2.widget.widget_search, section#archives-2.widget.widget_archive {
text-align: left;
}

.txt img {
display: inline;
}

#magnifyingglass {
    position: absolute;
    z-index: 1;
    font-size: 30px;
    margin: 20px;
    margin-left: 30px;
    filter: drop-shadow(5px 5px 10px #000000)
}

.crumb-container span {
	/*color: white;*/
}

a:visited {

}
a:hover {
}
@media screen and (max-width: 520px) {
#portfolio_filter {
display:block;
}
div.field-label {
font-size: 12px !important;
}
.sample-pack h2 {
    line-height: 2rem;
    font-size: 14px;
}
}

.flex-center {
display: flex;
justify-content: center;
align-items: center;
}

@media screen and (max-width: 768px) {

}

div#respond.comment-respond {
display: none;
}

.post-navigation .nav-previous {
font-size: 14px;
}

.post-navigation .nav-next {
font-size: 14px;
}

.nav-previous a:after {
    font-family: 'fontawesome';
    content: '\f0a8';
    position: absolute;
    left: 0;
    top: 0px;
}

div.w-col.w-col-6 p:first-child {
margin-top: 10px;
}
#ukasimg {
width: 180px;
}
#fschires {
width: 143px;
}
#bottom-icon-ifc {
width: 400px;
margin-top: 20px;
}

section#iso9001 div.w-col.w-col-4.sideimage img, section#iso14001 div.w-col.w-col-4.sideimage img {
	width:220px;
	margin-bottom: 3rem;
}
section#iso9001 div.w-col.w-col-4.sideimage img:first-child, section#iso14001 div.w-col.w-col-4.sideimage img:first-child {
	border: 1px solid #d3d1d1;
}
section#iso9001 div.w-col.w-col-4.sideimage, section#iso14001 div.w-col.w-col-4.sideimage {
    display: flex;
    justify-content: center; 
    margin-bottom: 2rem;
    flex-direction: column;
    align-items: center;
    
}
#IFCimg > div > div > div.w-col.w-col-4.sideimage > a > img {
height: 50%;
width: 250px;
border: 1px solid #d3d1d1;
}
#IFCimg > div > div > div.w-col.w-col-4.sideimage > a {
display: flex;
justify-content: center;
}
#ASDMAimg > div > div > div.w-col.w-col-4.sideimage > a > img {
height: 50%;
width: 250px;
}
#ASDMAimg > div > div > div.w-col.w-col-4.sideimage > a {
display: flex;
    justify-content: center;
}
#ASDMAimg > div > div > div.w-col.w-col-4.sideimage {
display: flex;
flex-direction: column;
align-items: center;
}
section#tradaimg div.w-col.w-col-4.sideimage, section#timberimg div.w-col.w-col-4.sideimage, section#fscimg div.w-col.w-col-4.sideimage, section#qmarkimg div.w-col.w-col-4.sideimage {
display:flex;
justify-content:center;
}
section#qmarkimg div.w-col.w-col-4.sideimage img  {
width:200px;
}
section#fscimg div.w-col.w-col-4.sideimage img {
height:200px;
}
#IFCimg > div > div > div.w-col.w-col-4.sideimage {
display: flex;
    flex-direction: column;
    align-items: center;
}
div.resource-box {
margin: 10px;
}

div#pp_full_res p {
padding: 1rem;
line-height: 1.5;
}
div.w-col.w-col-12.resource-content-buttons {
display: flex;
justify-content: space-between;
}

.pp_inline h3 {
/*padding: 10px;*/
}
a.pp_close {
    display:none;
}

div.w-row.resource-cont img {
    margin-bottom: 10px;
}
#catalogue h1 {
	font-size: 28px;
}

div#myTab h2 {
	font-size: 22px;
}

.p-thumbs {
	text-align: left;
	font-size: 12px;
}

#choose-printing-options {
	display: none;
}

.attr-I-container .p-matrix-attributes {
    width: auto;
}

.p-matrix-attributegroup {
    /* display: none; */
	font-weight: bold;
}

/* .chooseoptions {
	text-align: center;
} */

.order_summary_title {
	background-color: #78797b;
	color: #fff;
	font-weight: 600;
	font-size: 16.8px;
}

#smryaddbasket {
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top:10px;
	padding-top: 5px;
	
}

#order_summary_bottom {
	display: flex;
	justify-content: space-around;
}

.p-matrix-attribute.selected .image-radio {
	border: 1px solid #c80019;
	/* width: 150px; */
	box-shadow: 0px -1px 15px 2px #ccc;
	transition: 0.25s;
}

div#prices {
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	transition-duration: 0.3s;
}

div#prices:hover {
	border: 1px solid #c8001759;
	transition-duration: 0.3s;
}

.p-matrix-attribute.image-attribute {
	border: 1px solid #e8e8e8;
	border-radius: 5px;
    margin-bottom: 20px;
    margin-left: 20px;
	width: 150px;
}

.row-dashed {
	border-bottom: dashed;
}

.image-radio:hover {
	border: 1px solid #c80019;
	border-radius: 5px;
}

#content a.readmore {
	padding: 15px 19px;
	font-size: 14px;
}

.summaryQuantity {
	margin-bottom: 8px;
    margin-left: 10px;
}

.summary_attribute_title {
	font-size: 14px;
}

.summary_attribute, .summary_attribute_title {
	width: 49%;
    display: inline-block;
    vertical-align: top;
	font-size: 100%;
	color: #78797b;
}

.summary_attribute {
	width: 49%;
    display: inline-block;
    vertical-align: top;
	font-size: 100%;
	text-align: left;
	color: rgb(0, 0, 0);
}

.w-clearfix.summary_row {
    padding: 1.0rem 5px 10px;
    text-align: left;
}

.sidebar.order_summary {
    border: 1px solid #ccc;
	transition-duration: 0.3s;
}

.sidebar.order_summary:hover {
	border: 1px solid #c8001759;
	transition-duration: 0.3s;
}

.summary_attribute_title:nth-child(2) {
	text-align: right;
}

.summary_attribute.tot-mat {
	color:#c80019
}

.attr-I-container .p-matrix-attributes {
    text-align: center;
}

label.image-radio div {
	display: inline-table;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
    margin-top: 10px;
}

.p-matrix-attributegroup {
    width: 100%;
    clear: both;
    line-height: 2rem;
}

a.tooltip {
	display: none;
}

.p-matrix-attributes {
    width: 100%;
}

div.attr-container.attr-I-container div.p-matrix-attributegroup div {
	line-height: 22px;
	font-weight: 500;
}

.summary_attributes {
    padding: 2rem 1rem;
	background-color: #f4f4f4;
}

.p-matrix-attributes.checkout-action {
	display:block;
	text-align: center;
}

div.p-matrix-attributes.prod_attrib.form-field {
	padding-top: 0px;
}

a#customQuoteSend.readmore {
	background-color: #c80019;
    transition: 0.2s;
	line-height: 1.5;
    border-radius: 50px;
	padding: 10px 20px;
    display: inline-block;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.field-title {
	padding-top: 0px;
}

.form-field {
	margin-top: 0px;
}

div.p-matrix-attributegroup.mob-hide {
	display: none;
}

span.asterisk {
	color: red;
}

div.p-matrix-attributes.format-images {
	text-align:center;
}

div.p-matrix-attributegroup#text {
	font-size: 22px;
	padding-bottom: 0.5em;
    font-weight: bold;
    color: #c80019;
}

.sidebar.order_summary {
	margin-top: 0px;
}
.summary_container {
	margin-top: 0px;
}

span.p-matrix-attribute1.image-attribute1 {
	display: inline-block;
    padding: 0;
    margin: 0;
	text-align: center;
}

label.p-matrix-attribute1.image-radio1 {
	margin: 0;
	border: 2px solid transparent;
	padding: 10px;
	display: inline-block;
    text-align: center;
    font-size: 0.9rem;
}

.image-radio1 img {
	max-width: 70px;
    max-height: 70px;
    margin: 0 auto;
}

.formsummary {
	line-height: 22px;
}
.file-hits {
    display: none;
}
div.w-row.resource-cont div.w-col.w-col-4 {
margin-top: 5.5%;
}
h3.resource_title {
	min-height:50px;
	padding-bottom: 0px;
	line-height:25px;
	margin-bottom: 10px;	
  }
  #ironmongery-collection h3.resource_title {
    text-transform: lowercase; /* Reset to lowercase */
    text-transform: capitalize; /* Capitalize first letters */
}
  @media screen and (min-width: 280px) and (max-width: 1173px) {
    a.download i{
        display: none; 
    }
    .resource-content .download {
    padding: 0.5rem 10px;
    text-align: center;
    }
}
@media screen and (max-width: 991px) {
	div.w-row.resource-cont div.w-col.w-col-4 {
    	margin-top: 5.5%;
	}
}
@media screen and (max-width: 404px) {
	a.download {
	text-align: center;
	}
	a.download i {
    	display: none;
	}
	div.w-col.w-col-12.resource-content-buttons {
	display:flex;
	justify-content: space-between;
	}
	.resource-content .download {
	padding: 0.5rem 10px;
	}
}

@media screen and (max-width: 1023px) {
  #site-navigation{
    display: none;
  }

  /* base styles */
  #site-navigation{
    display: none;
  }
  #mobile_nav {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: #FFF;
    z-index: 20;
    -webkit-box-shadow: -5px 0px 4px -1px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: -5px 0px 4px -1px rgba(0, 0, 0, 0.47);
    box-shadow: -5px 0px 4px -1px rgba(0, 0, 0, 0.47);
    width: 250px;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    z-index: 99999;
  }

  #mobile_nav.notvisible {
    transform: translateX(320px);
    -webkit-transform: translateX(320px);
    -moz-transform: translateX(320px);
  }

  div#cart-head {
    display: inline-block;
  }

  .mobile_icons {
    padding-left: 10px;
    /*padding-top: 3rem;*/
    display: block;
    background-color: #c80019;
  }

  .mobile_icons i {
    font-size: 20px;
    padding: 10px;
    color:#FFF;
  }

  .mobile_icons a, .mobile_icons a:visited, .mobile_icons a:active, .mobile_icons a:hover, .searchicon {
    color: white;
    cursor: pointer;
  }

  #mobile_nav .search_form {
    display: block;
    padding: 0.5rem 20px;
    background-color: #c80019;
    margin-right: 0;
    position: relative;
    height: auto;
    display: none;
  }

  #mobile_nav .search_form .search_field {
    width: 100%;
  }

  #mobile_nav form input.searchicon {
    margin-right: 0px;
    margin-top: 0.5rem;
    width:100%;
    color: black;
  }

  #mobile_nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    padding-bottom: 0.5rem;
  }
  #mobile_nav ul *{	  position: relative;	  box-sizing: border-box;  }
  #mobile_nav ul li a {	position: relative;
    color: #000;
    padding: 0.25rem 20px;
    display: block;
    padding-right: 4rem;
  }

  #mobile_nav #mobile_products_links {
    padding-top: 0.5rem;
    font-size: 1rem;
    opacity: 0.85;
    padding-bottom: 3rem;
  }

  #mobile_nav #mobile_products_links li a {
    color: #000;
  }

  #masthead i.fa-times, #masthead i.fa-bars {
    display: block;
    padding: 10px 10px;
    cursor: pointer;
    font-size: 28px;
    color: white;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 1;
}

  #masthead i.fa-times.notvisible {
    margin-right: -60px;
    opacity: 0;
    -webkit-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }

  #masthead i.fa-bars.notvisible {
    margin-right: 60px;
    opacity: 0;
    -webkit-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
  }
    /* SubMenu responsive*/

  #mobile_menu li.menu-item-has-children:after{
    font-family: Fontawesome;
    content: '\f054';
    display: block;
    position: absolute;
    right:0;
    top:0;
    padding: 5px 10px 5px 20px;
    cursor: pointer;
    transition: 0.3s;
  }
  #mobile_menu li.menu-item-has-children{
    position: relative;
  }
  #mobile_menu li.active-parent:after{
    transform: translateY(-5px) rotate(90deg);
    -webkit-transform: translateY(-5px) rotate(90deg) ;
    -ms-transform: translateY(-5px) rotate(90deg) ;
    -moz-transform: translateY(-5px) rotate(90deg);
    -o-transform: translateY(-5px) rotate(90deg) ;
  }

  #mobile_nav ul.sub-menu{
    background-color: #f7f7f7;
    padding:0;
  }
  #mobile_menu ul.sub-menu li{
    overflow: hidden;
    display: none;
    transition: 0.3s;
  }
  #mobile_menu ul.sub-menu.active li{
    display: block; padding-left: 1em;
  }
  #mobile_menu ul.sub-menu.active {
    margin-right: 0;		width: 100%;
    display:block;
  }
	
	/* Mobile Menu*/


  #masthead i.fa-times,
  #masthead i.fa-bars{
		padding: 10px 10px;
		font-size: 28px;
		color: black;
		transition: 1s ease;
		-webkit-transition: 1s ease;
		-moz-transition: 1s ease;
		-o-transition: 1s ease;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		opacity: 1;
	}
	.home #masthead i.fa-bars{
	color:#000;
	}
	#mobile_nav{
		width: 300px;
	}
	.mobile_icons{
		padding-left: 8px;
	}
	.mobile_button{
		right:1rem;
	}
	.mobile_button.fa-close{
		font-size: 20px;
		cursor: pointer;
	}
	.phone a, .email a, .phone a:visited, .email a:visited{
		border:none;
		color:#FFF;
		cursor: pointer;
		padding:0;
	}
	.phone a:hover, .email a:hover{
		border:none;
		color:#FFF;
	}
	.slide_content h2, .slide_content h1{
		text-align: center;
		font-size: 2rem;
		display: block;
		padding:0px;
	}
	.message{
		font-size: 1rem;
		display: block;
		line-height: 1.3rem;
	}
	.cart_link{
		margin-top: 8px;
		margin-right: 0;
	}
  #search_form_mobile input.searchicon{
    background-color: #FFF;
    border-radius: 4px;
    border:none;
    padding:10px 20px;
    font-size: inherit;
  }
	
}
.link-text-forgot a, .link-text-register a {
cursor: pointer;
    -webkit-appearance: button;
    appearance: button;
    color: white;
    background: #c80019;
    padding: 6px 30px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 10px;
    border: none;
    margin-left: 2rem;
}

#wpmem_login {
width: 100%;
}

.viewaccred {
	padding: 2rem;	
}
.viewaccred a {
color: #c80019;
}

div.pp_inline :empty {
display: none;
}

#pp_full_res .pp_inline p {
  margin: 0 0 0px;
}

#page > div:nth-child(5) > img:nth-child(4) {
	width: 18rem;
}

#page > div:nth-child(5) > img:nth-child(5) {
	width: 18rem;
}


#fschires {
	width: 18rem;
}

@media (min-width: 280px) and (max-width: 1024px) {
	#fschires, #ukasimg, #ukasimg, #bottom-icon-ifc, #page > div:nth-child(5) > img:nth-child(4), #page > div:nth-child(5) > img:nth-child(5) {
		width:10rem;
	} 
  }

  @media (min-width: 280px) and (max-width: 1024px) {
	#page > div.above-footer.row-2.container_12.clearfix > img:nth-child(2), #page > div.above-footer.row-2.container_12.clearfix > img:nth-child(1), #bottom-icon-ifc {
		width:35%;
	} 
	#page > div.above-footer.row-2.container_12.clearfix > img:nth-child(2) {
		width:20%;
	}
	#page > div.above-footer.row-2.container_12.clearfix {
		padding: 0;
	  }
  }
 
 
/* Mega menu updates */
@media only screen and (max-width: 1023px) {
    #mobile_nav {
        overflow-y: auto;
    }
    #mobile_menu li.menu-item-has-children:after {
        pointer-events: none;
    }
}

@media only screen and (min-width: 1024px) {
    #menu-header > .menu-item-has-children > ul.sub-menu {
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: 104px;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        background: #fff;
        transition: all 0.5s ease;
    }

    #menu-header > .menu-item-has-children:hover > ul.sub-menu {
        opacity: 1;
        pointer-events: auto;
    }

    #menu-header > .menu-item-has-children:hover:after {
        font-family: 'Fontawesome';
        content: '\f0d7';
        position: absolute;
        top: 22px;
        left: 50%;
        transform: translateX(-50%);
        color: #c80019;
        font-size: 1.8em;
        line-height: 1;
        z-index: 999999;
    }

    #menu-header > li + li {
        margin-left: 2px;
    }

    #menu-header > .menu-item-has-children > ul.sub-menu {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #menu-header > .menu-item-has-children > ul.sub-menu li:hover {
        background: transparent;
    }

    #menu-header > .menu-item-has-children > ul.sub-menu a {
        transition: all 0.5s ease;
    }

    #menu-header > .menu-item-has-children > ul.sub-menu > .menu-item-has-children > ul.sub-menu {
        position: relative;
        left: auto;
        display: block;
        box-shadow: none;
    }

    #menu-header > .menu-item-has-children > ul.sub-menu > li > a {
        padding-bottom: 0.5em;
        font-size: 1.4em;
        font-weight: bold;
        color: #c80019;
    }

    #menu-header > .menu-item-has-children > ul.sub-menu > li > a:hover[href*="http"] {
        color: #000;
    }

    #menu-header > .menu-item-has-children > ul.sub-menu > .menu-item-has-children > ul.sub-menu li {
        float: none;
        box-shadow: none;
    }

    #menu-header > .menu-item-has-children > ul.sub-menu > .menu-item-has-children > ul.sub-menu li > a {
        font-weight: normal;
        color: #000;
    }

    #menu-header > .menu-item-has-children > ul.sub-menu > .menu-item-has-children > ul.sub-menu li > a:hover {
        color: #c80019;
    }

}

/* End mega menu updates */

.login-register-links {
display: flex;
justify-content: space-evenly;
}

@media only screen and (max-width: 500px) {
	.login-register-links {
		flex-direction: column;
	}
}

#wpmem_login_form > fieldset > legend {
    text-transform: lowercase; /* Ensure everything is lowercase first */
}

#wpmem_login_form > fieldset > legend::first-letter {
    text-transform: uppercase; /* Capitalize only the first letter */
}

a.back-button {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    background-color: #c80019;
    padding: 0.5rem 19px;
    border-radius: 3px;
    font-weight: bold;
    margin-right: 5px;
    padding: 1rem 20px;
    margin-top: 0.5rem;
    text-decoration: none!important;
}

a.back-button:visited {
    color: #ffffff;
}

#hardware-data-sheet-images .single_sol_img {
	border: solid 0.5px #00000021;
}

.resource-content-buttons-centered {
	display: flex;
    justify-content: center;
}

.christmas-message {
	width: 100%;
	background-color: #EDECED;
	padding: 20px 20px;
	display: flex;
    flex-direction: row;
	background-clip: content-box!important;
}

.christmas-message div.w-col {
	padding: 2rem;
}

.christmas-message h2 {
	color: #E20613;
}
.christmas-message p {
	color: #637C79;
}

.tooltip-content {
	display: block;
    
}

div.attr-container.format-container div.tooltip-content {
    line-height: 22px;
    font-weight: 500;
}

div.sidebar.order_summary .p-matrix-attribute{
	width: 100%;
	text-align: left;
}
div.sidebar.order_summary .p-matrix-attribute input{
	width: 100%;
}

div.p-matrix-attributegroup div.tooltip-content {
	line-height: 22px;
    font-weight: 500;
}

#bmtrada {
width:100px;
}
#quietmark {
width:100px;
}
@media only screen and (min-width: 1025px) {
img#bmtrada {
	width:180px!important;
}
img#quietmark {
	width:180px!important;
}
}

@media screen and (max-width: 991px){
	.attr-I-container .p-matrix-attributes {
    width: 100%;
}
}

#attrGrp59 > span > label > div {
margin-top:0;
}
.make-an-enquiry, .make-an-enquiry a {
    background-color: #c80019;
    color: white;
    transition: 0.15s;
}
.make-an-enquiry:hover, .make-an-enquiry a:hover {
    transition: 0.15s;
    opacity: 0.7;
}

.box-error, .box-error p {
	line-height: 2rem;
}
.newenquiry {
	background-color: #c80019;
    color: white!important;
    transition: 0.15s;
    padding: 0.5rem 20px;
	font-weight:700;
}

.copy-link-container .copy-link-btn {
color: #c80019;
margin-top:0;
padding-bottom:0;
padding-top:0;
}

.copy-link-container {
color: #c80019;
}

.copy-link-container i {
font-size:18px;
margin-left:1rem;
}

.copy-feedback {
color: #c80019;
}