@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;
}

#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;
	}

/* contact page */
.contact-wrapper {
	display: flex;
	justify-content: space-between;
}
.contact-info .row {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.contact-info .row label {
	width: 145px !important;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-align: right;
}
.contact-info.no-map .row label {
	width: 50px !important;
	font-weight: normal;
	text-align: left;
}
.contact-info .address-image {
	max-width: 95%;
}
.contact-info .address-title {
	font-weight: normal;
    font-size: 1.1rem;
    text-decoration: underline;
    line-height: 18px;
    margin-bottom: 0.5rem;
}

#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;
}

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);
	}
	.contact-wrapper {
		flex-direction: column;
		gap: 1rem;
	}
	.contact-wrapper > div {
		width: 95% !important;
	}
}

@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;
	}
}