@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
/* RESET */

::-webkit-input-placeholder{
	color:#fff;
}

:root {
	--headerHeight: 100px;
}

html {height:100%; font-size: 12px;}

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img { border: none; }
#no_javascript { border-width: 1px; border-color: #E9E5AC; border-style: solid; padding: 10px 40px; background-color: #F9F4B8;}
#no_javascript p {margin: 0; }

/* BG IMAGE */
body {  }
#bgimage { position:fixed; z-index:-1; top:0; left:0; float: left; }
#bgimage img { height:100%; width:100%; position:absolute; z-index: -1; }

/*Below added by EB to allow site to work in IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#bgImage {
		background: url('https://img.resultclothing.net/misc/R312X_background.jpg') no-repeat; background-size:114%; 
	}

	input[type=text]::-ms-clear {  
		display: none; width : 0; height: 0; 
	}
	input[type=text]::-ms-reveal {  
		display: none;
		width : 0; 
		height: 0; 
	}
}

#myCookieConsent {
    z-index: 999;
    min-height: 20px;
    padding: 10px 20px;
    background: rgba(0,0,0,0.6);
    overflow: hidden;
    position: fixed;
    color: #FFF;
    bottom: 0px;
    right: 10px;
    display: none;
    left: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#myCookieConsent div {
    padding: 5px 0 0;
}
#myCookieConsent a {
    color: #ffba55;
    display: inline-block;
    padding: 0 10px;
}

#myCookieConsent p {
	color:#fff;
	font-size:14px;
	font-weight:500;
}

#myCookieConsent a:hover {
	color: #fda016;
}
#myCookieConsent a#cookieButton {
    display: inline-block;
    color: #000000;
    font-size: 1.1em;
	background: #ffba55;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 20px;
    float: right;
    
}
#myCookieConsent a#cookieButton:hover {
    background: #fda016;
	color: #000;
}

.cookietable {
  font-family: font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif;

  border-collapse: collapse;
  max-width: 90%;
  width: 90%;
  font-size:14px;
}

.cookietable td, .cookietable th {
  border: 1px solid #ddd;
  padding: 8px;
}

.cookietable tr:nth-child(even){background-color: #f2f2f2;}

.cookietable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #9f9f9f;
  color: white;
  font-weight:600;
}
/*Cookie Consent End*/

/* video BG */

/* Style the video: 100% width and height to cover the entire window */
.homepage-video {
  position: fixed;
  right: 0;
  /*bottom: 5%;*/
  min-width: 100%;
  height:100vh;
}

/* Add some content at the bottom of the video/page */
.vidcontent {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
 padding: 10px 20px 43px 20px;
}

/* Style the button used to pause/play the video */
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}

/* end video BG */

code { 
	display:block; 
    background-color:white; 
	padding:5px; 
	border:solid 1px #c0c0c0;
}

/* CODE FOR GRUNGE TEXT */
@font-face {
	font-family: "grunge";
	src: url('/fonts/BAD-GRUNGE.eot');
	src: url('/fonts/BAD-GRUNGE.svg') format('svg'), url('/fonts/BAD-GRUNGE.woff') format('woff'), url('/fonts/BAD-GRUNGE.otf') format('opentype'),  url('/fonts/BAD-GRUNGE.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "grunge";
        src: url('/fonts/BAD-GRUNGE.svg#grunge') format('svg');
        font-weight: normal;
        font-style: normal;}
}

h2.grunge {
	font-family: "grunge", sans-serif;
	font-size:100px;
}

/* LAYOUT */
.clear { clear: both; height:1px; }
.clearer, .spacer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; width: 100%;}
.left { float: left; }
.right { float: right; }



#container { 
	width: 100%; 
	margin-left: 0px; 
	margin-top: 0px; 
	background-color: #f2f2f2;
	overflow: hidden; 
	position: absolute; 
	z-index: 0; 
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
}

#categories_main_text { /* search_results.php */
    position: absolute;
    width: 455px;
    top: 0;
    left: 0;
	border-left: 0px solid #000;
}

#categories_main_text img { /* search_results.php */
    margin: 0;
    padding: 0;
    display: block;
}

#categories_main_text.airdown_text { /* search_results.php */
    top: 45px;
}

.divider { 
 background:#eee;
}

/* updated header styles */


/* GRID */
.column { 
	float: left; 
}
/*NB 23.11.21 PRINTABLE SPEC SHEET BUTTON */
.print_link {
	float: right; 
	right:12em; 
	top:6.5em; 
	width:4.5em;
}
.print_link:hover {
	-webkit-filter: invert(1);
  filter: invert(1);
}
/* end of printable spec sheet button */

.grid2col, .grid2cola, .grid2colb, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { 
	width: 100%; 
}

.prod-logos {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	gap: 1rem;
	-webkit-align-items: flex-start;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
	margin: 1rem 0;
}
.prod-logo {
	height: 73px;
	max-width: 200px;
	width: auto;
}
.prod-logo img {
	/* width: 100%; */
	height: 100%;
}

/* product page where product is not active */
.not-found {
	padding: 4rem;
	text-align: center;
}
.not-found h1 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 2rem;
}
.not-found p {
	font-size: 18px;
	margin: 1rem auto;
}
.not-found a {
	background: #383232;
	color: #fff;
	padding: 14px 22px;
	font-size: 18px;
	display: inline-block;
	margin: 2rem auto;
	text-decoration: none;
}
.not-found a:hover {
	text-decoration: none;
}
/* page that handles product codes being passed in the URL instead of product IDs */
.suggested-products > .inner {
	width: 90%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 2rem 0;
	margin-bottom: 1rem;
}
.suggested-products .title {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 2rem;
	text-align: center;
	line-height: normal;
}
.suggested-products .sub-title {
	font-size: 18px;
	margin-bottom: 1.5rem;
	text-align: center;
}
.suggested-products .product {
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	color: #08c !important;
	margin-bottom: 3rem;
}
.suggested-products img {
	width: 100%;
}
.suggested-products .prod-code {
	font-size: 16px;
	font-weight: bold;
}
.suggested-products .prod-name {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 0.5rem;
}
.suggested-products .browse-btn { text-align: center; }
.suggested-products .browse-btn a {
	background: #383232;
    color: #fff;
    padding: 14px 22px;
    font-size: 18px;
    display: inline-block;
}

/*below lines used for work-guard product responsiveness */
.grid2colb-prod {
	width: 100%;
    min-height: 100%;
    display: inline-block;
    position: relative;
	background: url(https://img.resultclothing.net/misc/WG_background_md2.jpg) bottom right;	
}
.grid2colb-prod .column { 
	width: 100%; 
	margin: 0; 
}
.lastOne{ /* product page */
    float: left;
    width: 100%;
}

.grid2cold .site-logo {
    width: 65px;
    display: block;
    margin-bottom: 0.25rem;
}

/* NB 13.12.21 product page responsive code */
@media only screen and (min-width: 48em) {
	/*below 2 lines used for work-guard product*/
	.grid2colb-prod {
		width: 100%;
		min-height: 100%;
		display: flex;
		position: relative;
		background: url(https://img.resultclothing.net/misc/WG_background_md2.jpg) bottom right;	
	}
	.grid2colb-prod .column { 
		width: 44%; 
		margin-left: 4%; 
	}
	.lastOne{ /* product page */
		float: left;
		/*width:50%;*/
		width:45%;
	}
}

.grid2colbw {  
	padding: 0px; 
	background-image:url("https://img.resultclothing.net/misc/work_guard_cover.png"); 
	background-repeat:repeat; color:#fff;
    min-height: 100%;
    display: flex;
    position: relative;
}


.grid2colh { /* browsecategory page, product page, new products and search results */
	overflow:hidden; 
}

.grid2colw .column { 
	width: 50%; 
	background-image: url("https://img.resultclothing.net/misc/WK_G_BC.jpg");
	background-repeat:yes-repeat;
}

.grid2cola .column { 
	width: 560px; 
}

.grid2cola .column.last { 
	width: 400px;
}

.grid2colb .column { 
	width: 44%; 
	margin-left:4%; 
}


.grid2colb .column.last { 
	width: 55%;
}

.grid2colbw .column { 
	background:#1b1a1a;
	background-repeat:yes-repeat; 
	padding-top:10px;
	width: 44%;
	margin-left: 4%;
}

.grid2colbw .column.last { 
	width: 55%;  
	background-image: url("https://img.resultclothing.net/misc/WK_G_TR.jpg");
	background-repeat:yes-repeat;
}



.grid2cold {
	width: 95%; 
	margin: 10px auto; 
}

.grid2cold .column { 
	width: 33%; 
	padding: 0 2px;
}

.grid2cold .column.last { 
	float: right; 
}

.grid2cold .grid2col { 

}

.grid2cold .grid2col .column {
	
}

.grid2cold .grid2col .column.last { 
	width: 64%; 
	float: right; 
}

.grid3col .column { 
	width: 30%; 
	padding:15px; 
}

.grid4col .column {
	width: 24%;
    padding: 0.5em;
}

.column.first, .column.last { 
	margin-left: 0 !important; 
}

.column.last {
	float: right !important; 
}

.margin10 { /* all pages */
	width:95%;
	margin:0 auto;
}

.cat_margin { /* browsecategory.php */
	position: relative;
}

/* category headers */
.category-header {
	background-color: #383232;
}
.category-header > .inner {
	display: flex;
}
.category-header .cat-txt {
	flex: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 1rem;
	border-right: 1px solid #fff;
	padding: 2rem 0;
}
.category-header .cat-txt > * {
	width: 93%;
	margin: 0 auto;
}
.category-header .cat-description {
	font-size: 1vw;
	line-height: 1.2em;
	display: block !important;
}
.category-header .cat-title {
	font-size: 2vw;
	line-height: 1.2em;
	color: #FFF;
}
.category-header .cat-img {
	flex: 3;
}
.category-header .cat-img img {
	width: 100%;
	display: block;
}

/* browsecategory page responsive update */
.cat-products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	padding: 1rem 0;
}
.cat-products.grid2cold > .column {
	width: 100%;
}

.corners { /* product.php */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* TYPE */

body { 
	font: 12px/18px "open sans", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	color: #000000; 
}

a { 
	color: #08c; 
}

a:link, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

h1 {
	font-weight: bold;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 18px;
	color: #000000;
}

h2 { 
	font-size: 70px; 
	line-height: 70px; 
	margin-bottom: 0px;
}

/* styling for highlighted text */
.hilight {
	color:orange;
	font-weight:600;
	text-shadow: 1px 1px 1px #000, 0px -0.5px 1px #000;
}

/* sizingpdfs refer to the critial sizing pdfs */
a #sizingpdfs {
	background: #D31E23;
    width: 50%;
    padding: 1%;
    text-align: center;
    margin: 1%;
	color:#fff;
	font-weight:600;
	text-decoration:none;
}

a #sizingpdfs:hover{
	background:#383232;
	text-decoration:none !important;
}

h3 { 
	font-weight: bold; 
	font-size: 28px; 
	line-height: 29px; 
	margin-bottom: 8px; 
	color: #262626;
}

h4 {
	font-weight: bold; 
	font-size: 10px; 
	line-height: 18px; 
}

.new { 
	display: block;
	/*width: 90px;*/
	width: auto;
	padding: 0 5px;
	margin-right: 5px; 
	height:16px; 
	background: #0a76c1;
	color: #fff;
	font-size: 10px;
	text-align: center;      
	overflow: hidden; float: left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 17px;
}

