@import url(_variables.scss);header{background-color:#FFFFFF;box-shadow:var(--shadow);border-bottom:2px solid var(--grey-2);transition:background-color 0.5s ease}header.scrolled{background-color:rgba(255,255,255,0.8);border-bottom:0 transparent}header.scrolled .header-top .inner-header-top{height:0}@media (min-width: 992px){header.scrolled .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu{top:70px}}header .header-top{background-color:var(--grey-2)}header .header-top .inner-header-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;height:40px;overflow:hidden;transition:height 0.5s ease}header .header-top .inner-header-top .left{display:flex;align-items:center}header .header-top .inner-header-top .left .icon{margin-right:10px;line-height:0}header .header-top .inner-header-top .left .icon img{height:15px}header .header-top .inner-header-top .left .label{font-size:0.9rem;font-weight:600}header .header-top .inner-header-top .right-logo img{height:30px}header .header-inner{min-height:70px}header .header-inner .logo{width:215px}header .header-inner .logo img{height:40px;width:auto;max-width:none}header .header-inner nav{width:calc(100% - 565px);padding-left:20px;background-color:transparent !important;position:static}header .header-inner nav .navbar-nav{position:static}header .header-inner nav .navbar-nav a{font-family:var(--font-menu)}@media (min-width: 992px){header .header-inner nav .navbar-nav>.nav-item{position:static}}header .header-inner nav .navbar-nav>.nav-item>a{color:#000000;padding-left:15px;padding-right:15px;position:relative;font-size:1.1rem}@media (min-width: 992px){header .header-inner nav .navbar-nav>.nav-item>a:after{display:none;content:'';height:0;width:0;position:absolute;top:calc(100% - 8px);left:50%;transform:translate(-50%, 0);border-bottom:10px solid var(--grey-2);border-left:10px solid transparent;border-top:0 transparent;border-right:10px solid transparent}}header .header-inner nav .navbar-nav>.nav-item>a:hover{color:var(--main-red)}header .header-inner nav .navbar-nav>.nav-item>a:hover .feather{stroke:var(--main-red)}header .header-inner nav .navbar-nav>.nav-item>a.dropdown-toggle:after{display:none}header .header-inner nav .navbar-nav>.nav-item>a.dropdown-toggle .feather{height:20px;width:20px}@media (min-width: 992px){header .header-inner nav .navbar-nav>.nav-item.dropdown{position:static}}@media (max-width: 992px){header .header-inner nav .navbar-nav>.nav-item.dropdown{display:flex;flex-direction:column-reverse}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu{margin:10px 0 !important}}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu{margin-top:-13px;border-radius:0;padding:15px 30px;box-shadow:var(--shadow);border:0 transparent;border-top:4px solid var(--grey-2)}@media (min-width: 992px){header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu{width:100%;max-width:1366px;left:50%;top:110px;transform:translate(-50%, 0);padding-bottom:30px}}@media (min-width: 992px){header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu.show+a:after{display:block}}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu{position:relative}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .close-main-menu{position:absolute;right:0;top:0;padding:0;text-decoration:none;color:var(--grey-3);display:flex;align-items:center}@media (max-width: 992px){header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .close-main-menu{display:none}}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .close-main-menu:hover{color:#000000}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .close-main-menu:hover .feather{stroke:#000000}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .close-main-menu .feather{width:25px;height:25px;stroke:var(--grey-3);margin-right:5px}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .side-list ul{list-style-type:none;margin:0;padding:0}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .side-list ul li a{font-size:1rem;padding:5px 0;display:block;text-decoration:none;color:var(--text-light)}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .side-list ul li a:hover{color:#000000}@media (max-width: 767px){header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category{padding:0}}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category .nav{margin:0 -20px;padding-right:115px}@media (max-width: 992px){header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category .nav{padding-right:0;justify-content:center}}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category .nav .nav-item{padding:0 20px}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category .nav .nav-item button{font-family:var(--font-menu);font-weight:600;text-transform:uppercase;border-radius:0;border-bottom:3px solid transparent;color:#000000;padding:5px 0}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category .nav .nav-item button:hover{color:var(--text-light)}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category .nav .nav-item button.active{background-color:transparent;border-bottom:3px solid #000000}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category .tab-content{padding-top:30px}@media (max-width: 992px){header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category .tab-content .category-list{max-height:40vh;overflow-x:auto}}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category .tab-content .category-list .category-item .category-image{margin-bottom:10px;width:70%;margin-left:auto;margin-right:auto}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category .tab-content .category-list .category-item .category-image img{width:100%}header .header-inner nav .navbar-nav>.nav-item.dropdown .dropdown-menu .inner-main-menu .content-category .tab-content .category-list .category-item .category-name{display:block;text-decoration:none;text-transform:uppercase;color:var(--grey-3);font-size:0.9rem;line-height:normal;text-align:center;font-family:var(--font-menu)}header .header-inner .header-right{width:350px;display:flex;justify-content:flex-end}header .header-inner .header-right .item-right{margin-left:10px}header .header-inner .header-right .item-right .dropdown-menu{border-radius:0;padding:15px 20px;box-shadow:var(--shadow);border:0 transparent;border-top:4px solid var(--grey-2);position:relative}header .header-inner .header-right .item-right .dropdown-menu:after{content:'';height:0;width:0;position:absolute;bottom:100%;left:13px;border-bottom:10px solid var(--grey-2);border-left:10px solid transparent;border-top:0 transparent;border-right:10px solid transparent}header .header-inner .header-right .search>.btn{color:var(--grey-3);text-decoration:none;line-height:0}header .header-inner .header-right .search>.btn:after{display:none}header .header-inner .header-right .search>.btn .feather{width:18px;height:18px;stroke:var(--grey-3);stroke-width:2.5}header .header-inner .header-right .search .dropdown-menu{min-width:270px;padding:15px}header .header-inner .header-right .search .dropdown-menu .input-group input{font-size:0.85rem;height:40px}header .header-inner .header-right .search .dropdown-menu .input-group .btn{line-height:0}header .header-inner .header-right .search .dropdown-menu .input-group .btn .feather{width:18px;height:18px;stroke:#FFFFFF;stroke-width:2}header .header-inner .header-right .search .dropdown-menu .suggestion{max-height:350px;overflow-x:auto;margin-top:15px}header .header-inner .header-right .search .dropdown-menu .suggestion::-webkit-scrollbar{width:5px;border-radius:3px}header .header-inner .header-right .search .dropdown-menu .suggestion::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.1);border-radius:3px}header .header-inner .header-right .search .dropdown-menu .suggestion::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.1);border-radius:3px}header .header-inner .header-right .search .dropdown-menu .suggestion .items .item{display:flex;align-items:center;padding:8px 0}header .header-inner .header-right .search .dropdown-menu .suggestion .items .item:not(:last-child){border-bottom:1px solid var(--grey-1)}header .header-inner .header-right .search .dropdown-menu .suggestion .items .item .image{width:40px;height:40px}header .header-inner .header-right .search .dropdown-menu .suggestion .items .item .image img{width:100%;height:100%;object-fit:cover}header .header-inner .header-right .search .dropdown-menu .suggestion .items .item .info{display:flex;justify-content:space-between;padding-left:10px;width:calc(100% - 40px)}header .header-inner .header-right .search .dropdown-menu .suggestion .items .item .info .product-code{font-size:0.85rem}header .header-inner .header-right .search .dropdown-menu .suggestion .items .item .info .price{font-size:0.75rem;font-weight:600}header .header-inner .header-right .user-guest>.btn{line-height:0}header .header-inner .header-right .user-guest>.btn .feather{width:20px;height:20px;fill:var(--grey-3);stroke:var(--grey-3);stroke-width:0}header .header-inner .header-right .user>.btn{line-height:0}header .header-inner .header-right .user>.btn:after{display:none}header .header-inner .header-right .user>.btn .feather{width:20px;height:20px;fill:var(--grey-3);stroke:var(--grey-3);stroke-width:0}header .header-inner .header-right .user .dropdown-menu{padding:10px 20px;min-width:220px}header .header-inner .header-right .user .dropdown-menu li:not(:last-child){border-bottom:1px solid var(--grey-2)}header .header-inner .header-right .user .dropdown-menu li a{padding:7px 0;color:var(--grey-3);text-transform:uppercase;font-size:0.85rem;font-family:var(--font-menu)}header .header-inner .header-right .user .dropdown-menu li a:hover{color:#000000;background-color:transparent}header .header-inner .header-right .wishlist>.btn{color:var(--grey-3);text-decoration:none;line-height:0}header .header-inner .header-right .wishlist>.btn .feather{width:19px;height:19px;fill:var(--grey-3);stroke:var(--grey-3);stroke-width:0}header .header-inner .header-right .cart>.btn{color:var(--grey-3);text-decoration:none;line-height:0;display:flex;align-items:center;position:relative}header .header-inner .header-right .cart>.btn:after{display:none}header .header-inner .header-right .cart>.btn .indicator-items-in-cart{width:17px;height:17px;border-radius:50%;background-color:#000000;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:0.6rem;font-weight:500;position:absolute;top:0;right:0;font-family:Arial, Helvetica, sans-serif;letter-spacing:-0.5px}header .header-inner .header-right .cart>.btn>span{font-size:18px;font-family:var(--font-menu);color:#000000;font-weight:600;margin-right:5px}header .header-inner .header-right .cart>.btn .feather{width:18px;height:18px;fill:var(--grey-3);stroke:var(--grey-3);stroke-width:2}header .header-inner .header-right .cart .dropdown-menu{min-width:310px}header .header-inner .header-right .cart .dropdown-menu:after{left:auto;right:13px}header .header-inner .header-right .cart .dropdown-menu .no-product{font-size:0.9rem;color:var(--grey-3);text-align:center;margin-bottom:15px}header .header-inner .header-right .cart .dropdown-menu .product-list{max-height:240px;overflow-x:auto}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item{display:flex;align-items:flex-start;border-bottom:1px solid var(--grey-2);padding:10px 0;position:relative;padding-right:25px}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item .remove{position:absolute;right:0;top:5px;padding:0;text-decoration:none;color:var(--grey-3)}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item .remove:hover .feather{stroke:#000000}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item .remove .feather{width:20px;height:20px;stroke:var(--grey-3)}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item:last-child{border-bottom:0 transparent}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item .product-image{width:60px}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item .product-image img{width:100%}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item .product-info{width:calc(100% - 60px);padding-left:10px}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item .product-info .product-name{font-family:var(--font-menu);color:var(--text-light);font-size:1rem;margin-bottom:5px;line-height:normal}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item .product-info .qty-price{display:flex;align-items:center;font-size:0.8rem}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item .product-info .qty-price .qty{color:var(--grey-3);margin-right:5px}header .header-inner .header-right .cart .dropdown-menu .product-list .product-item .product-info .qty-price .price{color:#000000;font-weight:600}header .header-inner .header-right .cart .dropdown-menu .subtotal{padding-top:10px;border-top:1px solid var(--grey-2);padding-bottom:10px;border-bottom:1px solid var(--grey-2);display:flex;align-items:center;justify-content:center}header .header-inner .header-right .cart .dropdown-menu .subtotal .label{color:var(--grey-3);margin-right:5px}header .header-inner .header-right .cart .dropdown-menu .subtotal .value{color:#000000;font-weight:600}header .header-inner .header-right .cart .dropdown-menu .actions{padding-top:15px}header .header-inner .header-right .cart .dropdown-menu .actions .btn{border-radius:0;display:block;width:100%;text-transform:uppercase;font-size:0.9rem;font-family:var(--font-menu);padding:8px 15px}header .header-inner .header-right .cart .dropdown-menu .actions .btn:first-child{margin-bottom:7px}@media (max-width: 992px){header .header-inner{justify-content:space-between !important}header .header-inner nav,header .header-inner .header-right{width:170px}header .header-inner nav{order:1;padding-left:0}header .header-inner nav .navbar-toggler{border:0 transparent;padding:5px 0}header .header-inner nav .navbar-collapse{position:absolute;width:100%;top:100%;left:0;background-color:rgba(255,255,255,0.9)}header .header-inner nav .navbar-collapse .navbar-nav{padding:0 10px}header .header-inner nav .navbar-collapse .navbar-nav>.nav-item>.nav-link{text-align:center;font-size:1.1rem}header .header-inner nav .navbar-collapse .navbar-nav>.nav-item .dropdown-menu .side-list{display:none}header .header-inner nav .navbar-collapse .navbar-nav>.nav-item .dropdown-menu .content-category{width:100%}header .header-inner .logo{order:2;width:auto}header .header-inner .logo img{height:35px}header .header-inner .header-right{order:3}header .header-inner .header-right .search,header .header-inner .header-right .wishlist,header .header-inner .header-right .cart>.btn>span{display:none}header .header-inner .header-right .user .dropdown-menu:after{left:auto;right:13px}}@media (max-width: 767px){header .header-inner nav,header .header-inner .header-right{width:95px}header .header-inner .logo img{height:20px}header .header-inner .item-right{margin-left:0 !important}}.modal-login-register .modal-content .modal-header{border-bottom:0 transparent}.modal-login-register .modal-content .modal-body{padding-top:0}@media (min-width: 992px){.modal-login-register .modal-content .modal-body{padding-left:25px;padding-right:25px}}.modal-login-register .modal-content .modal-body h2{font-size:1.2rem;font-weight:600;margin-bottom:20px}.modal-login-register .modal-content .modal-body form label{font-weight:500;line-height:1.4}.modal-login-register .modal-content .modal-body form .btn{min-width:95px;height:40px}@media (max-width: 768px){.modal-login-register .modal-content .modal-body .login{margin-bottom:20px}}.modal-login-register .modal-content .modal-body .login .lost-password{padding:15px 0}.modal-login-register .modal-content .modal-body .login .lost-password a{text-decoration:none;color:var(--text-light)}.modal-login-register .modal-content .modal-body .login .lost-password a:hover{color:#000000}.modal-login-register .modal-content .modal-body .register{border-left:1px solid var(--grey-1)}@media (max-width: 767px){.modal-login-register .modal-content .modal-body .register{border-left:0 transparent}}
