@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:wght@100;200;300;400;500;600;700;900&display=swap');

:root {
  --lightBlue: #6483b4;
  --mainBlue: #5072A7;
  --paleBlue: #DDE4EE;
  --darkBlue: #002244;
  --congressBlue: #004d99;
  --grey: #5B5B5B;
  --iconColour: #002244;

  --headerHeight: 115px;
}
/* RESET */

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html {
	/*font-size: 11px !important;*/
	font-size: 62.5%;
}

body {
	min-height: 100vh;
	font-family: 'Poppins', sans-serif, Arial, Helvetica;
	font-size: 1.4rem;
	line-height: 2.4rem;
	background-color: #f2f2f2;
}

.page-wrapper {
	background-color: #fff;
	margin-top: var(--headerHeight);
}

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

button {
	background: none;
	border: none;
}

/* customer scrollbar - getting rid of this in new headwear design NB 07.06.23
::-webkit-scrollbar { width: 10px !important; height: 10px;}
::-webkit-scrollbar-button {  background-color: #4f6d87; }
::-webkit-scrollbar-track {  background-color: rgb(226, 6, 6)}
::-webkit-scrollbar-track-piece { background-color: #fff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #3d5971; border-radius: 0px;}
::-webkit-scrollbar-corner { background-color: rgb(226, 6, 6);}
/*::-webkit-resizer { background-color: rgb(226, 6, 6);} */

#no_javascript { 
	border-width: 1px; 
	border-color: #E9E5AC; 
	border-style: solid; 
	padding: 10px 40px; 
	background-color: #F9F4B8;
}

#no_javascript p {
	margin: 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 !important;
	font-weight:400 !important;
}

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

.size-notice {
	position: absolute;
    top: 8px;
    right: 8px;
    color: #333;
    font-size: 13px;
    font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid #333;
    text-align: center;
    background: #fff;
}

/* BG IMAGE */

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

#bgimage { 
	position:fixed; 
	z-index:-1; 
	top:0; 
	left:0; 
	float: left; 
	
}

#bgimage img { 
	height:100%; 
	width:100%; 
	position:absolute; 
	z-index: -1; 
} 



/* BRouchure Request BG IMAGE */

.BrochureBgImage {
	position:absolute;
	z-index:-1;
	height:100%;
	width:100%;
    background-repeat:repeat-x;
}

/* NEW HOMEPAGE/LANDING PAGE DESIGN (NB - 07.06.23) */
/* carousel */
.landing-section {
    padding: 8rem 0;
}