.newrange {
	display: block;
	width: 55px;
	margin-right: 5px;
	height:16px;
	background: url(https://img.resultclothing.net/misc/newrange.png) 0px 2px no-repeat;
	text-indent: -999em;
	overflow: hidden;
	float: left;
}

.big_new { 
	position: absolute; 
	display: block; 
	width: 95px; 
	height:95px; 
	top: 0; 
	right: 0; 
	background: url(https://img.resultclothing.net/misc/big_new.png) right top no-repeat; 
	z-index: 1;
}

.mixmatchrange {
	position:absolute;
	left:13%;
	top:3.1%;  
	width:11%;  
}
.mixmatchrange img {
	width: 100%;
}

.new-colour {
	position: absolute; 
	color: #fff; 
	background: #0a76c1; 
	border-radius: 50%; 
	width: 27px; 
	height: 27px; 
	line-height: 25px; 
	font-weight: 600; 
	right: 7px;
	top: 3px;
	padding: 4px;
}
/* NB - added this long version becuase french word for new was longer and didn't fit in circle */
.new-colour.long {
	width: auto;
	padding: 0 4px;
	font-size: 11px;
	height: auto;
	line-height: 21px;
	border-radius: 5px;
}

/* transitioning to recycled logo */
.rec-img-right {
	right: 3px;
	top: 3px;
	position: absolute;
	max-width: 160px;
}
.rec-img-right img {
	width: 100%;
}
.rec-img {
	position: absolute;
    top: 20px;
    left: 0;
    max-width: 140px;
	z-index: 1;
}
.rec-img img {
	width: 100%;
}
.cert-recycled {
	max-width: 180px;
	margin-right: auto;
}
.cert-recycled img {
	width: 100%;
}

.poi-label{ /* product.php */
	position: absolute; 
	top:4px; 
	left:84px; 
	width: 95px; 
	height:95px; 
	background: #fff; 
	z-index: 1; 
	border-radius:5px; 
	transform:rotate(-25deg); 
	border:1px solid #f1f1f1; 
	box-shadow: 5px 5px 2px rgba(136,136,136,0.28); 
}

.poi-label span {   
	width: 8px;
    border: 1px solid #f1f1f1;
    height: 8px;
    border-radius: 10px;
    position: absolute;
    top: 8px;
    left: 44px;
    background: #060606;
}

@font-face { font-family: 'Courier'; src: url('fonts/ufonts.com_courier.ttf');}

.poi-label h2 {
	font-size:18px; 
	line-height:18px; 
	text-align:center; 
	margin-top:20px; 
	color:#333; 
	font-family:'Courier', Courier !important;
}

/* BUTTONS */

.safetyB { /* browsecategory.php */
	width: 90%;
	margin: 0 auto;
	margin-bottom: 2%;
}

.safetybutton { /* browsecategory.php */
	width: 45%;
	margin-right:4%;
	float:left;
	text-align:center;
	padding: 1rem;
	font-weight:700;
	font-size:14px;
}



.safetyone, .safetytwo {
	background:#d7ff00;
	color:#000;
	/* box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); */
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	transition: 0.3s all;
}

.safetyone:hover, .safetytwo:hover{
	background:#ef8021;
	
}

/* FORMS */

#searchForm{	/* navigation */
	margin-right:10px; 
	width: 20%;
}

input { 
	resize:none; 
	font:10px "Lucida Grande",Lucida,Verdana,sans-serif; 
	padding: 0; 
	margin:0; 
	border:none; 
	background: none; 
}

input.field,textarea.textarea { 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	resize:none; 
	font:10px "Lucida Grande",Lucida,Verdana,sans-serif; 
	padding: 3px 5px 2px 3px; 
	margin:0; 
	border-top:1px solid #8e8e8e; 
	border-left:1px solid #8e8e8e; 
	border-bottom:1px solid #e1e1e1; 
	border-right:1px solid #e1e1e1; 
	background:#fefefe; 
}

input.search { 
	border-top:1px solid #404040; 
	border-left:1px solid #404040; 
	border-bottom:1px solid #404040; 
	border-right:1px solid #404040; 
	background:#666; 
	color: white; 
	margin-right: 10px; 
}

/* MENU */

#menu ul li.active a { 
	color: #08c;
}

#menu ul li.drop:hover {
	background: #E5E5E5; 
}

a.new_prod_link {
	color:red !important;
	font-weight:600;
}

/* second-level lists */

#menu ul ul { 
	border-bottom: #CCC solid 1px;  
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ 
}

#menu ul ul li:hover a {
	color:#fff;	
}

/* third-level lists */


#menu ul ul ul li a, #menu ul ul li:hover ul li a { 
	background: none; 
	border: none; 
	list-style: none;
}

/* hover states */

#menu ul li:hover ul.second { 
	left: 65px; 
}

#menu ul ul li:hover ul { 
	display: block; 
}

/* BREADCRUMBS */

#breadcrumbs { 
	padding: 7.5em 1% 0 1%; 
	background: #f3f3f3;
}

#breadcrumbs li { 
	float: left; 
	background-image: url("https://img.resultclothing.net/misc/breadcrumb_bg.jpg"); 
	background-repeat: no-repeat; 
	background-position: 0 1px; 
	padding-left: 10px; 
	margin-right: 10px; 
	height:39px; 
}

#breadcrumbs li.breadcrumb_home { 
	padding-left: 2%; 
	margin-right: 10px; 
	background: none; 
}

#breadcrumbs li a { 
	font: normal 13px/38px Arial, Verdana, sans-serif; 
}

#breadcrumbs #home { 
	position: relative; 
	top: 10px; 
	left: 0; 
	width: 20px; 
	height: 16px; 
	background-image: url("https://img.resultclothing.net/icons/home.png"); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	z-index: 2;
}

#breadcrumbs #home span {
	display: block;
	text-indent: -5000px;
}

#breadcrumbs #home span a {
	display: block; 
	width: 16px; 
	height: 16px; 
}

/* PRODUCT PAGE */

.feature-header {
	background: none; 
	padding-left: 0px; 
	line-height: 30px; 
	font-weight: bold;
	border-bottom: #CCCCCC dotted 1px; 
	margin-bottom: 5px;
}
.feature-item {
	float: none; 
	margin: 0;
	padding: 3px 0px 3px 12px; 
	line-height: 20px;
}

#logos { 
	float: right; 
	margin-top: 25px; 
	margin-bottom:15px;
	/*margin-right: 20px; */
}

#logos img { 
	float: left; 
	margin-right:2px;
	/*border-right: #ccc solid 1px; */
}

/* new tech guide page - NB 18.07.22 */
.tech-guide-container {
	width: 85%;
	margin: 2rem;
	margin-left: 4rem;
	background: #383232;
	padding: 1rem;
	color: #fff;
}
.tech-row {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #fff;
}
.tech-row > * {
	padding: 0.5rem;
}
.tech-logo,
.tech-title {
	width: 12.5%;
}
.tech-desc {
	width: 75%;
}
.tech-logo {
	border-right: 1px solid #fff;
}
.tech-logo img {
	width: 140px;
}
.tech-title {
	text-align: center;
}
.tech-title h4 {
	font-size: 15px;
	margin: 0.5rem;
}
.tech-desc p {
	color: #fff;
	font-size: 13px;
}
.info-sheets .info-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
}
.info-sheet .inner {
	width: 85%;
	margin: 0 auto;
}
.info-sheet .sheet-txt {
	margin: 1.5rem 0;
	text-align: center;
}
.info-sheet p {
	font-size: 14px;
	margin-bottom: 0.5rem;
}
.sheet-links {
	display: flex;
	justify-content: center;
}
.sheet-thumb {
	width: 60%;
	margin: 0 auto;
}
.sheet-thumb img {
	width: 100%;
	display: block;
}
/* end of tech guide */

/* GALLERY */
#gallery_imgcontainer { 
	display: block; 
	overflow: hidden; 
	width: 75% ; 
	margin:0 auto; 
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
}

#gallery_img.loading, #gallery_imgzoom.loading { 
	background: url(https://img.resultclothing.net/misc/spinner.gif) 50% 50% no-repeat;
}

#gallery_menu .wrapper { 
	width: 480px; 
	overflow: auto;
	min-height: 110px; 
	position: absolute; 
	top: 0; 
	margin-left: 70px;
}

#gallery_menu .wrapper ul { 
	width: 3000px; 
	list-style-image:none; 
	list-style-position:outside; 
	list-style-type:none; 
	margin:0; 
	padding:0; 
	position: 
	absolute; 
	top: 0; 
}

#gallery_menu ul li a img, #gallery_menu ul li.small a img { 
	display:block; 
}

#gallery_menu .arrow { 
	display: block; 
	height: 29px;
	width: 29px; 
	background: url(https://img.resultclothing.net/misc/gallery_arrow.png) no-repeat 0 0; 
	text-indent: -999px; 
	position: absolute; 
	top: 35px; 
	cursor: pointer; 
}

#gallery_menu .forward {
	background-position: 0 0; 
	right: 20px; 
}

#gallery_menu .back { 
	background-position: 0 -87px; 
	left: 20px; 
}

#gallery_menu .forward:hover { 
	background-position: 0 -29px; 
}

#gallery_menu .back:hover { 
	background-position: 0 -116px; 
}

#gallery_menu .forward.inactive {
	background-position: 0 -58px; 
	cursor: default; 
}

#gallery_menu .back.inactive { 
	background-position: 0 -145px; 
	cursor: default; 
}

#gallery_menu .zoom_close {
	width: 620px; 
	overflow: auto; 
	height: 30px; 
	position: absolute; 
	top: 100px;
}

#gallery_menu .close { 
	display: block; 
	height: 29px;
	width: 29px; 
	background: url(https://img.resultclothing.net/misc/gallery_arrow.png) no-repeat 0 -174px; 
	text-indent: -999px; 
	cursor: pointer; 
	position: absolute; 
	top:0; 
	/*right: 20px; */
}

#gallery_menu .close:hover { 
	background-position: 0 -203px; 
}

/* Style the tab */
div.tab {
    overflow: hidden; 
    border: 1px solid #eee;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 7px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    /*background-color: #ccc;*/
    background-color: #383232;
	color: #fff;
}

/* Style the tab content */
.tabcontent {
    display: none;
	background:#fff;
    padding: 6px 12px;
    border: 1px solid #eee;
    border-top: none;
	height:25em;
	overflow-y:auto;
	-webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.tabcontent.tall{
    height:45em !important;
}

.techguide {
	height: auto;
	padding:0;
}

.techtitle { background: #ccc; color: white; padding: 10px; font-weight: bold;}
.airdown { background: #349aaf;}
.hydradri { background: #1e2c6f;}
.stormdri { background: #1e2c6f;}
.softshelltwo { background: #b7001d;}
.softshellthree { background: #b7001c;}
.hyvat { background: #77ab1b;}
.healspo { background: #df4e17;}
.warmalite { background: #790013;}
.techthree { background: #305e1f;}

.washing-instructions {
	padding-left: 1rem;
}
.wash_instruction {
	padding: 0.5rem;
}
.wash_instruction li {
    list-style-type: none;
    padding: 5px;
    display: flex;
	align-items: center;
	gap: 0.5rem;
    margin-bottom: 1px;
    background-color: white;
}
.wash_instruction li img {
	width: 30px;
}

.logoTitle {
	width: 150px;
    padding: 0 4px;
    border-right: 1px solid #eee;
}

#top-bar {
    background: #006;
    /* margin-left: 0% !important; */
    padding-left: 0% !important;
    margin-bottom: 20px;
    color: #FFFFFF;
}


/* TABS */
/* styles below for new model 360 videos added to product videos tab 14.06.23 */
.prod-videos {
	display: flex;
	margin-top: 0.5rem;
	gap: 2rem;
	flex-wrap: wrap;
}
.prod-video {
	width: 300px;
	height: 300px;
	position: relative;
}
.vid-play-btn {
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}
.prod-video img {
	width: 100%;
	height: 100%;
	display: block;
}
.prod-video video {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	display: none;
}

#tabs ul {
	background: white;
	border-top: #ccc solid 1px;
 }

#tabs ul li {
	float: left; 
	margin: 14px;
}

.ui-tabs .ui-tabs-hide {
	display: none;
}

.ui-state-active a {
	background: #ccc; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	color: #333;
}

#tabs ul li.Wg {
	float: left; 
	margin-left: 14px;
}

/* reset */

#tabs ul.section {
	background: none;
	border: none;
	margin-bottom: 15px;
}

#tabs ul.section li {
	float: none;
	margin: 0;
}

#tabs ul.section li {
	float: none;
	margin: 0;
	background: url(https://img.resultclothing.net/misc/bullet.png) 0 8px no-repeat; 
	padding: 3px 0px 3px 12px; 
	line-height: 20px;
}

#tabs ul.section li.liwg { 
	float: none; 
	margin: 0; 
	background: url(https://img.resultclothing.net/misc/dot.png) 0 8px no-repeat; 
	padding: 3px 0px 3px 12px; 
	line-height: 20px;
}

#tabs ul.section li.section_header {
	background: none;
	padding-left: 0px;
	line-height: 30px;
	font-weight: bold;
	color: #262626;
	border-bottom: #CCCCCC dotted 1px;
	margin-bottom: 5px;
}
	
#tabs ul.section li.yj-section_header {
	font-size: 24px;
	background: none;
	padding-left: 0px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	border-bottom: #CCCCCC dotted 1px;
	margin-bottom: 5px;
	background-color: #00adef;
}

#tabs ul.section li.section_ratings {
	background: none;
	padding-left: 0px;
	font-weight: bold;
	font-size: 18px;
}

#tabs ul.section li span {
	font-weight: bold; 
}

#tabs ul.section li.colour {
	background: none;
	float: left;
	height:auto;
	width: 85px;
	margin: 10px;
	line-height: 13px;
	padding: 0;
	text-align: center;
}

#tabs ul.section li.wide { 
	width: 140px;
}

#tabs ul.section li.colour span {
	font-weight: normal;
}

#tabs ul.sizesWg {
	background-color:#231f20;
	border: none;
	margin-bottom: 0px;
}

#tabs ul.sizesWg li {
	line-height: 5px;
}

