/*
Template for Lightspeed/Magento/Wordpress
Template name: VisualTheme
Template author: Crivex
Template description: Responsive e-commerce template
Template version: 1.0
*/

/* ========================
   1. HEADER
======================== */

/* Header */
.header1 {padding-top: 90px;}
.header2 {padding-top: 0px;}
.header3 {padding-top: 0px;}
.header4 {padding-top: 0px;}

/* Header 2 */
.header2 .navbar-fixed-top {top: 40px;}
.header2 .navbar-fixed-top.shrink {top: 0px;}
.header2 .topbar {height: 40px;margin-bottom: 90px;background: #fff;border-bottom: 1px solid #DEDEDE;}
.header2 .topbar-dropdown {cursor: pointer;}
.header2 .topbar .topbarright a {color: #333;}
.header2 .topbar .topbarphone {padding:10px 0px 10px 0px;}
.header2 .topbar .topbarcart {position:relative;float:right;padding: 10px 15px 10px 15px;border-left: 1px solid #DEDEDE;}
.header2 .topbar .topbaraccount {position:relative;float:right;padding: 10px 15px 10px 15px;border-left: 1px solid #DEDEDE;}
.header2 .topbar .topbarcurrencies {position:relative;float:right;padding: 10px 15px 10px 15px;border-left: 1px solid #DEDEDE;text-transform: uppercase;}
.header2 .topbar .topbarlanguages {position:relative;float:right;padding: 10px 15px 10px 15px;border-left: 1px solid #DEDEDE;text-transform: uppercase;}
.header2 .topbar .topbar-dropdown-menu {top: 28px;left: -16px;z-index: 9999999;border-radius: 0px;padding:0px;border-color:#DEDEDE;}
.header2 .topbar .topbarcurrencies .topbar-dropdown-menu {min-width: 74px;}
.header2 .topbar .topbarlanguages .topbar-dropdown-menu {min-width: 63px;}
.header2 .topbar .dropdown-menu>li>a:hover, .header2 .topbar .dropdown-menu>li>a:focus {background-color: #DEDEDE;}
.header2 .dropdown-menu.cart-wrapper {top: 28px;border-radius: 0px;border: 1px solid #DEDEDE;left:inherit;right: 0;z-index: 999999;}
.header2 .cart-wrapper .cart-checkout-button {padding:10px;background-color: #f8f8f8;}
.header2 .cart-wrapper .cart-checkout-button a {color: #333;}

/* Header 3 */
.header3 .navbar-fixed-top {top: 141px;height: 55px;}
.header3 .navbar-fixed-top.shrink {top: 0px;}
.header3 .topbar {margin-bottom: 0px;background: #fff;border-bottom: 1px solid #DEDEDE;}
.header3 .topbar-dropdown {cursor: pointer;}
.header3 .topbar .topbarright a {color: #333;}
.header3 .topbar .topbarphone {padding:10px 0px 10px 0px;}
.header3 .topbar .topbarcart {position:relative;float:right;padding: 10px 15px 10px 15px;border-left: 1px solid #DEDEDE;}
.header3 .topbar .topbaraccount {position:relative;float:right;padding: 10px 15px 10px 15px;border-left: 1px solid #DEDEDE;}
.header3 .topbar .topbarcurrencies {position:relative;float:right;padding: 10px 15px 10px 15px;border-left: 1px solid #DEDEDE;text-transform: uppercase;}
.header3 .topbar .topbarlanguages {position:relative;float:right;padding: 10px 15px 10px 15px;border-left: 1px solid #DEDEDE;text-transform: uppercase;}
.header3 .topbar .topbar-dropdown-menu {top: 28px;left: -16px;z-index: 9999999;border-radius: 0px;padding:0px;border-color:#DEDEDE;}
.header3 .topbar .topbarcurrencies .topbar-dropdown-menu {min-width: 74px;}
.header3 .topbar .topbarlanguages .topbar-dropdown-menu {min-width: 63px;}
.header3 .topbar .dropdown-menu>li>a:hover, .header3 .topbar .dropdown-menu>li>a:focus {background-color: #DEDEDE;}
.header3 .logobar {height: 100px;margin-bottom: 55px;background: #fff;border-bottom: 1px solid #DEDEDE;}
.header3 .logobar .navbar-brand {padding:inherit;}
.header3 .logobar .logobar-logo img {height: 99px;/*100px*/}
.header3 .logobar .logobar-logo {text-align: center;}
.header3 .dropdown-menu.cart-wrapper {top: 28px;border-radius: 0px;border: 1px solid #DEDEDE;left:inherit;right: 0;z-index: 999999;}
.header3 .cart-wrapper .cart-checkout-button {padding:10px;background-color: #f8f8f8;}
.header3 .cart-wrapper .cart-checkout-button a {color: #333;}

/* Header 4 */
.header4 .navbar-default {background: rgba(0, 0, 0, 0.8);border-color: rgba(255, 255, 255, 0.1);}
.header4 nav.navbar.navbar-default.navbar-fixed-top.shrink {background: rgba(0, 0, 0, 0.5);border-color: rgba(225, 255, 255, 0.5);}
/*.header4 .navbar-default .navbar-nav>li>a {text-transform: uppercase;}*/
.header4 .navbar-default .navbar-nav>.active>a, .header4 .navbar-default .navbar-nav>.active>a:hover, .header4 .navbar-default .navbar-nav>.active>a:focus {background-color: rgba(0, 0, 0, 0.5)!important;}

/* Navigation */
.nav>li>a {padding: 10px 10px;}
.navbar-default {background-color: #fff;border-color: #dedede;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: 380px;}
nav .navbar-nav a {padding-top: 35px;padding-bottom: 35px;/*font-size: 13px;*/ font-size:16px; font-weight:bold;}
nav .dropdown-menu {padding: 0px 0px;border-radius: 0px;}
nav .dropdown-menu a {padding-top: 10px;padding-bottom: 10px;font-size: 13px;}
nav .navbar-brand {padding-left: 0px;}
nav .navbar-brand img {max-height: 50px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
nav.shrink .navbar-nav a {padding-top: 15px;padding-bottom: 15px;;font-size: 13px;}
nav.shrink .navbar-brand {padding: 0px;}
nav.shrink .navbar-brand img {max-height: 50px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {border: 0px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background-color: #dedede;}

/* Submenu */
.custom-submenu {display: block;width: 60px;height: 50px;position: absolute;right: 0;z-index: 950;cursor: pointer;background-color: lightgray;}
.custom-submenu-icon {display: block;width:23px;height:23px;position: absolute;top:15px;right:13px;}
.custom-menu li.active > ul {visibility: visible;}
.btn-go {color: #777;background-color: #f8f8f8;border: 1px solid #dedede;padding: 6px 12px;}

/* LIVE CART */
.cart-wrapper .cart-image-container {float: left;width: 42px;heigth: 42px;margin-right: 15px;border: 1px solid #969186;}
.custom-menu li li .cart-image-container a {padding: 0px;}
nav.shrink .cart-wrapper .product-name a, .cart-wrapper .product-name a {display: inherit;padding: 0px;color: inherit;background-color: inherit;font-size: 13px;line-height: inherit;border:none;}
.cart-wrapper {color: #777;}
.cart-wrapper .cart-products {}
.cart-wrapper .product-name, .cart-wrapper .product-price-container {text-align: left;}
.cart-wrapper .product-name, .cart-wrapper .product-price, .cart-wrapper .product-old-price {font-size: 13px;}
.cart-wrapper .product-name {margin: -2px 0 8px;padding-right: 30px;padding-top: 3px;}
.cart-wrapper .cart-checkout {}
.cart-wrapper .cart-checkout-button {display: inline-block;width: 49%; text-align: center;border: 1px solid #dedede;}
.cart-checkout-button a {background-color: #f8f8f8!important;}

/* ========================
   2. RESPONSIVE
======================== */

/* CENTER TEXT ON MOBILE */
@media (max-width: 992px) {
  .custom-menu li a {background: #fff;}
  nav .navbar-brand {padding: 0px;}
  .header2 .topbar {margin-bottom: 51px;}
  .header3 .topbar {margin-bottom: 51px;}
  .header3 .logobar {display:none;}
  .header3 .navbar-fixed-top {top: 41px;}
  .hidemob {display:none!important;}
  .centermob {text-align:center!important;}
  .floatmob {float:initial!important;}
  .pt15mob {padding-top:0.75em!important;}
  .pt30mob {padding-top:1.5em!important;}
  .custom-menu li ul li a {padding-left:45px;}
  .custom-menu li ul li ul li a {padding-left:75px;}
  nav .navbar-brand img {height: 40px;padding-bottom: 0px;padding-top: 10px;padding-left: 10px;}
  .header1 {padding-top: 50px;}
  .header2 {padding-top: 0px;}
  .header4 .navbar-toggle {background-color: #fff;}
  .header4 .navbar-default .navbar-toggle:hover, .header4 .navbar-default .navbar-toggle:focus {background-color: #fff;}
  nav .navbar-nav a, nav.shrink .navbar-nav a {padding: 15px 15px; border-bottom: 1px solid #e7e7e7;min-height:51px;}
  .navbar-nav {margin: 0px -15px;}
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {background: #fff;}
  .custom-menu li a {color: #888377;display: block;position: relative;}
  .custom-menu li ul {display: none;}
  .dropdown.li-search {display:none;}
  li.search-wrapper-mob {background: #e7e7e7;color: #888377;position: relative;font-size: 15px;padding: 15px 15px;border-bottom: 1px solid #e7e7e7;height:50px;}
  .search-btn{display: block;width: 60px;height: 50px;position: absolute;right: 0;top:0;z-index: 950;cursor: pointer;background: #e7e7e7;border:none;}
  .search-placeholder{background: #e7e7e7;border:none;}
  .floatleft.centermob {float:inherit; text-align:center!important;}
}

@media (min-width: 992px) and (max-width: 992px) {
  nav .navbar-brand img {padding-bottom: 20px;padding-top: 20px;padding-left: 10px;}
}

@media (min-width: 768px) {
.header4 .navbar-default .navbar-nav>li>a {color: #fff!important;}
}

@media (min-width: 992px) {
  .header1 .navbar-right {max-width: 850px;}
  .header2 .navbar-right {max-width: 850px;}
  .header3 .navbar>.container .navbar-brand {display: none;}
  .header3 .navbar-right {display: inline-block!important;text-align: left!important;float: inherit!important;}
  .header3 .navbar-fixed-top .navbar-collapse {text-align: center!important;}
  .header3 nav .navbar-nav a {padding-top: 18px;padding-bottom: 17px;}
  .custom-menu li ul {visibility: hidden;}
  .custom-menu li .cart-wrapper, .cart-wrapper {width: 350px;padding: 10px;}
  .showmob {display:none!important;}
  .custom-menu li ul {position: absolute;width: 200px;border: 1px solid #e7e7e7;top: 100%;}
  .custom-menu  li .search-wrapper {width: 272px;padding: 10px;}
  .custom-menu  li .search-wrapper .btn {border-radius: 0px;}
  .custom-menu  li .search-wrapper .navbar-form {padding:0px;margin:0px;}
  nav.shrink .custom-menu li li a {padding: 10px 10px;font-size: 13px;}
  .custom-menu li li a {display: block;padding: 10px 10px;color:#777;background-color: #fff;font-size: 13px;line-height: 20px;}
  .custom-menu li li a:hover {background-color: #dedede;}
  .custom-submenu {visibility: hidden;}
  .custom-menu li ul ul {top: -1px;/*0*/left: -200px;}
  .custom-menu li {position: relative;}
  li.search-wrapper-mob {display: none;}
}