/* design two */
.landing-content .top-section {
	background-color: var(--paleBlue);
}
.top-section .landing-section {
	padding: 6rem 0;
}
.top-section .landing-section.featured {
	padding: 7rem 0;
}
.top-section .hero-wrapper {
	padding: 2rem 0;
	display: flex;
	gap: 2rem;
	width: 95%;
	margin: 0 auto;
}
.top-section .hero {
	flex: 2;
}
.top-section .hero .carousel {
	max-width: none;
	width: 100%;
	margin: 0;
}
/* end design two */
.hero .carousel {
    max-width: 1300px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.carousel .slider {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    transform: translateX(0%);
}
.carousel-img {
    width: 100%;
}
.carousel-img img {
    width: 100%;
    display: block;
}
.carousel .slider-btn {
    display: none;
}
.carousel-arrows {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.carousel-arrows .btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
}
.arrow-btn {
    background-color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.arrow-btn i {
    font-size: 2.2rem;
    color: var(--iconColour);
}
.cat-section {
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(2, 2fr);
	flex: 1;
}
.cat-box {
	position: relative;
}
.cat-box.round {
	border-radius: 40px;
	overflow: hidden;
}
.cat-box.large {
	grid-column: 1 / 3;
}
.cat-box img {
	width: 100%;
	display: block;
}
.cat-box .cat-txt {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--mainBlue);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.25rem 2rem;
	border-top-right-radius: 24px;
}
.cat-box .cat-txt.right {
	left: auto;
	right: 0;
	border-top-left-radius: 24px;
	border-top-right-radius: 0;
}
.cat-box.large .cat-txt {
	padding: 2rem 3rem;
}
.cat-box .cat-txt span {
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}
.cat-box.large .cat-txt span {
	font-size: 34px;
}
/* end carousel */

/* category spotlight */
.category-spotlight {
    background-color: #fff;
}
.category-spotlight > .wrapper {
    max-width: 1300px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    gap: 3rem;
}
.category-spotlight .cat-img {
    flex: 5;
}
.cat-img img {
    width: 100%;
    display: block;
}
.category-spotlight .cat-txt {
    flex: 6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4rem;
    align-items: center;
    text-align: center;
}
.landing-title {
    color: var(--darkBlue);
    font-size: 4.2rem;
}
.cat-txt .cat-desc {
    font-size: 1.7rem;
	line-height: 1.7em;
    max-width: 475px;
    width: 90%;
    margin: 0 auto;
	color: var(--darkBlue);
}
.browse-btn {
    background-color: var(--mainBlue);
    background-color: #5072A7;
    color: #fff;
    font-size: 1.6rem;
    padding: 10px 26px;
    margin: 0 auto;
    border-radius: 8px;
    transition: 0.3s all;
}
.browse-btn:hover {
    background-color: var(--lightBlue);
}
.recycled-cat .cat-txt {
    text-align: left;
    align-items: flex-start;
}
.recycled-cat .cat-txt .cat-desc {
    max-width: 600px;
    margin: 0;
}
.recycled-cat .cat-txt .browse-btn {
    margin: 0;
}
.recycled-cat video {
	max-width: 550px;
	width: 100%;
	border-radius: 8px;
}
/* end cat spotlight */

/* featured products */
.landing-section.featured {
    background-color: var(--paleBlue);
    background-color: #DDE4EE;
    padding: 9rem 0;
}
.featured .landing-title {
    text-align: center;
    margin-bottom: 6rem;
}
.featured-products {
    max-width: 1300px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.featured-products .carousel-arrows .btn-wrapper {
    width: 100%;
}
.featured-products .left-btn {
    margin-right: auto;
    display: none;
}
.featured-products .right-btn {
    margin-left: auto;
}
.products-slider {
    display: flex;
    transform: translateX(0);
    transition: 1s all;
}
.products-slider .product {
    width: 33.33333%;
}
.products-slider .product-img {
    border-radius: 50px;
    overflow: hidden;
    margin-bottom: 1rem;
	background-color: #fff;
}
.product .product-img img {
    width: 100%;
    display: block;
}
.products-slider .product-info {
	padding: 5px;
}
.products-slider .product a {
    max-width: 350px;
    display: block;
    width: 90%;
    margin: 0 auto;
}
.products-slider .prod-code {
    font-weight: 600;
    font-size: 1.8rem;
    color: var(--darkBlue);
    color: #002244;
    margin-bottom: 1.5rem;
}
.products-slider .prod-desc {
    color: var(--darkBlue);
    color: #002244;
    font-size: 1.4rem;
}
.products-slider .new-badge { 
	background: #057dc4;
	color: #fff;
	padding: 0.5rem;
	border-radius: 20px;
	position: absolute;
	top: 15px;
	right: 20px;
}
.new-badge span {
	font-size: 14px;
	font-weight: 600;
}
.new-badge.lang span  { font-size: 12px; }
/* end featured products */

/* END NEW HOMEPAGE STYLES */

/* LAYOUT */
/*NB - rugby homepage promotion image 07/09/22 TEMP */
.homebox {
	margin-left: 1.5rem;
	margin-top: 1.5rem;
}
.homebox img {
	width: 100%;
	height: 100%;
}
.homebox button {
	border: none;
	background: none;
}
.rugby-modal {
	border: 1px solid #000;
}
.rugby-modal::backdrop {
	background: rgba(0,0,0,0.6);
}

.close-popup {
	position: fixed;
	left: 950px;
	right: 0;
	margin: auto;
	top: 38px;
	display: inline-block;
	font-size: 25px;
	font-weight: bold;
	outline: none;
	float: right;
	background: none;
	color: #fff;
	border: none;
	width: 25px;
	padding: 0;
}
/* end of rugby popup */

/* new homepage hover video */
/* background image */
#bgImage {
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.img__box {
	position: relative;
}
.img__box img {
	display: block;
	width: 100%;
	height: 100%;
}
.img__box video {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
}

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

.right { 
	float: right; 
}

#container {
	border: #464444 solid 1px; 
	border-bottom:none; 
}

.divider { 
	background: white url(https://img.resultclothing.net/misc/divider.jpg) top left repeat-x; 
}

@font-face{
    font-family: 'Antartida_Light';
    src:url("../fonts/AntartidaRounded-Light.otf");
}

@font-face {
    font-family: 'Antartida_Bold';
    src: url('../fonts/antartidarounded-bold.eot');
    src: url('../fonts/antartidarounded-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/antartidarounded-bold.woff2') format('woff2'),
         url('../fonts/antartidarounded-bold.woff') format('woff'),
         url('../fonts/antartidarounded-bold.ttf') format('truetype'),
         url('../fonts/antartidarounded-bold.svg#Antartida_Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* GRID */
.column { 
	float: left; 
}

.grid2col, .grid2cola, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col {
    padding: 5px;
}

.grid2colb {
    padding-bottom: 10px; padding-left: 10px; padding-right: 10px;
    margin-top: -1%;
}

.gridcola {
	padding-right: 40px;
}

.grid2colh { 
	/*height:110px;*/ 
}
/*NB 23.11.21 printable spc sheet button */
.print_link {
	float:right; 
	width:4.5em; 
	margin-right:3em;
}
.print_link:hover { 
	-webkit-filter: invert(1);
  	filter: invert(1);
}
/*End of printable spec sheet button */

.grid2col .column { 
	width: 480px; 
}

.grid2cola .column { 
	width: 560px; 
	padding-left: 10px; 
	padding-right: 30px;
}

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

.grid2colb .column { 
	width: 320px;
}

.grid2colb .column.last { 
	width: 640px;
}

.grid2cold { 
	/*width: 920px; */
	margin: 10px;
}

.grid2cold .column { 
	width: 33%; 
}

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

.grid2cold .grid2col { 
	width: 100%; 
	/*border-bottom: #CCCCCC dotted 1px;*/
}

.grid2cold .grid2col .column { 
	width: 30%; 
}

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

.grid3col .column { 
	width: 320px; 
}

.grid3cola .column {
	width: 320px;  
	margin-top: 0px; 
}

.grid3cola .column.first {
	width: 320px;  
}

.grid3cola .column.last {
	width: 320px; 
}

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

.show-banner-top {
    overflow: hidden;
    float: left;
    width: 300px;
    height: 150px;
    margin-top: 3px;
    margin-left: 10px;
    margin-bottom: 3px;
}

/*dont think below is still in use, i cant find image in the img folder (which will shortly be emptied*/
.show-banner {
    background: url(/_img/show-banner.jpg) no-repeat;
    overflow: hidden;
    float: left;
    width: 300px;
    height: 150px;
    margin-top: 16px;
    margin-left: 10px;
}

p.ShowBannerRight {
    float: left;
    margin-top: 30px;
    margin-left: 83px;
}

p.ShowBannerLeft {

    float: left; 
    margin: 10px 10px 10px 10px;
}


/* below right margin was 4px when all 3 banners shown */
p.ShowBannerMiddle {
	float: left;
    margin: 30px 5px 10px 100px;
}

/* flags used for brochure downloads*/
p.flagsU {
    position: absolute;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

p.flagsG {
    position: absolute;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.grid4col .column { 
	width: 240px; 
}

.grid5col .column { 
	width: 192px;
}

.grid6col .column { 
	width: 160px; 
}

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

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

.margin10 { 
	margin:10px; 
	position: relative;
}

.corners {
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}

.bottom-divider { 
}

/* TYPE */

a { 
	color: #08c;
 }

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

a:hover { 
	text-decoration: underline; 
}

strong, b { 
	font-weight: bold; 
}

em, i { 
	font-style: italic;
}

h1 { 
	font-weight: bold; 
	font-size: 24px; 
	line-height: 36px; 
	margin-bottom: 18px; 
}

h2 { 
	font-weight: bold; 
	font-size: 60px; 
	line-height: 60px; 
	margin-bottom: 0px; 
	color: #000000; 
}

h3 { 
	font-weight: bold; 
	font-size: 35px; 
	line-height: 30px; 
	margin-bottom: 8px; 
	text-shadow:0 1px 1px white;  
	color: #4F6D87; 
	font-family: Antartida_Bold;
}

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

.new {
	/*display: block;
    width: 90px;
    margin-right: 5px;
    height: 16px;*/
    background: #0a76c1;
    color: #fff !important;
    /*font-size: 10px;
    text-align: center;
    overflow: hidden;
    float: left;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    line-height: 17px;*/
	text-transform: uppercase;
}
.new_triangle {
	position:absolute;
	top:0;
	right:0;
	z-index: 1;
	width: 75px !important;
}

/*dont think below is still in use, i cant find image in the img folder (which will shortly be emptied*/
.newrange { 
	display: block; 
	width: 55px; 
	margin-right: 5px; 
	height:16px; 
	background: url(/_img/newrange.png) 0px 2px no-repeat; 
	text-indent: -999em; 
	overflow: hidden; 
	float: left;
}

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

.header_label{
    margin-left: 5%;
    list-style: none;
}

/* HEADER */
header {
  height: 110px;
  height: var(--headerHeight);
  background-color: #5072A7;
  background-color: var(--mainBlue);
  display: flex !important;
  justify-content: center;
  flex-direction: column;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}
header > .wrapper {
  width: 87%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 2rem;
	justify-content: space-between;
}
header .logo-img {
  max-width: 340px;
}
header .logo-img img {
  width: 100%;
}


.logo { /*code is replicating the col-3 - responsive.css overrides this! */
	width: 90%;
	max-width: 350px;
	margin-bottom: 0.5rem;	
	float:left;
	padding:0;
}
.logo img {
	width: 100%;
}


/* FOOTER */
/* NB - new footer styles 13.06.23 */
footer {
	background-color: #f2f2f2;
}
.footer-wrapper {
	padding: 2rem 0;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}
.footer-links {
	display: flex;
	gap: 4rem;
	width: 70%;
	max-width: 1100px;
}
.footer-links .links-section {
	flex: 2;
}
.links-wrapper li a {
	color: #000;
	font-size: 13px;
}
.links-wrapper li a:hover {
	border-bottom: 2px solid #08c;
}
.footer-title {
	font-size: 15px;
	color: var(--darkBlue);
	margin-bottom: 0.5rem;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(80, 114, 167,0.5);
	text-transform: uppercase;
}
.footer-wrapper .brand-desc {
	max-width: 500px;
	width: 90%;
}
.footer-img {
	max-width: 300px;
	width: 90%;
	margin-bottom: 1.5rem;
}
.footer-img img {
	width: 100%;
	display: block;
}
.brand-desc .desc-txt { margin-bottom: 2.5rem; }
.brand-desc .desc-txt p {
	font-size: 11px;
	line-height: 1.5em;
	margin: 0;
}
.footer-wrapper .social-links {
	display: flex;
    gap: 2rem;
	flex-wrap: wrap;
}
.social-links .social i {
	font-size: 2.8rem;
	color: var(--darkBlue);
}
.footer-bottom {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: center;
}
.footer-bottom .psi-img {
	max-width: 140px;
}
.footer-bottom .psi-img img {
	width: 100%;
}
.logo-30 {
	max-width: 140px;
}
.logo-30 img {
	width: 100%;
}

#footer { 
	background-color: #fff;
}

#footer h3 {
	font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
}

#footer p {
	font-size:10px;
	line-height:13px;
}

#footer ul li {
	font-weight: 400;
    color: #000;
    font-size: 11px;
	line-height:15px;
	
}

#footer ul li a {
	color: #000;
	text-transform:uppercase;
}

/* BUTTONS */
.small_button { 
 } 

.small_button .button { 
	display: block; 
	color:#ffffff; 
	border:none; 
	line-height: 20px; 
	background:https://img.resultclothing.net/misc/small_button_right.png) top right no-repeat; 
	font-weight: bold; 
	padding-right: 3px; 
}	

.small_button .button:hover { 
	color:#08c;  
	text-decoration: none;
}
 
#searchForm .small_button { 
	background-image: url(https://img.resultclothing.net/logos/search.png);
    position: absolute;
	top:8%;
    right: 2%;
    width: 20px;
    height: 20px;
}

#carousel .small_button { 
	padding-left: 3px; 
	font-size:10px; 
	background-image: url(https://img.resultclothing.net/logos/search.png);
	margin: 0; 
	float:right;
}

.small_button { 
	padding-left: 1%; 
	float:right; 
	width:10%;
}

.contactSub {
	padding: 5px 10px;
    background: #ed1e24;
    color: #fff;
}

/* contact us error messages */
#contactus .error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 1em;
   color: #fff;
   background-color : #EF3133;
}