#tabs ul.sizesWg li.section_headerWg {
	float: none;
	background: none;
	padding: 0;
	margin-left: 5;
	line-height: 30px;
	font-weight: bold; 
	color: #fff;
	border-bottom: #CCCCCC dotted 1px;
	margin-bottom: 5px;
}

#tabs ul.sizes {
	background: none;
	border: none;
	margin-bottom: 0px;
}
	
#tabs ul.sizes li {
	line-height: 5px;
}

#tabs ul.sizes li p {
	margin-bottom:16px;
}

#tabs ul.sizes li.section_header {
	float: none;
	background: none;
	padding: 0;
	margin: 0;
	line-height: 30px;
	font-weight: bold;
	color: #262626;
	border-bottom: #CCCCCC dotted 1px;
	margin-bottom: 5px;
}

#tabs p.note {
	padding: 10px;
	margin-bottom: 15px;
	color:#fff!important;
}

/* AFTER */

#container:after, #menu:after, #menu li:hover ul ul:after, #menu ul ul ul:after, #breadcrumbs:after, #tabs ul:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2cold:after, .grid2cold .grid2col:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* SIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 90px;
}



/* Distributors */	

#map_container{
    min-height: 595px;
    padding: 10px;
}

.news {
	
}


#news_detail_left_distributors #map_container{
    background:none;
    min-height: 350px;
    padding: 10px 0;
    margin-left:10px;
}

#map_canvas {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    /*width: 620px;*/
    height: 450px;
    margin-top:10px;
    margin-left:-10px; 
}

#news_detail_left #map_canvas {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    /*width: 300px;*/
    width: 100%;
   /* height: 350px;*/
    overflow: hidden;
}

#dist_search { /* distributors */
    width: 700px;
    margin-right: 10px;
    margin-bottom: -60px; 
    position: relative;
    top:0px;
    float: left;
}

.search_box{ /* distributors */
    float: left;
    padding-right: 10px;
    margin-left: 1%;
    margin-top: 1%;
    border-radius: 10%;
}

#instructions p { /* distributors */
    padding: 10px 10px 0 10px;
}

label	{
    display: block;
    font: normal 12px/2em Arial, Verdana, sans-serif;
    color:#535353;
}

select {
   width:200px;
}

#dist_list { /* distributors */
    min-height: 595px;
    padding: 10px;
    margin-top:15px;
    margin-left:-10px;
}

#dist_list ul {
    margin-top: 15px;
    border-top-color: #cccccc;
    border-top-style: solid;
    border-top-width: 1px;
    width: 690px;
}

#dist_list li {
    list-style-type: none;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 40px;
}

#dist_list li .dist_company { /* distributors */
    float: left;
    width: 300px;
}

#dist_list li .dist_company p {
    font: bold 13px/40px Arial, Verdana, sans-serif;
    color: #000000;
}

#dist_list li .dist_features_icon_sm {
    position: relative;
    margin-right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    float: left;
}

#dist_list li .more_info {
    float: right;
    /*width: 80px;*/
    background-image:url(https://img.resultclothing.net/misc/bullet.gif); 
    background-repeat: no-repeat; 
    background-position: 10px 13px;
    padding-left:25px;
}

#dist_list li .more_info p a {
    font: normal 12px/40px Arial, Verdana, sans-serif;
    color: #789CC2;
}

#dist_details {
    min-height: 595px;
    padding: 10px;
	margin-top:40px;
}
#dist_details ul {
    margin-top: 15px;
    border-top-color: #cccccc;
    border-top-style: solid;
    border-top-width: 1px;
    width: 300px;
}

#dist_details ul#dist_details_left {
    float:left;
}

#dist_details ul#dist_details_right {
    float:right;
    margin-left:10px;
}

#dist_details li {
    list-style: none;
    width: 300px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 163px;
}

#dist_details li.dist_details_icon  {
    list-style-type: none;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-right: 20px;
    width: 260px;
    padding-left: 40px;
    height: 40px;
}

#dist_details li.dist_details_icon p a {
    font: bold 12px/40px Arial, Verdana, sans-serif; 
}

#dist_details li.dist_details_icon p{
    font: normal 12px/40px Arial, Verdana, sans-serif; 
}

.dist_details_title {
    font: bold 16px/2em Arial, Verdana, sans-serif;
    color: #000000;
}

.dist_details_tel{
    font: bold 12px/1.6em Arial, Verdana, sans-serif;
}

#tab4 {
    /*width: 620px;*/
    margin-left:10px;	
}

/* Stock Availability */	

#login {
	width: 300px;
    margin-left: auto;
    margin-right:auto;
    margin-top:-20px;
    position: relative;
}

#loginform {
    background-image:url(https://img.resultclothing.net/misc/login_bg.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    width: 300px;
    height: 111px;
    padding: 15px 25px 25px 25px;
}

#login p {
    font: bold 25px/3em Arial, Verdana, sans-serif;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#loginform ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
    float:left;
}

#loginform ul li{
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 25px;
}

#loginform label {
    font: normal 12px/25px Arial, Verdana, sans-serif;
    color:#535353;
    display: block;
    width: 92px;
    float: left;
}

#s{ /* advanced_search.php - who the hell has s as a id!!*/
    margin-left: 1%;
    margin-top: 1%;
    border-radius: 10%;
}

table.tableS {
	width: 40%;
	border: 1px solid white; 
	text-align:center
}

table {
    margin: 10px 10px 30px 10px;
    width: 940px;
    border-collapse: collapse;
}

table tr {
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;	
}

table th p {
    font: bold 11px/1.3em Arial, Verdana, sans-serif;
    color:#000000;
}

table td p span {
    font: bold 10px/1.3em Arial, Verdana, sans-serif;
}

/* Media Centre */

#medialogin { /* contact.php, newsdetail.php, resources.php */
    padding: 20px 10px;
}

#MediaLoginBg { /* resources.php */ 
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url(https://img.resultclothing.net/misc/medialoginbg.jpg);
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 20px;
    /*padding-left:17px;*/
}

#tab4 td img {
    margin: 20px;
}

table.mediaimages { /* resources.php */
    margin: 10px 10px 30px 10px;
    max-width: 610px;
	width: 90%;
    border-collapse: collapse;
    border-color: #FFF;
}

.brochurerow { /* resources.php */
    
}

.brochureimage {/* resources.php */
    padding: 10px 10px 10px 10px;
}

.brochuretitle { /* resources.php */
    color:#FFFFFF;
}

table td p span {
    font: normal 13px/1.3em Arial, Verdana, sans-serif;
    color: #789CC2;
}

#downloadNav ul li { /* resources.php */
    float: right;
    margin-right: 10px;
    list-style: none;
    display: inline;
    text-indent: -5000px;
}

#downloadNav ul li a {
    display: block;
    width: 24px;
    height: 19px;
}

/* new brochure download & flipbook buttons */
.download-btns {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 1rem;
}
.download-btns a {
	display: flex;
	gap: 8px;
	align-items: baseline;
	padding: 6px 16px;
	background-color: #f15f24;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	border-radius: 20px;
}
.flyer_img .download-btns {
	align-items: flex-start;
	margin: 0.5rem 0;
}
.download-btns a i {
	font-size: 18px;
}

.advanced_search{
    background-repeat: repeat;
    width: 80%;
    margin: 0 auto;
    margin-top: 1%;
    padding: 1%;
    padding-top: 3%;
    overflow: hidden;
}       

.sub button[type=submit]{
    cursor: pointer;
    padding: 1%;
    border: 1px solid #FF0808;
    background: rgba(255, 8, 8, 0.5) !important;
    transition: 0.3s all ease-in;
}
.sub button[type=submit]:hover{                
    color: #fff;                
    /*padding-left: 20%;*/
    text-align: left;                 
    transition: 0.3s all ease-out;
}

.selectItems{ /* advanced_search.php */
    margin-top: 0.5%;
    float: left;
    width: 100%; height: 32px; padding-left:1%;
}

.col_left{ /* advanced_search.php */
  width: 48%; float: left;  
}

.sub div{ /* advanced_search.php, brochure_request.php */
    cursor: pointer;
    padding: 0.79%;
    border: 1px solid #FF0808;
    background: rgba(255, 8, 8, 0.5);
    transition: 0.3s all ease-in;
    width: 5%;
    font-size: 0.88em;
    line-height: 21px;
    padding-bottom: 0.74%;
    text-align: center;
}

.sub div:hover{                
    color: #fff;                
    padding-left: 20%;
    text-align: center;                 
    transition: 0.3s all ease-out;
}

.search_ input[type="text"]{
    border:2px inset #FFF;
    padding: 0.5%; font-weight: 600; text-transform: uppercase;
    width: 50% !important;
    transition: 0.3s all ease-in;
}

.search_ input[type="text"]:focus{
    padding-right: 20%;
    text-align: left;                 
    transition: 0.3s all ease-out;
}



.effect7 { /* advanced_search.php */ 

    position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    background-image: url(https://img.resultclothing.net/misc/Web-Shadows.png);
    padding: 0.5%
}
.effect7:before, .effect7:after { /* advanced_search.php */
    content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 

.effect7:after { /* advanced_search.php */
    right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
    -moz-transform:skew(8deg) rotate(3deg);     
    -ms-transform:skew(8deg) rotate(3deg);     
    -o-transform:skew(8deg) rotate(3deg); 
    transform:skew(8deg) rotate(3deg);
}

/* new div for latest news page */

.LatestNews {
    width:300px;
   /* height:40px;*/
    margin-top:0px;
}



/* News Quick Nav */

ul#news_quickNav { /* latestnews_detail.php */
    list-style: none;
}

ul#news_quickNav li { /* latestnews_detail.php */
    width: 270px;
    padding-left: 10px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-image: url(https://img.resultclothing.net/misc/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 18px;
    padding: 15px;
}

/* News Detail */

#news_detail_left { /* most pages */
    width: 100%;
}

#news_detail_right { /* most pages */
    float: left;
}
/* responsive code for resources.php */
@media only screen and (min-width: 768px) {
	#news_detail_left { /* most pages */
		float:left;
		width: 25%;
		margin-left: 10px;
		border-top-color: #cccccc;
		border-top-style: solid;
		border-top-width: 1px;
	}
	#news_detail_right { /* most pages */
		float:right;
		width: 73%;
		margin-right: 10px;
	}
}

#news_detail_left_distributors { /* distributors.php */
    float:left;
    width: 25%;
    margin-left: 10px;
    border-top-color: #cccccc;
    border-top-style: solid;
    border-top-width: 1px;
}

/* DISTRIBUTORS DETAIL */
		
		#diss_detail_left {
			float:left;
			width: 40%;
			margin-left: 10px;
			border-top-color: #cccccc;
			border-top-style: solid;
			border-top-width: 1px;
		}




#news_detail_right_distributors { /* distributors.php */
    float:right;
	width: 73%;
    margin-right: 10px;
}

		
	#diss_detail_right {
		float:right;
		width: 56%;
		margin-right: 10px;
	}

#news_detail_right_contact { /* contact.php */
    width: 100%;
	float: left;
}
#news_detail_left_contact {
	float:left;
	width: 90%;
	margin: 10px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-top-width: 1px;
}

@media only screen and (min-width: 768px) {
	#news_detail_right_contact { /* contact.php */
		float:right;
		width: 50%;
		margin-right: 10px;
		font-weight:normal;
	}
	#news_detail_left_contact { /* contact.php */
		float:left;
		width: 25%;
		margin: 10px;
		border-top-color: #cccccc;
		border-top-style: solid;
		border-top-width: 1px;
	}
}

._select_:hover{
    box-shadow: 0 0 0 5px aqua;
}

#news_details { /* latestnews_detail.php */
	background-repeat: no-repeat;
    background-position: top left;
    min-height: 595px;
    padding: 10px;
}

#news_details img { /* latestnews_detail.php */
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#advance_sub{ /* advanced_search.php */
    margin-right: 1%;
}

/* About */

.content { /* most pages */
	width:80%;
	margin:0 auto;
}

.content h1 {
	margin-top:1%;
}

.aboutCol { /* about.php */
	float:left;
	width:45%;
	background:#fff;
	padding:2%;
	margin-bottom:1%;
}

#left{ /* about.php */
	margin-right:2%;
}

/* Environment */

#enviro_main {
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #E0D2C7;
    color: #000 !important;
	padding: 5px 90px;
	min-height: 300px;
}

#enviro_main  h3{
	text-shadow: none !important;
	margin:5px 17px 20px 17px;
}

#enviro_main p {
    font: normal 13px/1.5em open sans, Verdana, sans-serif;
}

#enviro_main .left {
    width: 45%;
	float: left;
    padding-bottom: 40px;
    padding-left:20px;
}

#enviro_main .right {
    padding-left: 20px; 
	width: 45%;
    float:left;
    padding-bottom: 40px;
}

#dhtmltooltip{ /* distributors.php */
    position: absolute;
    background-color: #2C2C2C;
    border: 0px solid black;
    padding: 2px;
    width:150px;
    visibility: hidden;
    z-index: 9999;
    text-align:left;
    font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
    color: #FFFFFF;
}

