.grid{width:100%;display:block;padding:0}.grid.wide{max-width:1200px;margin:0 auto}.row{display:flex;flex-wrap:wrap;margin-left:-4px;margin-right:-4px}.row.no-gutters{margin-left:0;margin-right:0}.col{padding-left:4px;padding-right:4px}.row.no-gutters .col{padding-left:0;padding-right:0}.c-0{display:none}.c-1{flex:0 0 8.33333%;max-width:8.33333%}.c-2{flex:0 0 16.66667%;max-width:16.66667%}.c-3{flex:0 0 25%;max-width:25%}.c-4{flex:0 0 33.33333%;max-width:33.33333%}.c-5{flex:0 0 41.66667%;max-width:41.66667%}.c-6{flex:0 0 50%;max-width:50%}.c-7{flex:0 0 58.33333%;max-width:58.33333%}.c-8{flex:0 0 66.66667%;max-width:66.66667%}.c-9{flex:0 0 75%;max-width:75%}.c-10{flex:0 0 83.33333%;max-width:83.33333%}.c-11{flex:0 0 91.66667%;max-width:91.66667%}.c-12{flex:0 0 100%;max-width:100%}.c-o-1{margin-left:8.33333%}.c-o-2{margin-left:16.66667%}.c-o-3{margin-left:25%}.c-o-4{margin-left:33.33333%}.c-o-5{margin-left:41.66667%}.c-o-6{margin-left:50%}.c-o-7{margin-left:58.33333%}.c-o-8{margin-left:66.66667%}.c-o-9{margin-left:75%}.c-o-10{margin-left:83.33333%}.c-o-11{margin-left:91.66667%}@media (min-width: 740px){.row{margin-left:-8px;margin-right:-8px}.col{padding-left:8px;padding-right:8px}.m-0{display:none}.m-1,.m-2,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9,.m-10,.m-11,.m-12{display:block}.m-1{flex:0 0 8.33333%;max-width:8.33333%}.m-2{flex:0 0 16.66667%;max-width:16.66667%}.m-3{flex:0 0 25%;max-width:25%}.m-4{flex:0 0 33.33333%;max-width:33.33333%}.m-5{flex:0 0 41.66667%;max-width:41.66667%}.m-6{flex:0 0 50%;max-width:50%}.m-7{flex:0 0 58.33333%;max-width:58.33333%}.m-8{flex:0 0 66.66667%;max-width:66.66667%}.m-9{flex:0 0 75%;max-width:75%}.m-10{flex:0 0 83.33333%;max-width:83.33333%}.m-11{flex:0 0 91.66667%;max-width:91.66667%}.m-12{flex:0 0 100%;max-width:100%}.m-o-1{margin-left:8.33333%}.m-o-2{margin-left:16.66667%}.m-o-3{margin-left:25%}.m-o-4{margin-left:33.33333%}.m-o-5{margin-left:41.66667%}.m-o-6{margin-left:50%}.m-o-7{margin-left:58.33333%}.m-o-8{margin-left:66.66667%}.m-o-9{margin-left:75%}.m-o-10{margin-left:83.33333%}.m-o-11{margin-left:91.66667%}}@media (min-width: 1113px){.row{margin-left:-12px;margin-right:-12px}.row.sm-gutter{margin-left:-5px;margin-right:-5px}.col{padding-left:12px;padding-right:12px}.row.sm-gutter .col{padding-left:5px;padding-right:5px}.l-0{display:none}.l-1,.l-2,.l-2-4,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9,.l-10,.l-11,.l-12{display:block}.l-1{flex:0 0 8.33333%;max-width:8.33333%}.l-2{flex:0 0 16.66667%;max-width:16.66667%}.l-2-4{flex:0 0 20%;max-width:20%}.l-3{flex:0 0 25%;max-width:25%}.l-4{flex:0 0 33.33333%;max-width:33.33333%}.l-5{flex:0 0 41.66667%;max-width:41.66667%}.l-6{flex:0 0 50%;max-width:50%}.l-7{flex:0 0 58.33333%;max-width:58.33333%}.l-8{flex:0 0 66.66667%;max-width:66.66667%}.l-9{flex:0 0 75%;max-width:75%}.l-10{flex:0 0 83.33333%;max-width:83.33333%}.l-11{flex:0 0 91.66667%;max-width:91.66667%}.l-12{flex:0 0 100%;max-width:100%}.l-o-1{margin-left:8.33333%}.l-o-2{margin-left:16.66667%}.l-o-3{margin-left:25%}.l-o-4{margin-left:33.33333%}.l-o-5{margin-left:41.66667%}.l-o-6{margin-left:50%}.l-o-7{margin-left:58.33333%}.l-o-8{margin-left:66.66667%}.l-o-9{margin-left:75%}.l-o-10{margin-left:83.33333%}.l-o-11{margin-left:91.66667%}}@media (min-width: 740px) and (max-width: 1024px){.wide{width:644px}}@media (min-width: 1025px) and (max-width: 1239px){.wide{width:984px}.wide .row{margin-left:-12px;margin-right:-12px}.wide .row.sm-gutter{margin-left:-5px;margin-right:-5px}.wide .col{padding-left:10px;padding-right:10px}.wide .row.sm-gutter .col{padding-left:5px;padding-right:5px}.wide .l-0{display:none}.wide .l-1,.wide .l-2,.wide .l-2-4,.wide .l-3,.wide .l-4,.wide .l-5,.wide .l-6,.wide .l-7,.wide .l-8,.wide .l-9,.wide .l-10,.wide .l-11,.wide .l-12{display:block}.wide .l-1{flex:0 0 8.33333%;max-width:8.33333%}.wide .l-2{flex:0 0 16.66667%;max-width:16.66667%}.wide .l-2-4{flex:0 0 20%;max-width:20%}.wide .l-3{flex:0 0 25%;max-width:25%}.wide .l-4{flex:0 0 33.33333%;max-width:33.33333%}.wide .l-5{flex:0 0 41.66667%;max-width:41.66667%}.wide .l-6{flex:0 0 50%;max-width:50%}.wide .l-7{flex:0 0 58.33333%;max-width:58.33333%}.wide .l-8{flex:0 0 66.66667%;max-width:66.66667%}.wide .l-9{flex:0 0 75%;max-width:75%}.wide .l-10{flex:0 0 83.33333%;max-width:83.33333%}.wide .l-11{flex:0 0 91.66667%;max-width:91.66667%}.wide .l-12{flex:0 0 100%;max-width:100%}.wide .l-o-1{margin-left:8.33333%}.wide .l-o-2{margin-left:16.66667%}.wide .l-o-3{margin-left:25%}.wide .l-o-4{margin-left:33.33333%}.wide .l-o-5{margin-left:41.66667%}.wide .l-o-6{margin-left:50%}.wide .l-o-7{margin-left:58.33333%}.wide .l-o-8{margin-left:66.66667%}.wide .l-o-9{margin-left:75%}.wide .l-o-10{margin-left:83.33333%}.wide .l-o-11{margin-left:91.66667%}}:root{--primary-color: #007c2b}*{box-sizing:inherit}html{font-size:62.5%;line-height:2rem;font-family:Open Sans,sans-serif;box-sizing:border-box}a{text-decoration:none}header{display:flex;align-items:center;padding:10px 95px;height:90px;box-shadow:0 5px 20px #00000040;justify-content:space-between;position:fixed;width:100%;top:0;left:0;background-color:#fff;z-index:50}.header-logo{display:block;width:80px}.header-menu{list-style:none;display:flex;padding:0;margin:0;gap:15px}.header-menu__item{cursor:pointer;position:relative}.header-menu__item>a{display:block;padding:10px;font-weight:700;font-size:1.6rem;line-height:2.2rem;color:#000;transition:color .2s ease}.header-menu__item>a>i{cursor:pointer;position:relative;top:-2px;font-size:1rem;margin-left:4px;transition:color .2s ease}.header-sub-menu{background-color:#fff;position:absolute;display:block;padding:5px 0;margin:0;list-style:none;border:1px solid #eee;min-width:200px;top:100%;border-radius:1px;box-shadow:0 0 1px #eee;z-index:1;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.header-sub-menu__item>a{font-size:1.6rem;color:#000;display:block;padding:6px 10px;line-height:2.2rem;transition:color .2s ease}.header-menu__item:hover>a,.header-menu__item:hover>a>i,.header-sub-menu__item:hover>a{color:var(--primary-color)}.header-menu__item.header-menu__item--active>a{color:var(--primary-color)}.header-menu__item:hover .header-sub-menu{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.header-search{display:flex;align-items:center}.header-search__input{height:45px;width:300px;padding:15px 22px;border:1px solid #ccc;outline:none;font-size:1.4rem;border-radius:50px 0 0 50px;box-shadow:0 4px 4px #00000040}.header-search__btn{height:45px;padding:14px;border:1px solid #ccc;border-left:none;background-color:#fff;cursor:pointer;border-radius:0 50px 50px 0;box-shadow:0 4px 4px #00000040}.header-search__btn i{font-size:1.8rem;color:#333}.primary-btn{font-size:1.6rem;line-height:2.2rem;padding:10px 15px;background-color:var(--primary-color);color:#fff;border-radius:50px;font-weight:700;box-shadow:0 4px 4px #00000040;display:inline-block}.primary-btn:hover{box-shadow:0 4px 10px #00000040;filter:brightness(1.1);transition:all .2s ease}.header-right{margin:0;padding:0;list-style:none;display:flex;align-items:center}.header-right__item{display:inline-block;position:relative;font-size:2.2rem;line-height:3rem;color:var(--primary-color)}.header-right__item:first-child{margin-right:15px;padding:5px}.header-right__item>a{color:var(--primary-color);padding:5px;display:block}.cart-icon{position:relative;color:var(--primary-color)}.cart-quantity{position:absolute;top:-1px;right:-3px;font-size:1rem;text-align:center;width:15px;height:15px;line-height:1.5rem;background-color:#fff;color:var(--primary-color);font-weight:700;border-radius:50%;box-shadow:1px 1px 3px #000;border:.5px solid #ccc}.cart-quantity.mobile{display:none}.header-right__item:hover .user-action{display:block}.user-action{display:none;position:absolute;top:100%;width:150px;left:50%;transform:translate(-50%);padding:5px 15px;background-color:#fff;box-shadow:0 20px 50px 10px #0000000d;border:1px solid #eee;border-top:2px solid #eee;z-index:1}.user-action>a{display:block;line-height:3.2rem;font-size:1.6rem;color:#000}.user-action>a:hover{color:var(--primary-color);font-weight:700}.user-action>button{display:block;line-height:3.1rem;font-size:1.6rem;color:#000;background-color:#fff;border:none;margin-left:-5px}.user-action>button:hover{color:var(--primary-color);font-weight:700}.header-mobile,.modal-menu,.modal-search{display:none}.header-banner{background-color:red;width:100%;height:600px}.header-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}footer{background-color:#000}.footer-logo{width:150px}.footer-heading{color:#fff;font-size:2.4rem;line-height:3.1rem;margin:0 0 24px;font-family:Lora,serif}.footer-address__list,.footer-menu__list{list-style:none;padding:0}.footer-address__item{margin-bottom:16px;color:#999;font-size:1.6rem;line-height:2.2rem}.footer-address__item i,.footer-menu__item i{margin-right:10px}.footer-menu__item{margin-bottom:12px;color:#999;font-size:1.6rem;line-height:2.2rem}.footer-menu__item a{color:#999;transition:all .3s ease}.footer-menu__item a:hover{color:#fff}.main-footer{border-bottom:1px solid rgba(256,256,256,.1);padding:80px 0 40px}.sub-footer{padding:40px 0}.sub-footer>div{display:flex;justify-content:space-between;align-items:center}.copyright-title{font-size:1.6rem;line-height:2.2rem;color:#999}.social-link{padding:3px}.social-icon{font-size:1.6rem;color:#999;margin:0 10px}.social-icon:hover{color:var(--primary-color)}@media (max-width: 1024px){header{display:none}.header-mobile{height:75px;padding:5px 0;display:block}.header-mobile .col{display:flex;justify-content:center;align-items:center}.primary-btn{padding:10px 12px;font-size:1.4rem;line-height:2rem}.header-logo{width:60px}.modal-menu{display:block;background:url(../images/background/bg-icon.png);background-size:contain;list-style:none;padding:10px 0;margin:0;box-shadow:0 4px 4px #00000040,inset 0 4px 10px #00000040;width:100%;transform:translateY(-150%);transition:transform .3s ease;z-index:1000;background-color:#fff;position:fixed;top:75px;left:0}.modal-menu.active{transform:translateY(0)}.modal-menu__item{display:flex;align-items:center;justify-content:center;gap:30px}.modal-menu__item-icon{font-size:2.5rem;line-height:3.2rem;color:var(--primary-color);position:relative;display:inline-block;padding:10px}.modal-menu__item-text{font-size:1.6rem;line-height:2.2rem;font-weight:700;text-shadow:0 4px 4px rgba(0,0,0,.25);padding:10px;color:#000}.cart-quantity.mobile{display:inline;top:4px;right:2px}.header-right-mobile{display:flex;align-items:center;gap:20px}.header-search-mobile,.header-menu-mobile{font-size:2.1rem;color:var(--primary-color);display:block}.header-menu-mobile{padding:8px 10px;color:#fff;background-color:var(--primary-color)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:999;display:block}.overlay.active{opacity:1;visibility:visible}.modal-search{display:none;align-items:center;box-shadow:0 4px 4px #00000040;z-index:1000;background-color:#fff;position:fixed;top:75px;left:0;width:100%}.modal-search.active{display:flex}.modal-search__input{height:50px;width:85%;padding:15px 22px;border:1px solid #ccc;outline:none;font-size:1.4rem}.modal-search__btn{width:15%;height:50px;padding:14px;border:1px solid #ccc;border-left:none;background-color:#fff;cursor:pointer}.modal-search__btn i{font-size:1.8rem;color:#333}}@media (min-width: 740px) and (max-width: 1024px){.footer-none{display:none}}@media (max-width: 739px){footer{padding:0 20px;text-align:center}.main-footer{padding:60px 0 30px}.footer-logo{width:125px}.footer-address{margin-top:20px}.footer-heading,.footer-none{display:none}.sub-footer{padding:30px 0}.sub-footer>div{flex-direction:column}.copyright-title{margin-bottom:20px}}