.search-products {
	position: relative;
	width: 95%;
	margin: 0 auto;
	padding: 2rem 0;
	padding-bottom: 4rem;
}

/* FORMS */

#searchForm { 
	width:100%;
	position:relative;
}

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

input.field,textarea.textarea { 
	resize:none; 
	font:10px "Lucida Grande",Lucida,Verdana,sans-serif; 
	padding: 4px 5px 2px 4px; 
	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 { 
	width:100%; 
	float:left; 
	font-size:14px;
	text-transform:uppercase;
}

/* BREADCRUMBS */

#breadcrumbs { 
	border-bottom: #CCC solid 1px;  
	padding: 0 5%; 
	margin: 0px;  
	list-style: none; 
	/*height: 39px; */
	background:#f1f1f1;
}

#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;
	
   /*border-bottom: 1px solid #ccc;*/
}

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

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

#breadcrumbs #home { 
	position: relative; 
	top: 10px; 
	left: 0; 
	width: 21px; 
	height: 16px; 
	background-image: url("https://img.resultclothing.net/misc/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; 
}

@media screen and (max-width: 600px) {
	.column.smallScreen {
		width: 100%;
	}
}

/* HOMEPAGE */

/* PRODUCT PAGE */
.product-page > .inner {
	width: 95%;
	margin: 0 auto;
	max-width: 2200px;
}
.tabs-wrapper {
	background-color: #f2f2f2;
	display: flex;
	flex-direction: column;
	clear: both;
	margin-bottom: 1.5rem;
}
.product-info .product-code,
.product-info .product-name {
	font-weight: bold;
	font-size: 60px;
	line-height: normal;
	color: var(--congressBlue);
	font-family: Antartida_Bold;
	margin-bottom: 0.5rem;
	margin-right: 60px;
}
.product-info .product-name {
	font-size: 35px;
	color: var(--mainBlue);
	margin-bottom: 1.5rem;
}
.product-info .product-desc {
	color: var(--darkBlue);
	font-size: 16px;
	margin-bottom: 1rem;
	font-weight: 600;
}
.product-info .key-features {
	margin-bottom: 1rem;
	padding: 0;
}
.key-features .section {
	padding: 0;
}
.key-features .section li {
	padding-left: 0;
	font-weight: 600; 
	font-size: 18px;
	color: var(--darkBlue);
}
/* 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;
}
/* 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;
}
.tabs-wrapper .tab-docs .doc-subTitle {
	color: var(--darkBlue);
}
.prod-document {
	background-color: #d9d9d9;
	border-radius: 6px;
	border: 1px solid transparent;
	transition: 0.3s ease;
	width: 120px;
	min-height: 119px;
	display: flex;
	justify-content: center;
	cursor: pointer;
}
.prod-document:hover {
	border: 1px solid #08c;
	transition: 0.3s ease;
}
.prod-document .wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	padding: 1.5rem 0.5rem;
	text-align: center;
}
.prod-document a {
	width: 100%;
}
.prod-document a:hover {
	text-decoration: none;
}
.prod-document i {
	font-size: 3.6rem;
	color: #2a2222;
}
.prod-document .fa-file-pdf {
	margin-left: 4px;
}
.prod-document .doc-title p {
	font-size: 13.5px;
}

.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;
}
.product-sizes table td {
	padding-right: 5px;
}
.product-sizes table tr {
	height: 40px;
}
.product-sizes table {
	margin: 5px;
}

/* colurs tab */
.colours-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, 160px);
	gap: 1.5rem;
	padding: 5px 0;
	margin: 0 auto;
	/* justify-content: space-evenly; */
}
.colours-wrapper .colour {
	position: relative;
}
.colours-wrapper .colour-name {
	display: block;
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
.colours-wrapper .pantone {
	font-size: 1.2rem;
	text-align: center;
	display: block;
}

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

#logos {
	margin-top: 1px; 
	height: auto; 
	overflow: hidden !important;
	/*margin: 7px -25% 0 25%;*/
}