#dhtmltooltipheader{
    position: absolute;
    background-color: #2C2C2C;
    border: 0px solid black;
    padding: 2px;
    width:150px;
    visibility: hidden;
    z-index: 9999;
    text-align:left;
    font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
    color: #FFFFFF;
}


#news {
    width: 95%;
    margin: 0 auto;
}


#news h3 {
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
}

.newsblock { /* latestnews.php */
    width:24%;
    float:left;
    margin:0.5%;
}

.newsblock .heading { 
    font-weight: bold;
    background-color:#a8a8a8;
    color:white;
    padding:5px;
    font-size:14px;
}

.newsblock .categorybox{ /* latestnews.php */
	width:100%;
}

.newsblock .categorybox img {
	width:100%; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;
}

.newsblock .categoryboxContent p{
	text-align:center;
}

.newsblock .categorybox {
	
}

.categoryboxConBut{ /* latestnews.php */
	background: #D31E23; 
	padding: 0.5em; 
	text-align: center; 
	color: #fff; 
	font-weight: 600;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
	margin-top:0.5em;
}

.categoryboxContent a:hover {
	text-decoration:none;
}

.newsblock .heading a {
    float:right;
    width:60px;
    text-decoration:underline;
    font-size:10px;
    color:white;
    font-weight:normal;
}

.newsblock .item {
padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: dotted #a8a8a8 1px;
    float: left;
    width: 90%;
}

.newsblock .thumb {
    width:30px;
    height:30px;
    float:left;
    padding:5px;
} 

.newsdetailblock { /* newsdetail.php */
    width:100%;
    float:left;
}

.newsdetailblock .thumb {
    width:100%;
    float:left;
} 

.newsdetailblock .heading {
	font-weight: bold;
    background-color:#a8a8a8;
	color:white;
	padding:5px;
    font-size:14px;
}

.newsdetailblock .heading a {
    float:right;
    width:60px;
    text-decoration:underline;
    font-size:10px;
    color:white;
    font-weight:normal;
}

.newsdetailblock .item {
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: dotted #a8a8a8 1px;
    float: left;
    width: 90%;
}

.newsdetailblock .NewsPageBottom {
    width: 58%;
    margin: 0.5em;
    float: left;
    font-family: Lucida Grande,Lucida Sans Unicode, Arial, Verdana, sans-serif;
    color: #000;
}

.CategoryPageHeading { /* newsdetail.php */
}


.CategoryPageHeading span { 
    text-decoration:none;
    color:#FFF;
    text-align: left;
    font-family: Lucida Grande,Lucida Sans Unicode, Arial, Verdana, sans-serif;
    margin-left: 3px;
}
.CategoryPageHeading a {
    font-size:20px;
}

.CategoryPageHeading a:link, a:visited, a:active { 
	text-decoration: none; 
}

.CategoryPagePicture { /* newsdetail.php */
    float: left;
    margin: 1em 0;
}
.CategoryPageBottom { /* newsdetail.php */
    width: 100%;
    height: 120px;
    background-color:#333333;
    padding-bottom: 2px;
    margin-bottom: 2px;
    padding-top: 2px;
    font-family: Lucida Grande,Lucida Sans Unicode, Arial, Verdana, sans-serif;
}

.CategoryPageBottomDesc { /* newsdetail.php */
    text-align:left;
    padding:3px;
    margin-right:2px;
    font-size: 1em;
    line-height:1.3em;
}

.tSizes table{ /* product.php */
    width: 450px !important;  
    margin: 10px 0px 5px 5px;
    border: none;
    border-collapse: collapse;
}

.tSizes table td{
    
}

.tSizes table th{
    color:#fff;
    text-align: left;    
}

.tSizes table tr{    
    border: none !important; 
    font-size: 11px;
    height: 10px;
}

.otSizes table{
	width: 500px !important; 
    margin: 10px 0px 5px 5px;
    border: none;
    border-collapse: collapse;
}

.otSizes table td{
    color:#000;
    font-weight: bold;
	width:200px;
}

.otSizes table th{
    color:#fff;
    text-align: left;    
}

.otSizes table tr{    
    border: none !important; 
    font-size: 12px;
    height: 10px;    
}


.forest-img {
	background: url('https://img.resultclothing.net/6/BG/forest_image_bg.jpg') no-repeat center !important;
	background-size: cover !important;
}
.forest-img#gallery_img img {
	border: none;
	display: block !important;
}

/*Safegaurd*/
.product_header_safeguard { /* product.php */
    width: 100%;
	background: url(https://img.resultclothing.net/4/misc/lime.png) no-repeat;
	height: auto !important;
	padding-bottom: 23.5%;
	padding-top: 4%;
	padding-left: 10%;
	margin-left: -40px;
}

.cat_workguard h4 {
	font-size:14px;
}                                                                                                                                                         
.page-content {
	margin-top: var(--headerHeight);
}
.page-content #breadcrumbs {
	padding: 0 !important;
}
.page-content #breadcrumbs li {
	display: initial;
}

/* New homepage design - NB 25.08.22 */
.index-container {
	clear: both;
	position: relative;
	margin-top: var(--headerHeight);
	font-family: 'Poppins', 'Open Sans', sans-serif;
}
.welcome-section {
	/* background: linear-gradient(to bottom right, rgb(226, 29, 29), rgb(232, 74, 74));*/
	/*background: #383232;*/
	background: #292424;
	padding: 0;
}
.welcome {
	display: flex;
	align-items: center;
}
.welcome > * {
	width: 50%;
}
.welcome-text h1 {
	font-weight: bold;
	font-size: 36px;
	text-transform: uppercase;
	margin-bottom: 2rem;
	color: #fff;
}
.welcome-small {
	font-size: 14px;
	margin-top: 1rem;
	color: #fff;
}
.welcome-vid video { width: 100%; }
.cat-title h2 {
	text-align: center;
	color: #fff;
	font-size: 18px !important;
	font-weight: normal;
}
.pop-cat a:hover h2 {
	text-decoration: underline;
}
.cat-title i {
	font-size: 10px;
}
.cat-title i:first-child {
	margin-left: 1rem;
}
.home-boxes {
	display: flex;
	justify-content: center;
	gap: 15%;
	margin-top: 2rem;
}
.home-box {
	width: 250px;
	height: 250px;
}
.home-box a {
	display: block;
	width: 100%;
	height: 100%;
}
.box-img {
	height: 100%;
	width: 100%;
	position: relative;
	text-align: center;
}
.box-img img {
	width: 100%;
	height: 100%;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.box-img video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	animation: fadeIn 2s;
}
.box-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30%;
	padding-top: 8%;
	background-image: linear-gradient(rgb(0,0,0,0.4), rgb(0,0,0));
	/*background-image: linear-gradient(rgb(0,0,0,0), rgb(0,0,0));*/
}
.box-title h2 {
	font-size: 16px;
	color: #fff;
	/*margin-top: 1.5rem;*/
	/*margin: 2rem auto 3.5rem;*/
	line-height: 0;
}
.brand-spotlight {
	display: flex;
}
.brand-spotlight.lang .brand-text p {
	font-size: 14px;
}
.brand-img {
	width: 45%;
	max-width: 762px;
}
.brand-img img {
	width: 100%;
}
.brand-text {
	width: 65%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.brand-text .text-inner {
	width: 80%;
}
.brand-text .text-inner img {
	width: 85%;
	max-width: 350px;
	margin-bottom: 1rem;
}
.lang .brand-text .text-inner img {
	max-width: 100%;
	width: auto;
}
.brand-text h2 {
	font-size: 40px;
	color: #000;
	font-weight: 400;
	margin: 1.5rem 0;
}
.brand-text p {
	font-size: 15px;
	margin: 1.25rem 0;
	line-height: 1.5em;
} 
.brand-text a {
	border: 1px solid #000;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 20px;
	margin: 1rem 0;
}

.homepage-videos {
	display: flex;
	height: 670px;
	/*padding: 2rem;*/
}
.welcome-vid-main {
	width: 65%;
	height: 100%;
}
.welcome-vids {
	width: 35%;
	padding: 1rem 1rem 0.5rem;
}
.welcome-vids > .wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	gap: 1rem;
	margin: 0 auto;
}
.welcome-vid-main video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.vids-row {
	width: 100%;
	display: flex;
	gap: 1rem;	
	height: 48%;
}
.vids-row > * {
	width: 50%;
	height: 100%;
}
.box-video {
	width: 100%;
	height: 100%;
	position: relative;
}
.box-video img {
	width: 100%;
	height: 100%;
}
.box-video video {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
	visibility: hidden;
	opacity: 0;
}
.box-video .box-title {
	text-align: center;
	height: 10%;
}

/* img carousel */
.homepage-videos.carousel-videos {
	height: auto !important;
	align-items: center;
}
.carousel-videos .carousel {
	flex: 0 0 64%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.carousel .slider {
	width: 100%;
	overflow: hidden;
	margin: auto;
	position: relative;
}
.carousel .slider ul {
	width: 100%;
	list-style: none;
	display: flex;
	align-items: center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
.carousel .slider ul li {
	width: 100%;
}
.carousel .slider ul li img {
	width: 100%;
	height: 100%;
	display: block;
}
.slider__btns {
	width: fit-content;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	display: flex;
	justify-content: center;
	gap: 10px;
	bottom: 24px;
}
.carousel .slider input[type="radio"] {
	display: none;
}
.slider__btns label {
	border: 2px solid #fff;
	border-radius: 10px;
	cursor: pointer;
	padding: 6px;
	transition: 1s all ease;
	display: inline-block;
}
.slider__btns label.active {
	background: #4dc3ff;
}
/* updated video boxes */
.video__boxes {
	height: 100%;
	flex: 0 0 36%;
}
.video__boxes .inner {
	width: 96%;
	height: 100%;
	margin: auto;
	display: grid;
	display: -ms-grid;
	gap: 1rem;
	justify-content: center;
	align-items: center;
	grid-template-columns: repeat(2, calc(50% - 0.5rem));
}
.video__boxes .box {
	width: 100%;
	height: 100%;
	position: relative;
}
.video__boxes .box a {
	display: block;
	width: 100%;
	height: 100%;
}
.video__boxes .box img {
	width: 100%;
	height: 100%;
	display: block;
}
.video__boxes .box video {
	visibility: hidden;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	object-fit: fill;
}
/* end of homepage */

/*Workguard*/
.cat_workguard{
	width: 100%;
	background: url(https://img.resultclothing.net/4/misc/orange.png) no-repeat;
	height: auto !important;
	
	padding-top: 4%;
	padding-left: 10%;
	margin-left: -40px;
}

.cat_workguard h4 {
	font-size:14px;
}

.cat_workguard a{
	color: #000 !important;
	text-shadow: none !important;
}

.flyers_section{ /* resources.php */
	width: 100%;
}

.flyer_ { /* resources.php */
	color: #eee;
	float: left;
	width: 23%;
	margin-right:1%;
	margin-bottom: 1rem;
}

.flyer_img {

}

.flyer_img img{
	width: 45%;
}

.flyer_title {
	color:rgba(39, 38, 38, 1) !important;
}

.flyer_thumb{
	width: 100%;
	height: 210px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.39);
}

._cat_box_style2{
	position: relative;
    width: 30%;
    min-height: 305px;
    background-color: #bebebe;
    padding: 5px;
    float: left;
    margin-right: 5px;
	margin-bottom: 5px;
}

._cat_box_style2_default-link{
  /* all rules required to make the whole div clickable */ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  /* this is a fix for IE7-9 */
  background-color:#ffffff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
  filter: alpha(opacity=0);  
  opacity:0;  
}

._cat_box_style2_independent-link{
    /* all rules required to make other links to work */ 
    position: relative;
    z-index: 100;
}

._cat_style2 {
	margin: 5px; 
	padding:3px;
	float: left;
	width: 50%;
	color: #fff; 
	overflow:hidden;
}
				
._cat_style img{ /* categories.php */
	width: 100%; 
}

/* new categories styles NB 18.05.23 */
.cat-page .wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill, 450px);
	column-gap: 3rem;
	row-gap: 2rem;
	margin-bottom: 2rem;
}
.cat-page .cat-box {
	height: 310px;
}
.cat-box .cat-wrapper {
	position: relative;
	background: rgba(0,0,0,0.45);
	width: 100%;
	height: 100%;
}
.cat-box .cat-wrapper.no-overlay {
	background: none;
}
.cat-box .cat-img {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}
.cat-img img {
	width: 100%;
	display: block;
}
.cat-box .cat-txt {
	margin-left: 15px;
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.cat-box a {
	text-decoration: none;
}

.cat-txt h4 {
	margin: 1.5rem 0;
	margin-bottom: 1rem;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.cat-txt p {
	font-size: 15px;
	color: #fff;
}

._cat_style2 p {
	color:#fff;
}
																																														
@font-face { font-family: 'Courier'; src: url('fonts/ufonts.com_courier.ttf');}

.tabbed{ /* product.php */
	float : left;
	width : 99%;
	margin-left:1%;
	margin-bottom:1%;
}

.tabbed > input{
	display : none;
}

.tabbed > section > h1{
	float       : left;
	box-sizing  : border-box;
	margin      : 0;
	overflow    : hidden;
	font-size   : 1em;
	font-weight : normal;
}

.tabbed > input:first-child + section > h1{
  
}

.tabbed > section > h1 > label{
  display                 : block;
  padding                 : 0.25em 0.75em;
  border                  : 1px solid #ddd;
  border-bottom           : none;
  box-shadow              : 0 0 0.5em rgba(0,0,0,0.0625);
  background              : #fff;
  cursor                  : pointer;
     -moz-user-select     : none;
      -ms-user-select     : none;
  -webkit-user-select     : none;
  width:100%;
}

.tabbed > section > div{
  position      : relative;
  z-index       : 1;
  float         : right;
  box-sizing    : border-box;
  width         : 100%;
  height		: 376px;
  overflow-y	: scroll;
  margin        : 2.5em 0 0 -100%;
  padding       : 0.5em 0.75em;
  border        : 1px solid #ddd;
  box-shadow    : 0 0 0.5em rgba(0,0,0,0.0625);
  background    : #fff;
}

.tabbed > input:checked + section > h1{
  position : relative;
  z-index  : 2;
}

.tabbed > input:not(:checked) + section > div{
  display : none;
}

/*  GENERAL */

body {
	margin:0;
	overflow-x:hidden;
}

html#blend { /* inc_head.php */
	background-blend-mode: darken;
	transition: 3s;
}

#bgImage { /* index.php */
	height:630px;
	height:95vh;
}

