/* RESET */
/* RESET */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap');;
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

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

html {height:100%;}

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 a:hover {
	color: #fda016;
}

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

#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 */


/* New homepage design - NB 25.08.22 */
.index-container {
	clear: both;
	position: relative;
	margin-top: 90px;
	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;
}
/* img carousel added 31.03.23 */
.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;
	width: auto;
}
.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;
	grid-auto-rows: 1fr;
	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;
}
/* new bottle counter 27.07.23 */
.bottle__counter {
	grid-column: 1 / -1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-image: url(https://img.resultclothing.net/6/BG/bg_blue.jpg)!important;
	border: 2px solid #a3cc17;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bottle__counter.forest-bottle {
	background-image: url('https://img.resultclothing.net/6/homepage/bottle_counter_bg.jpg')!important;
}
.bottle__counter .bottle-inner {
	float: none;
	width: 95%;
}
.bottle__counter .counter__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}
.counter__main {
	display: flex;
	justify-content: center;
	gap: 1rem;
	align-items: center;
}
.counter__main .bottle-icon {
	width: 70px !important;
	height: 99px !important;
	transform: rotate(25deg);
}
.counter__main .bottle-icon.new-bottle {
	height: auto !important;
	max-width: 50px;
	transform: rotate(0);
}
.counter__main .count-title {
	font-family: Trebuchet MS;
}
.counter__main .counter-digit {
	font-size: 46px;
    margin: 0 2px;
}
.counter__wrapper .count-text {
	font-size: 21px;
	font-weight: 500;
	line-height: 1.5em;
}
.brand-spotlight {
	display: flex;
}
.brand-img {
	width: 40%;
}
.brand-img img {
	width: 100%;
}
.brand-text {
	width: 60%;
	position: relative;
}
.brand-text .text-inner {
	width: 80%;
	margin: 12% auto;
}
.brand-text h2 {
	font-size: 40px;
	color: #000;
	font-weight: 400;
	margin: 1.5rem 0;
}
.brand-text p {
	font-size: 22px;
	margin: 1.75rem 0;
	line-height: 30px;
} 
.brand-text a {
	border: 1px solid #000;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 22px;
	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%;
}
/* new landing text style */
.landing__body {
	display: grid;
	width: 100%;
	justify-content: center;
	grid-template-columns: 2fr 3fr 2fr;
	column-gap: 1.5rem;
	align-items: center;
}
.landing__txt {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.landing__txt .inner {
	width: 90%;
	margin: auto;
	text-align: center;
}
.landing__txt h2 {
	font-size: 40px;
    color: #000;
    font-weight: 400;
    margin-bottom: 2rem;
}
.landing__txt p {
	font-size: 18px;
    margin-bottom: 3rem;
    line-height: 30px;
}
.landing__btn {
	text-align: center;
}
.landing__txt a {
	border: 1px solid #000;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 22px;
}
.landing__img img {
	width: 100%;
	height: 100%;
	display: block;
}
.landing-video {
	padding: 3rem 0;
}
.landing-video .wrapper {
	display: flex;
	width: 90%;
	margin: 0 auto;
}
.recycled-movie {
	flex: 6;
}
.recycled-movie video {
	width: 95%;
	display: block;
	margin: 0 auto;
}
.landing-video .movie-txt {
	flex: 4;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.movie-txt .inner {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.movie-txt h1 {
	font-size: 40px;
	font-weight: 400;
	margin-bottom: 2rem;
}
.movie-txt.lang-txt p {
	font-size: 17px;
}
.movie-txt p {
	font-size: 18px;
	margin-bottom: 2rem;
	line-height: 1.5em;
}
.movie-txt a {
	border: 1px solid #000;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 22px;
}
/* end of homepage */



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

#redLogo {	width:95px;	}
#greenLogo { width: 107px; }

#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;
	margin-top: 30px;
}

.divider { 
 background:#eee;
}

/* GRID */
.column { 
	float: left; 
}
/*nb 23.11.21 PRINTABLE SPEC SHEET BUTTON */
.print_link {
	position:absolute; 
	right:1em; 
	top:0.5em; 
	width:4.5em;
}
.print_link:hover {
	-webkit-filter: invert(1);
  	filter: invert(1);
}
/*End of printable spec sheet */

.grid2col, .grid2cola, .grid2colb, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { 
	width: 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;
}
.suggested-products .product a {
	color: #000;
}

/* new browsecategory header NB 16.1.23 */
.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: 1rem 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;
}
.category-header .cat-img {
	flex: 3;
}
.category-header .cat-img img {
	width: 100%;
	display: block;
}

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

.grid2col .column { 
	width: 50%; 
}

.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-prod .column { 
	width: 44%; 
	margin-left:4%; 
}
.grid2colb .column { 
	width: 44%; 
	/*argin-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 .site-logo {
    width: 65px;
    display: block;
    margin-bottom: 0.25rem;
}

.lastOne{ /* product page */
    float: left;
    /*width:50%;*/
	width:48%;
}

.grid2cold {
	width: 100%; 
	margin: 0 10px; 
	margin-left: 0.6%;
}

.grid2cold .column { 
	width: 33%; 
	padding-top:0;
}

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


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

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

.cat_margin {
	position: relative;
	overflow: hidden;
}
.cat-description {
	color:#fff; 
	font-size: 1vw;
	display: none;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}

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

.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 {
	max-width: 100%;
	height: 100%;
}


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

/* TYPE */

/* styling for highlighted text */
.hilight {
	color:orange;
}

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

a { 
	color: #87a22c; 
}

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

/* 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: 100px;
	margin-right: 5px; 
	height:16px; 
	/*background: #0a76c1; blue */
	background: #fff;
	/*color: #fff; white */
	color: #000;
	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: 13px; 
	right:80px; 
	background: url(/_img/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;
}

.rec-img-right {
	right: 3px;
	top: 3px;
	position: absolute;
	z-index: 1;
	max-width: 160px;
}
.rec-img-right img {
	width: 100%;
}


.rec-img {
	position: absolute;
    top: 20px;
    left: 0;
    max-width: 140px;
}
.rec-img.mobile {
	display: none;
	position: static;
	max-width: 115px;
	margin-top: 1rem;
}
.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:30px; 
	left:20px; 
	width: 95px; 
	height:95px; 
	background: #fff; 
	z-index: 1; 
	border-radius:5px; 
	transform:rotate(20deg); 
	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:80%;
	margin:0 auto;
	margin-bottom: 2%;
}