#logos li {
    padding: 0% !important;
}

#categories {
	/*background: #f1f1f1;*/
}

#categories_main img {
	width:100%;
	height:auto;
}

#categories p { 
	border-bottom: #CCCCCC dotted 1px; 
}

#categories p span { 
	font-weight: bold; 
	color: #262626; 
}

#categories_main_text { 
	/*width: 455px; 
	top:0; 
	left: 0;*/ 
}

#categories_main_text img { 
	position: absolute; 
	margin: 0; 
	padding: 0; 
	display: block; 
	top:0%; 
}

#categories_main_text p { 
	color: white; 
	background: #A8A8A8; 
	padding: 10px 10px 10px 5%;  
	margin: 0; 	
}

#categories_main_text.airdown_text { 
	top: 45px; 
}

/* new categories page styles NB 09.08.23 */
.cat-page .wrapper {
	width: 90%;
	margin: 0 auto;
	display: grid;
	gap: 4rem;
	grid-template-columns: repeat(auto-fit, 375px);
	padding: 3rem 0;
	justify-content: center;
}
.cat-page .cat-img {
	width: 100%;
	max-width: 375px;
	margin: 0 auto;
}
.cat-page .cat-img img {
	width: 100%;
	display: block;
}

.rec-bottle {
	max-width: 55px;
	position: absolute;
	top:0;
	right:0;
}

/* Below code is for changing Specific Product header colour dynamically, phpcode is withing the product.php; */

/**Classic Header Styling*/
.product_header_classic{
    width: 100%;
   /* background-color: #9fa38a;   */ 
    height: auto !important;
    padding-bottom: 0.5%;

}
.product_header_classic a{
    font-size: 20px !important;
}


/**Fashion Header styling*/
.product_header_fashion{
    width: 100%;
   /* background-color: #D94F04 !important;*/
    height: auto !important;
    padding-bottom: 0.5%;

}
.product_header_fashion a{
    font-size: 20px !important;
}


/*Junior & Youth header styling*/
.product_header_youth-j{
    width: 100%;
    /*background-color: #182943;*/
    height: auto !important;
    padding-bottom: 0.5%;

}
.product_header_youth-j a{
    font-size: 20px !important;
}


/*Winter Essentials header styling*/
.product_header_classic_winter{
    width: 100%;
    /*background-color: #679094;*/
    height: auto !important;
    padding-bottom: 0.5%;

}
.product_header_classic_winter a{
    font-size: 20px !important;
}


/* Sport header styling*/

.product_header_classic_sport{
    width: 100%;
    /*background-color: #03b4f7;*/
    height: auto !important;
    padding-bottom: 0.5%;

}
.product_header_classic_sport a{
    font-size: 20px !important;
}


/*Core header styling*/
.product_header_classic_core{
    width: 100%;
    /*background-color: #426e89;*/
    height: auto !important;
    padding-bottom: 0.5%;

}
.product_header_classic_core a{
    font-size: 20px !important;
}