input.field, textarea.textarea {
	font-family: 'Open Sans', sans-serif;
}

.sansLight {
	font-family: 'Open Sans', sans-serif;
}

/* HEADER */

header{
  background: #383232; 
  position: fixed;
  width: 100%;
  text-align: center;
  height: 56px;
	top: 0;
  color: #fff;
  font-size: 19px;
  /*transition: all 0.9s ease;*/
  /*text-transform:none;*/
   z-index:600;
	padding: 5px 0;
}

header#prodhead{
	background: #383232;
}

h1{
	margin:0;
}

#logo {
	float:left;
	margin: 0.5% 2%;
	width:22%;
}

header.sticky {
  background: rgba(0, 0, 0, 0.22);
  color:rgba(255, 255, 255, 0.53);
  text-align: center;
  font-size: 19px;
  transition: all 0.6s ease;
  padding-bottom: 0.2em;
}

header#prodhead.sticky {
  background: rgba(0, 0, 0, 0.44);
  color:rgba(255, 255, 255, 1);
  text-align: center;
  font-size: 19px;
  transition: all 0.9s ease;
  padding-bottom: 0.2em;
}

.searchbutton{
	float: right; 
	margin-right: 9%; 
	margin-top: 2.5%; 
	width: 20px; 
	height: 20px; 
	background: url(https://img.resultclothing.net/icons/search-icon.png);
} 

.contactSub {
    padding: 10px 15px;
    background: #ed1e24;
    color: #fff;
	font-size: 14px;
	margin: 10px 0;
}
.navbar {
	margin: 0 auto !important;
	padding: 0;
	width: 96%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.nav__wrapper {
	display: flex;
	align-items: center;
}
.nav-logo {
	max-width: 300px;
}
.nav-logo img {
	width: 100%;
	height: 100%;
}
.nav-menu.main-menu {
	display: flex !important;
	align-items: center;
	margin-left: 2rem !important;
	gap: 1rem;
}
.lang-btns {
	display: inline-block;
	margin-right: 2rem;
	margin-left: auto;
}
.lang-btns input {
	cursor: pointer;
}
.search-form {
	display: inline-block;
	margin-right: 1.5rem;
	max-width: 210px;
	width: 18%;
}
.searchbar {
	width: 100%;
	display: flex;
	align-items: center;
	background: none;
    border: 2px solid #fff !important;
    border-radius: 15px !important;
	margin: 0;
}
.searchbar input {
	font-size: 12px;
	width: calc(100% - 34px) !important;
	background: none !important;
	outline: none;
	border: none;
	display: inline-block;
	padding: 8px !important;
	color: #fff !important;
}
.search-btn {
	width: 30px;
	height: 17px;
	margin-left: auto;
	background: none;
	border: none;
}
.search-btn img {
	width: 100%;
	height: 100%;
	display: block;
	margin: auto;
}
/* contact us error messages */

.error {
   font-family: Verdana, Arial, sans-serif; 
   font-size: 1em;
   color: #fff;
   background-color : #EF3133;
}

.leftDiv { /* index.php */
	position:absolute;
	top:10%; left:2%;
	width:30em;
}

@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800);

figure.snip0014 {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0.75% 0.8%;
	width: 13.2em;
	height: 13.2em;
	text-align: center;
	border: 2px solid rgba(255,255,255, 0.51);
}

figure.snip0014.large {
	min-width: 327px;
    max-width: 371px;
    /*height:14em;*/ 
}

figure.snip0014 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

figure.snip0014 img, figure.snip0014.large img {
  width: 100%;
  opacity: 1;
  height: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.snip0014 figcaption {
  font-size: 1.25em;
}

figure.snip0014 > div, figure.snip0014.large > div{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em 1em;
  width: 100%;
  height: 100%;
}

figure.snip0014 > div::before , figure.snip0014.large > div::before{
  position: absolute;
  top: 30px;
  right: 50%;
  bottom: 30px;
  left: 50%;
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  border-right: 1px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

figure.snip0014 h2, figure.snip0014 p {
  margin: 0 0 5px;
  opacity: 0;
  font-size:16px;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}

figure.snip0014 h2, figure.snip0014.large h2 {
  word-spacing: 0.15em;
  font-weight: 300;
  font-size:19px;
  line-height:19px;
  text-transform: uppercase;
  color:#fff;
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

figure.snip0014.large h2 {
	padding-top:3em;
}

figure.snip0014 h2 span {
  font-weight: 800;
}

figure.snip0014 p {
  font-weight: 200	;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

figure.snip0014 a {
  font-weight:600;
  color: #ffffff;
  text-decoration:none;
}

figure.snip0014:hover img {
  opacity: 0.5;
}

figure.snip0014.large:hover img {

}

figure.snip0014:hover > div h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

figure.snip0014:hover > div p {
  opacity: 0.8;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

figure.snip0014:hover > div::before {
  background: rgba(0, 0, 0, 0.22);
  left: 10px;
  right: 10px;
  top:10px;
  bottom:10px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/* -- BUTTON -- */

a.rightbutton  {
	text-decoration:none;
	color:#fff;
	font-weight:600;
	position: fixed;
    border: 0;
    text-decoration: none;
}

a.bottombutton  {
	text-decoration:none;
	color:#fff;
	font-weight:600;
	position: fixed;
    border: 0;
	right:5px;
    text-decoration: none;
}

.button1{
	right: -153px;
	transition:1s;
    top: 8em;
}

.button2 {
	right: -153px;
	transition:1s;
    top: 12em;
}

.button3 {
	right: -153px;
	transition:1s;
    top: 16em;
}

.button5 {
	right: 20px;
    transition: 1s;
    bottom: 4em;
} 

.button1:hover, .button2:hover, .button3:hover {
	right:0;
	transition:1s;
}

a#rightbutton:hover {
	text-decoration:none;
	color:#d31e23;
	font-weight:600;
	background:#fff;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.button:hover {
  background: #06D85F;
}

/* new arrival pop out */

.popup_overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:50;
}

.popup_overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  height:75%;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
  font-size:35px;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.popup .close:hover {
  color: #d31e23;
}

.popup .content {
  max-height: 80%;
  overflow: auto;
  width:100%;
}

.newArrival_item {
   padding: 2%;
   border-bottom: 1px solid #c7c3c3;
}

.newArrival_item #itemLeft{
	width:20%;
	float:left;
}

.newArrival_item #itemRight{
	width:75%;
	float:left;
	margin-left:2%;
}

b#code {
	font-weight: bold;
    color: red;
    font-size: 14px;
}

/* EO new arrival pop out */

#redLogo {
	width: 95px;
}

/* company policy page */
.comp__policy .cp__heading {
	font-size: 16px !important;
	text-decoration: underline;
	margin-bottom: 0.5rem;
}
/* EOF company policy */

/* product documents in product tabs */
.tab-heading {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
    border-bottom: #CCCCCC dotted 1px;
    margin-bottom: 10px;
	list-style: none;
	margin-top: 5px;
}
.tab-docs .wrapper {
	display: flex;
	gap: 2rem;
}
.doc-wrapper.wrapper,
.doc-wrapper.wrapper .wrapper {
	flex-wrap: wrap;
}
.doc-wrapper .doc-section {
	min-width: calc(50% - 2rem);
}
.tab-docs .doc-subTitle {
	font-size: 15px;
	margin-bottom: 0.5rem;
	font-weight: 500;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	padding-left: 5px;
}
.prod-document {
	background-color: #e9e9e9;
	border-radius: 6px;
	border: 1px solid transparent;
	transition: 0.3s ease;
	width: 120px;
	min-height: 119px;
	display: flex;
	justify-content: center;
	cursor: pointer;
}
.prod-document:hover {
	border: 1px solid #08c;
	transition: 0.3s ease;
}
.prod-document .wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem 2.5%;
	text-align: center;
}
.prod-document a {
	width: 100%;
}
.prod-document a:hover {
	text-decoration: none;
}
.prod-document i {
	font-size: 2.4rem;
	color: #2a2222;
}
.prod-document .fa-file-pdf {
	margin-left: 4px;
}
.prod-document .doc-title p {
	font-size: 13.5px;
	font-size: 13.5px;
}
.doc-section .view-all {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 14px;
	font-weight: 500;
	width: fit-content;
	text-decoration: none;
}
.doc-section .view-all i {
	font-size: 16px;
}
@media screen and (max-width: 700px){
 .box{
    width: 70%;
  }
  
  .leftCol, .rightCol {
	   width:100%;
   }

  .popup{
    width: 70%;
  }
   
  #bgImage {
	  background:url('https://img.resultclothing.net/misc/mob_workguard.jpg') top;
  }
  
  span.new {
	width:58px;
	}
	/* NB 06.12.21 commented out because it was removing the text surrounding the product 
	.grid2colh {
		height: 144px !important;
	}*/
}

/* .FOOTER */
/* updated footer design NB 07.01.25 */
.page-footer {
	display: flex;
	width: 95%;
	margin: 0 auto;
	padding: 1rem 0;
	gap: 2rem;
}

.page-footer h3 {
	font-family: "Poppins", "open sans";
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

.foot-column {
	flex: 1;
}
.foot-column.result-info {
	flex: 2;
}

.footer-logos {
	display: flex;
	gap: 0.5rem;
}
.footer-logos .left-logos {
	width: 120px;
	
}
.footer-logos .logo-30 {
	width: 148px;
}
.footer-logos .logo-30 img {
	width: 100%;
}
.footer-logos .left-logos img {
	width: 100%;
}
.footer-logos .logo-30-years {
	max-width: 110px;
}

.result-info .result-logo {
	max-width: 200px;
	width: 90%;
}

.result-info .socials {
	margin-top: 1rem;
	display: flex;
	gap: 0.5rem;
}
/* end of new footer styles */

.left-box{

}

.linkBox {
	position: absolute;
    background: #fff;
    left: 3%;
    top: 15%;
	height:20%;
	border:2px solid #fff; 
}

.linkBox img {
	height:100%;
}

.linkBox2 {
	position: absolute;
    background: #fff;
    left: 15%;
    top: 15%;
	width:10%;
	height:20%;
}

.LargelinkBox{
	position: absolute;
    background: #fff;
    left: 3%;
    top: 38%;
	width:22%;
	height:30%;
}

footer{
	background:#fff;
	position:absolute;
	width:100%;
	border-top: 1px solid #dcdcdc;
}

footer a {
	color:#000;
}
/*
#foot-section{
	width:11%;
	float:left;
	padding:1%;
}

#foot-section-sm{
	width:14%;
	float:left;
	padding:0.1%;
}

#foot-section-last {
	width:28%;
	float:left;
	padding:1%;
	color:#000;
}*/
/*NB responsive footer code */
/* make columns full width */
.footer-col {
	width: 95%;
	margin: 10px auto;
	padding: 0;
}

/* last column of footer displayed on small screens */
.footer-col-last {
	width: 100%;
	margin: 0;
}

.prod-instruction {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.25rem;
	margin: 0.25rem;
}
.prod-instruction img {
	width: 30px;
}

@media only screen and (min-width: 48em) {
	.footer-col {
		width:11%;
		float:left;
		padding: 10px;
	}
	.footer-col-last {
		width:28%;
		float:left;
		padding: 10px;
		color:#000;
	}
	.footer-col-last *{
		display: block;
	}
		
}

footer  h3{
	text-transform:uppercase;
	color:#000;
	font-size:13px;
	border-bottom: 1px solid #e0e0e0;
}

footer  ul{
	list-style:none;
	margin:0;
	padding:0;
}

footer ul li{

}

footer p{
	font-size:11px;
}

/* ***********************************************************************************
*********************************************************************************** */
/* 
Below is coding for the mobile responsivness, it is coded firstly for mobile, 
and then further down adaptions to display on desktop
*/

/*firefox */
@-moz-document url-prefix() { 
  #nav ul li { 
	float:left;
  }
  
  #nav ul li ul {
	  top:0.85em;
  }
  
  #searchForm {
	  width:20%;
  }
  .field.search.right {
		width:49%;
  }
  
  footer{
	 /* display:none;*/
	/*margin-top:680px;*/
	  
  }
}

