#bskt {
	text-align:										right;
    background-image:								URL(/1-0-0/images/tst-bask-w.svg);
    background-size:								contain;
    background-repeat:								no-repeat;
    background-position-x:							right;
	display:										grid;
	font-size:										0.5em;
	align-items:									center;
	height:											30px;
    padding-right:									35px;
	margin-right:									10px;
}
div#tmi {
	display:										block;
	font-size:										3em;
}
div#tmi a img#logo {
	width:											100px;
}
div#tmi, div#sbi {
	max-width:										1024px;
}
div#tmi div {
	display:										grid;
    grid-template-columns:							1fr 1fr 1fr;
	text-align:										center;
	align-items:									center;
}
div#tmi img#srch {
	max-width:										15px;
}
div#tmo, div#sbo {
	width:											100%
}
div#tmo {
	height:											80px;
}
div#tmi, div#sbi {
	margin-left:									auto;
	margin-right:									auto;
}
div#tmi  {
	font-variant-caps:								all-small-caps;
	padding:										.2em 0;
}

/*********************** MENU ******************************************/
body.showm {
	overflow:										hidden;
}
#menu {
	display:										flex;
	width:											100%;
	background:										rgb(71 122 123 / 75%);
	overflow:										hidden;
	height:											0px;
	position:										absolute;
    z-index:										1000;
	transition:										0.4s;
}
#menu.open {
	height:											100%;
	max-height:										100%;
	transition:										0.8s;
}
.sm div  {
	height:											0;
	overflow:										hidden;
	transition:										0.4s;
}
.ms ul {
	list-style:										none;
	min-width:										150px;
	font-size:										1.7em;
	padding:										0;
}
.ms ul li{
	text-align:										left;
	padding:										25px 0 0 20px;
}
.ms ul li.title {
	display:										block;
	color:											#477a7b;
	white-space:									nowrap;
	cursor:											pointer;
	text-align:										left;
	padding-left:									0;
	text-transform:									uppercase;
	letter-spacing:									0.05em;
}
.ms ul li a {
	text-transform:									none;
}

.mp ul div  {
	height:											0;
	overflow:										hidden;
	transition:										0.4s;
}
.mp ul.open div {
	height:											auto;
	transition:										0.4s;
}
#mp1 .opensm div.sm, #mp2 .opensm div.sm, #mp2 .opensm div.sm, #mp3 .opensm div.sm, #mp4 .opensm div.sm, #mp5 .opensm div.sm, #mp6 .opensm div.sm, #mp9 .opensm div.sm {
	height:											auto;
	transition:										0.4s;
}
#mps .opensm div.sm {
	height:											auto;
	transition:										0.4s;
}
#m1.opensm div ul.sm div.sm {
	height:											auto;
}
#menu .mp {
	height:											100%;
}
.mp ul div.triangle, .trig div.triangle, .trig div.triangles {
	background-color:								#477a7b;
	-webkit-clip-path:								polygon(100% 50%, 0 100%, 0 0);
	clip-path:										polygon(100% 50%, 0 100%, 0 0);
	width:											15px;
	height:											15px;
	display:										inline-block;
	float:											right;
	margin-right:									30px;
	transition:										0.5s;
}
.mp ul.opensm div.triangle, .trig .mb .triangle, .trig div.triangles {
	-webkit-clip-path:								polygon(0 50%, 100% 100%, 100% 0);
	clip-path:										polygon(0 50%, 100% 100%, 100% 0);
	transition:										0.5s;
}
.mb {
	margin-top:										20px;
}
.trig .mb .triangle {
	float:											left;
	margin:											0.2em 10px 2px;
}
.outlet .triangle {
	background-color:								#9e2d49;
}
.mp ul {
	list-style:										none;
	min-width:										150px;
	font-size:										1.7em;
	padding:										0;
}
#menu.open .mb .mt {
    display:										inline;
	margin:											0;
	padding:										0;
}
#menu #mp1.open, #menu #mp2.open, #menu #mp3.open, #menu #mp4.open, #menu #mp5.open, #menu #mp6.open, #menu #mp9.open {
	visibility:										visible;
	transform:										matrix(1, 0, 0, 1, 0, 0);
}
.mp ul li{
	text-align:										left;
	padding:										25px 0 0 20px;
}
.mp ul li.title {
	display:										block;
	color:											#477a7b;
	white-space:									nowrap;
	cursor:											pointer;
	text-align:										left;
	padding-left:									0;
	text-transform:									uppercase;
	letter-spacing:									0.05em;
}
.mp ul li a {
	text-transform:									none;
}
.mp ul li a:hover {
	font-weight:									700;
}
#m1, #m2, #m3 {
	flex-grow:										1;
	text-align:										center;
}
#m1 ul {
	flex-grow:										1;
	text-align:										center;
	margin:											0;
	padding:										0 20px;
}
#menu .mp {
	overflow-y:										scroll;
	overflow-x:										hidden;
	transition:										0.5s;
    position:										absolute;
    top:											0;
    left:											0px;
	visibility:										hidden;
	transform:										matrix(1, 0, 0, 1, 350, 0);
    width:											100%;
	margin:											0 auto;
    background:										#fff;
    z-index:										9999;
}
#menu #mps.open {
	transform:										matrix(1, 0, 0, 1, 0, 0);
 }