/* Below code is for changing Menu header  colour dynamically, phpcode is withing the inc_header.php; */

/**Classic Header Styling*/
.cat_classic{
    width: 100%;
    background-color: #9fa38a;    
}
.cat_classic:hover{
    background-color: #bfc98d !important;  
}

.cat_classic a{
    color: #fff !important;
    text-shadow: none !important;
}

/**Fashion Header styling*/
.cat_urban{
    width: 100%;
    background-color: #D94F04 !important;
}
.cat_urban a{
   color: #fff !important;
    text-shadow: none !important;
}
.cat_urban:hover{
    background-color: #ff630e !important;  
}

/*Junior & Youth header styling*/
.cat_juniorYouth{
    width: 100%;
    background-color: #182943;
}

.cat_juniorYouth a{
    color: #fff !important;
    text-shadow: none !important;
}

.cat_juniorYouth:hover{
    background-color: #43669b !important;  
}

/*Winter Essentials header styling*/
.cat_winter{
    width: 100%;
    background-color: #679094;
}

.cat_winter a{
    color: #fff !important;
    text-shadow: none !important;
}

.cat_winter:hover{
    background-color: #95d2d8 !important;  
}

/* Sport header styling*/
.cat_sport{
    width: 100%;
    background-color: #009dd9;
}

.cat_sport a{
    color: #fff !important;
    text-shadow: none !important;
}

.cat_sport:hover{
    background-color: #38c8ff !important;  
}

/*Core header styling*/
.cat_core{
    width: 100%;
    background-color: #426e89;
}

.cat_core a{
    color: #fff !important;
    text-shadow: none !important;
}

.cat_core:hover{
    background-color: #74b0d4 !important;  
}

/*Spiro name styling*/
.cat_spiro{
    width: 100%;
    background-color: rgba(240, 60, 60, 1);
}

.cat_spiro a{
    color: #fff !important;
    text-shadow: none !important;
}

.cat_spiro:hover{
    background-color: rgba(251, 0, 0, 1) !important;
}

.tabbed{
	float : left;
	width : 100%;
	
	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.45em;
	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;
}


/* GALLERY */
#gallery {
	
}

#gallery_imgcontainer { 
	display: block; 
	overflow: hidden;  
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
}
/*is this still used?? cant find in img folder*/
#gallery_img { 
	text-align: center;
	cursor:url('/_img/cursor_zoom.png'), -moz-zoom-in;
}
.rounded-img {
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.rounded-img img {
	display: block;
}
.rounded-thumb img {
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #ccc;
}

#gallery_img.loading, #gallery_imgzoom.loading { 
	background: url('https://img.resultclothing.net/misc/spinner.gif') 50% 50% no-repeat;
}
/*cant find in img folder, is this still used?? */
#gallery_imgzoom { 
	background: white; 
	display: none; 
	height: 420px; 
	width: 620px; 
	text-align: center; 
	overflow: hidden; 
	cursor:url('/_img/pan_cursor.png'), -moz-zoom-in;
}



#gallery_menu_container { 
}

#gallery_menu .wrapper { }

#gallery_menu .wrapper ul {  }

#gallery_menu ul li { }

#gallery_menu ul li.small { 
	display:block; 
	float:left; 
	padding: 10px; 
	height: 81px; 
	width: 60px; 
}

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

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

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

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

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

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

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

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

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



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


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

.tab.tabs-container {
	background-color: #d9d9d9;
}

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

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

/* Create an active/current tablink class */
.tab button.active {
    /*background-color: #ccc;*/
    background-color: #4f6d87;
	color: #fff;
}
.tab.tabs-container button.active {
	background-color: var(--mainBlue);
}

/* Style the tab content */
.tabcontent {
    display: none;
    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 */
}

.tabs-wrapper .section_header {
	color: var(--congressBlue) !important;
	background: none; 
	padding-left: 0px; 
	line-height: 30px; 
	font-weight: bold;
	border-bottom: #CCCCCC solid 1px; 
	margin-bottom: 5px;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* reset */

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


ul.section li { 
}

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

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

ul.section li span { 
	/*font-weight: bold;*/
	margin-left:15px; 
}

ul.section li.colour { 
	display: inline; 
	background: none; 
	float: left; 
	height:110px; 
	width: 60px; 
	margin: 10px; 
	line-height: 13px; 
	padding: 0; 
	text-align: center; 
	padding-bottom: 10px;
}


ul.section li.colour span { 
	font-weight: normal;
}
/* critical sizing pdfs on product page */
a #sizingpdfs {
	background: #D31E23;
    /*width: 50%;*/
    padding: 1%;
    text-align: center;
    margin: 1% 0;
	color:#fff;
	font-weight:600;
	text-decoration:none;
}

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

ul.sizes { 
	background: none; 
	border: none; 
	margin-bottom: 0px;
}

ul.sizes li { 
	line-height: 5px; 
}

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

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

p.note { 
	background: #f5f5f5; 
	padding: 10px; 
	margin-bottom: 15px;
}

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

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

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



/* About */

#about_main {

}

#about_main p {
    font: normal 13px/1.5em Arial, Verdana, sans-serif;
    color: #000000;
}

#about_main .about_logos {

}

/* Distributors */	

#map_container{

}

#news_detail_left #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: 350px;
    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: 450px;
    overflow: hidden;
}

#directions{
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    width: 280px;
}

#dist_search {

}

.search_box{
    float: left;
    padding-right: 10px;
}

#instructions p {
    padding: 10px 10px 0 10px;
}

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

select {
    width:200px;
	background:#eee;
}
#dist_list {
    min-height: 595px;
    padding: 10px;
    margin-top:15px;
    margin-left:-10px;
}

#dist_list ul {

}

#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 {
    float: left;
   /*width: 300px;*/
}

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

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

#dist_list li .more_info {
    float: right;
    /*width: 80px;*/
    background-image:url(https://img.resultclothing.net/misc/bullet.png); 
    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;
}