@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
/* needed for checkbox hack */
h1, p {
  color: #000;
  font-size: 1.25rem;
}

/*other browsers*/

.mobile {
	display:none;
}

#logo {
	float:none;
	margin:2px auto;
	width:100%;
	max-width: 280px;
	padding-top: 12px;
}

#logo img {
	width: 100%;
}

.nav {
	background: rgba(0,0,0,0) !important;
	padding-top: 0 !important;
}

#nav {
  position: relative;
  background: #383232;
}
#nav ul {
  display: none;
  width: 100%;
 
  float:left;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#nav ul li {
	padding:5px 5px;
	margin:0 5px;
	background:#383232;
}

#nav ul li a {
  display: block;
  color: white;
  margin:0;
}
#nav ul li a:hover{
 
}

#nav ul li:last-of-type a {

}

#nav ul li ul li a {
  
}

#nav ul li ul li ul li a {
  padding-left: 3.125em;
}

#nav input.trigger {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#nav input.trigger:checked ~ ul{
 display: block ;
 background: #383232;
}

#nav input.trigger:checked ~ ul li ul {
	display: block ;
	background: #383232;
}

.cat-title {
	font-size: 22px;
}

.field.search.right {
	width:69%;
}

/*** sub menu dropdown ***/

label#sub, label#sub2 {
	color: #fff;
    width: 26px;
    float: right;
    margin-top: -25px;
    font-size: 28px;
	line-height:21px;
    margin-bottom: 18px;
}

input#show, input#hide, input#show2, input#hide2{
    display:none;
}

ul#listcontent {
    
}

ul#listcontent, ul#listcontent2 {
	display:block;
}

input#show:checked ~ .show:before, input#show2:checked ~ .show2:before{
    content: ""
}

input#show:checked ~ .hide:before {
    content: "-"
}

input#show2:checked ~ .hide2:before{
	content: "-"
}

input#hide:checked ~ .hide:before, input#hide2:checked ~ .hide2:before {
    content: ""
}

input#hide:checked ~ .show:before {
   content: "+"	
}

 input#hide2:checked ~ .show2:before{
	content: "+"	
 }
 
input#show:checked ~ ul#listcontent, input#show2:checked ~ ul#listcontent2 {
    opacity: 1;
    font-size: 100%;
    height: 100%;
}

input#hide:checked ~ ul#listcontent, input#hide2:checked ~ ul#listcontent2{
    display: block;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
    opacity: 0; 
	height: 0;
    font-size: 0;
    overflow: hidden;*/
}

input#hide:checked ~ ul#listcontent, input#hide2:checked ~ ul#listcontent2 {
	display:block
}

#searchForm {
	margin-right:0;
	padding: 0.5em 0;
}

/*** end of sub menu dropdown ***/
 
#categories_main_text{
	 display:none;
 }
 
 .grid2cold .column {
		width: 100%;
		padding: 0 2px;
	}
 
 ._cat_box_style2 {
	  width:100% !important;
  }
  
  ._cat_style2 {
	  width:50%;
  }
 
#vidtext {
	 display:none;
 }
 
#vidvid {
	width:100%;
}

	.howtocol {
	float: left;
    width: 100%;
    margin: 1%;
    position: relative;
}

/*distributor detail page*/
#diss_detail_left { 
    display:none;
}

#diss_detail_right {
    float: left;
    width: 100%;
    margin-right: 0;
}

/* techguide*/
/* fabric glossary */

.fabGloss1{
	width:15%;
}

.fabGloss2{
	width:10%;
}

.fabGloss3{
	width:65%;
}
/* sizing table */

#outline2 {
    width: 40%;
    margin-left: 1%;
    margin-top: 3%;
	float:left;
}

#sizetext {
    padding-left: 10px;
    padding-bottom: 10px;
    width: 50%;
    float: left;
}

#sizetext p{
	color: #fff !important;
}

  .newsblock {
    width: 100%;
}


/* mix & match page */
.page-content.mix-match {
	/* background-color: #f2f2f2; */
	background-color: #fff;
	padding-bottom: 3rem;
}
.mix-match .page-wrapper {
	max-width: 2000px;
	width: 90%;
	margin: 0 auto;
	font-family: 'Roboto', "open sans", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	margin-bottom: 3rem;
}
.mixmatch-imgs {
	display: grid;
	gap: 3rem;
	grid-template-columns: repeat(auto-fit, 200px);
	justify-content: center;
}
.mixmatch-imgs .mixmatch-header {
	padding: 0.25rem 1rem;
	grid-column: 1 / -1;
}
.mixmatch-imgs .mixmatch-header img {
	max-width: 275px;
	width: 90%;
}
.mixmatch-imgs .item {
	text-align: center;
	transition: 0.3s all;
}
.mixmatch-imgs .item:hover {
	transform: scale(1.075);
}
.mixmatch-imgs .item a { color: #000; }
.mixmatch-imgs .item img {
	/* box-shadow: 0 0 6px rgba(0,0,0,0.3); */
	width: 100%;
	display: block;
}
.mixmatch-imgs .item span {
	color: #000;
	margin: 0.5rem 0;
	display: block;
	font-size: 14px;
}
.logos-row .brand-logo {
	max-width: 200px;
	width: 90%;
}
.logos-row .mixmatch-logo {
	max-width: 270px;
	width: 90%;
}
/* v2 */
.mix-match .categories {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.mix-match .cat-btn {
	display: flex;
	column-gap: 2.5rem;
	align-items: center;
	border: none;
	cursor: pointer;
	padding: 0.5rem 0;
}
.mix-match .cat-btn .cat-logo {
	max-width: 270px;
	width: 90%;
}
.mix-match .cat-btn .arrow-btn {
	width: 34px;
	height: 34px;
	background-color: #f2f2fd;
	border: 2px solid #383232;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 2rem;
	transition: 0.3s all;
}
.mix-match .cat-btn:disabled {
	color: initial;
}
.mix-match .arrow-btn i {
	font-size: 1.2rem;
}
.mix-match .cat-btn .plus-icon {
	display: inline-block;
	color: #000;
}
.mix-match .cat-btn .minus-icon {
	display: none;
	color: #000;
}
.mix-match .cat-btn.active .plus-icon {
	display: none;
}
.mix-match .cat-btn.active .minus-icon {
	display: inline-block;
}
.mixmatch-imgs.sections {
	display: block;
}
.mixmatch-imgs .section {
	display: grid;
	grid-gap: 3rem;
	/* grid-template-columns: repeat(auto-fit, 220px); */
	grid-template-columns: repeat(auto-fit, 300px);
	justify-content: space-evenly;
	margin: 3rem 0;
}
.mixmatch-imgs .section.big-imgs {
	grid-template-columns: repeat(4, 1fr);
}
.mixmatch-imgs .section.big-imgs .item {
	max-width: 300px;
	margin: 0 auto;
	position: relative;
}
.mixmatch-imgs .recycled-note {
	position: absolute;
	top: 0;
	right: 10px;
}
.mixmatch-imgs .recycled-note.rec-logo {
	max-width: 120px;
	right: 0;
}
.mixmatch-imgs .recycled-note span {
	color: #595959;
}
.mixmatch-imgs .recycled-note i {
	font-size: 2rem;
	color: #32a852;
}
.mixmatch-intro {
	background-color: #383232;
	padding: 1.5rem 2rem;
	margin: 2rem 0 3rem 0;
}
.mixmatch-intro.mixmatch-instructions {
	padding: 1.5rem 0 1.5rem 1.5rem;
}
.mixmatch-intro .inner {
	display: flex;
	column-gap: 4rem;
	align-items: center;
}
.mixmatch-intro.mixmatch-instructions .mixmatch-logo {
	max-width: 245px;
}
.mixmatch-logo {
	max-width: 250px;
	width: 90%;
}
.mixmatch-logo img {
	width: 100%;
	display: block;
}
.mixmatch-intro .graphic {
	max-width: 650px;
}
.mixmatch-intro .graphic img {
	width: 100%;
}
.mixmatch-intro .intro-txt {
	width: 60%;
}
.mixmatch-intro h1 {
	font-size: 2.2rem;
	color: #fff;
	margin-bottom: 1.5rem;
	font-weight: 600;
}
.mixmatch-intro p {
	color: #fff;
	font-size: 1.1rem;
	line-height: 1.2em;
}
/* mix & match image page */
.page-content.mixmatch {
	background-color: #f2f2fd;
	font-family: "Roboto", "open sans", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	padding-bottom: 2rem;
}
.mixmatch .page-wrapper {
	max-width: 2000px;
	width: 85%;
	margin: 2rem auto;
}
.mixmatch-card {
	display: flex;
	overflow-y: auto;
}
.mixmatch-card .card-img {
	flex: 3;
	background-color: #fff;
}
.mixmatch-card .card-txt {
	flex: 4;
	background-color: #D9D9D9;
	border-top-right-radius: 48px;
	border-bottom-right-radius: 48px;
}
.mixmatch-card .card-txt h1 {
	font-size: 26px;
	font-weight: bold;
	margin: 0.5rem auto 1rem auto;
	width: 95%;
}
.mixmatch-card .card-txt a {
	color: #000;
}
.mixmatch-card .card-img img {
	max-width: 400px;
	width: 100%;
	display: block;
	margin: 0 auto;
}
.mixmatch-card .card-txt .inner {
	/*display: grid;
	grid-template-columns: repeat(auto-fit, 70px);
	grid-gap: 0.75rem;*/
	width: 95%;
	margin: 0 auto;
}
.mixmatch-card .prod-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 0.5rem;
}
.mixmatch-card .prod-thumbs:last-child {
	border-bottom: none;
}
.mixmatch-card .prod-code {
	/* grid-column: 1 / -1; */
	display: inline-block;
}
.mixmatch-card .prod-code h2 {
	font-size: 16px;
	color: #000;
	line-height: 1.2em;
	font-weight: 600;
}
.mixmatch-card .prod-code h2 span {
	font-weight: normal;
}
.mixmatch-card .prod-code .green-txt {
	/* color: #2f9d4c; */
	color: #7db300;
	font-weight: bold;
}
.mixmatch-card .thumb-img {
	text-align: center;
	width: 67px;
	margin-bottom: 1rem;
	position: relative;
}
.mixmatch-card .thumb-img img {
	display: block;
	width: 100%;
}
.mixmatch-card .thumb-img.primary img {
	box-shadow: 0 0 4px rgba(0,0,0,0.6);
}
.mixmatch-card .more a {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
.mixmatch-card .more i {
	font-size: 18px
}
.mixmatch-card .more span {
	font-size: 15px;
}
.mixmatch-card .brand-logo {
	max-width: 225px;
	width: 90%;
	margin-left: 0.5rem;
	margin-top: 0.5rem;
}
.mixmatch-card .brand-logo img { 
	width: 100%;
	display: block;
}
.mixmatch-card .prod-link {
	display: flex;
	column-gap: 0.5rem;
	flex-wrap: wrap;
	position: relative;
	align-items: center;
	margin-bottom: 0.5rem;
}
.mixmatch-card .recycled-icon {
	font-size: 1.8rem;
    color: #32a852;
}
.mixmatch-card .colour-name {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 15px;
	background: #1877F2;
	color: #ffffff;
	padding: 5px 8px;
	border-radius: 5px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0,0,0,0.1);
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	z-index: 1;
}
.mixmatch-card .colour-name::before {
	position: absolute;
	content: "";
	height: 8px;
	width: 8px;
	/*background: #1877F2;*/
	background-color: inherit;
	bottom: -3px;
	left: 50%;
	transform: translate(-50%) rotate(45deg);
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.mixmatch-card .thumb-img a:hover ~ .colour-name {
	top: -35px;
  	opacity: 1;
 	visibility: visible;
  	/*pointer-events: auto;*/
}
/* EOF mix & match */

/* product decoration page */
.prod-decorations > .wrapper {
	width: 90%;
	margin: 0 auto;
}
.prod-decorations h1 {
	font-size: 20px;
	margin: 1rem 0;
}

.prod-decorations .decorations {
	display: grid;
	grid-template-columns: auto auto auto;
	max-width: 1000px;
	width: 90%;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	position: relative;
	height: 70vh;
	overflow-y: auto;
	margin-bottom: 2rem;
}

/* checkboxes verion */
.prod-decorations .decorations.checkboxes {
	grid-template-columns: auto auto auto auto 50px 50px auto auto;
	max-width: 1500px;
}
.decorations.checkboxes.lang {
	grid-template-columns: auto auto auto auto auto auto auto auto;
}
.prod-decorations .tick-icon {
	width: 20px;
	display: block;
	margin: 0 auto;
}
.checkboxes .dec-process {
	padding: 5px 2px;
}
.checkboxes .dec-process img {
	width: 16px;
	display: block;
	margin: 0 auto;
}

.prod-decorations .item,
.prod-decorations .header {
	padding: 5px;
	background-color: #fff;
	font-size: 13px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
}

.prod-decorations .header {
	background-color: #d9d9d9;
	font-weight: bold;
	position: sticky;
	top: 0;
}
.prod-decorations .header label {
	width: auto;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #000;
}
.prod-decorations .export {
	display: flex;
	max-width: 1000px;
	width: 90%;
}
.prod-decorations .export a {
	display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: #d9d9d9;
    padding: 10px 16px;
    margin-bottom: 1rem;
    color: #000;
    font-size: 14px;
    font-weight: 500;
	text-decoration: none;
	transition: 0.3s all;
}
.prod-decorations .export a:hover {
	background: #ccc;
}
.prod-decorations .export a img {
	width: 17px;
}
/* EOF decoration */

/* datasheets page */
.data-sheets {
	max-width: 800px;
	width: 90%;
	margin: 0 5%;
	padding: 3rem 0;
}
.data-sheets h1 {
	font-size: 2.2rem;
	color: #333;
	padding-bottom: 5px;
	border-bottom: 2px solid #333;
	margin-bottom: 1rem;
}
.data-sheets .products-table {
	font-size: 14px;
	border: 1px solid #ccc;
	width: auto;
}
.data-sheets th {
	font-size: 15px;
    font-weight: bold;
    background-color: cornflowerblue;
    color: #fff;
}
.data-sheets td.code {
	min-width: 75px;
}
.data-sheets td,
.data-sheets th {
	padding: 8px;
    text-align: left;
}
.data-sheets tr:nth-child(even) td {
	background: #f8f6ff;
}
.data-sheets .languages {
	display: flex;
	align-items: center;
}
.data-sheets .languages a {
	padding: 0 7px;
	border-right: 1px solid #333;
}
.data-sheets .languages a:last-child {
	border: none;
}
.data-sheets .download-btn {
	display: flex;
	align-items: center;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}
.data-sheets .download-btn img {
	width: 22px;
}
.data-sheets .download-success {
	width: 20px;
}
.data-sheets .loading-spinner {
	width: 24px;
}

.products-list {
	max-width: 800px;
	width: 90%;
	margin: 0 5%;
	padding: 3rem 0;
}
.products-list h1 {
	font-size: 2.2rem;
	color: #333;
	padding-bottom: 5px;
	border-bottom: 2px solid #333;
	margin-bottom: 1rem;
}
.products-list .product {
	display: flex;
	align-items: center;
	font-size: 16px;
	margin: 12px 0;
}
.products-list .languages {
	display: flex;
	align-items: center;
}
.products-list .languages a {
	padding: 0 7px;
	border-right: 1px solid #333;
}
.products-list .languages a:last-child {
	border: none;
}
/* EOF datasheets */

/* declaration of conformity documents page */
.conformity-documents .wrapper {
	width: 90%;
	margin: 0 5%;
	padding: 2rem 0;
}
.conformity-documents h1 {
	font-size: 2rem;
    color: #333;
    padding-bottom: 5px;
    border-bottom: 2px solid #333;
    margin-bottom: 1rem;
}
.conformity-documents .description {
	font-size: 16px;
	margin-bottom: 1rem;
}

.conformity-documents label {
	font-size: 15px;
	color: #000;
	font-weight: 500;
}
.conformity-documents .documents-note {
	font-size: 15px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #e9e9e9;
    padding: 0.5rem 1rem;
    width: fit-content;
	margin-bottom: 1rem;
	max-width: 800px;
}
.conformity-documents .documents-note img {
	width: 26px;
}
.product-docs {
	font-size: 14px;
	width: auto;
	margin: 0;
	border: 1px solid #ccc;
}
.product-docs th {
	font-size: 15px;
	font-weight: bold;
	background-color: cornflowerblue;
	color: #fff;
}
.product-docs td,
.product-docs th {
	padding: 8px;
	text-align: left;
}
.product-docs td {
	min-width: 100px;
}
.product-docs .files {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.product-docs .files a {
	display: flex;
	gap: 5px;
	align-items: center;
}
.product-docs .files img {
	width: 23px;
}
.product-docs .divider {
	width: 1px;
	height: 22px;
	background: #666;
}
.product-docs tr:nth-child(even) td {
  background: #f8f6ff;
}
.product-docs .prod-row.highlighted td {
	background: #a3c0f5;
	font-weight: bold;
}

.lang-dropdown {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	width: 160px;
	padding: 0.65rem 0.75rem;
	cursor: pointer;
	user-select: none;
	margin-bottom: 1.5rem;
	border: 1px solid rgba(0,0,0,0.4);
	max-width: 90%;
	z-index: 2;
}
.lang-dropdown .inner {
	display: flex;
	gap: 1rem;
	align-items: center;
}
.lang-dropdown .arrow {
	width: 10px;
}
.lang-dropdown img {
	width: 30px;
}
.lang-dropdown .list {
	background-color: #fff;
	position: absolute;
	top: 43.5px;
	left: 0;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.3);
	cursor: pointer;
	max-height: 250px;
	overflow-y: auto;
	width: 100%;
	display: none;
	border: 1px solid rgba(0,0,0,0.35);
	border-top: none;
	z-index: 1;
}
.lang-dropdown .list.active {
	display: block;
}
.lang-dropdown .item {
	display: flex;
	align-items: center;
	padding: 0.65rem 1rem;
	gap: 1rem;
}
.lang-dropdown .item:hover {
	background-color: #f2f2f2;
}
.lang-dropdown .text {
	font-size: 0.9rem;
}
.lang-dropdown a {
	color: #000;
	text-decoration: none;
}
/* EOF */

@media (min-width: 48em) {
	#logo {
    float: left;
    margin: 0.25em 2em;
    width: 15%;
}

#logo {
	padding-top:0;
}

#logo img {
	width:100%;
}
	
  #nav input.trigger:checked ~ ul, #nav input.trigger:checked ~ ul li ul {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    display: flex;
    flex-direction: row;
  }
  
  
	
  ._cat_box_style2 {
	  width:45.5% !important;
  }
  
  ._cat_style2 {
	  width:58%;
  }
  

}