.safetybutton { /* browsecategory.php */
	width: 45%;
	margin-right:4%;
	float:left;
	text-align:center;
	padding: 1% 0;
	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);
}

.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 { 
	border-bottom: #CCC solid 1px; 
	background: #f3f3f3; 
	/*NB 24.11.21 padding-top changed from 3.8% to 5.05% because breadcrumbs where not visible */
	padding: 5.05% 1% 0 1%; 
	margin: 0px; 
	list-style: none; 
	height: 39px;  
	display: none;
}
/*NB 06.12.21 Search page and Categories Responsive Code */
/*NB 06.11.21 move results found banner up because it was overlapping the products */
@media screen and (max-width: 1024px) {
	#categories_main_text.airdown_text {
		top: 20px;
		margin: 15px;
	}
	/* lower breadcrumbs so they're still visible */
	#breadcrumbs {
		padding-top: 7.5%;
	}

}
@media screen and (max-width: 768px) {
	#categories_main_text.airdown_text {
		top: 5px;
		margin: 5px;
	}
	/* lower breadcrumbs so they're still visible */
	#breadcrumbs {
		padding-top: 8%;
	}
	/* change column size of product to 100% so there is only one per row (category-page & search page)*/
	.column.smallScreen, .lastOne {
		width: 100%;
		margin-left: 0;
	}
	#recycled_vertical img {
		display: none;
	}
}
@media screen and (max-width: 450px) {
	#categories_main_text.airdown_text {
		top: 0;
		margin: 0;
	}
}



#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: 25px; 
	margin-right: 25px; 
	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 */
/* update to add PRISM document button 10.01.25 */
.fabric-info {
	display: flex;
	gap: 1rem;
}
.fabric-info .recycled-bottles {
	max-width: 70px;
}
.prism-doc {
	display: block;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
}
.prism-doc > .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
}
.prism-doc img {
	max-width: 64px;
}

.prism-info {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-bottom: 1rem;
}
.prism-info img {
	width: 25px;
}
.prism-info a {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}
/* 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: #d6d8db;
	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 #4CBB17;
	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;
}
.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;
}

#logos { 
	float: right; 
	padding: 1%; 
	margin-bottom:0;
	background:#6f7e85;
	width:98%;
	/*margin-right: 20px; */
}

#logos img { 
	width:100%;
}

/* RECYCLED GROUNDWORK STYLING */

#content {
	position:relative;
	background:#f5f5f5;
	margin-top: 94px;
	
}

/* new forest background theme 15.12.23 */
.forest-bg {
	background: url('https://img.resultclothing.net/6/BG/forest_bg_web.jpg') no-repeat center !important;
	background-size: cover !important;
}
.forest-bg.safe-guard {
	background: url('https://img.resultclothing.net/6/BG/forest_bg_web_dark.jpg') no-repeat top !important;
	background-size: cover !important;
}
.forest-bg-sky {
	background: url('https://img.resultclothing.net/6/BG/forest_background_sky_web_2.jpg') no-repeat top !important;
	background-size: cover !important;
}
/* for products page */
.forest-img {
	background: url('https://img.resultclothing.net/6/BG/forest_image_bg.jpg') no-repeat center !important;
	background-size: cover !important;
}
.prod-page.safe-guard .forest-img {
	background: url('https://img.resultclothing.net/6/BG/dark_forest_bg.jpg') no-repeat center !important;
	background-size: cover !important;
}


.category-page p {
	color: #fff;
}

.prod-page .grid2colb-prod > .column {
	width: 40%;
}



.bottle-background {
	background-size: contain !important;
	background-repeat: repeat !important;
}
.content-green {
	/* background: #ABD359 !important; */
	background-image: url("https://img.resultclothing.net/6/BG/bg_green2.jpg")!important;
	vertical-align:bottom;
}
.content-black {
	/* background: #ABD359 !important; */
	background-image: url("https://img.resultclothing.net/6/BG/bg_black2.jpg")!important;
}
.content-blue {
	background-image: url("https://img.resultclothing.net/6/BG/bg_blue.jpg")!important;
}

.content-blue .cat-wrapper p,
.content-black .cat-wrapper p {
	color: #fff;
}

.cat-wrapper {
	padding: 1rem;
}

#recycled_vertical{
	display:block;
	position:absolute;
	left:8px;
	height: -webkit-fill-available;
	bottom:0px;
}

#recycled_vertical img {
	height:100%;
	opacity: 0.4;
	position:absolute;
	bottom:0px;
}

#recycled_logo {
	width: 200px;
	position:absolute;
	right:0;
	bottom:-35px;
	
	/*background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1));*/
}

#recycled_logo img {
	width:100%;
	-webkit-mask-image: -webkit-gradient(linear, right top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}



#rec-browsecat {
	/*background: #6F7E85; grey */
	background: #677d38;
    padding: 5px;
    margin-right: 15px;
    position: relative;
    overflow: hidden;
	min-height: 36px;
}

#rec-browsecat #rec-img {
	display:block;
	position: absolute;
    width: 50px;
    right: -2px;
    bottom: -1px;
    transform: rotate(20deg);
}

#rec-browsecat a {
	color:#fff;
	font-family: 'Poppins', sans-serif;
	position: relative;
}

#categoryFilter {
	margin:0; 
	margin-bottom:2%; 
	padding:0.5% 3% 0.5%; 
	font-size:16px; 
	color:#fff; 
	background: rgb(0 0 0 / 10%);
	margin-top: -4px;
}

#categoryFilter a{
	color:#d6ff4c;
}




