/* -------------------------------- 

Primary style

-------------------------------- */
.mm-main-content { 
  min-height: 50vh;
}

.mm-primary-nav h1,.mm-primary-nav h2,.mm-primary-nav h3,.mm-primary-nav h4,.mm-primary-nav h5, .mm-primary-nav h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.nav-link.active:focus, .nav-link:active:focus, .nav-link:focus {
    outline: 2px solid black;
    box-shadow: none;
}
@media only screen and (max-width: 991px) {
  body.overflow-hidden {
    overflow: hidden;
  }
  
  .mm-primary-nav h1 {font-size: 20px;}
  .mm-primary-nav h2 {font-size: 18px;}
  
  .mm-primary-nav .mm-nav-link-2 h2 {font-size: 20px;}
   
}

   

input[type="search"]::-ms-clear {
  /* removes close icon - IE */
  display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* -------------------------------- 

Main components 

-------------------------------- */
 

.mm-main-content, .mm-main-header {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  
 }

 .mm-logo-store img {
 
	 z-index: 100;
}

.g-color-blue-cart {color: #175a88 } 
@media only screen and (max-width: 991px) {
 
 
  
   .mm-main-content.nav-is-visible  {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
	z-index:1;
	  
  }
	  .mm-main-header.nav-is-visible {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
	z-index:1
  }
  
    
   
    
  .mm-main-conatiner {
	height: 50px;
  background: #051a31; 
  }
  
  
  
}
 
 @media only screen and (max-width: 577px) {
  .mm-nav-store, .mm-nav-region, .mm-nav-main img  {display: none !important;}
    .mm-dropdown-cart .g-color-blue {color: #fff  !important } 
}

@media only screen and (max-width: 767px) {
  .mm-nav-store, .mm-nav-region, .mm-nav-main img  {display: none !important;}
   .mm-nav-account  {position: relative;  margin-top:17px; right:15px;}
  
}

.mm-main-content {
  
  min-height: 50vh;
  z-index: 2;
}

.mm-main-header {
  height: 50px;
  
  z-index: 30;
}

.mm-main-header:nav-is-visible {
  height: 50px;
  background: #01030f;
  
}

.nav-is-fixed .mm-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 992px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
   
}

.mm-cart-image  {text-decoration:none; outline:none; border:0;  max-width:100px; max-height:75px; position:relative}



@media only screen and (min-width: 992px) {
   .mm-main-container {
	position:relative; 
	height: 65px;
  	background: #051a31 !important; 
    	width:100%;
	z-index: 30 !important  ;  
  }
  
    .mm-main-header {
    height: 65px;
  }
  .mm-main-header::after {
    clear: both;
    content: "";
    display: table;
  }
  
 
  
}

.mm-logo {
  position: absolute;
  z-index:60
}
.mm-logo img {
  display: block;
    height: 27px;
	 
}
@media only screen and (max-width: 991px) {
   .mm-logo {
  position: absolute;
 margin-left: 80px;
   top: 15px;
 
  }
  .mm-logo img {
  display: block;
    height:25px;
	 
}
   .mm-main-container {
	position:relative;
	height: 55px;
  	background: #051a31; 
  	width:100%;
 
  }
  
  
}


@media only screen and (min-width: 992px) {
 
  .mm-logo {
    top: 20px;
   }
   
.mm-header-buttons {
  position: absolute;
   float:right;
  right:0;
 top:15px
 }
.mm-header-buttons div {
  display: inline-block;
}  

}

.mm-search-trigger, .mm-nav-trigger {
  position: relative;
  display: block;
  width: 48px;
  height: 45px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 50;
  top:-4px;
 	border-radius: 10px; 
 }

.mm-search-trigger:hover {
	background-color: #fff;
	border-radius: 10px;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	color: #01030f !important;
}

  



.mm-search-trigger::before, .mm-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
 
}

.mm-search-trigger::before {
  /* lens */
  top: 11px;
  left: 12px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #fff;
  opacity: 1;
 
}
.mm-search-trigger::after {
  /* handle */
  height:2px;
  width: 12px;
  background: #fff;
  bottom: 15px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 1;
}
 

.mm-search-trigger:hover::before  {
  /* lens */
  top: 11px;
  left: 12px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #01030f;
  
  opacity: 1;
 
}
.mm-search-trigger:hover::after {
  /* handle */
  height:2px;
  width: 12px;
  background: #01030f;
  bottom: 15px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 1;
}


.mm-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
 
}
.mm-search-trigger span::before, .mm-search-trigger span::after {
  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 2px;
  width: 25px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #fff;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
 
}