#nav label.main {
  position: relative;
  min-height: 2em;
  padding: .25em;
  font-size: 1.1em;
  margin: 0;
  cursor: pointer;
  background: #383232;
  line-height: 2em;
  color: #fff;
  width:100%;
}

#nav label.main:after {
  position: absolute;
  right: 1em;
  top: .1em;
  content: "\2261";
  font-size: 1.8em;
  color: white;
}
  
}

/* IPAD 1 & 2  Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	#logo {
		float: left;
		/*margin: 1.5% 2%;*/
		width: 14%;
	}
	
	figure.snip0014.large {
		display:none;
	}
	
	._cat_box_style2 {
	  width:46.5 !important;
  }
  
  ._cat_style2 {
	  width:50%;
  }
  
  
}

/* DESKTOP */

@media (min-width: 48em) { /* 48ems = 768px */
	#breadcrumbs {
		border-bottom: #CCC solid 1px; 
		background: #f3f3f3; 
		padding: 0 1% 0 1%; 
		margin: 0px; 
		list-style: none; 
		height: 39px; 
	}
	#breadcrumbs li {
		padding-left: 25px; 
		margin-right: 25px; 
	}

	.mobile {
		display:block;
	}
	
	.cat-title {
		font-size: 28px;
	}
	
	.howtocol {
	width:48%;
	float:left;
}
  
	#logo {
		  background : rgba (0,0,0,0);
	}
	  
	#nav ul {
	display: -ms-flexbox;
	flex-direction: -ms-row;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	display: flex;
	flex-direction: row;
		margin-top: 10px;	
	}

	#nav ul li {
		position: relative;
		text-align: center;
		background:rgba(0,0,0,0);
		padding:7px 15px;
	}
	  
	#nav ul li ul {
	display: none !important;
	position: absolute;
	top: 1.4em;
	left: 0;
	display: block;
	z-index: 200;
	background: rgba(0,0,0,0.5);
	}
	#nav ul li ul  {

	}
	  
	#nav ul li ul li ul {
	z-index: 300;
	top: 0px;
	left: 12.4em;
	}

	#nav ul li ul li ul li a {
	padding-left: 30px !important;
	}

	#nav ul li:hover > ul {
	display: block !important;
	}

	input#hide:checked ~ ul#listcontent,  input#hide2:checked ~ ul#listcontent2{
	opacity:1;
	height: auto; 
	font-size: 18px; 
	overflow: hidden;
	clear:both;
	}

	#nav label {
	display: none;
	}

	#searchForm{
	  margin-right:10px;
	  padding:0;
	}

	#categories_main_text{
	  display:block;
	}

	#vidtext {
	 display:block;
	}
 
	#vidvid {
		width:50%;
	}
	
	.new {
		
	}

	.grid2colh {

	}
	
	.grid2cold .column {
		width: 33%;
		padding: 0 2px;
	}
	
	._cat_box_style2 {
	  width:28.5% !important;
  }
  
  ._cat_style2 {
	  width:50%; /* desk top looks at this width */
  }
  
  .newsblock { /* latestnews.php */
    width:24%;
    float:left;
    margin:0.5%;
}

/*distributor detail page*/
#diss_detail_left {
    float: left;
    width: 40%;
    margin-left: 10px;
    border-top-color: #cccccc;
    border-top-style: solid;
    border-top-width: 1px;
	 display:block;
}

#diss_detail_right {
    float: right;
    width: 56%;
    margin-right: 10px;
}
}

@media only screen 
  and (max-device-width: 720px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  
  #nav ul li:hover > ul#listcontent, #nav ul li:hover > ul#listcontent2 {
    display: block !important;
  }
  
  #nav label.main {
	  
  }
  
/* HOMEPAGE */
		
		#logo {
			background:#383232;
		}
		
		header {
			background:#000;
		}
		
		header.sticky {
			background:#000;
		}
		
		#nav ul {
			width:100%;
		}
		
		#breadcrumbs li {
			display:none;
		}
  
		a.rightbutton {
			display:none;
		}
  
		.leftDiv {
			width:90%;
			top:7em;
		}
		
		.aboutCol {
			width:100%;
		}
				
		figure.snip0014 {
			margin-top:20px;
			width:12em;
			height:12em;
		}
		
		figure.snip0014.large {
			display:none;
			
		}
			
		
/* CATEGORY */

		.margin10{
			margin-top: 6em !important;
		}
	  
	  #gallery.margin10 {
		  margin-top: 1em !important;
	  }
	  .rec-img {
		  position: static;
		  margin-left: 5%;
		  margin-top: 0.5rem;
		  max-width: 115px;
	  }

		.grid3col .column { 
		width: 100%; 
		padding:0; }
		
		._cat_box_style2 {
	  width:100% !important;
  }
  
  ._cat_style2 {
	  width:50%;
  }
  
	
		
/* PRODUCT */
		
		.big_new {
			display:none;
		}
		
		#gallery_menu_container {
			width:250px !important;
		}
		
		#gallery_menu .wrapper {
			width:170px !important;
		}
		
		.grid2colb-prod {
			/*margin-top:7em;*/
			    display: block;
		}
		
		.grid2colb-prod .column{
			width:90%;
			float:left;
		}
		
		.grid2colb-prod .column label {
			width:60px;
		}
		
		.grid2colb-prod .lastOne{
			width:100%;
			
			
		}
		