#menu .mt {
	text-transform:									uppercase;
	margin:											20px 10px 0;
    font-size:										1.5em;
	width:											100%;
	display:										inline-block;
	cursor:											pointer;
}
#menu .tt {
    font-weight:									bold;
}
#menu .open .mt {
	margin:											20px 10px 0;
}
#menucontainer {
	overflow-y:										scroll;
	overflow-x:										hidden;
	width:											350px;
	background:										#fff;
	max-height:										calc(100% - 80px);
	position:										relative;
	display:										block;
	margin:											0 0 25px;
	color:											#477a7b;
	align-items:									center;
}
#menucontainer.sub {
	overflow:										hidden;
}
#m1 {
	text-align:										left;
}
#m1.alone {
	padding:										30px 0 0 0;
}
#m1:hover #mp1, #m2:hover #mp2, #m3:hover #mp3 {
    /* Show the mega menu when hovering the trigger item */
    Xdisplay:										block;
}
.mp ul.brand {
	background-color:								#ecf4f4;
	padding:										0 5px;
}
.outlet {
	color:											#9e2d49;
}
/*********************** END MENU ******************************************/

div#tmi div#ham {
  display:											inline-block;
  cursor:											pointer;
  margin:											0 auto 0 20px;
}

.bar1, .bar2, .bar3 {
  width:											30px;
  height:											4px;
  background-color:									#fff;
  margin:											5px 0;
  transition:										0.4s;
}

/* Rotate first bar */
.change .bar1 {
  -webkit-transform:								rotate(-45deg) translate(-7px, 10px) ;
  transform:										rotate(-45deg) translate(-7px, 10px) ;
}

/* Fade out the second bar */
.change .bar2 {
  opacity:											0;
}

/* Rotate last bar */
.change .bar3 {
  -webkit-transform:								rotate(45deg) translate(-2px, -6px) ;
  transform:										rotate(45deg) translate(-2px, -6px) ;
}
#t7 {
	display:										none;
}
#hprof div.w {
	display:										inline-flex;
	max-width:											calc(2 * 190px);
}

/*****Negate Lower***/
body {
	max-width:										unset;
}
#hsl div img {
    display:										block;
}
#hfn #r {
    margin-top:										0;
}
.nm {
	display:										none;
}
.om {
	display:										block;
}
/*****End Negate Lower***/