.mm-search-trigger:hover span::before, .mm-search-trigger:hover span::after {
  /* close icon */
  
  background: #01030f !important;
   
 
}

.mm-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
 
}
.mm-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
 
}
.mm-search-trigger.search-is-visible::before, .mm-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
   
}
.mm-search-trigger.search-is-visible span::before, .mm-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
 z-index: 15;
}
.mm-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
 
}
.mm-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
 
}

.mm-nav-trigger span, .mm-nav-trigger span::before, .mm-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #ccc;
 
}

 


.mm-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
 
}
.mm-nav-trigger span::before, .mm-nav-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
 
}
.mm-nav-trigger span::before {
  /* menu icon top line */
  top: -6px;
 
}
.mm-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px;
 
}
.mm-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0);
 
}
.mm-nav-trigger.nav-is-visible span::before, .mm-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #fff;
 
}
.mm-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
 
}
.mm-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
 
}

 
 
@media only screen and (max-width: 991px) {

.mm-header-buttons {
	 position: absolute !important;
    width:100% ;
 }
 
.mm-header-buttons div {
  display: inline-block;
}
  
  .mm-nav-trigger {
	 position: absolute ;
	 top: 3px
  }
  
  .mm-search-trigger {
	 position: absolute ; float: right ; 
	   right: 60px;
   }

  .mm-nav .mm-nav-trigger2  {

  position: absolute;
  right:25px;
  top:5px;
  border:0;
   color: #ddd;
  text-decoration:none;
   width: 30px;
  height: 30px;
  overflow: visible;
  }
   
   .mm-nav .mm-region  {

  position: absolute;
  left:0px;
  top:2px;
  border:0;
   color: #eee;
  text-decoration:none;
 	z-index: 50 !important;
  }
 .mm-nav-header {display:inline-block; right:0; top: 23px; } 

.mm-cart-item  {color: #ccc; text-decoration:none; }
.mm-cart-image  {text-decoration:none; outline:none;  }
  .mm-icons {font-size: 20px;  position: relative ; top:-40px; left: 90px}
  .mm-cart-quantity { position: relative;  margin-left: 20px; font-size: 16px; top:5px; font-weight: 600; color: #dddddd }
.g-brd-gray-light-v3 {border-bottom: 1px solid #434343 !important}
.mm-primary-nav .mm-cart-image a, .mm-primary-nav ul .mm-cart-image  a {border-bottom: 0px solid #01030f; opacity: 1; padding: 0 5px 0 5px; overflow: visible}


}

.mm-nav-link {
font-size:16px;
text-transform: uppercase;
text-decoration: none;
font-weight: 600
}

.mm-nav-main img, .mm-nav-account img, .mm-nav-store img{
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(16deg) brightness(103%) contrast(105%);
width: 20px; height: 20px;
margin-top: -5px;

}

.mm-nav-account img.account-logged-in {
filter: invert(57%) sepia(37%) saturate(2518%) hue-rotate(69deg) brightness(118%) contrast(123%);width: 20px; height: 20px; margin-top: -5px;
}

  .mm-nav-store img{
 width: 25px; height: 25px;
 }

.mm-nav-main:hover img, .mm-nav-account:hover img , .mm-nav-store:hover img{
filter: invert(0%) sepia(1%) saturate(7478%) hue-rotate(53deg) brightness(100%) contrast(100%);

}

.mm-nav-link:hover {
opacity: 1;
text-decoration: none;
color:white;
}

.mm-nav-link:selected {
opacity: 1;
color:white;
text-decoration: none;
}

 
  @media only screen and (max-width: 768px)  {
.mm-nav-store, .mm-nav-region, mm-nav-main {display:none !important;}  
.mm-nav-account {  top:7px;  }
.mm-nav-header {  display:inline-block ; float:right; right:0; }
.mm-search-trigger { top:6px; margin-right:8px}
}


 @media only screen and (min-width: 768px) and (max-width: 991px) {
.mm-primary-nav .mm-cart-image a:hover, .mm-primary-nav ul .mm-cart-image  a:hover {  background-color:#fff}
.mm-cart-image  {text-decoration:none; outline:none; margin-left: -20px }
.mm-nav-header {  position: relative;  display:inline-block ; float:right; right:0; }
  
  .mm-search-trigger {
 	   right: 165px;
	  top:  -18px
  }


}

@media only screen and (max-width: 991px) {
.nav-row {display:none; margin: 0px; padding: 5px 0px 5px 30px }
.mm-secondary-nav {display:table;   }


.mm-primary-nav, .mm-primary-nav ul{
 position: fixed;
  top: 0;
 
   left: 0;
  height: 100%;
  width: 325px;
  background: #1c2122;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 30;
 
  /* Force Hardware Acceleration in WebKit */
 
  
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  
 
  list-style:none;
   
  
}
 
.mm-primary-nav, .mm-primary-nav ul {
 margin: 0;
 padding: 60px 0 0 0;
  
 
  
  
}

.mm-primary-nav a, .mm-primary-nav ul a  {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 30px;
  
  color: #ddd;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid #434343;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
 
}
.mm-primary-nav .mm-cart-image  {border: 1px solid #1c2122 !important; outline: 0 !important; max-width: 100px; position: relative}

.mm-primary-nav a:hover, .mm-primary-nav ul a:hover {
   
  color: #fff;
  
 
}

.mm-primary-nav.is-hidden, .mm-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
   

 }

 

.mm-primary-nav.moves-out > li > a, 
.mm-primary-nav ul.moves-out > li > a,

.mm-primary-nav.moves-out > li > h1 > a, 
.mm-primary-nav ul.moves-out > li > h1 > a,

.mm-primary-nav.moves-out > li > h2 > a, 
.mm-primary-nav ul.moves-out > li > h2 > a,

.mm-primary-nav.moves-out > li > h3 > a, 
.mm-primary-nav ul.moves-out > li > h3 > a  {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
  
   
}
 
    .mm-primary-nav  {
   right: auto;
    left: 0;
	overflow-x: hidden;
  }
  
    .mm-primary-nav ul {
    right: auto;
    left: 0;
	overflow-x: hidden;
	
  }
  
 .mm-primary-nav {
    /* by default .mm-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
 
     visibility: auto;
	overflow-x: hidden;
	
		  -webkit-transform: translateX(-150%);
  -moz-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  -o-transform: translateX(-150%);
  transform: translateX(-150%); 
  
  
  }
  
  .mm-primary-nav.nav-is-visible {
    visibility: visible;
	overflow-x: hidden;
 -webkit-transform: translateX(0%); 
  -moz-transform: translateX(0%); 
  -ms-transform: translateX(0%); 
  -o-transform: translateX(0%); 
  transform: translateX(0%); 
	
	-webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;   
	transition-timing-function: ease-out;
  
  }
 
}

.mm-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color: #08347d;
}
.mm-primary-nav .mm-nav-gallery .mm-nav-item, .mm-primary-nav .mm-nav-icons .mm-nav-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
  
}
.mm-primary-nav .mm-nav-gallery .mm-nav-item , .mm-primary-nav .mm-nav-icons .mm-nav-item  {
  overflow: hidden;
  text-overflow: ellipsis;
  
}
.mm-primary-nav .mm-nav-gallery .mm-nav-item {
  padding-left: 90px;
  
}
.mm-primary-nav .mm-nav-gallery .mm-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}
.mm-primary-nav .mm-nav-icons .mm-nav-item {
  padding-left: 75px;
}
.mm-primary-nav .mm-nav-icons .mm-nav-item p {
  color: #2e3233;
   
  /* hide description on small devices */
  display: none;
}
.mm-primary-nav .mm-nav-icons .mm-nav-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
} 
 

@media only screen and (min-width: 992px) {
	.mm-primary-nav .mm-cart-image a:hover, .mm-primary-nav ul .mm-cart-image  a:hover {  background-color:#fff}
	.mm-cart-image  {text-decoration:none; outline:none; margin-left: -20px; max-width:100px; max-height:75px }
	.mm-nav-trigger, .mm-nav-trigger2 { display: none;  }
    .mm-icons {font-size: 30px; margin: 0 5px 0 5px; position: relative ; top:10px; }
	.mm-cart-quantity { position: absolute; margin: 2px 0 0 20px; padding: 0 0 10px 0; font-weight: 600; color: #cdd1d6 }
	.is-hidden3 {display: none !important}
	.mm-nav-header { display:inline-block ; float:right; right:0;}
 	.mm-primary-nav ul {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 50;
  /* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	list-style:none;
	width:325px  ;
	list-style: none;
}


.mm-primary-nav a, .mm-primary-nav ul a   {
  display: block;
  min-height: 30px;
   color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: wrap;
   
  border-bottom: 1px solid #3a3f40;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
   -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  
}
	 .mm-primary-nav ul ul{
margin-left:-40px;
padding-bottom:10px;
}

 .nav-row {    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}

 


 .mm-primary-nav {
    position: relative;
    padding: 0 150px 0 200px;
    height: auto;
	overflow: visible;
    background: transparent;
 	 list-style: none !important;
  }
  
 
  
  .mm-primary-nav::after {
    clear: both;
    content: "";
    display: table;
  }
  
  .mm-primary-nav.moves-out > li > a,
  .mm-primary-nav.moves-out > li > h1 > a,
  .mm-primary-nav.moves-out > li > h2 > a,
  .mm-primary-nav.moves-out > li > h3 > a

{
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
	
  }
  .mm-primary-nav ul {
     position: static;
    height: auto;
    width: 100%;
    background: transparent;
    overflow: visible;
    z-index: 30;
	 
  }
  .mm-primary-nav ul.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .mm-primary-nav ul.moves-out > li > a,
   .mm-primary-nav ul.moves-out > li > h1 > a
   {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .mm-primary-nav > li  {
    float: left;
    margin-left: 2em;
  }
  .mm-primary-nav > li > a,
  .mm-primary-nav > li > h1 > a, .mm-primary-nav > li > h2 > a,  .mm-primary-nav > li > h3 > a

  {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    height: 65px;
    line-height: 65px;
    
    color: #cdd1d6;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
  }
  
  .mm-icons {
     
    color: #cdd1d6;
   cursor: pointer;
  }
  
  .mm-primary-nav > li > a:hover,
  .mm-primary-nav > li > h1 > a:hover  {
    color: #fff;
	text-decoration:none;
	outline: 0;
  }
  .mm-primary-nav > li > a.selected,
  .mm-primary-nav > li > h1 > a.selected {
    color: #FFF;
   }
  .mm-primary-nav .go-back, .mm-primary-nav .see-all {
    display: none;
  }
  .mm-primary-nav .mm-secondary-nav, .mm-primary-nav .mm-nav-gallery, .mm-primary-nav .mm-nav-icons {
    /* dropdown menu style */
    position: absolute  ;
    top: 65px;
     background: #ffffff;
    padding: 10px 10px 15px 25px  ;
    box-shadow: inset 0 1px 0 #eee, 0 10px 20px rgba(0, 0, 0, 0.2);
	left:15px;  
 
 	
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    transition: all 250ms linear;
 	border:  1px #eee solid;
	border-top: 0;
	overflow-y: auto;
	
	-webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;  
  }
  
  .mm-primary-nav .mm-dropdown-cart {padding: 10px 10px 15px 10px  ;}
  
    .mm-dropdown   {
	clear:both;  
	position: relative  ;
	width:280px !important;
 	left:auto !important;
	right:auto !important;

}

 .mm-dropdown-cart   {
	 clear:both;
	position: relative  ;
 padding:0px;
	width:400px !important;
 	 left:auto !important;
	 right:auto !important;
 
}

    .mm-dropdown .mm-nav-item  {
	font-weight:600;
	font-size:18px;

}
  
  .mm-primary-nav .mm-secondary-nav::after, .mm-primary-nav .mm-nav-gallery::after, .mm-primary-nav .mm-nav-icons::after {
    clear: both;
    content: "";
    display: table;
   }
  .mm-primary-nav .mm-secondary-nav.is-hidden, .mm-primary-nav .mm-nav-gallery.is-hidden, .mm-primary-nav .mm-nav-icons.is-hidden {
    opacity: 0;
   visibility: hidden;
   }
  

  .mm-primary-nav .mm-secondary-nav > .see-all, .mm-primary-nav .mm-nav-gallery > .see-all, .mm-primary-nav .mm-nav-icons > .see-all {
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 65px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0;
  }
  .mm-primary-nav .mm-secondary-nav > .see-all a, .mm-primary-nav .mm-nav-gallery > .see-all a, .mm-primary-nav .mm-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
     text-align: center;
     border-top: 1px solid #eee;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .mm-primary-nav .mm-secondary-nav > .see-all a:hover, .mm-primary-nav .mm-nav-gallery > .see-all a:hover, .mm-primary-nav .mm-nav-icons > .see-all a:hover {
    background: #2e3233;
    border-color: #2e3233;
    color: #ffffff;
  }
  .mm-primary-nav .mm-secondary-nav > li,  {
    /* change the height according to your needs - you can even set height: auto */
  
    /* here you set the number of columns - use width percentage */
     margin:0px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
 	text-wrap: wrap;
   }
   

  
  .mm-primary-nav .mm-secondary-nav > li:nth-child(4n+2) {
    /* +2 because we have 2 list items with display:none */
     
  }
  .mm-primary-nav .mm-secondary-nav > li > a ,
  .mm-primary-nav .mm-secondary-nav > li > h1 > a {
    /* secondary nav title */
	font-size: 18px;font-weight:600;
	 
    color: #01030f;
   }

.mm-primary-nav .mm-dropdown > li > a,
.mm-primary-nav .mm-dropdown > li > h1 > a  {
    /* secondary nav title */
	font-size: 18px;font-weight:500;
	 
    color: #01030f;
   }
  
   .mm-primary-nav .mm-secondary-nav a, .mm-primary-nav .mm-secondary-nav .mm-nav-item{
    min-height: 30px;
	 width:175px; 
 	margin:0px;
    color: #01030f;
    border-bottom: none;
	text-wrap: wrap;
  	padding: 5px 30px 5px 10px;

  }
  
  
  .mm-primary-nav .mm-secondary-nav .mm-nav-item{
    
	 width:230px; 
  
  }
  
  
  .mm-primary-nav .mm-secondary-nav a:hover,  .mm-primary-nav .mm-secondary-nav a:focus {
    text-decoration: none;
	color: #01030f;
	 background-color: #ebebed 
  }
  
  .mm-primary-nav .mm-secondary-nav ul {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
	
  }
  .mm-primary-nav .mm-secondary-nav ul ul {
    /* tertiary navigation */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .mm-primary-nav .mm-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .mm-primary-nav .mm-secondary-nav ul ul .go-back {
    display: block;
  }
  .mm-primary-nav .mm-secondary-nav ul ul .go-back a {
    color: transparent;
  }
  .mm-primary-nav .mm-secondary-nav ul ul .see-all {
    display: block;
  }
  .mm-primary-nav .mm-secondary-nav .moves-out > li > a,
  .mm-primary-nav .mm-secondary-nav .moves-out > li > h1 > a
    {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
	
  }
  .mm-primary-nav .mm-nav-gallery li {
    /* set here number of columns - use width percentage */
    width: 22%;
    float: left;
    margin: 0 4% 40px 0;
	 
  }
  .mm-primary-nav .mm-nav-gallery li:nth-child(4n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .mm-primary-nav .mm-nav-gallery .mm-nav-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2;
  }
  .mm-primary-nav .mm-nav-gallery .mm-nav-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: .6em;
  }
  .mm-primary-nav .mm-nav-gallery .mm-nav-item h3 {
    color: #08347d;
    font-weight: bold;
    padding: 0  ;
  }
  .mm-primary-nav .mm-nav-icons li {
    /* set here number of columns - use width percentage */
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;
  }
  .mm-primary-nav .mm-nav-icons li:nth-child(3n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .mm-primary-nav .mm-nav-icons .mm-nav-item {
    border-bottom: none;
    height: 65px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
    position: relative;
  }
  .mm-primary-nav .mm-nav-icons .mm-nav-item:hover {
    background: #f6f6f5;
  }
  .mm-primary-nav .mm-nav-icons .mm-nav-item h3 {
    color: #08347d;
    font-weight: bold;
  }
  .mm-primary-nav .mm-nav-icons .mm-nav-item p {
    display: block;
  }
  .mm-primary-nav .mm-nav-icons .mm-nav-item::before {
    left: 25px;
  }
  
    .mm-primary-nav .mm-dropmenu{
    
    width: 300px !important;
    
  }
  
  
      .mm-primary-nav .mm-dropmenu-cart{
    
    width: 400px !important;
    
  }
  
}

@media only screen and (min-width: 768px)   { 
 .is-hidden2 {display:none !important;} 	
 
}

 


@media only screen and (min-width: 992px) { 
.mm-primary-nav {
	 padding: 0 150px 0 180px;
}
.mm-primary-nav-store {
    padding: 0 150px 0 220px  ;
} 
.mm-nav-link {
font-size:14px;
 
}

.mm-logo img {
 
    height: 25px;
	 
}

.mm-logo-store img {
 position: absolute;
	top: 12px;
    height: 40px;
	 z-index: 100;
}


}
 
 @media only screen and (min-width: 1200px) { 
.mm-primary-nav {
	  padding: 0 150px 0 200px;
}

.mm-primary-nav-store {
    padding: 0 150px 0 280px  ;
} 
  
.mm-logo img {
 
    height: 27px;
	 
}

.mm-logo-store img {
 	position: absolute;
	top: 12px;
    height: 40px;
	 
}

.mm-nav-link {
font-size:16px;
 
}
} 

@media only screen and (max-width: 991px) {
 	.mm-logo-store img {
 	position: absolute;
	top: 10px;
    height: 35px;
	 left: 80px;
}


.has-children > a, 
.has-children > h1 > a,  
.has-children > h2 > a, 
.has-children > h3 > a, 
.go-back a {
  position: relative;
}
 
.has-children > a::before, 
.has-children > a::after, 

.has-children > h1 > a::before, 
.has-children > h1 > a::after, 
.has-children > h2 > a::before, 
.has-children > h2 > a::after, 

.go-back a::before, 
.go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #ddd;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-decoration: none;
}

.has-children > a:hover::before, 
.has-children > a:hover::after, 

.has-children > h1 > a:hover::before, 
.has-children > h1 > a:hover::after, 

.has-children > h2 > a:hover::before, 
.has-children > h2 > a:hover::after, 

.go-back a:hover::before, 
.go-back a:hover::after {
  /* arrow icon in CSS - for element with nested unordered lists */
   
  background: #fff;
  text-decoration: none;
  
}


.has-children > a::before,
.has-children > h1 > a::before,
.has-children > h2 > a::before,
 .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after,
.has-children > h1 > a::after,
.has-children > h2 > a::after,
 .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
 


.has-children > a,
.has-children > h1 > a, 
.has-children > h2 > a {
  padding-right: 40px;
  text-decoration: none;
  color: #ddd;
}

.has-children > a:hover,
.has-children > h1 > a:hover,
.has-children > h2 > a:hover {
 
  color: #fff;
  text-decoration: none;
}

.has-children > a::before, .has-children > a::after,
.has-children > h1 > a::before, .has-children > h1 > a::after,
.has-children > h2 > a::before, .has-children > h2 > a::after {
  /* arrow goes on the right side - children navigation */
  right: 30px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.mm-primary-nav .go-back a {
  padding-left: 40px;
  
}
.mm-primary-nav .go-back a::before, .mm-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
 }

.mm-nav-link-2, .mm-nav-link-2 a:hover {font-weight: 600; text-decoration: none; } 
.mm-nav-link-3, .mm-nav-link-3 a:hover {  text-decoration: none;   } 

.mm-nav-link-3 span { position: relative;   left: 15px;   } 

}

@media only screen and (min-width: 992px) { 

.has-children > a, 
.has-children > h1 > a,
.has-children > h2 > a,
.go-back a {
  position: relative;
}
 
.has-children > a::before, 
.has-children > a::after, 

.has-children > h1 > a::before, 
.has-children > h1 > a::after, 

.has-children > h2 > a::before, 
.has-children > h2 > a::after, 

.go-back a::before, 
.go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  margin-: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: red;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  
}
.has-children > a::before, 

.has-children > h1 > a::before,
.has-children > h2 > a::before,
.go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.has-children > a::after,
.has-children > h1 > a::after,
.has-children > h2 > a::after,
.go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
 


.has-children > a,
.has-children > h1 > a {
  padding-right: 40px;
}

.has-children > a::before, 
.has-children > a::after,

.has-children > h1 > a::before, 
.has-children > h1 > a::after{
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.mm-primary-nav .go-back a {
  padding-left: 40px;
}

.mm-primary-nav .go-back a::before, .mm-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}
 

 
.has-children > a::before, 
.has-children > a::after, 
  
.has-children > h1 > a::before, 
.has-children > h1 > a::after, 
  
.go-back a::before, .go-back a::after {
    background: #c9cbc4;}
  
.has-children > a:hover::before, 
.has-children > a:hover::after, 

.has-children > h1 > a:hover::before, 
.has-children > h1 > a:hover::after, 
  
.go-back a:hover::before, .go-back a:hover::after {
    background: #08347d;
  }
 
  .has-children > a::before, 
  .has-children > a::after,
  .has-children > h1 > a::before, 
  .has-children > h1 > a::after 
  {
    right: 15%;
	}

  .mm-primary-nav > .has-children > a,
  .mm-primary-nav > .has-children > h1 > a{
    /* main navigation arrows on larger devices */
    padding-right: 30px !important;
	
  }
  .mm-primary-nav > .has-children > a::before,
  .mm-primary-nav > .has-children > a::after,
  .mm-primary-nav > .has-children > h1 > a::before,
  .mm-primary-nav > .has-children > h1 > a::after
   {
    width: 8px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin:50% 50%; 
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
}

  .mm-primary-nav > .has-children > a::before,
  .mm-primary-nav > .has-children > h1 > a::before  {
    right: 12px;
  }

  .mm-primary-nav > .has-children > a::after,
   .mm-primary-nav > .has-children > h1 > a::after {
    right: 8px;
  }
  .mm-primary-nav > .has-children > a.selected::before, 
  .mm-primary-nav > .has-children > a.selected::after,
  .mm-primary-nav > .has-children > h1 > a.selected::before, 
  .mm-primary-nav > .has-children > h1 > a.selected::after
   {
    width: 8px;
	background: #fff;
  }

  .mm-primary-nav > .has-children > a.selected::before,
  .mm-primary-nav > .has-children > h1 > a.selected::before {

    -webkit-transform: translateX(0px) rotate(-50deg);
    -moz-transform: translateX(0px) rotate(-50deg);
    -ms-transform: translateX(0px) rotate(-50deg);
    -o-transform: translateX(0px) rotate(-50deg);
    transform: translateX(0px) rotate(-48deg);
  }

  .mm-primary-nav > .has-children > a.selected::after,
   .mm-primary-nav > .has-children > h1 > a.selected::after {
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(48deg);
  }

  .mm-secondary-nav > .has-children > a::before, 
  .mm-secondary-nav > .has-children > a::after,
  .mm-secondary-nav > .has-children > h2 > a::before, 
  .mm-secondary-nav > .has-children > h2 > a::after {
    /* remove arrows on secondary nav titles */
    display: none;
  }

  .mm-primary-nav .go-back a {
    padding-left: 20px;
  }
  .mm-primary-nav .go-back a::before,
  .mm-primary-nav .go-back a::after {
    left: 1px;
  }
  
  .mm-main-category { font-size: 20px; font-color: #08347d; font-weight:600 
  }
  
}

.mm-search {
  position: absolute;
  height: 60px;
  width: 100%;
  top: 55px;
  left: 0;
  z-index: 30;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
    

}
.mm-search form {
  height: 100%;
  width: 100%; box-shadow: inset 0 1px 0 #eee, 0 3px 6px rgba(0, 0, 0, 0.05);
}
 .mm-search input {
  border-radius: 0;
  border: none;
  background: #ffffff;
  height: 100%;
  width: 100%;
   box-shadow: inset 0 1px 0 #eee, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0 1em;
  font-size: 1.3rem;
    font-weight: 300;
}
.mm-search input::-webkit-input-placeholder {
  color: #333;
}
.mm-search input::-moz-placeholder {
  color: #333;
}
.mm-search input:-moz-placeholder {
  color: #333;
}
.mm-search input:-ms-input-placeholder {
  color: #333;
}
.mm-search input:focus {
  outline: none;
}
.mm-search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .mm-search {
  position: fixed;
}
@media only screen and (min-width: 992px) {
  .mm-search {
    height: 60px;
    top: 65px;
  }
  .mm-search input {
    padding: 0 1em;
    font-size: 1.5rem;
    font-weight: 300;
  }
  
  
}


.mm-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 20;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.mm-overlay.is-visible {
  opacity: 1;
   visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}


/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .mm-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

.no-js .mm-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 992px) {
  .no-js .mm-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0;
  }

  .no-js .nav-is-fixed .mm-primary-nav {
    position: fixed;
  }
}


.tn_button, .tn_button_account, .tn_button_store, .tn_button_region {
	display: inline-block;
	margin: 4px 0px;
 	font-size: 19px !important;
	padding-left: 32px;
	padding-right: 32px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: white;
	text-decoration: none;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
 	position:relative;
	border-radius: 10px;
	font-weight: 600;
}
.tn_button_account, .tn_button_store, .tn_button_region {
	 margin: 2px 0px;
	padding-left: 14px;
	padding-right: 14px;
  top:-20px;
  	transition: all .5s ;
}
 
.tn_button:hover, .tn_button_account:hover, .tn_button_store:hover, .tn_button_region:hover {
 
	background-color: #fff ;
	color: #01030f !important;
	text-decoration:none;
	transition: all .5s ;
}

.tn_button:focus, .tn_button_account:focus, .tn_button_store:focus, .tn_button_region:focus {
 
	background-color: transparent;
	color: #fff;
	text-decoration:none;
	transition: all .5s ;
}
 
.tn_search-container {
	position: relative;
	display: inline-block;
	margin: 4px 0px;
	height: 45px;
	width: 45px;
	vertical-align: bottom;
} 

.tn_mglass {
	display: inline-block;
	pointer-events: none;
	font-size: 18px;
 }

.tn_searchbutton {
	position: absolute;
	font-size: 20px;
	width: 100%;
	margin: 0;
	padding: 0;
	top:-2px;
}

 

.tn_search {
	position: absolute;
	left: 44px; /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
	background-color: #fff;
	outline: none;
	border: none;
	padding: 0;
	width: 0;
	height: 100%;
	z-index: 10;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	  top:-2px;
}

.tn_search:focus {
	border-radius: 10px;
	width: 363px; /* Bar width+1px */
	padding: 0 16px 0 0px;
	margin-right: -15px;
 }

.tn_expandright {
	left: auto;
	right: 45px; /* Button width-1px */
}

.tn_expandright:focus {
	padding: 0 0 0 16px;
}
 
  

.tn-modal {
   position: fixed;
	width: 350px;
 top:30px;
   z-index: 10040;
   overflow: auto;
   overflow-y: auto;
box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; }
 
 .drop-shadow-1
{ box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;}

#skiptocontent a {
	padding:10px;
	position: absolute;
	top:-80px;
	left:0px;
	color:#08347d;
	background-color: #fff;
  	border-radius:8px;
 	-webkit-transition: top .5s ease-out;
    transition: top .5s ease-out;
    z-index: 10000;
	 text-decoration: none;
}

#skiptocontent a:focus {
	position:absolute;
	left:10px;
	top:10px;
 	-webkit-transition: top .05s ease-in;
    transition: top .05s ease-in;
	
}
/* The default outline styling, for greatest accessibility. */
/* You can skip this to just use the browser's defaults. */
:focus {
  outline: #08f auto 2px;
}

/* When mouse is detected, ALL focused elements have outline removed. */
body.using-mouse :focus {
  outline: none;
}

.g-color-primary--hover:focus {text-decoration: underline; color: #3b54b1 !important }

.focus-black:focus { outline: 2px solid black}
a.focus-underline:focus {
  text-decoration: underline;
}

.g-header-vv1 {
	padding: 8px 12px;
  font-size: 20px;
   font-weight: 500;
   background-color: #27365a;
  color: #fff;
 border-radius: 8px 8px 0px 0px;
  border-color: #27365a;
 }
 
.g-table-vv1 {
	border-top: 0px solid #e6e6e8;
	border-left: 1px solid #e6e6e8;
	border-right: 1px solid #e6e6e8;
	border-bottom: 1px solid #e6e6e8;
	border-radius: 0px 0px 8px 8px;
	background-color: #fff;
	margin-bottom: 20px;
}