/* GALLERY */
/* 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_green.png) no-repeat 0 0 !important;
	text-indent: -999px;
	position: absolute;
	top: 35px;
	cursor: pointer;
}

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

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

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

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

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

#gallery_menu .back.inactive {
	background-position: 0 -145px !important;
	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_green.png) no-repeat 0 -174px !important;
	text-indent: -999px;
	cursor: pointer;
	/*position: absolute;*/
	top:0;
	right: 20px;
}

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


/* 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 5px;
    transition: 0.3s;
	color: #000 !important;
	text-transform: none;
}

/* 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 !important;
}

/* 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;}

#tab2 p {
	color: #fff;
}

.wash_instruction li {
    list-style-type: none;
    padding: 5px;
    display: flex;
	align-items: center;
	gap: 0.5rem;
    margin-bottom: 1px;
    color: #fff;
}
.wash_instruction li p {
	color: #fff;
}

.wash_instruction li img {
	width: 30px;
	background-color: #fff;
}

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

.logoTitle p {
	color:#fff;
}

.logoInfo {
	padding:0 4px;
}

.logoInfo p {
	color:#fff;
}

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


/* TABS */

#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/icons/bullet_green.png) 0 8px no-repeat !important;
	padding: 3px 0px 3px 12px; 
	line-height: 20px;
}

#tabs ul.section li.liwg { 
	float: none; 
	margin: 0; 
	background: url(/_img/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;
}


/*RECYCLED STYLING*/


.recycled {
	background: #6f7e85 !important;
	border:0 !important;
	/*border: 1px solid #084e03 !important;*/   
}
.recycled.light {
	background: #909ca2 !important;
}

.recycled.active, div.tab button.active {
	background:#43454B !important; 
}

.tabcontent{
	background:#43454B;
	border:0 !important;
	color:#fff !important;
}

.tabcontent ul li {
	color:#fff !important;
}

#tabsli {
	background: url(https://img.resultclothing.net/icons/bullet_green.png) 0 8px no-repeat !important;
}

#rec_fabric{
	width: 60%;
    background: rgba(255,255,255,0.25);
    padding: 5px;
	min-height: 123px;
}

#rec_fabric p{
	color:#fff;
}


/* 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: url(https://img.resultclothing.net/icons/bullet_green.png) 0 8px no-repeat !important;
    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: 115px;
    float: left;
}

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

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

table {
    margin: 10px 10px 30px 10px;
    max-width: 940px;
	width: 90%;
    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;
    width: 610px;
    border-collapse: collapse;
    border-color: #FFF;
}

/* 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: #018749;
	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:hover {
	text-decoration: none;
}
.download-btns a i {
	font-size: 18px;
}

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

.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(../_img/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/icons/bullet_green.png) 0 8px no-repeat !important;
    background-repeat: no-repeat;
    background-position: 0 18px;
    padding: 15px;
}

/* News Detail */

#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_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_left_contact { /* contact.php */
    float:left;
    width: 25%;
    margin: 10px;
    border-top-color: #cccccc;
    border-top-style: solid;
    border-top-width: 1px;
}
#news_detail_right_contact { /* contact.php */
    float:right;
	width: 73%;
    margin-right: 10px;
}

#news_detail_right { /* most pages */
    float:right;
    width: 73%;
    margin-right: 10px;
}

@media only screen and (max-width: 1000px) {
	#news_detail_left, #news_detail_right {
		width: 100%;
	}
}
@media only screen and (max-width: 800px) {
	#news_detail_left_contact {
		width: 100%;
	}
	#news_detail_right_contact { /* contact.php */
    	float: left;
		margin-left: 10px;
	}
}

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

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


._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;
}

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

.otSizes table tr{
	background: #d2e6a9;
	text-align: left;	
	height: 10px;
}

.otSizes table tr#tablehead{
	background: #ABD359;
}

.otSizes table tr td{
	border-bottom:1px solid #43454b;
	padding: 0 5px;
}

/**Result Recycled Styling*/

.product_header_recycled{ 
	width: 100%;
	background-color: #6F7E85;
	height: auto !important;
	padding-bottom: 0.5%;
	margin-top: 3.5%;
	position:relative;
	overflow: hidden;
}

.product_header_recycled a{ 

}

.product_header_recycled h2 { 
	color: #fff;
	font-family: 'Poppins', sans-serif;
	margin-left: 1%;
	font-size: 58px;
	line-height: 50px;
	margin: 1.5rem 1% 0.25rem;
	letter-spacing: 0.05rem;
	font-weight: 600;
}

.product_header_recycled h3{
	margin-left: 1% !important;
	color: #FFF;
}

.product_header_recycled p{ 
	margin-left: 1% !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%;
	/*
	min-height: 139px;
	max-height: 139px;*/
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.39);
}

._cat_box_style2{
	position: relative;
    width: 30%;
    min-height: 290px;
    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;
	background: rgba(0, 0, 0, 0.23);
}
				
._cat_style img{ /* categories.php */
	width: 100%; 
}

._cat_style2 p {
	color:#fff;
}

.cat-page {
	padding: 1rem 4rem 2rem;
	text-align: center;
}
.cat-page h1 {
	text-transform: uppercase;
	font-size: 40px;
	margin: 1rem 0 2rem;
	font-family: 'Bebas Neue', sans-serif;
	letter-spacing: 0.2rem;
}
/* new category styles */
.cats__container {
	margin: auto;
}
.cats__wrapper {
	display: grid;
	margin: 2rem auto;
	justify-content: center;
	column-gap: 4rem;
	row-gap: 2rem;
	grid-template-columns: repeat(auto-fill, 450px);
}
.cats__wrapper .cat__box {
	position: relative;
	height: 450px;
	max-width: 450px;
}
.cat__box .cat__img,
.cat__box .cat__img img {
	width: 100%;
	height: 100%;
	display: block;
}
.cat__box .cat__text {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgb(0,0,0,0.75);
	height: 50%;
}
.cat__text .cat__title,
.cat__text .cat__desc {
	color: #fff;
}
.cat__text .cat__title {
	font-size: 22px;
	line-height: normal;
	margin: 0.5rem 0 1rem;
	font-family: 'Bebas Neue', sans-serif;
	letter-spacing: 0.1rem;
}
.cat__text .cat__desc {
	width: 95%;
	margin: 0.5rem auto;
	color: #fff;
	font-size: 14px;
	padding: 0;
	font-family: 'Poppins', sans-serif;
}
 
