#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;
	font-size:										0.8em;
    padding-right:									35px;
	margin-right:									20px;
}
div#tmi {
	display:										block;
	font-size:										3em;
}
div#tmi a img#logo {
	width:											150px;
}
div#tmi, div#sbi {
	max-width:										768px;
}
div#tmi div {
	display:										grid;
	grid-template-columns:							54px auto;
	align-items:									center;
}
div#tmi img#srch {
	max-width:										15px;
}
div#tmo {
	padding:										2px;
	background-color:								#3d86b5;
}
div#tmi, div#sbi {
	margin-left:									auto;
	margin-right:									auto;
}
div#tmi  {
	font-variant-caps:								all-small-caps;
}

/*********************** 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;
}
.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, #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:								#3d86b5;
	-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:								#;
}
.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 #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:											#3d86b5;
	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 {
	text-align:										left;
    font-size:										10px;
}
#menu #mps.open {
	transform:										matrix(1, 0, 0, 1, 0, 0);
 }
#menu .mt {
	margin:											5px;
    font-size:										15px;
	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;
	padding:										0 0 25px;
	color:											#291f6c;
	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 */
    display:										block;
}
.mp ul.brand {
	background-color:								#;
	padding:										0 5px;
}
.outlet {
	color:											#;
}
/*********************** 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:									#291f6c;
  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;
}

/*****Negate Lower***/
body {
	max-width:										unset;
	font-size:										12px;
}
#content_outer {
	display:										block;
	margin:											0 2%;
}
#hsl div img {
    display:										block;
}
.bannerLogo {		
	max-width:										200px;
	padding-left:									10px;
}
.bannerStr {		
	display:										none;
	max-width:										200px;
}
.hadd {
    font-size:										10px;
	text-align:										right;
	padding-right:									15px;
	color:											#3d86b5;
}
div.head  {
	text-align:										left;
}
div.foot {
	grid-template-columns:							28% 44% 28%;
	text-align:										center;
	padding:										10px 10px 20px;
}
div.foot div {
    display:										flex;
    border-color:									#3d86b5;
    border-width:									0 1px ;
    border-style:									solid;
	align-items:									center;
	color:											#111;
	margin:											auto 10px;
	height:											100%;
	padding:										0 10%;
	font-size:										0.8em;
}
#footLogo, #footPic {
	max-width:										100%;
}
div#Home {
	display:										grid;
	grid-template-columns:							auto auto;
	grid-column-gap:								10px;
}
div#Home #txt {
	grid-column-start:								1;
	grid-column-end:								3;
}
div#Home #log1 {
    height:											calc(100% - 14px);
    display:										flex;
    align-items:									center;
    padding:										5px;
    width:											calc(100% - 10px);
}
div#Home #log2 {
	grid-column-start:								1;
	grid-column-end:								3;
	text-align:										center;
	margin:											10px 0;
	width:											100%;
}
div#Home #log2 img {
    padding:										5px;
    max-width:										calc(100% - 10px);
}
div#Home div {
	margin:											0;
}
div#Home a {
	width:											100%;
	text-align:										center;
}
div.head ul.wb {
	height:											1.7em;
	font-size:										1em;
}
.nm {
	display:										none;
}
.om {
	display:										block;
}
.c12m {
    grid-column-start:								1;
    grid-column-end:								3;
	margin:											0 auto;
}
div#prod {
	display:										grid;
	grid-template-columns:							100%;
}
div#prod h2, div#prod h3 {
	margin-left:									15px;
}
div#prod .pb h3 {
	margin:											0
}
div#prod .pl, div#prod .pr, div#prod .pb {
	display:										grid;
	grid-template-columns:							auto auto;
}
div#prod .pl, div#prod .pr {
	border-bottom:									solid 1px #c9c0c0;
	padding-bottom:									10px;
}
div#prod .pl div, div#prod .pr div {
	text-align:										center;
}
.pb h3 {
	margin-block-start:								0.5em;
    margin-block-end:								0.5em;
}
div#prod .pb {
	grid-template-columns:							1fr 1fr 1fr;
	text-align:										center;
}
div#prod .pb .ps {
	display:										grid;
    grid-template-rows:								1fr 2fr 3fr;
	height:											100%;
}
div#prod div img {
    max-height:										125px;
}
div#prod div.pb img {
    max-width:										100px;
}
div#prod div {
	align-items:									center;
}
div#prod div.pl img {
	float:											right;
	clear:											left;
	margin-left:									5%;
}
div#prod div.pr img {
	float:											left;
	clear:											left;
	margin-right:									5%;
}
div#prod p {
	align-items:									center;
	display:										flex;
}
div#prod div.pb div {
	width:											unset;
}
div#prod div.pb div.pt {
	width:											auto;
	height:											100%;
}
div#prod div.pb div.pt {
	padding:										5px;
}
div#prod div.pl p {
	text-align:										left;
	margin:											0px 20% 0 0;
}
div#prod div.pr p {
	text-align:										right;
	margin:											0px 0 0 20%;
}
.PI img {
	max-width:										250px;
}
form#subscribe {
	display:										inline-flex;
	margin-top:										15px;
}
form#subscribe input {
	float:											none;
	margin-left:									0;
	margin-right:									0;
    height:											2.5em;
    border:											0;
    padding-top:									0;
    padding-bottom:									0;
}
form#subscribe input[type=submit] {
	background-color:								#291f6c;
	text-align:										center;
	border:											0;
	color:											#fff;
	
}
form#subscribe input[type=submit]:hover {
	cursor:											pointer;
}
div#cont, div#open {
	display:										grid;
	grid-template-columns:							50% 50%;
}
div#open, #gmap {
	grid-column-start:								1;
	grid-column-end:								3;
}
#gmap {
	margin:											10% auto;
	text-align:										center;
	grid-row-start:									3;
}
#gmap iframe {
	border:											solid 1px #222;
}