/* being used by resources.php */
#tab4 {
    width: 620px;
    margin-left:10px;	
}

/* Stock Availability */	

#login {
    
    margin-top:1.8em;
    position: relative;
}

#loginform {
    width: 400px;
    background:#eee;
}

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

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

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

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

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

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


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

/* 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: #5072A7;
	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;
}

/* Media Centre */

#TopMargin {
    height: 80px;
}

#medialogin {
    padding: 20px 10px;
}

#MediaLoginBg {
    background-attachment: scroll;
    background-clip: border-box;
    
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 20px;
    padding-left:17px;
}

table.mediatable {
    margin: 10px 10px 30px 10px;
    width: 610px;
	border-collapse: collapse;
}

#tab4 td {
	margin: 10px 0;
}
#tab4 td img {
    margin: 0;
}

table.mediatable tr {
    border: none;
}

table.mediatable td img {
    margin-right: 20px;
}


table.mediaimages {
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 10px 10px 30px 10px;
	border-collapse: collapse;
	max-width: 700px;
	width: 90%;
}

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

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

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

#downloadNav ul li#englishFlag a {
    background-image: url("https://img.resultclothing.net/icons/EN_flag.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
}

#downloadNav ul li#englishFlagOff a {
    background-image: url("https://img.resultclothing.net/icons/EN_flag.jpg");
    background-repeat: no-repeat;
    background-position: 0 -19px;
}

#downloadNav ul li#frenchFlag a {
    background-image: url("https://img.resultclothing.net/icons/FR_flag.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
}

#downloadNav ul li#frenchFlagOff a {
    background-image: url("https://img.resultclothing.net/icons/FR_flag.jpg");
    background-repeat: no-repeat;
    background-position: 0 -19px;
}

#downloadNav ul li#germanFlag a {
    background-image: url("https://img.resultclothing.net/icons/DE_flag.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
}

#downloadNav ul li#germanFlagOff a {
    background-image: url("https://img.resultclothing.net/icons/DE_flag.jpg");
    background-repeat: no-repeat;
    background-position: 0 -19px;
}

#downloadNav ul li#finnishFlag a {
    background-image: url("https://img.resultclothing.net/icons/FN_flag.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
}	

#downloadNav ul li#finnishFlagOff a {
    background-image: url("https://img.resultclothing.net/icons/FN_flag.jpg");
    background-repeat: no-repeat;
    background-position: 0 -19px;
}

/* News List */

#news_list {
    margin-top: 20px;
    position: relative;
	clear: both;
}

/* News Quick Nav */

ul#news_quickNav {
    list-style: none;
}

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

/* News Detail */

#news_detail_left {
	/*border-top-color: #cccccc;
    border-top-style: solid;
    border-top-width: 1px;*/
}

#news_detail_right {
 
}

/*
not being used 
*/
#news_details {
    /*background-image:url("/_img/tabs-bg.jpg");*/
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 595px;
    padding: 10px;
}

#news_details img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* Environment */

#enviro_main2 {
    background-position: top left;
    /*background-color: #D7E0BC;*/
}
#redLogo {
	width: 95px;
}

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

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

#enviro_main2 .left {
    width: 350px;
    float: left;
    padding-bottom: 40px;
    padding-left:20px;
}

#enviro_main2 .right {
    padding-left: 20px; 
    width: 350px;
    float:left;
    padding-bottom: 40px;
}

#dhtmltooltip{
    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 h3 {
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
	border-bottom-color: #cccccc; 
    border-bottom-style: solid; 
    border-bottom-width: 1px;
}

.newsblock {
    width:300px;
    float:left;
}

.newsblock .categorybox{
	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;
}

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

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

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

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

.newsdetailblock {
    width:950px;
    float:left;
    margin:10px;
}
.newsdetailblock .thumb {
    width:100%;
	float:left;
	padding:5px;
} 
.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 {
	border-bottom:dotted #a8a8a8 1px;
	min-height:237px;
}

/* new div for latest news page */
.LatestNews {
   margin-top:0px;
}

/* category page layout*/
/* NB - new category page layour */
.browse-categories #breadcrumbs {
	padding: 0 5%;
}
.cat-page {
	background-color: var(--paleBlue);
}
.cat-page .cat-wrapper {
	background-color: #fff;
	width: 90%;
	margin: 0 auto;
}
.category-banner {
	background-color: var(--lightBlue);
	padding: 1.5rem 0;
	margin-bottom: 1.5rem;
}
.category-banner .cat_titles {
	background: none;
	padding: 0;
	margin: 0;
	padding-left: 3%;
}
.cat-page .cat-products {
	width: 95%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fill, 300px);
	grid-gap: 2rem;
	justify-content: space-evenly;
	padding: 2rem 0;
	padding-bottom: 4rem;
}
.cat-page .cat-products::after {
	content: '';
	flex: auto;
}
.cat-products .cat-prod {
	max-width: 300px;
}
.cat-prod .prod-img {
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 1rem;
}
.cat-prod .prod-img img {
	width: 100%;
	display: block;
	transition: 0.3s ease-in-out;
}
.cat-prod .prod-img:hover > .main-img {
	transform: scale(1.08);
}
.cat-prod .prod-txt p {
	border-bottom: none !important;
	margin-bottom: 0.5rem;
}
.cat-prod .prod-code {
	color: var(--congressBlue);
	font-size: 1.8rem;
	font-weight: bold;
}
.cat-prod .prod-desc { font-size: 1.5rem; }
.cat-prod .prod-features {
	color: var(--darkBlue);
}
.cat-prod .site-logo {
	width: 65px;
	display: block;
	margin-bottom: 0.25rem;
}

.CategoryPageHeading {
    
}
.CategoryPageHeading span { 
    
}

.CategoryPageHeading a {
    
}

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

.CategoryPagePicture {
    width:100%;
    height:auto;
    margin-top:0px;
}

.CategoryPagePicture img {
	width:100%;
}

.CategoryPageBottom {
    width: 100%;
    height: 50px;
    background-color:#333333;
    padding:1%;
    font-family: Lucida Grande,Lucida Sans Unicode, Arial, Verdana, sans-serif;
}