.cat-page-wrapper {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
}
.cat-box {
	width: 500px;
	height: 500px;
	/*-webkit-box-shadow: 0 0 2px #000;
	box-shadow: 0 0 2px #000;*/
	margin: 1rem;
	background-size: contain !important;
	position: relative;
}
.cat-box a {
	display: block;
	height: 100%;
	color: #000;
	text-decoration: none;
}
.cat-box-text {
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	color: #fff;
	background: rgb(0,0,0,0.75);
}
.cat-box-text h2 {
	font-size: 24px;
	line-height: normal;
	margin: 1rem 0;
	font-family: 'Bebas Neue', sans-serif;
	letter-spacing: 0.1rem;
}
.cat-box-text p {
	width: 95%;
	margin: 0.5rem auto !important;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
}
.cat_margin h3 {
	font-family: 'Bebas Neue', sans-serif;
	letter-spacing: 0.19rem;
	font-size: 30px;
}


@media only screen and (max-width: 1200px) {
	._cat_box_style2 {
		width: 45%;
	}
	._cat_style2 {
		width: 60%;
	}
}

@media only screen and (max-width: 768px) {
	._cat_box_style2 {
		width: 100%;
	}
	.cat-page {
		padding: 2rem 3%;
	}
	.cats__wrapper {
		grid-template-columns: repeat(1,1fr);
		justify-items: center;
		width: 90%;
	}
	.cats__wrapper .cat__box {
		max-width: 450px;
		height: auto;
		display: flex;
		flex-direction: column;
	}
	.cat__box .cat__img {
		height: auto;
	}
	.cat__box .cat__text {
		height: auto;
		position: initial;
		background-color: rgb(0,0,0,0.9);
	}
	.cat__box .cat__desc {
		font-size: 13px;
		margin: auto;
		padding: 5px;
	}
	.cat__box .cat__title {
		margin: 0 auto;
		padding: 5px;
	}
	.resize {
		margin: 2rem auto;
		margin-left: 0 !important;
	}
	.image-thumb {
		right: 2px;
	}
}
@media only screen and (max-width: 400px) {
	._cat_style2 {
		width: 90%;
	}
}


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

/* 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;
}

/* updated product page styles NB 04.01.24 */
#content.prod-page { 
	background-image: linear-gradient(rgba(77, 117, 157), rgba(255,255,255));
}
#content.prod-page.safe-guard {
	background-image: -webkit-linear-gradient(left, rgb(41, 36, 36, 0.1), rgb(41, 36, 36, 0.9));
	background-image: -o-linear-gradient(left, rgb(41, 36, 36, 0.1), rgb(41, 36, 36, 0.9));
	background-image: linear-gradient(to right, rgb(41, 36, 36, 0.1), rgb(41, 36, 36, 0.9));
}

.prod-page .prod-info {
	float: none;
	flex: 1;
}
.prod-page .prod-wrapper {
	display: flex;
	gap: 1.5rem;
	max-width: 2100px;
	width: 95%;
	margin: 0 auto;
}
.prod-page .prod-img {
	width: 45%;
}
.prod-page .resize {
	max-width: 692px;
	margin: 0 auto;
	margin-top: 3.5%;
	height: auto;
}

.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;*/
	background: #01405f;
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  height: 87px;
  color: #fff;
  font-size: 19px;
  /*transition: all 0.9s ease;*/
  /*text-transform:none;*/
   z-index:600;
}

h1{
	margin:0;
}

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

header.sticky {
  color: rgba(255, 255, 255, 0.53);
  text-align: center;
  font-size: 19px;
  transition: all 0.6s ease;
 
}

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

.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: 5px 0;
}

/* 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:13%; left:2%;
	/*width:25%;*/
	width:40%;
}

@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: 47%;*/
	width: 31.73%;
	height: 47%;
	text-align: center;
	/*border: 2px solid rgba(255,255,255, 0.51);*/
}

figure.snip0014.last {
	margin: 0.75% 0 0.75% 0.8%;
}

figure.snip0014.large {
	min-width: 96%;
    max-width: 100%;
    /*height:14em;*/ 
}

figure.snip0014.featVid{
	min-width:98% ;
	/*width:530px !important;*/
	min-height:300px;
	border:2px solid #eee;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe,
.videoWrapper embed,
.videoWrapper object  {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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;
      border: 2px solid rgba(255,255,255, 0.51);
}

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;
	bottom: 4em;
    right: 1em;
    border: 0;
    text-decoration: none;
}

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

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

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

.button4 {
	right: 20px;
    transition: 1s;
    bottom: 3em;
}

.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.4);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:602;
}

.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-lg { /*this is used for the recycled popup - more styling below new arrivals popup styling*/
	height:78%;
	width: 60%;
	/* background:#3e3e3e url('https://img.resultclothing.net/6/BG/bg2.jpg'); */
	background-size:cover; 
	padding: 5px 25px;
	border: 1px solid #595959;
}

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

.popup .close2 {
	position: absolute;
	top: 5px;
	right: -22px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
}

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

.popup .content {
  max-height: 85%;
  overflow: auto;
  width:100%;
	padding-top: 1.5rem;
}

.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 */

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

@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_recycled.jpg') top;
  }
  
  span.new {
	width:58px;
	}

	.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 */

.footer-logo {
	max-width: 300px;
	width: 90%;
	display: block;
}
.footer-logo img {
	width: 100%;
	background: #01405f;
}


.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-image: url("http://img.resultclothing.net/6/homepage/footer.jpg"); */
    background:#fff;
	position:absolute;
	width:100%;
	border-top: 1px solid #dcdcdc;
}

footer a {
	color:#000;
}

.footer-col {
	width: 100%;
	padding: 0;
	margin: 0;
}

/*NB last footer column appearing on small screens */
.footer-col-last {
	width: 100%;
	padding: 10px;
	margin: 0;
}


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

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

footer ul li{

}

footer p{
	font-size:11px;
}