/* RESOURCES */
		
		.margin10 {
			
		}
		
		._cat_box_style2 {
			  width:100% !important;
		  }
		  
		  ._cat_style2 {
			  width:50%;
		  }
		
		#news_detail_left{
			display:none;
		}
		
		#news_detail_right {
			margin:0;
			width:100%;
			float:left;
		}
		
		.tab {
			width:100%;	
		}
		
		.tab p {
			color:#000 !important;
		}
		
		table.mediaimages {
			width:100%;
		}
		
		table.mediaimages tr {
			width:100%;
		}
		table.mediaimages td {
			/*width:100%;
			float:left;*/
		}
		
		table.mediaimages img {
			margin:0;
		}
		
		.flyer_ {
			color: #eee;
			float: left;
			width: 100%;
		}

		.flyer_ li {
			width:100%!important;
		}

		.flyer_thumb {
			width: 100%;
			min-height: 139px;
			max-height: none;
			padding: 0;
			margin-bottom: 2%;
		}
		
		#tab4{
			width:100%;
			margin:0;
		}
		
		#vidtext {
			 display:block;
		 }
		
		/* DISTRIBUTORS */
		#news_detail_left_distributors {
		   width:100%;
		}

		#news_detail_right_distributors{
			width:100%;
		}

		#news_detail_right_distributors #map_container{
			display:none;
		}

		#dist_list {
			margin:0;
			padding:0 1em;
		}
		
		

		/*  BROCHURE REQUEST */

		#dist_list ul {
			width:100%;
		}

		#dist_list li{
			border-bottom:0;
		}

		#dist_list li .dist_company {
			width:100%;
		}

		#dist-mob {
			/*margin-top: 85px!important;*/
		}

		#mob-width{
			width:100%;
			float:none;
		}

		#mob-width li {
			float:left !important;
		}

		#request {
			width:100% !important;
		}

		/* CONTACT */

		#news_detail_left_contact {
		   width:100%;
		}

		#news_detail_right_contact{
			width:100%;
		}

		#map_canvas {
			width:100%;
			margin-left:0;
		}
		
		#request input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

#request input.required, textarea.required {
	border: 1px solid #00A8E6;
}

#request input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}

#request input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}


.validation-advice {
	font: normal 12px/25px Arial, Verdana, sans-serif;
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;

}


.custom-advice {
	font: normal 12px/25px Arial, Verdana, sans-serif;
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;

}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}


form label span 	{
	color: red;
}

#request {
	width: 700px;
	margin-left:auto;
	margin-right:auto;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

form ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 300px;
	margin-right:40px;
	float:left;
}


form ul li{
	list-style-type: none;
	padding: 0;
	margin: 0;
}


form label {
	font: normal 12px/25px Arial, Verdana, sans-serif;
	color:#535353;
	display: block;
	width: 92px;
	float: left;
}

form label.label_long {
	display: block;
	width: 300px;
}

#dist_text {
	background:#F3F3F3;
	padding:12px;
}

		/*COMPANY POLICY */

		#enviro_main {
			padding:0;
			margin-top: -1em;
			padding-top: 1em;
		}

		#enviro_main .left{
			width:100%;
			padding-left:0;
		}

		#enviro_main .right{
			width:100%;
			padding-left:0;
		}
}

/* product decoration page */
.prod-decorations > .wrapper {
	width: 90%;
	margin: 0 auto;
}
.prod-decorations h1 {
	font-size: 20px;
	margin: 1rem 0;
}

.prod-decorations .decorations {
	display: grid;
	grid-template-columns: auto auto auto;
	max-width: 1000px;
	width: 90%;
	background-color: #999;
	border: 1px solid #999;
	grid-gap: 1px;
	position: relative;
	height: 70vh;
	overflow-y: auto;
	margin-bottom: 2rem;
	color: #000;
}

.prod-decorations .item,
.prod-decorations .header {
	padding: 5px;
	background-color: #fff;
	font-size: 13px;
}

.prod-decorations .header {
	background-color: #d9d9d9;
	font-weight: bold;
	position: sticky;
	top: 0;
}
.prod-decorations .export {
	display: flex;
	max-width: 1000px;
	width: 90%;
}
.prod-decorations .export a {
	display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: #d9d9d9;
    padding: 10px 16px;
    margin-bottom: 1rem;
    color: #000;
    font-size: 14px;
    font-weight: 500;
	text-decoration: none;
	transition: 0.3s all;
}
.prod-decorations .export a:hover {
	background: #ccc;
}
.prod-decorations .export a img {
	width: 17px;
}
/* EOF decoration */

@media only screen and (max-width: 1600px) {
	.home-box {
		width: 200px;
		height: 200px;
	}
	.welcome-vid {
		width: 60%;
	}
	.brand-img img {
		width: 100%;
	}
	.brand-text h2 {
		font-size: 30px;
	}
	.brand-text,
	.brand-img {
		width: 50%;
	}
	.brand-text .text-inner {
		margin: 7% auto;
	}
	.brand-text .text-inner img {
		width: 72%;
	}
	.brand-text p {
		margin: 1rem auto;
	}
	.homepage-videos {
		height: 550px;
	}
	.mix-match .hero-txt,
	.hero.mixmatch-hero .hero-txt {
		max-width: 600px;
	}
	.mix-match .hero h1 {
		font-size: 2.6rem;
	}
	.mix-match .hero h2 {
		font-size: 1.8rem;
	}
	.mix-match .hero p {
		font-size: 1.1rem;
	}
}

@media only screen and (max-width: 1250px) {
	.tech-guide-container {
		width: 100%;
		margin: 0;	
	}
	.tech-row {
		padding-right: 1rem;	
	}
	.tech-logo,
	.tech-title {
		width: 15%;
	}
	.tech-desc {
		width: 70%;
	}
	.welcome-vid {
		width: 70%;
	}
	.home-boxes {
		flex-direction: column;
		align-items: center;
	}
	.home-box {
		margin: 10px 0;
		width: 175px;
		height: 175px;
	}
	.box-title h2 { font-size: 13px; }
	.brand-img {
		width: 50%;
	}
	.brand-text {
		width: 50%;
	}
	.brand-text a {
		font-size: 13px;
		padding: 8px 16px;
	}
	.brand-text .text-inner p {
		font-size: 14px;
		line-height: 20px;
	}
	.lang .brand-text .text-inner p {
		font-size: 13px;
	}
	.brand-text .text-inner img {
		width: 62%;
	}
	.homepage-videos {
		flex-direction: column;
		height: auto;
	}
	.welcome-vid-main {
		width: 100%;
	}
	.welcome-vids {
		width: 80%;
		margin: 0 auto;
	}
	.vids-row {
		gap: 5%;
		margin: 2%;
	}
	#menu ul {
		font-size: 16px !important;
	}
	.video__boxes .inner {
		margin: 2rem auto;
		width: 75%;
		gap: 2rem;
		grid-template-columns: repeat(2, 45%);
	}
	.tab-docs > .wrapper {
		flex-direction: column;
	}
	.tab-docs .doc-subTitle {
		width: 90%;
	}
	.cat-page .wrapper {
		justify-content: center;
	}
	#news_detail_left {
		width: 60% !important;
	}
	#news_detail_right {
		float: left !important;
		width: 100% !important;
	}
	/* mix & match */
	.mix-match .cat-btn .cat-logo { max-width: 225px; }
	.mixmatch-intro { padding: 1rem; }
	.mixmatch-intro .inner { gap: 2rem; }
	.mixmatch-intro h1 { font-size: 2rem; }
	.mixmatch-intro p { font-size: 1rem; }
	.mixmatch-logo { max-width: 250px; }
	.mixmatch-instructions .inner {
		flex-direction: column;
	}
	.mixmatch-instructions .mixmatch-logo {
		margin: 1rem auto;
	}
	.mixmatch-intro.mixmatch-instructions { 
		padding: 1rem 2%;
		text-align: center;
	}
	.mixmatch-intro.mixmatch-instructions .intro-txt {
		width: 80%;
	}
	.mixmatch-imgs .section.big-imgs {
		grid-template-columns: repeat(3, 1fr);
	}
	.page-footer {
		gap: 1rem;
	}
	.category-header .cat-description {
		font-size: 14px;
	}
	.category-header .cat-title {
		font-size: 28px;
	}
	.cat-products {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 970px) {
	:root {
		--headerHeight: 90px;
	}
	.tech-guide-container { padding: 0; }
	.tech-row {
		flex-wrap: wrap;
		text-align: center;
	}
	.tech-row > *,
	.welcome > *,
	.brand-spotlight > * {
		width: 100% !important;
	}
	.tech-logo { border: none; }
	.tech-logo img {
		display: block;
		margin: auto;
	}
	.tech-desc p { font-size: 12px;}
	.welcome {
		flex-direction: column;
	}
	.home-boxes { flex-direction: row; }
	.home-box {
		width: 250px;
		height: 250px;
	}
	.brand-spotlight {
		flex-direction: column-reverse;
		padding: 2rem 6%;
	}
	.brand-text .text-inner {
		width: 95%;
	}
	.brand-text .text-inner img {
		width: 75%;
	}
	.info-sheets .info-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
	.info-sheet .inner {
		width: 90%;
	}
	.sheet-thumb {
		width: 95%;
		max-width: 500px;
	}
	/* mix & match */
	.mixmatch-card {
		flex-direction: column;
	}
	.mixmatch-card .card-txt {
		border-top-right-radius: 0;
		border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	.mixmatch-card .thumb-img {
		width: 60px;
	}
	.mixmatch-card .card-img img {
		max-width: 350px;
	}
	.mixmatch-intro.mixmatch-instructions .intro-txt {
		width: 100%;
	}
	.prod-decorations .item, 
	.prod-decorations .header {
		font-size: 12px;
	}
	/* new footer update 07.01.25 */
	.page-footer {
		flex-direction: column;
		gap: 1rem;
	}
	.product-docs { width: 100%; }
	.conformity-documents h1 { font-size: 1.6rem; }
	.conformity-documents .description { font-size: 14px; }
	.product-docs td { min-width: auto; }
	.product-docs .files {
		flex-direction: column;
		align-items: flex-start;
	}
	.product-docs .divider { display: none; }
	.conformity-documents .documents-note p { font-size: 13px; }
	.category-header > .inner {
		flex-direction: column-reverse;
	}
	.category-header .cat-txt > * {
		max-width: 750px;
		width: 90%;
	}
	.category-header .cat-txt {
		border-right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.rightbutton {
		display: none;
	}
	.grid2colb-prod .column{
		width:100%;
		float:left;
	}
	.grid2colb-prod .lastOne{
		width:100%;
		position:relative;
	}
	.welcome-section {
		padding: 3%;
		padding-top: 4rem;
	}
	.pop-cat {
		width: 100%;
		margin: 1rem 0;
	}
	.home-boxes { flex-direction: column; }
	/* new homepage update 31.08.23 */
	.brand-text .text-inner { width: 100%; }
	.brand-text .text-inner img {
		margin: 0 auto;
		display: block;
		margin-bottom: 2rem;
	}
	.video__boxes .inner {
		width: 100%;
		justify-content: space-evenly;
	}
	.slider__btns {
		bottom: 17px;
	}
	.slider__btns label {
		padding: 5px;
	}
	.cat-page .wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
	.cat-page .cat-box {
		max-width: 450px;
		width: 90%;
		margin: 0 auto;
	}
	.cat-img img {
		height: 100%;
		object-fit: cover;
	}
	.cat-box .cat-txt {
		width: 90%;
		margin: 0 auto;
	}
	.cert-recycled {
		max-width: 145px;
	}
	/* mix & match */
	.mixmatch-imgs {
		grid-template-columns: repeat(2, 45%);
		gap: 1.5rem;
	}
	.mixmatch-imgs .item {
		max-width: 350px;
		width: 100%;
		margin: 0 auto;
	}
	.mixmatch-imgs .mixmatch-header {
		padding: 1rem 2%;
	}
	.mixmatch .page-wrapper {
		width: 90%;
		margin-top: 0;
	}
	.mix-match .categories {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 1rem;
	}
	.mixmatch-imgs .section,
	.mixmatch-imgs .section.big-imgs {
		grid-template-columns: repeat(2, 40%);
		justify-content: center;
	}
	.mix-match .cat-btn .cat-logo { max-width: 200px; }
	.mix-match .cat-btn { flex-wrap: wrap; }
	.mixmatch-intro { padding: 1.5rem 2%; }
	.mixmatch-intro .inner {
		row-gap: 2rem;
		flex-direction: column;
	}
	.mixmatch-intro .intro-txt {
		width: 100%;
		text-align: center;
	}
	.mixmatch-intro h1 { font-size: 1.7rem; }
	.mixmatch-intro p { font-size: 1rem; }
	.mixmatch-imgs .recycled-note.rec-logo {
		position: static;
		margin: 0 auto;
	}
	.safetyone, .safetytwo {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 1rem;
		font-size: 13px;
		padding: 0.5rem;
	}
	.prod-decorations .decorations {
		width: 100%;
		overflow: auto;
	}
	.prod-decorations .dec-access {
		min-width: 175px;
	}
	.prod-decorations .dec-process {
		min-width: 65px;
	}
	.prod-decorations .product {
		min-width: 50px;
	}
	.suggested-products .title { font-size: 22px; }
	#breadcrumbs li { 
		padding-left: 24px; 
	}
	.cat-products {
		grid-template-columns: 1fr;
	}
}