/* */

/* To make body under overlay not scrollable + js*/
body.no-scroll {overflow: hidden;position: fixed!important;}

.menu-menu-title {border-bottom: 1px solid #dedede; margin-bottom: 20px;}
.menu-category-title {border-bottom: 1px solid #dedede; margin-bottom: 20px;}
.menu-pages {padding-right: 100px;}
.menu-image, .menu-submenu {width:50%;display:inline-block;float: left;padding-bottom: 20px;}
.menu-submenu-box {padding:10px;}
.menu-submenu-title {font-weight: 700;}
.menu-submenu-categories {font-size: 80%; padding-top: 10px;}
  
.menu-wrapper {position: relative;padding-top:120px;/*top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex; align-items: center;justify-content: center;*/}
.menu-container {height: 500px;width: 800px;}
.menu-categories {border-left: 1px solid #818181;}
.menu-icon {position: absolute;left: 0!important;top: 8px;font-size: 18px;color: #818181;}
.menu-pages ul li {position: relative; padding-left: 35px; padding-bottom: 5px;}
.menu-categories ul{padding-left: 10px;}
.overlay .menu-pages a {padding: 8px;text-decoration: none;font-size: 18px;color: #818181;display: block;transition: 0.3s;}
.overlay .menu-pages a:hover, .overlay a:focus {color: #f1f1f1;}*/
.overlay .menu-categories {display: block;}
.nav-tabs-vertical{display: flex;flex-flow: column nowrap;}
.nav-tabs .nav-link.active {border: 0;}

.nav-item {color:#fff}
.nav-subitem {color:#fff}

.menu-categories a {color:#fff;}
.menu-categories p {color:#fff;}

/* 2 LEVEL MENU */
.two-levels .second-level-menu li {display:inline-block;}
.two-levels .second-level-menu li:last-child {display:inline-block;}
.two-levels li.second-level-menu-li {color: #0079c2; background: #f7f7f7; padding: 5px; margin-bottom: 2px;}

/* 3 LEVEL MENU */
/*.second-level-menu li {display:inline-block;}*/
.three-levels .second-level-menu li:last-child {display:inline-block;}
.three-levels li.second-level-menu-li {color: #0079c2;/*background: #f7f7f7; */padding: 5px; margin-bottom: 2px;}
.three-levels .third-level-menu li {display:inline-block;}
.three-levels .third-level-menu li:last-child {display:inline-block;}
.three-levels li.third-level-menu-li {color: black;background: #f7f7f7; padding: 5px;margin-bottom: 2px;}
.three-levels .third-level-menu {display: inline-block;}

/* HEADERBAR */
.headerbar {height: 80px;position: fixed;z-index: 1030;width: 100%;color: #fff;}
.header-wrapper {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); display: block; position: absolute;}

 /* HEADER LOGO */
.header-logo {background: #fff;width: 200px;height: 80px;display: inline-block;float: left;}
.header-logo-image {display: block;margin-left: auto;margin-right: auto;}
.header-logo-image .img-logo {height: 80px;width: auto;max-width: inherit;display: block;margin: auto;}

 /* HEADER NAVIGATION */
.header-navigation {display: inline-block;float: left;}
.btn-navigation {background: #001941;color: #fff;height:80px;width:80px;border: 0px;padding: 0px;margin: 0px;}
.btn-navigation:hover {cursor: pointer;background: #002a6d;}
.btn-navigation:focus {outline:0px;}

/* HEADER CART */
.header-cart {display: inline-block;float: left;}
.btn-cart {background: #001941;color: #fff;height:80px;width:80px;border: 0px;padding: 0px;margin: 0px;}
.btn-cart:hover {cursor: pointer;background: #002a6d;}
.btn-cart[aria-expanded="true"] .fa-shopping-basket:before {content: "\f00d";} /* Change from icon when collapse */
.header-cart .dropdown-menu {padding:0px;margin:0px;border:0px;min-width: inherit;border-radius: 0;width:360px;margin-left: -5px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}
.header-cart .cart-items-total {height:80px;line-height: 80px;background: #17a2b8;color:#fff;text-align: center;}
.header-cart .cart-items {line-height: 80px;}
.header-cart .cart-items-row {padding-right:5px; padding-left:5px;}
.header-cart .cart-item-image {display:inline-block; width:80px;}
.header-cart .cart-item-title {display:inline-block;padding-left:10px;}
.header-cart .cart-item-price {display:inline-block; width:80px;float: right;text-align: center;}
.header-cart .cart-total {line-height: 80px;font-weight: bold;border-top: 1px solid #dedede;}
.header-cart .cart-order {height:80px;line-height: 80px;text-align: center;}
.header-cart .cart-order a {color:#000;}
.header-cart .cart-order a:hover {color:#ccc;}
/*.header-cart .cart-order .cart-btn {border:2px solid #2ecc71;padding: 5px 20px;margin-left: 5px;color:#000;}*/
.header-cart .cart-order .cart-btn {border:2px solid #2ecc71;background:#2ecc71;padding: 5px 20px;margin-left: 5px;color:#fff;}
.header-cart .cart-order .cart-btn:hover {background:#fff;padding: 5px 20px;margin-left: 5px;color:#2ecc71;}
.cart-count {/*background-color: #17a2b8a6;*/color: #fff;font-size: 1.1em;font-weight: 600;height: 80px; line-height: 80px;padding: 0;position: absolute; left: 280px;text-align: center;top: 0px; width: 80px;z-index: 0;}
.btn-cart[aria-expanded="true"] .cart-count {display:none;}
.btn-cart[aria-expanded="true"] .fa-2x {font-size:inherit;}
.btn-cart[aria-expanded="true"] .co-black {color:#fff;}
.header-cart .header-cart-row .table tr:nth-child(even) {background: #f7f7f7;}
.header-cart .table td {vertical-align: middle;}
.header-cart .table {margin-bottom: 0px;font-size: 100%;}
.header-cart .header-cart-row .table tr:last-child {height: 64px;font-weight: bold;}
.header-cart .cart-delete-button{color: #ccc;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;}
.header-cart .cart-delete-button:hover {color: #000;}

/* HEADER SEARCH */
.header-search {display: inline-block;float: left;}
.header-search .dropdown-menu {padding:0px;margin:0px;border:0px;min-width: inherit;text-align: center;border-radius: 0;width:440px;margin-left: -5px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}
.header-search .dropdown-menu .form-control {border:0px;padding: .5rem 2rem;}
.btn-search {background: #001941;color: #fff;height:80px;width:80px;border: 0px;padding: 0px;margin: 0px;}
.btn-search:hover {cursor: pointer;background: #002a6d;}
.btn-search:focus {outline:0px;}
.btn-search[aria-expanded="true"] .fa-search:before {content: "\f00d";} /* Change from icon when collapse */
.btn-dropdown-search {background: #002a6d;color: #fff;height:80px;width:80px;border: 0px;padding: 0px;margin: 0px;border-radius: 0px;}
.btn-dropdown-search:hover {cursor: pointer;background: #002a6d;}
.btn-dropdown-search:focus {outline:0px;}

/* HEADER STORE LOCATION */
.header-storeloc {display: inline-block;float: left;}
.header-storeloc .dropdown-menu {padding:0px;margin:0px;border:0px;min-width: inherit;border-radius: 0;width:520px;margin-left: -5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}
.btn-storeloc {background: #001941;color: #fff;height:80px;width:80px;border: 0px;padding: 0px;margin: 0px;}
.btn-storeloc:hover {cursor: pointer;background: #002a6d;}
.btn-storeloc[aria-expanded="true"] .fa-map-marker:before {content: "\f00d";} /* Change from icon when collapse */
/*.header-storeloc .store-locator-row {height:200px;}*/
.header-storeloc .store-locator-row {font-size:80%;}
.header-storeloc .store-locator-row ul {padding:20px;margin:0px;}
.header-storeloc .store-locator-row .store-locator-image {display: flex;align-items: center;justify-content: center;}
.header-storeloc .store-locator-row .store-locator-image img {width:100%;}
.header-storeloc .store-locator-row .store-locator-text {display: flex;align-items: center;justify-content: center;}
.header-storeloc .store-locator-row .store-locator-text li:first-child {text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 5px;margin-bottom: 5px;}

/* HEADER CURRENCY */
.header-currency {display: inline-block;float: left;}
.header-currency .dropdown-menu {padding:0px;margin:0px;border:0px;min-width: inherit;text-align: center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}
.header-currency .dropdown-menu .dropdown-item{background: #002a6d;color: #fff;height:80px;width:80px;line-height: 80px;padding: 0px;margin: 0px;}
.header-currency .dropdown-menu .dropdown-item:hover{background: #001941;}
.btn-currency {background: #001941;color: #fff;height:80px;width:80px;border: 0px;padding: 0px;margin: 0px;font-size: 120%;font-weight: 700;}
.btn-currency:hover {cursor: pointer;background: #002a6d;}
.btn-currency:focus {outline:0px;}

/* HEADER LANGUAGE */
.header-language {display: inline-block;float: left;}
.header-language .dropdown-menu {padding:0px;margin:0px;border:0px;min-width: inherit;text-align: center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}
.header-language .dropdown-menu .dropdown-item{background: #002a6d;color: #fff;height:80px;width:80px;line-height: 80px;padding: 0px;margin: 0px;}
.header-language .dropdown-menu .dropdown-item:hover{background: #001941;}
.btn-language {background: #001941;color: #fff;height:80px;width:80px;border: 0px;padding: 0px;margin: 0px;font-weight: 700;}
.btn-language:hover {cursor: pointer;background: #002a6d;}
.btn-language:focus {outline:0px;}

/* HEADER REVIEWS */
.nav-reviews-wrapper {width:250px;height: 80px; float: left;display: flex; justify-content: center; align-items: center;background: #ffffff;}
.nav-reviews {font-size: 16px;color: #6c757d;vertical-align: middle;}
.nav-reviews .fa {color: #ffc107;}

/* HEADER LOGIN */
.header-login {display: inline-block;float: left;}
.btn-login {background: #001941;color: #fff;height:80px;width:80px;border: 0px;padding: 0px;margin: 0px;}
.btn-login:hover {cursor: pointer;background: #002a6d;}

/* HEADER REGISTER */
.header-register {display: inline-block;float: left;}
.btn-register {background: #001941;color: #fff;height:80px;width:80px;border: 0px;padding: 0px;margin: 0px;}
.btn-register:hover {cursor: pointer;background: #002a6d;}

/* HEADER TEXT */
.header-text {display: inline-block;float: left;}
.btn-text {background: #001941;color: #fff;height:80px;line-height: 80px;border: 0px;padding: 0px 20px;margin: 0px;}
.btn-text:hover {cursor: pointer;background: #002a6d;}

/* Navigation Overlay */
.overlay {height: 100%;/*width: 0;*/ width: 100%; display:none;position: fixed;z-index: 1;left: 0;top: 0;background:#fff;/*background-color: rgba(255,255,255, 0.98);*/overflow-x: hidden;/*transition: 0.5s;*/z-index: 1040;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.overlay-content {position: relative;top: 25%;width: 100%;text-align: center;margin-top: 30px;}
/*.overlay a {padding: 8px;text-decoration: none;font-size: 24px;color: #818181;display: block;transition: 0.3s;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}*/
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;z-index: 99999;}

@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {font-size: 40px;top: 15px;right: 35px;}
}

/* HEADER INDEX */
.header-index {position:absolute;top:50px;left:50px;}
.starter-preset-1 .header-index .headerbar {background:transparent;}

/* Shrink */
.header-index.shrink {top:0px; left:0px;}
.header-index.shrink .header-wrapper {box-shadow:none;}
.header-index.shrink .headerbar {background:#17a2b8;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}


/* HEADER 1 */
.starter-preset-1 .btn-navigation:hover {background: #52525a;}
.starter-preset-1 .btn-cart:hover {background: #52525a;}
.starter-preset-1 .btn-search:hover {background: #52525a;}
.starter-preset-1 .btn-dropdown-search:hover {background: #52525a;}
.starter-preset-1 .btn-storeloc:hover {background: #52525a;}
.starter-preset-1 .btn-currency:hover {background: #52525a;}
.starter-preset-1 .header-currency .dropdown-menu .dropdown-item:hover {background: #52525a;}
.starter-preset-1 .btn-language:hover {background: #52525a;}
.starter-preset-1 .header-language .dropdown-menu .dropdown-item:hover {background: #52525a;}
/* HEADER 2 */


/* HEADER 3 */
.header-3 {padding-bottom: 80px;}
.header-3 .headerbar {background: #001941;}
/*.header-3 .btn-navigation, .header-3 .btn-cart, .header-3 .btn-search, .header-3 .btn-dropdown-search, .header-3 .btn-currency, .header-3 .btn-language {background: #372611;}
.header-3 .btn-navigation:hover, .header-3 .btn-cart:hover, .header-3 .btn-search:hover, .header-3 .btn-dropdown-search:hover , .header-3 .btn-currency:hover, .header-3 .btn-language:hover {background: #542900;}*/

/* HEADER 4 */
.header-4 .btn-navigation {width:160px;}
.header-4 .navigation-text {display:inline-block;padding-left: 10px;}
.header-4 .btn-cart {width:160px;}
.header-4 .cart-text {display:inline-block;padding-left: 10px;}
.header-4 .btn-search {width:160px;}
.header-4 .search-text {display:inline-block;padding-left: 10px;}
.header-4 .header-search .dropdown-menu {width:680px;}


/* ------------- Ultra Large ------------- */
@media (min-width: 1440px) {

}

/* ------------- Large PC ------------- */
@media (min-width: 1200px) {

}

/* ------------- Medium Tablet ------------- */
@media (min-width: 768px) and (max-width: 1199px) {

  
}

/* ------------- Small Mobile -------------  */
@media (max-width: 767px) {
	.header-index {top: 0;left: 0;}
	.headerbar {height: 60px;}
  .btn-navigation {height: 60px;width: 60px;}
  .btn-cart {height: 60px;width: 60px;}
  .btn-search {height: 60px;width: 60px;}
  .header-logo {width: calc(100% - 180px);height: 60px;}
  .header-logo-image .img-logo {height: 60px;}
  .header-wrapper {width: 100%;background: #fff;}
  .menu-wrapper {padding-top: 20px; z-index: 9999;}
  .menu-pages {padding-right: 15px;}
  .overlay .closebtn {top: -10px;right: 15px;}
  .menu-wrapper .category-card figure img {-webkit-transform: none; transform: none; -webkit-transition: inherit; transition: inherit;}
  /* Cart*/
  .header-cart .dropdown-menu {width: 100%;}
  .header-cart .cart-items-total {height: 60px;line-height: 60px;}
  .btn-cart .fa-2x {font-size: inherit;}
  .cart-count {height: 60px; line-height: 60px; left: 60px; width: 60px;}
  /* Search */
  .header-search .dropdown-menu {width: 100%;}
  .btn-dropdown-search {height: 60px;width: 60px;}
  
  /* Updated to include store locator */
  .headerbar {height: 50px;}
  .btn-navigation {height: 50px;width: 50px;}
  .btn-cart {height: 50px;width: 50px;}
  .btn-search {height: 50px;width: 50px;}
  .btn-storeloc {height: 50px!important;width: 50px!important;}
  .header-logo {width: calc(100% - 150px);height: 50px;}
  .header-logo-image .img-logo {height: 50px;}
  .cart-count {height: 50px; line-height: 50px; left: 50px; width: 50px;}
  .header-logo-locator {width: calc(100% - 200px)!important;height: 50px;}
  .header-storeloc .dropdown-menu {width: 100%;}
}