/* 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;
}

/*NB 06.12.21 Footer responsiveness */
@media only screen and (min-width: 768px) {
	.footer-col {
		width:11%;
		float:left;
		padding:10px;
	}
	.footer-col-last * {
		display: block;
	}
	.footer-col-last {
		width:28%;
		float:left;
		padding: 10px;
		color:#000;
	}
	header {
		height: 90px;
		/* background: #383232; */	
		background: #113157;
	}
	header#prodhead.sticky,
	header.sticky {
		/* background: rgba(0, 0, 0, 0.28); */
		background: rgb(17, 49, 87, 0.3);
	}
	.cat-description {
		color:#fff; 
		font-size: 1vw;
		display: inline;
	}
	.cat-title {
		color:#fff;
		font-size: 28px;
	}
}


/**
#. Bottle Count
**/

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
}
.end { margin-right: 0 !important; }
/* Column Grids End */


/*NB 17.11.21 recycled bottles counter in footer 
.wrapper { width: 100%; float:center}
.counter {width: 100%; margin-bottom:5px;}
.count-title { font-size: 36px; font-weight: bolder;  margin-top: 0; margin-bottom: 0; text-align: center;}
.count-text { font-size: 16px; font-weight: bold;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.count-dial { font-size: 12px; font-weight: normal;  margin-top: 10px; margin-bottom: 10px; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }*/

/*NB 17.11.2021 recycled bottle counter top right */
.wrapper { width: 100%; float:center}
.counter {margin-bottom:5px;}
.count-title { font-size: 10px; font-weight: bolder;  margin-top: 0; margin-bottom: 0; text-align: center;}
.count-text { font-size: 16px; font-weight: bold;  margin: 5px 20px 10px 20px; text-align: center; color: white; }
.count-dial { font-size: 14px; font-weight: normal; margin: 8px 5px; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }

/*NB 17.11.21 counter container in footer  
.counter-container-footer {
	background-image: url('https://img.resultclothing.net/icons/bg2_small.jpg');
	color: white;
	font-family: Trebuchet MS;
}*/

/*NB 17.11.21 recycled bottles counter container for top right of screen */
.counter-container {
	top: 14vh;
	right: 4%;
	float: right;
	width: auto;
	height: auto;
	background-color: rgb(0,0,0,0.7);
	border-radius: 4%;
	/*NB 18.11.21 green text for underneath the counter 
	color: rgb(28, 212, 28);*/
	/*NB 18.11.21 white text under counter */
	color: white;
	font-family: Trebuchet MS;
}

.bottle-container {
	width: 100%;
}
.bottle-container > .wrapper {
	position: relative;
	width: 95%;
	height: 300px;
	margin: auto;
	/*background: #000;*/
	margin-top: 5px;
	border: 2px solid #a3cc17;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.counter-container.box-counter {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	float: none;
	margin: 0;
	background: #000;
	border-radius: 0;
	background: none;
}
.counter-container.box-counter > .counter-closer {
	display: none;
}
.counter-container.box-counter .counter-row {
	margin: 1.5rem auto 1rem;
	gap: 3rem;
}
.counter-container.box-counter .count-text {
	font-size: 22px;
	font-weight: 500;
	line-height: 38px;
	margin-top: 3rem;
}
.counter-container.box-counter .bottle-icon {
	width: 70px;
	height: 99px;
	margin: 0;
	margin-top: -21px;
	animation: none;
	-webkit-animation: none;
}
.counter-container.box-counter .counter-digit {
	font-size: 46px;
	margin: 0 2px;
}

/*NB 24.11.21 X in the corner of bottle counter to close */
.counter-closer {
	float: right;
	margin: 2px 6px;
	padding: 0;
	font-size: 18px;
	background-color: rgb(0,0,0,0.5);
	opacity
}
.counter-closer:hover {
	-webkit-filter: invert(1);
  	filter: invert(1);
}

/*NB 17.11.21 bottle counter individual digits */
.counter-digit {
	/*background-image: linear-gradient(180deg, rgb(153, 255, 102), rgb(0, 255, 0));*/
	background-image: linear-gradient(#b6df20, #91b319);
	border-radius: 5%;
	/*color: rgb(0, 128, 0);*/
	color: #005723;
	padding: 5px;
	font-size: 30px;
	margin: 0 1.5px;
}

/*NB 17.11.21 row containing counter number and bottle image */
.counter-row {
	display:flex;
	justify-content:center;
	width: 100%;
	margin-top: 2px;
}

/*NB 17.11.21 plastic bottle image*/
.bottle-icon {
	width: 38px;
	height: 50px;
	margin: 0 10px 10px 0;
}

/*NB 17.11.21 footer plastic bottle image OLD 
.bottle-img {
	width: 50px;
	height: 70px;
	margin-bottom: 10px;
}*/

/*NB 16.11.21 bottle image animation */
.rotate-bottle {
	transform: rotate(25deg);
	-webkit-animation:shake .5s ease-in-out
	.1s infinite alternate;
}
/*NB 15.11.21 animation to shake back and forward */
@-webkit-keyframes shake {
	from{
		-webkit-transform: rotate(35deg);
	}
	to {
		-webkit-transform:rotate(15deg);
		-webkit-transform:rotate(25deg);
	}	
}

/* product decoration page */
.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: #e9e9e9;
}
.data-sheets .languages {
	display: flex;
	align-items: center;
}
.data-sheets .languages a {
	padding: 0 7px;
	border-right: 1px solid #333;
	color: #08c;
}
.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;
}