.CategoryPageBottomDesc {
    text-align:left;
    padding-left:3px;
    font-size: 1em;
    line-height:1.3em;
   /*color:#FFF;*/
}
  
#_right img{
	transition:all 0.3s ease-in-out; 
}
#_right img:hover{
	-webkit-box-shadow: 0px -1px 9px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px -1px 9px 0px rgba(0,0,0,1);
    box-shadow: 0px -1px 9px 0px rgba(0,0,0,1); 
	cursor: pointer
}



.news{
	width: 100%;
	height: 150px;
	background: #000;
	bottom: 0px;
	top: 0px;
    position: relative;clear: both;
}

#_left{
	float: left;
	width: 49.5%;
	background: #000; 
	color: #fff;
	height: 150px;
}

#_left div{
	width:100%; 
	font-size: 20px; 
	text-align: center; 
	margin-top: 2%; 
	color:#fff;
}

#_left ul{
	width:100%; 
	margin-left: 3%; 
	margin-top: 2%;
}

#_left ul li{
	float:left; 
	width: auto;
}

#_left ul li img{
    width: 90%;
}

#_right{
	float: right;
	width: 50%;
	height: 150px;
	background: #000;
}       

._clear{
    line-height: 30px;
    letter-spacing: 0px !important;
    font-family: Gill Sans, Verdana !important;
    font-size: 11px;
    background: none !important;
    color: #000 !important;
	font-weight: bold !important;
    border-bottom:  none !important;
}

.flyers_section{
    width: 100%;
}

.flyer_ {
    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%;
    padding: 0;
    background-color: #E9C4C4;
    margin-bottom: 2%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.39);
}

.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;                
    text-align: left;                 
    transition: 0.3s all ease-out;
}

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

.col_left{
  width: 48%; float: left;  
}

.sub div{
    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;
}

.opt{
    width: 100%;padding-left:3%;padding-top: 2%;padding-bottom: 2%;
}

/* =====================================
#. EB'S EDITS
======================================*/

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


ul#productLogos {
	list-style:none;
	margin:0 auto;
	padding:0;
	
}

ul#productLogos li {
	float:left;
	margin-right:2px;
}
	
ul#productLogos li#long {
	width:25%;
}
	
ul#productLogos li img {
	width:4.3em;	
}

ul#productLogos li.long img {
	    width: 7.8em;
}

ul#productLogos li img#tall {
	width:50%;
	height:100%;
	margin-left:25%;
}
	
#newsbanner {
	
}

#newsbanner ul {
	width:62%;
	margin:0 auto;
}

#newsbanner ul li {
	float:left;
	margin-right:5px;	
}

.crsl-item {
	margin:0 !important;
}

.crsl-item figcaption {
    box-sizing: border-box;
    position: absolute;
    bottom: 19px;
    width: 100%;
    padding: 10px;
    color: #FFF;
    background: rgba(0,0,0,.5);
}
	
.cat_titles {
	font-weight: bold;
	
    font-size: 55px;
    line-height: 55px;
    margin-bottom: 8px;
    padding: 0 0 8px 8px;
    /* text-shadow: 0 1px 1px white; */
    color: #ffffff;
    background: var(--lightBlue);
    font-family: Antartida_Bold;
	text-transform:uppercase;
}

/* new tech guide page - NB 18.07.22 */
.tech-guide-container {
	width: 85%;
	margin: 2rem;
	margin-left: 4rem;
	background: #4F6D87;
	padding: 1rem;
	color: #fff;
}
.tech-row {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #fff;
}
.tech-row > * {
	padding: 0.5rem;
}
.tech-logo,
.tech-title {
	width: 12.5%;
}
.tech-desc {
	width: 75%;
}
.tech-logo {
	border-right: 1px solid #fff;
}
.tech-logo img {
	width: 140px;
}
.tech-title {
	text-align: center;
}
.tech-title h4 {
	font-size: 15px;
	margin: 0.5rem;
}
.tech-desc p {
	color: #fff;
	font-size: 13px;
}
/* end of tech guide */

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

.wash_instruction li {
    list-style-type: none;
    padding: 3px 3px 3px 40px;
    height: 24px;
    margin-bottom: 1px;
    background-color: white;
}

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

/* TABS  that appear in the product page*/

#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.section {
	background: none;
	border: none;
	margin-bottom: 15px;
}

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

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

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

#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 { /* product.php*/
	background: none;
	float: left; 
	height:auto;
	width: 85px; 
	margin: 10px; 
	line-height: 13px; 
	padding: 0; 
	text-align: center;
}

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

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

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

#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 solid 1px;
	margin-bottom: 5px;
}

.new-colour {
	position: absolute; 
	color: #fff; 
	background: #0a76c1; 
	border-radius: 50%; 
	width: 40px; 
	height: 40px; 
	line-height: 32px; 
	font-weight: 600; 
	right: -8px;
	top: -8px;
	padding: 4px;
	text-align: center;
}
/* 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;
	line-height: 21px;
	height: auto;
	border-radius: 5px;
	right: -12px;
	top: 3px;
}


.techspec {
	margin-left:5px;
	width:200px;
}

#sizetext {
	float:left;
	width:600px;
}

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

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


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

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

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

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

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

/* datasheets page */
.data-sheets {
	max-width: 800px;
	width: 90%;
	margin: 0 5%;
	padding: 3rem 0;
}
.data-sheets h1 {
	font-size: 2.2rem;
	color: #333;
	padding-bottom: 5px;
	border-bottom: 2px solid #333;
	margin-bottom: 1rem;
}
.data-sheets .products-table {
	font-size: 14px;
	border: 1px solid #ccc;
	width: auto;
}
.data-sheets th {
	font-size: 15px;
    font-weight: bold;
    background-color: cornflowerblue;
    color: #fff;
}
.data-sheets td.code {
	min-width: 75px;
}
.data-sheets td,
.data-sheets th {
	padding: 8px;
    text-align: left;
}
.data-sheets tr:nth-child(even) td {
	background: #f8f6ff;
}
.data-sheets .languages {
	display: flex;
	align-items: center;
}
.data-sheets .languages a {
	padding: 0 7px;
	border-right: 1px solid #333;
}
.data-sheets .languages a:hover {
	text-decoration: underline;
}
.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;
}