/*****Columns + Widths*******/
#hprof div {
	width:											100%;
}
#hprod  {
	grid-template-columns:							repeat(2, 1fr);
}
#hse h2 {
	text-align:										center;
}
#hse div.thrd {
	height:											180px;
}
#hse div p  {
	margin-left:									15%;
	margin-right:									15%;
}
#hsl {
	grid-template-columns:							calc((100% - 20px) / 2) calc((100% - 20px) / 2);
}
#brandprod  {
	grid-template-columns:							repeat(2,1fr);
}
#hc {
    grid-row-gap:									0;
    grid-template-rows:								1fr auto 1fr auto;
}
#hc div {
	width:											100%;
	height:											100%;
	display:										block;
}
#hc div div {
	height:											100%;
}
#hc h2 {
	color:											#477a7b;
	font-size:										1.3em;
	font-weight:									unset;
    margin-top:										10%;
	text-align:										center;
}
#hc hr {
	font-size:										1.3em;
}
#hc p {
	font-size:										1.3em;
	margin:											0 10%;
}
#hc p.u {
	font-size:										1.3em;
    margin-bottom:									7%;
}
#hc a:hover .hov {
	display:										grid;
}
#hc a:hover img {
	display:										none;
}
#hc img {
	width:											100%;
}
#hc .t1 {
	grid-row:										2 / 2;
	margin-bottom:									5px;
    margin-top:										-3px;
}
#hc .t2 {
	grid-row:										4 / 4;
	margin-bottom:									5px;
    margin-top:										-3px;
}
#hc div.hov  {
	display:										none;
	color:											#477a7b;
	background-color:								#ecf4f4;
}
#hse div {
	color:											#477a7b;
	background-color:								#ecf4f4;
}
#hnewsl, #ht {
    margin:											0 5px;
}

/***** End Columns + Widths*******/

.locs{
	display:										grid;
	grid-template-columns:							auto;
}
.locimg{
	display:										block;
	margin:											0 auto 15px;
	max-width:										100%;
}
#hnewsl img {
	display:										none;
}
#hnewsl h3 {
    font-size:										10px;
}
#hnewsl p.tc {
	font-size:										9px;
}
#content_outer {
	max-width:										100%;
}
#content_inner {
	padding:										20px;
}
#content_product {
	grid-template-columns:							1fr;
}
hr {
	margin:											1em 4em;
}
#hb1, #hfn {
	display:										grid;
	font-size:										25px;
}
#hb1 {
	height:											auto;
}
#hprod div a  {
	width:											inherit;
	display:										flex;
}
#ht {
	margin:											5px 5px 0;
	font-size:										11px;
}
#ht ul li.moblast {
	padding-right:									0;
}

#hsl div.s-text {
	text-align:										center;
	color:											#a7cbcc;
	font-weight:									200;
	font-size:										12px;
	margin:											10px;
}
#hsl div img {
	margin:											50px auto;
	max-width:										100%;
}
#hsl div.s-text h3 {
	letter-spacing:									3px;
	font-size:										1.5em;
}
#hsl div.s-text p.l2, #hsl div.s-text p.l3 {
	font-size:										1.3em;
	letter-spacing:									0.5px;
}
#hsl div.s-text p.l3 {
	color:											#a7cbcc;
	font-weight:									700;
	letter-spacing:									-2px;
}
#hfn img {
	width:											50px;
	margin:											5px auto;
}
#hfn #b, #hfn #c, #hfn #r {
	float:											left;
	width:											100%;
	height:											220px;
	display:										grid;
}
#hfn #r {
	background:										#477a7b;
	margin-right:									0;
}
#hfn #r:hover {
	background:										#a7cbcc;
}
#hse #sc1,#hse #sh1,#hse #sc2,
	#hse #sh2,#hse #sc3,
	#hse #sh3 {
	height:											350px;
}
#hse #sh1, #hse #sh2, #hse #sh3 {
	display:										grid;
	z-index:										-10;
}
#sh1 p, #sh1 h2, #sh2 p, #sh2 h2, #sh3 p, #sh3 h2, #ch1 p, #ch1 h2, #ch2 p, #ch2 h2 {
	font-weight:									300;
    font-size:										0.75em;
    margin-top:										0;
}
.norm {
	display:										block;
}
.hov {
	display:										none;
}
#hse a:hover div.thrd .norm {
	display:										none;
}
#hse a:hover div.thrd .hov {
	display:										block;
}