/* updated recycled process page */
.strip-top,
.strip-bottom {
	height: 4rem;
	background: #a9cf35;
}
.strip-top { margin-bottom: 1.5rem; }
.strip-bottom: { margin-top: 1.5rem; }
.rec-process {
	padding: 2rem 0;
}
.rec-process .wrapper {
	width: 90%; 
	margin: 0 auto;
	max-width: 2000px;
}
.rec-process .process-txt {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 2rem;
}
.rec-process .main-txt {
	text-align: left;
	width: 50%;
}
.rec-process .main-txt p {
	color: #fff;
	font-size: 15px;
}
.rec-process .diagram {
	width: 50%;
}
.rec-process .diagram-img {
	display: block;
	max-width: 700px;
	width: 100%;
	margin-left: auto;
	margin-bottom: 1rem;
}
.rec-process .sub-text {
	text-align: left;
	gap: 1.5rem;
	max-width: 700px;
	margin-left: auto;
}
.rec-process .sub-text p,
.rec-process .sub-text ul {
	color: #fff;
	font-size: 16px;
}
.rec-process ul {
	list-style: disc;
	padding-left: 30px;
}
.rec-process ul li::marker { color: #a9cf35 !important; }
.rec-process .sub-text h3 {
	font-size: 60px;
	font-weight: bold !important;
	line-height: 1.1em;
	margin: 0;
}
.rec-process .lang .sub-text h3 { font-size: 44px; }
.rec-process .sub-text h4 {
	font-size: 38px;
	font-weight: bold !important;
	margin-bottom: 1rem;
	line-height: 1.2em;
	color: #1695d0;
}
.rec-process .intro-green {
	color: #a9cf35 !important;
	font-weight: 600;
}
.rec-process .intro-blue {
	color: #179edc;
	font-weight: 600;
}
.rec-process .img-txt {
	display: flex;
	gap: 10px;
}
.rec-process .main-txt h2 {
	font-weight: bolder;
	line-height: 1em;
	font-size: 70px;
	font-weight: bold !important;
	margin: 0.5rem 0
}
.rec-process .main-txt h2.lang {
	font-size: 60px;
}
.rec-process .main-txt h3 {
	font-weight: bolder;
	color: #179edc;
	font-size: 42px;
	line-height: 1em;
}
.rec-process.forest-bg .wrapped,
.rec-process.forest-bg-sky .wrapped {
	background: rgba(17, 49, 87, 0.6);
	padding: 10px;
}

/* 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 */

/* 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 */

/* end of bottle animation*/
/*NB 26.11.21 was trying to make the counter unselectable but isn't working yet */
.unselectable {
    -webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

/*NB 26.11.21
BOTTLE COUNTER RESPONSIVE MEDIA QUERIES */
@media only screen and (max-width: 1600px) {
	.counter-container {
		top: 11.5vh;
		right: 3.5%;
	}
	.count-title {
		line-height: 66px;
	}
	.count-text {
		font-size: 15px;
	}
	.counter-container.box-counter .counter-digit {
		padding: 4.5px;
		font-size: 44px;
	}
	.home-box {
		width: 200px;
		height: 200px;
	}
	.welcome-vid {
		width: 60%;
	}
	.brand-img img {
		width: 100%;
	}
	.brand-text h2 {
		font-size: 30px;
		line-height: 45px;
	}
	.brand-text,
	.brand-img {
		width: 50%;
	}
	.brand-text .text-inner {
		margin: 7% auto;
	}
	.brand-text .text-inner img {
		width: 72%;
	}
	.brand-text p {
		font-size: 18px;
		margin: 1rem auto;
	}
	.homepage-videos {
		height: 550px;
	}
	.bottle-container > .wrapper {
		height: 255px;
		margin: auto;
	}
	.counter-container.box-counter {
		height: 70%;
	}
	.counter-container.box-counter .counter-row {
		gap: 1.5rem;
	}
	.counter-container.box-counter .count-text {
		font-size: 18px;
		line-height: 30px;
		margin-top: 1rem;
	}
	.counter-container.box-counter .bottle-icon { 
		width: 66px;
		height: 88px;
		margin-top: -16px;
	}
	.landing__txt h2 {
		font-size: 36px;
	}
	.landing__txt p {
		font-size: 16px;
	}
	.landing__btn a {
		font-size: 16px;
	}
	.movie-txt .inner {
		width: 90%;
	}
}

@media only screen and (max-width: 1250px) {
	.tech-guide-container {
		width: 100%;
		margin: 0;	
	}
	.tech-row {
		padding-right: 1rem;	
	}
	.tech-guide-logo,
	.tech-guide-title {
		width: 15%;
	}
	.tech-guide-desc {
		width: 70%;
	}
	.count-title {
		line-height: 62px;
	}
	.count-text {
		font-size: 14.5px;
	}
	.counter-digit {
		padding: 4.25px;
	}
	.bottle-icon {
		width: 34px;
		height: 46px;
		margin: 2px 8px 0 0; 
	}
	.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: 16px;
		line-height: 20px;
	}
	.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%;
	}
	.bottle-container > .wrapper {
		height: auto;
		width: 450px;
		margin: 5rem auto;
		padding: 4%;
	}
	.counter-container.box-counter {
		position: static !important;
		transform: none;
	}
	.counter-container.box-counter .counter-row {
		margin: 2.5rem auto 2.5rem;
		gap: 3rem;
	}
	.counter-container.box-counter .counter-digit {
		font-size: 42px;
	}
	.counter-container.box-counter .count-text {
		margin: 1.5rem auto;
		font-size: 20px;
	}
	/* new homepage update 31.03.23 */
	.video__boxes .inner {
		margin: 2rem auto;
		width: 75%;
		gap: 2rem;
		grid-template-columns: repeat(2, 45%);
	}
	.landing__body {
		grid-template-columns: 1fr 1fr;
		margin-bottom: 2rem;
	}
	.landing__txt {
		grid-column: 1 / -1;
		grid-row: 1;
	}
	.landing__txt .inner {
		margin: 4rem auto;
		text-align: center;
		width: 75%;
	}
	.landing__img {
		max-width: 400px;
		width: 80%;
		margin: 0 auto;
	}
	.landing-video .wrapper {
		flex-direction: column-reverse;
		gap: 2rem;
	}
	.landing-video .movie-txt {
		padding: 2rem 0;
	}
	.rec-process .process-txt {
		flex-direction: column;
	}
	.rec-process .main-txt {
		width: 100%;
	}
	.rec-process .diagram {
		width: 90%;
		margin: 0 auto;
	}
	.rec-process .diagram img {
		margin: 0 auto;
	}
	.main-txt p {
		font-size: 14px;
	}
	.rec-process .main-txt h2 {
		font-size: 60px;
	}
	.rec-process .main-txt h3 {
		font-size: 36px;
	}
	.rec-process .sub-text {
		max-width: none;
		margin: 1rem 0;
	}
	.category-header .cat-description {
		font-size: 14px;
	}
	.category-header .cat-title {
		font-size: 28px;
	}
	/* new footer update 07.01.25 */
	.page-footer {
		flex-direction: column;
		gap: 1rem;
	}
	.contact-wrapper {
		flex-direction: column;
		gap: 1rem;
	}
	.contact-wrapper > div {
		width: 95% !important;
	}
}
/* for product page */
@media only screen and (max-width: 1080px) {
	.prod-page .prod-wrapper {
		flex-direction: column;
		width: 90%;
	}
	.prod-page .prod-img {
		flex: 1;
		width: auto;
	}
	.prod-page .prod-info {
		width: auto;
	}
	.category-header > .inner {
		flex-direction: column-reverse;
	}
	.category-header .cat-txt > * {
		max-width: 750px;
		width: 90%;
	}
	.category-header .cat-txt {
		padding: 1.5rem 0;
		border-right: 0;
	}
}
@media only screen and (max-width: 900px) {
	.tech-guide-container { padding: 0; }
	.tech-row {
		flex-wrap: wrap;
		text-align: center;
	}
	.tech-row > * {
		width: 100% !important;
	}
	.tech-guide-logo { border: none; }
	.tech-guide-logo img {
		display: block;
		margin: auto;
	}
	.tech-guide-desc p { font-size: 12px;}
	.count-title {
		line-height: 55px;
	}
	.counter-container {
		top: 12.5vh;
		right: 3.5%;
	}
	.count-text {
		margin: 5px;
		font-size: 13px;
	}
	.counter-digit {
		padding: 4px;
		font-size: 26px;
	}
	.bottle-icon {
		width: 30px;
		height: 40px;
		
	}
	.home-boxes { flex-direction: row; }
	.home-box {
		width: 250px;
		height: 250px;
	}
	.brand-spotlight {
		flex-direction: column-reverse;
		padding: 2rem 10%;
	}
	.brand-text .text-inner {
		width: 95%;
	}
	.brand-text .text-inner p {
		font-size: 18px;
		line-height: 23px;
	}
	.brand-text .text-inner img {
		width: 75%;
	}
	.brand-spotlight > * {
		width: 100% !important;
	}
	.prod-decorations .item, 
	.prod-decorations .header {
		font-size: 12px;
	}
	.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; }
}

