/* ----------------- header section ----------------- */
table.tb-header-top td
{
	font-weight:bold;
	padding:4px 0 0 7px;
	color:#898989;
	font-size:8pt;
	background:url(/images/layout/header-vertical-bar.jpg) left top no-repeat;
}
table.tb-header-top td.td-logo
{
	background:none;
}
.text-20-years
{
	color:#5487A5;
	font-size:10pt;
	text-transform:uppercase;
}
.text-phone
{
	color:#DEA50A;
	text-transform:uppercase;
}
a.text-email
{
	color:#DEA50A;
	text-transform:uppercase;
	text-decoration:none;
}
a.text-email:hover
{
	text-decoration:underline;
}


/* nav list */
table.top-nav
{
	font-size:10pt;
	font-weight:normal;
	text-align:center;
	height:34px;
	background:url(/images/layout/nav-button.png) left top no-repeat;
}
table.top-nav td
{
	padding: 0 4px;
	vertical-align:middle;
	background:url(/images/layout/nav-vertical-bar.png) left bottom no-repeat;
}
table.top-nav td.top-nav-first-cell
{
	width:166px;
	text-align:left;
	padding-left:28px;
	font-weight:bold;
	letter-spacing:-0.5px;
	background:url(/images/button/business-resource-center.png) left bottom no-repeat;
}
table.top-nav td.top-nav-first-cell2
{
	width:296px;
	text-align:left;
	padding-left:28px;
	letter-spacing:-0.5px;
	background-image: none;
}
.text-visit-our
{
	color:#7A7A7A;
	font-weight:normal;
}
table.top-nav a
{
	text-decoration:none;
	color:#464646;
}
table.top-nav a:hover
{
	text-decoration:underline;
}
/*====FONT AREA==*/
@font-face {
    font-family: "Montserrat";
    font-weight: normal;
    font-style: normal;
    src: url('/font/Montserrat-Regular.otf') format('opentype');
}
@font-face {
    font-family: "Montserrat Bold";
    font-weight: 700;
    font-style: normal;
    src: url('/font/Montserrat-Bold.otf') format('opentype');
}
/*===NEW HEADER STYLE ===*/
.header-wrapper {
    width: auto;
    height: auto;
}
.main-header, .middle-wrapper, #body {
    font-family: "Montserrat", Arial, sans-serif;
    color: #1d232c;
}
.main-header {
    width: 100%;
    height: auto;
    margin: auto;
}
.top-header {
    width: 100%;
    height: auto;
    line-height: 34px;
    background-color: #bdc1c8;
    color: #1d232c;
    font-size: 0.9em;
}
.whitelink {
    color:#fff;
}
.darkBlueLink {
    color: #1d232c;
}
.underlineLink:hover {
    color: #1d232c;
    text-decoration: underline;
}
.top-header-wrapper {
    width: 100%;
    max-width: 1230px;
    min-height:40px;
    margin: 0 auto;
    display:flex;
    align-items:center;   
}
.top-left, .top-right {
    float: left;
    display: inline-block;
    height: auto;
}
.top-left {
    text-align: left;
}
.top-right {
    text-align: right;
}
.top-left {
    width: 54%;
}
.top-right {
    width: 46%;
}
.top-left p, .top-right p {
    margin: 0 auto;
}
.column2 .topMiddle{
    font-weight:600;
}
.header-row2 .row {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.header-row2  p{
    margin-bottom: 0;
}
.header-logo {
    margin: auto 0;
    padding: 15px 0;
}
.header-logo img {
    width: 100%;
}
.navbar-right .myCart {
    padding-left: 10px;
}
.navbar-header .mobileLeft a > img {
    width: 100%;
    max-width: 25px;
    padding-top: 12px;
    margin-left: 10px;
}
.navbar-right .myCart a > img {
    width: 100%;
    max-width: 30px;
    padding-right: 5px;
}
.navbar-header .mobileLeft a:hover {
    text-decoration: none;
}
.navbar-header .mobileLeft a > img:hover {
    color: #000;
    opacity: 0.8;
}
.nav .open > a, .nav .open > a:focus {
    border-color: #d8d5d5 !important;
}
.header-row2 .column3 {
    padding: 15px 0;
}
.header-row2 .column3 {
    text-align: right;
    padding: 15px 0;
}
.header-row2 .header-logo {
    padding: 1.5em 0;
}
.column3 .top-freeshipping {
    color: #5487a5;
    font-weight: 600;
}
.freeshpng {
    color: #1d232c;
}
/**===MENU===*/
.menu-wrapper {
    height: auto;
    color: #2e2e2e;
    width: 100%;
    max-width: 1230px;
    margin: auto;
}
.navbar-brand {
    font-size: inherit !important;
}
.menu-wrapper .navbar {
    background-color: #eee;
    padding: 0;
    border-radius: 0;
    margin: 0 auto;
    min-height: 51px;
    border: none;
}
.menu-wrapper .navbar-nav .nav-item .nav-link {
    padding: .2em 1em;
}
.menu-wrapper .navbar-brand > div {
    display: inline-block;
    padding: 9.3px;
}
.menu-wrapper .navbar-header, .menu-wrapper .navbar-brand {
    float: right;
}
.menu-wrapper .navbar-header .navbar-toggle {
    float: left;
    margin: 12px 0 12px 8px;
    border: none;
    border-radius: 0;
    background-image: url(/Images/home/icons/menu-hamburger.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent !important;
    width: 100%;
    max-width: 45px;
    min-height: 25px;;
}
.menu-wrapper .navbar-header .navbar-toggle .icon-bar {
    background-color: #1d232c;
}
.menu-wrapper .navbar-brand {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding:0;
}
.menuArrow img{
    max-width:15px;
}
.menuArrow{
    background-image: url('/Images/home/icons/menu-arrow.png');
    background-repeat: no-repeat;
    padding: 10px 20px;
    background-position: center;
}
.navbar-default .navbar-nav > .open > a > .menuArrow {
    background-image: url('/Images/home/icons/menu-arrowdown.png');
}
.fontMedium{
    font-size:1.1em;
}
.menu-wrapper .navbar-brand a {
    color: #1d232c;
}
.menu-wrapper .navbar-brand a:hover, .menu-wrapper .navbar-brand a span:hover {
    color: #333;
    text-decoration: none;
}
.menu-wrapper .navbar-brand a img:hover{
	opacity: 0.8;
}
.menu-wrapper .navbar-brand a:hover {
    color: #333;
}
.cartPadding {
    padding: 4px !important;
}
.myAccount {
    padding-right: 10px;
}
.cart {
    padding: 0 5px 0 10px;
}
.menu-wrapper .navbar-header .glyphicon-earphone, .menu-wrapper .navbar-header .glyphicon-user, .menu-wrapper .navbar-header .cart-iconMobile {
    display: none;
}
.menu-wrapper .navbar div:nth-child(3) .cart-mobile {
    width: 100%;
    max-width: 25px;
    display: none;
}
.menu-wrapper .navbar-right {
    font-size: 13px;
    margin-right: 10px;
    line-height: 40px;
    height: auto;
    display: flex;
}
.menu-wrapper .navbar-right .myCart {
    display: flex;
}
.menu-wrapper .navbar-right .myCart a {
    padding: 8px 0 0;
}
.menu-wrapper .shopMaps {
    background-color: #eee;
    border-radius: 0;
    border: none;
}
.navbar ul li > a {
    color: #525252;
}
.menu-wrapper .navbar-default .navbar-nav > li > a, .menu-wrapper .navbar-header .myAccount,
.menu-wrapper .navbar-header #headerViewCart, #cartitemcount {
    color: #1d232c;
    font-size: 0.9em;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #1c5d99 !important;
}
.menu-wrapper .navbar-default .navbar-nav > li > a {
    display: flex;
    font-size: 1.1em;
    font-family: "Montserrat Bold";
}
#myMenu {
    padding: 0;
}
.menuBorder {
    border-right: 1px solid #d8d5d5;
}
.middle-wrapper {
    display: flex;
    flex-direction: column;
    color:#1d232c;
}
.menu-wrapper .navbar-default .navbar-nav > .open > a, .menu-wrapper .navbar-default .navbar-nav > .open > a:focus,
.menu-wrapper .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
}
.menu-wrapper .navbar-brand a:hover {
    text-decoration: underline;
}
.freeshippingAction a {
    font-size: 0.8em;
    color: #1d232c;
}
/*===DROPDOWN MENU===*/
.menu-wrapper .dropdown-menu {
    top: 116%;
}
.menu-wrapper .dropdown-menu .col-xs-9 {
    line-height: 8px;
}
.menu-wrapper .shopMaps {
    padding: 0;
}
.menu-wrapper .shopMaps .dropdownChat{
    display:inline-flex;
    margin-top:5px;    
}
.dropdownChat div:first-child {
    width: 75%;
}
.menu-wrapper #myMenu .dropdown-menu {
    border-top: 7px solid #1c5d99;
}
.navbar-nav > li > .shopMaps {
    min-width: 415px;
}
.mapFormats {
    border-bottom: 1px solid #1d232c;
    padding-bottom: 1.2em;
    margin-bottom: 1.5em;
    padding-top: 0.5em;
}
.shopMaps .col-xs-5 .mapFormats a {
    color: #1c5d99;
    font-size: 1em;
}
.shopMaps .col-xs-5 a {
    color: #1d232c;
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1.1em;
}
.shopMaps .col-xs-7 a {
    color: #2e2e2e;
}
.shopMaps .col-xs-5 {
    background-color: #eee;
}
.shopMaps .col-xs-7 {
    background-color: #fff;
}
.shopMaps .col-xs-7 div {
    padding: 1px 0;
}
.title {
    font-size: 1em;
    font-weight: 900;
    margin-top: 10px;
}
.shopMaps .col-xs-7 .title {
    border-bottom: 1px solid #1d232c;
    margin-bottom: 2px;
}
.shopMaps .title {
    color: #1c5d99;
}
.shopMaps .col-xs-7 .blockContainer a{
    font-size: 0.9em;
}
.endBlock {
    margin-bottom: 15px;
}
.blockContainer div > p {
    padding-left: 10px;
    margin-bottom: 0;
}
.shopMaps .col-xs-7 .blockContainer {
    display: inline-flex;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid #bdc1c8;
}
.shopMaps div:last-child .blockContainer:last-child {
    border-bottom: none;
}
.customMaps p{
    font-size:0.9em;
}
.menu-wrapper .dropdown-menu > li > a:hover{
    background-color: transparent;
}
.menuChat {
    margin: 7.5em auto 0;
    border-top: 1px solid #bdc1c8;
}
.bestData {
    border-top: 1px solid #1d232c;
    margin-top: 1.5em;
}
.shopMaps .col-xs-12 {
    background-color: #fff;
    padding: 1em;
    border-top: 1px solid #bdc1c8;
}
.menu-wrapper .dropdown-toggle {
    padding: 5px 10px;
}
.shopMaps img {
    max-width: 100%;    
}
.ca-link img {
    cursor: pointer;
}
.customareamenu .title {
    margin-top: 0;
}
/*=== FREE SHIPPING - POP UP BOX===*/
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    transition: all 5s ease-in-out;
}
.popup .close {
  position: absolute;
  top: 0;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: 500;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #1c5d99;
}
.popup .detailsContent {
  font-family: "Montserrat", Arial;
  max-height: 30%;
  overflow: auto;
}
.freeShipImages{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-bottom:1.5em;
}