@media only screen and (max-width: 1250px) {
	.tech-guide-container {
		width: 100%;
		margin: 0;	
	}
	.tech-row {
		padding-right: 1rem;	
	}
	.tech-logo,
	.tech-title {
		width: 15%;
	}
	.tech-desc {
		width: 70%;
	}
	/* new header code NB 07.06.23 */
	header > .wrapper {
		width: 95%;
	}
	header .logo-img {
		max-width: 200px;
	}
	.header-search .search-box {
        max-width: 160px !important;
    }
    .nav-item > a {
        font-size: 1.55rem !important;
    }
	/* new homepage/landing page styles NB 07.06.23 */
	.cat-section {
		max-width: 650px;
		width: 90%;
		margin: 0 auto;
	}
	.category-spotlight .cat-txt {
		gap: 3rem;
	}
	.landing-title {
		font-size: 3rem;
	}
	.cat-txt .cat-desc {
		font-size: 1.4rem;
	}
	.browse-btn {
		font-size: 1.4rem;
	}
	/* new footer styles NB 13.06.23 */
	.footer-wrapper {
		width: 95%;
	}
	.footer-links {
		gap: 2rem;
	}
	.footer-title {
		font-size: 14px;
	}
	.links-wrapper li a {
		font-size: 12px;
	}
	.footer-wrapper .brand-desc {
		max-width: 380px;
	}
	.footer-img {
		max-width: 250px;
	}
	.nav-menu {
		justify-content: center !important;
		margin-left: 0 !important;
	}
	.top-section .hero-wrapper {
		flex-direction: column;
		gap: 4rem;
	}
	.product-placeholder {
		display: none;
	}
	.product-info .main-info {
		width: 100%;
	}
	.logo-30 { max-width: 120px; }
}

@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-logo { border: none; }
	.tech-logo img {
		display: block;
		margin: auto;
	}
	.tech-desc p { font-size: 12px;}
	.homebox {
		margin: 0;
	}
	.rugby-popup img {
		width: 100%;
	}
	.close-popup {
		left: 55%;
	}
	/* new header code NB 07.06.23 */
	header {
		position: fixed;
		top: 0;
		width: 100vw;
		z-index: 99;
	}
	header > .wrapper {
		justify-content: space-between;
	}
	header .logo-img {
		max-width: 240px;
	}
	/* new homepage/landing page styles NB 07.06.23 */
	.arrow-btn {
		width: 40px;
		height: 40px;
	}
	.arrow-btn i {
		font-size: 1.5rem;
	}
	.category-spotlight .wrapper {
		flex-direction: column-reverse;
	}
	.category-spotlight .cat-img {
		max-width: 500px;
		width: 90%;
		margin: 0 auto;
	}
	.category-spotlight.recycled-cat > .wrapper {
		flex-direction: column;
	}
	.recycled-cat .cat-txt {
		align-items: center;
		text-align: center;
	}
	.featured-products .btn-wrapper {
		max-width: 525px;
		margin: 0 auto;
	}
	.landing-section,
	.landing-section.featured {
		padding: 4rem 0;
	}
	/* new footer styles NB 13.06.23 */
	.footer-wrapper {
		flex-direction: column;
		width: 90%;
		gap: 2rem;
	}
	.footer-links {
		flex-direction: column;
		width: 100%;
		padding-bottom: 2rem;
		border-bottom: 1px solid rgba(80, 114, 167,0.2);
	}
	.footer-title {
		font-size: 15px;
	}
	.footer-wrapper .brand-desc {
		max-width: none;
		width: 100%;
	}
	.links-wrapper li a {
		font-size: 13px;
	}
	.hero .carousel {
		display: flex;
		flex-direction: column-reverse;
		gap: 3rem;
	}
	.carousel .carousel-arrows {
		position: static;
	}
	.carousel .btn-wrapper {
		justify-content: center;
		gap: 4rem;
	}
	.carousel-img img {
		border-radius: 20px;
		overflow: hidden;
	}
	.cat-page { background: #fff; }
	.category-banner .cat_titles { font-size: 38px; }
	.category-banner {
		text-align: center;
	}
	.product-page > .inner {
		width: 90%;
	}
	.cat-box .cat-txt {
		padding: 1rem 2rem;
	}
	.cat-box .cat-txt span {
		font-size: 18px;
	}
	.cat-box.large .cat-txt {
		padding: 1.5rem 2rem;
	}
	.cat-box.large .cat-txt span {
		font-size: 24px;
	}
	.prod-decorations .item, 
	.prod-decorations .header {
		font-size: 12px;
	}
	.suggested-products .title { font-size: 22px; }
}
@media only screen and (max-width: 600px) {
	.featured-products .carousel-arrows {
		height: auto;
		position: relative;
	}
	.featured-products .btn-wrapper {
		justify-content: center;
		gap: 5rem;
	}
	.featured-products .arrow-btn {
		margin: 0;
	}
	.featured-products {
		display: flex;
		flex-direction: column-reverse;
		gap: 3.5rem;
	}
	.cat-page .cat-products {
		grid-template-columns: repeat(1, 1fr);
	}
	.cat-products .cat-prod {
		margin: 0 auto;
	}
	.cat-page .wrapper {
		grid-template-columns: repeat(1, 1fr);	
	}
	.rec-bottle {
		position: static;
		max-width: 50px;
	}
	.product-info .product-name {
		margin-right: 0;
	}
	.prod-decorations .decorations {
		width: 100%;
		overflow: auto;
	}
	.prod-decorations .dec-access {
		min-width: 175px;
	}
	.prod-decorations .dec-process {
		min-width: 65px;
	}
	.prod-decorations .product {
		min-width: 50px;
	}
}