@media only screen and (max-width: 768px) {
   .counter-container {
      	top: 18vh;
      	right: 7%;
   }
   .count-title {
      	line-height: 20px;
		margin: 5px;
   }
   .count-text {
      	margin: 3px;
      	font-size: 11px;
   }
   .counter-digit {
   		font-size: 24px;
		padding: 5px;
   }
   .bottle-icon {
   		display: none;
   }
   .counter-closer {
   		font-size: 14px;
   }
	.welcome-section {
		padding: 3rem 4%;
	}
	.pop-cat {
		width: 100%;
		margin: 1rem 0;
	}
	.home-boxes { flex-direction: column; }
	.brand-text .text-inner { width: 100%; }
	.brand-text h2 { line-height: 48px; }
	
	.bottle-container > .wrapper {
		width: 90%;
		margin: 3rem auto;
	}
	.counter-container.box-counter .counter-row {
		flex-direction: column;
		align-items: center;
		margin: 1rem auto;
		gap: 2rem;
	}
	.counter-container.box-counter .bottle-icon {
		display: block !important;
	}
	.counter-container.box-counter .counter-digit {
		font-size: 34px;
	}
	.counter-container.box-counter .count-text {
		font-size: 17px;
	}
	.landing__body {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 2rem;
		margin: 2rem auto;
	}
	.landing__txt {
		grid-row: 2;
	}
	.landing__txt h2 {
		font-size: 30px;
		margin-bottom: 1.5rem;
	}
	.landing__txt p {
		font-size: 14.5px;
		margin-bottom: 2rem;
	}
	.landing__txt a {
		font-size: 14.5px;
		padding: 11px 20px;
	}
	.landing__img {
		width: 75%;
	}
	.landing__txt .inner {
		margin: 1rem auto;
		width: 90%;
	}
	/* new homepage update 31.03.23 */
	.slider__btns {
		bottom: 17px;
	}
	.slider__btns label {
		padding: 5px;
	}
	.video__boxes .inner {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 500px;
		gap: 2rem;
	}
	.video__boxes .box.bottle__counter {
		padding: 2rem 0;
	}
	.counter__main {
		flex-direction: column;
		gap: 1.5rem;
	}
	.counter__main .bottle-icon {
		width: 60px !important;
		height: 89px !important;
	}
	.counter__main .counter-digit {
		font-size: 30px;
	}
	.counter__wrapper .count-text {
		font-size: 16px;
	}
	.recycled-movie video {
		width: 100%;
	}
	.landing-video .movie-txt {
		padding: 0.5rem 0;
	}
	.movie-txt h1 {
		font-size: 30px;
	}
	.movie-txt p {
		font-size: 16px;
	}
	.movie-txt a {
		font-size: 14px;
		padding: 8px 10px;
	}
	.movie-txt .inner {
		width: 100%;
	}
	.rec-process .main-txt {
		text-align: center;
	}
	.rec-process .img-txt {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.rec-process .main-txt p {
		font-size: 12px;
	}
	.rec-process .main-txt h2 {
		font-size: 50px;
	}
	.rec-process .main-txt h2.lang { font-size: 40px; }
	.rec-process .main-txt h3 {
		font-size: 30px;
	}
	.rec-process .main-txt h3.lang { font-size: 26px; }
	.rec-process .sub-text {
		text-align: center;
	}
	.rec-process .sub-text ul {
		text-align: left;
	}
	.rec-process .sub-text h3 {
		font-size: 48px;
	}
	.rec-process .lang .sub-text h3 { font-size: 30px; }
	.rec-process .sub-text h4 {
		font-size: 28px;
	}
	.rec-img { 
		display: none;
	}
	.rec-img.mobile {
		display: block;
	}
	.rec-img-right {
		position: static;
		margin-left: 10px;
		max-width: 145px;
	}
	.cert-recycled {
		max-width: 145px;
	}
	.footer-col-last { padding: 10px 0; }
	.prod-decorations .decorations {
		width: 100%;
		overflow: auto;
	}
	.prod-decorations .item, 
	.prod-decorations .header {
		font-size: 12px;
	}
	.prod-decorations .dec-access,
	.prod-decorations .dec-process {
		min-width: 175px;
	}
	.prod-decorations .product {
		min-width: 50px;
	}
	.prod-decorations .decorations {
		width: 100%;
		overflow: auto;
	}
	.prod-decorations .dec-access,
	.prod-decorations .dec-process {
		min-width: 175px;
	}
	.prod-decorations .product {
		min-width: 50px;
	}
	.suggested-products .title { font-size: 22px; }
}

@media only screen and (max-width: 500px) {
	.counter-container.box-counter .counter-digit {
		font-size: 23px;
	}
	.counter-container.box-counter .count-text {
		font-size: 14px;
	}
}

/**
#. End of bottle count


**/

/* ***********************************************************************************
*********************************************************************************** */
/* 
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: 15px;
	font-family: 'Poppins', sans-serif;
}

/*other browsers*/

.mobile {
	display:none;
}

#logo {
	float:none;
	margin:2px auto;
	width: 50%;
	padding-top: 1px;
}