#hse a:hover #sb1, #hse a:hover #sb2, #hse a:hover #sb3 {
	background-image:								none;
}
#hse a:hover div.thrd .norm {
	display:										none;
}
#hse a:hover div.thrd .hov {
	display:										block;
}
#hse #sb1 {
	background-position-y:							bottom;
}
#hse #sb2, #hse #sb3 {
	background-position-y:							center;
}
#ri {
	margin:											0 auto;
	padding:										7%;
}
#foot {
	width:											100%;
}
div.s-card {
	display:										none;
}
#hsl {
	grid-template-columns:							100%;
}
#hfn #b {
	background-image:								URL("/upl866800040001n.jpg");
	background-color:								white;
	background-size:								cover;
	background-position-y:							center;
	background-repeat-x:							no-repeat;
}
form#subscribe {
	display:										inline-flex;
	max-width:										98%;
}
form#subscribe input {
	float:											none;
	margin-left:									0;
	margin-right:									0;
    height:											2.5em;
    border:											0;
    padding-top:									0;
    padding-bottom:									0;
}
form input[type=submit] {
	background-color:								#355959;
	text-align:										center;
	border:											0;
	color:											#fff;
	
}
form#subscribe input[type=submit]:hover {
	cursor:											pointer;
}
#demoList div {
	min-width:										45%;
}
/*******************SEARCH*****************************/
#content_search {
	display:										grid;
	grid-template-columns:							1fr;
	margin:											0 5px;
}
#content_search > h2 {
	margin:											0 5px;
}
h2.srch {
	font-size:										15px;
	font-weight:									200;
	letter-spacing:									2px;
	padding:										10px 0;
}
.srt p, .srd p {
	margin:											4px 2px;
	font-size:										12px;
}
#sr, #srf {
	display:										grid;
	grid-template-columns:							repeat(2,1fr);
	grid-gap:										5px;
}
.srp {
	font-weight:									900;
}
#srf {
	display:										grid;
	grid-template-columns:							repeat(2, 1fr);
	grid-gap:										5px;
}
.resFilta {
	display:										none;
}
.resFiltp select {
	padding:										0px 20%;
}
.resFiltp:after {
    right:											20%;
}
.resFiltc select {
	padding:										0px 10%;
}
.resFiltc:after {
    right:											15%;
}
.resetsrch label {
	text-align:										center;
}
#filter {
    color:											#477a7b;
    background-color:								#ecf4f4;
	padding:										10px 0;
	width:											100%;
}
#filter ul {
	list-style-position:							inside;
    padding-inline:									20px;
}

/*******************END SEARCH*****************************/
#product {
	padding:										0 5px;
}
#product input[type = submit] {
	margin:											0 auto;
	width:											50%;
	display:										block;
}
.buyFilt select {
	width:											90%;
}
/****************** BASKET / CHECKOUT  *****************************************/
#basket {
	display:										grid;
	grid-template-columns:							1fr 0.5fr 3fr 1fr 0.7fr 0.7fr;
	grid-template-columns:							auto auto auto auto auto auto ;
	margin-bottom:									15px;
    grid-row-gap:									5px;
}
#basket div {
    padding:										0 2px 0px 0;
}
#basket .hf {
    margin-left:									-5px;
    padding-left:									15px;
	grid-column:									1;
}
#basket h1 {
	font-size:										12px;
}
#basket .hl {
    margin-right:									-5px;
    padding-right:									5px;
	text-align:										right;
}
#basket .sc {
    grid-column:									2 / 7;
	margin-top:										auto;
}
.chkout {
	padding:										5px 5px 10px 5px;
	margin:											0 5px 5px 5px;
}
#content_confirm.chkout  input[type = submit] {
	width:											50%;
}
.chkout .cd {
    display:										grid;
	grid-template-columns:							1fr;
}
.chkout #tabs {
	font-size:										0.9em;
}
#confirmDiv label {
	max-width:										85%;
	
}
/****************** END BASKET / CHECKOUT  *****************************************/
/****************** TEXT AREA  *****************************************/
#searchFilter > label {
	display:										grid;
    color:											#477a7b;
	font-weight:									bold;
    grid-template-columns:							1fr 1fr;
	
    width:											30%;
	text-transform:									uppercase;
	text-align:										left;
}
/****************** END TEXT AREA  *****************************************/