#logo img {
	width:60%;
}

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

#breadcrumbs{
	  padding-top:14.8%;
  }

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

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

/*** 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%;
}

#recycled_vertical{
	  display:none;
  }
 
#vidtext {
	 display:none;
 }
 
#vidvid {
	width:100%;
}
.howtocol {
	float: left;
    width: 100%;
    margin: 1%;
    position: relative;
}

.newsblock {
    width: 100%;
}
	

/* techguide*/
/* new tech guide page - NB 18.07.22 */
.tech-guide-container {
	width: 100%;
	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-guide-logo,
.tech-guide-title {
	width: 12.5%;
}
.tech-guide-desc {
	width: 75%;
}
.tech-guide-logo {
	border-right: 1px solid #fff;
}
.tech-guide-logo img {
	width: 140px;
}
.tech-guide-title {
	text-align: center;
}
.tech-guide-title h4 {
	font-size: 15px;
	margin: 0.5rem;
}
.tech-guide-desc p {
	color: #fff;
	font-size: 13px;
}
/* end of tech guide */

/* fabric glossary */

.fabGloss1{
	width:15%;
	padding-right:15px;
}

.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;
}
.tech-logos-container {
	width: 100%;
	clear: both;
}
.tech-logos-container h3 {
	margin: 1% auto 0 !important;
	color: #fff;
	font-size: 18px;
}
.tech-logos-container h3 > a {
	color: #a9cf35;
	text-decoration: underline;
}
.tech-logos-wrapper {
	width: 100%;
	padding: 1% 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.tech-logo {
	margin: 1%;
	flex: 0 0 12%;
}
.tech-logo a p {
	color: #fff;
	position: relative;
	margin-top: 5px;
	font-size: 15px !important;
}
.tech-logo .recycled-mats {
	display: flex;
	flex-direction: column;
}
.tech-logo .recycled-mats span {
	font-size: 13px;
}
.tech-logo a:hover > p::after {
	position: absolute;
	border-bottom: 2px solid #a9cf35;
	width: 100%;
}
#sizetext p{
	color: #fff !important;
}

@media (min-width: 48em) {
	#logo {
		float: left;
		margin: 5px 10px;
		max-width: 290px;
		width: 90%;
	}

#logo {
	padding-top:0;
}

#logo img {
	width:100%; /* The recycled logo isnt the same shape as the result and workguard logos, so having it sit at 100% is making it push the header down and then half cover the breadcrumbs*/
}
	
  #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;
  }
}

#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 {*/
	figure.snip0014 { /* changed to be all, not just large */
		display:none;
	}
	
	
  #breadcrumbs{
	padding-top:3.8%;
}
  
}

/* DESKTOP */

@media only screen and (min-width: 768px) { /* 48ems = 768px */
	#breadcrumbs {
		display: block;
	}
	#content {
		margin-top: 0;
	}
	.mobile {
		display:block;
	}
  
	#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:auto;
		margin-right: 2%;
	}
	
	.howtocol {
	width:48%;
	float:left;
}
	
	
	


  
  ._cat_style2 {
	  width:50%; /* desk top looks at this width */
  }
  
  #recycled_vertical{
	  display:block;
  }
  
  .grid2cold .column {
    width: 33%;
    padding-top: 0;
}

.newsblock { /* latestnews.php */
    width:24%;
    float:left;
    margin:0.5%;
}
  
#breadcrumbs{
	padding-top: 90px;
}	
}

@media only screen 
  and (min-device-width: 360px) 
  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;*/
			background: none;
			max-width: 400px;
		}
		
		header {
			/* background:#000; */
			background: #01405f;
		}
		
		header.sticky {
			/* background:#000; */
			background: #01405f;
		}
		
		#nav ul {
			width:100%;
		}
		
		#breadcrumbs li {
			display:none;
		}
  
		a.rightbutton {
			display:none;
		}
  
		.leftDiv {
			width:50%;
			top:7em;
		}
		
		.aboutCol {
			width:100%;
		}
				
		figure.snip0014 {
			margin-top:20px;
			width:12em;
			height:12em;
		}
		
		/*figure.snip0014.large {*/
		figure.snip0014 { /* changed to include all, not just large */
			display:none;
			
		}
			
		
/* CATEGORY */

		.margin10{
			margin-top: 6em !important;
		}

		.grid3col .column { 
		width: 100%; 
		padding:0; }
		
	
/* 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_style2 {
			  width:50%;
		  }
		
		
		#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 {
			width:50%; 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;
		}

		#map_canvas {
			width:100%;
			margin-left:0;
		}


		/*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;
		}
}