@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap";:root{--primary:#69ae14;--white:#fff;--black:#222;--grey1:#3a3b3c;--grey2:#828282}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%;overflow-x:hidden}body{background-color:var(--white);color:var(--black);font-family:Open Sans,sans-serif;font-size:1.6rem;font-weight:400}h1,h2,h3,h4,h5{font-weight:600}a{color:inherit;text-decoration:none}li{list-style:none}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:100vw}.container{margin:0 auto;max-width:80%}@media (max-width:1200px){.container{margin:0 auto}}@media (max-width:768px){.container{margin:0 auto;max-width:80%}}.d-flex{align-items:center;display:flex}nav{background-color:var(--white);height:8rem;left:0;line-height:8rem;position:fixed;top:0}.fix-nav,nav{width:100%;z-index:999}.fix-nav{box-shadow:0 5px 15px rgba(0,0,0,.3)}.nav .wrapper{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative}.wrapper .logo{height:100%}.wrapper .logo a{align-items:center;display:flex;height:100%;justify-content:center}.wrapper .nav-list{display:inline-flex}.nav-list li i{color:var(--grey2)}.nav-list a{border-radius:.5rem;color:var(--black);font-size:1.5rem;padding:.9rem 1.5rem;transition:all .3s ease}.nav-list a:hover{color:var(--primary)}.nav-list .drop-menu1,.nav-list .drop-menu2{background-color:var(--white);box-shadow:0 0 2px rgba(0,0,0,.1);line-height:4.5rem;opacity:0;position:absolute;top:8.5rem;transition:all .3s ease;visibility:hidden;width:20rem}.nav-list .drop-menu1 li a,.nav-list .drop-menu2 li a{border-radius:0;color:var(--grey2);display:block;font-size:1.5rem;padding:0 0 0 1.5rem;width:100%}.nav-list .drop-menu1 li a:hover{color:var(--primary)}.nav-list li:hover .drop-menu1,.nav-list li:hover .drop-menu2,.nav-list li:hover .mega-box{opacity:1;top:6.5rem;visibility:visible}.mega-box{background-color:var(--white);box-shadow:0 0 2px rgba(0,0,0,.1);left:0;opacity:0;padding:0 3rem;position:absolute;top:8rem;transition:all .3s ease;visibility:hidden;width:100%}.mega-box .content{display:flex;justify-content:space-between;padding:2.5rem rem;width:100%}.mega-box .content .row{line-height:4.5rem;width:calc(25% - 3rem)}.mega-box .content .row img{height:100%;object-fit:cover;width:100%}.mega-box .content .row header{color:var(--grey1);font-size:1.6rem;font-weight:700}.mega-box .content .row .mega-links{border:1px solid hsla(0,0%,100%,.09);margin-left:-4rem}.mega-box .content li{padding:0 2rem}.mega-box .content li a{color:var(--grey2);display:block;font-size:1.5rem;padding:0 2rem}.mega-box .content li a:hover{color:var(--primary)}.nav-list .mobile-item,.nav-list input{display:none}.wrapper .btn{color:var(--white);cursor:pointer;display:none;font-size:2rem}.nav-list .icons span{display:inline-block;margin:.5rem 1rem 0 0;padding:0;position:relative}.nav-list .icons .count{background-color:var(--primary);border-radius:50%;color:var(--white);font-weight:700;height:2rem;justify-content:center;padding:.5rem;position:absolute;right:-.8rem;top:.8rem}@media (max-width:968px){.wrapper .nav-list{background-color:var(--white);box-shadow:0 1.5rem 1.5rem rgba(0,0,0,0,.1);display:block;height:100%;left:-100%;line-height:5rem;max-width:100%;overflow-y:auto;position:fixed;top:0;transition:all .3s linear;width:100%}.wrapper .nav-list.show{left:0}.nav-list li{margin:1.5rem 1rem}.nav-list a{display:block;font-size:1.8rem;padding:0 2rem}.nav-list .drop-menu1,.nav-list .drop-menu2{max-height:0;opacity:1;overflow:hidden;padding-left:2rem;position:static;top:6.5rem;visibility:visible;width:100%}#showdrop1:checked~.drop-menu1,#showdrop2:checked~.drop-menu2,#showMega:checked~.mega-box{max-height:100%}.nav-list .drop-menu1 li a,.nav-list .drop-menu2 li a{color:var(--grey2);font-size:1.5rem}.nav-list .desktop-item{display:none}.nav-list .mobile-item{border-radius:.5rem;color:var(--black);cursor:pointer;display:block;font-size:1.8rem;padding-left:2rem}.nav-list .mobile-item:hover{color:var(--primary)}.mega-box{max-height:0;opacity:1;overflow:hidden;padding:0 2rem;position:static;top:6.5rem;transition:all .3s ease;visibility:visible}.mega-box .content{flex-direction:column;padding:2rem 2rem 0}.mega-box .content row{border-top:1px solid;margin-bottom:1.5rem;width:100%}.content .row:first-child,.content .row:nth-child(2){border-top:0}.content .row .mega-links{border-left:0;padding-left:2rem}.content .row .mega-links li{margin:0}.wrapper .btn{color:var(--black);display:block}.nav-list .top{background-color:var(--primary);display:block;height:8rem;position:relative;width:100%}.nav-list .close-btn{color:var(--white);position:absolute;right:2.5rem;top:1.5rem}.nav-list .icons{padding-left:2rem}}.hero{height:100vh;overflow:hidden;position:relative}.hero .row,.swiper-container{height:100%;width:100%}.hero .row{position:relative}.hero .row img{height:100%;object-fit:cover;width:100%}.hero .row .content{left:80px;position:absolute;top:50%;transform:translateY(-50%)}.hero .row .content h1{font-size:5rem;font-weight:700;line-height:1.2}.hero .row .content span{color:var(--primary)}.hero .row .content p{margin:1rem 0;width:70%}.hero .row .content a{background-color:var(--primary);border-radius:5px;color:var(--white);display:inline-block;margin-top:2rem;padding:1rem 2.5rem}.swiper-slide-active .content h1{animation:movebottom 1s ease-in-out}.swiper-slide-active .content a{animation:movetop 1s ease-in-out}.swiper-slide-active .content p{animation:moveleft 1s ease-in-out}@keyframes movebottom{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes movetop{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes moveLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.hero .arrows{opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .5s ease-in-out;visibility:hidden;width:100%;z-index:10}.hero:hover .arrows{opacity:1;visibility:visible}.arrows .swiper-next,.arrows .swiper-prev{background-color:var(--primary);border-radius:5px;color:var(--white);cursor:pointer;padding:.5rem .7rem;position:absolute}.arrows .swiper-prev{left:20px}.arrows .swiper-next{right:20px}@media (max-width:567px){.hero .row .content{left:20px}.hero .row .content h1{font-size:80%}.hero .row .content p{width:80%}}section{overflow:hidden;padding:10rem 0 5rem}section .title{margin-bottom:5rem;text-align:center}section .title h2{font-size:3rem;font-weight:400;margin-bottom:1.5rem}section .title span{color:var(--grey2)}.collection-layout{display:grid;gap:3rem;grid-template-columns:repeat(3,1fr)}.collection-item{overflow:hidden;position:relative}.collection-item img{height:100%;object-fit:cover;transition:all .5s ease-in-out;width:100%}.collection-content{color:var(--white);left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:3}.collection-content h3{background-color:var(--primary);border-radius:5rem;color:var(--white);font-weight:inherit;margin-bottom:1rem;padding:.7rem 1.4rem;transition:all .3s ease-in-out}.collection-content a{font-size:1.4rem;transition:all .3s ease-in-out}.collection-content a:hover{color:var(--primary)}.collection-item:hover .collection-content h3{background-color:var(--white);color:var(--black)}.collection-item:hover img{transform:scale(1.2)}.collection-item:after{background-color:rgba(0,0,0,.4);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s ease-in-out;visibility:hidden;width:100%;z-index:1}.collection-item:hover:after{opacity:1;visibility:visible}@media (max-width:1200px){.collection-content h3{font-size:1.6rem}}@media (max-width:996px){.collection-layout{grid-template-columns:repeat(2,1fr)}}@media (max-width:786px){.collection-layout{grid-template-columns:1fr}}.section .product-layout{display:grid;gap:3rem;grid-template-columns:repeat(autofit,minmax(25rem,1fr));margin:0 auto;max-width:130rem;padding:0 1.6rem}.product{overflow:hideen}.product .img-container img{height:100%;object-fit:cover;width:100%}.product .bottom{padding:1rem;text-align:center}.product .bottom a{font-size:1.5rem;font-weight:inherit;margin-bottom:1rem}.product .bottom a:hover{color:var(--primary)}.product .bottom span{color:var(--primary);font-size:1.8rem}.product .bottom .cancel{color:var(--grey2);font-size:1.4rem;text-decoration:line-through}.product .addCart{background-color:var(--white);border-radius:50%;bottom:.6rem;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1);padding:1.3rem 1.6rem;position:absolute;right:0;transition:all .3s ease-in-out}.product:hover .addCart{border-radius:1rem 0 0 0}.product .addCart:hover{background-color:var(--primary);color:var(--white)}.product i{transition:all .3s ease-in-out}.product .side-icons{display:flex;flex-direction:column;padding:1rem;position:absolute;right:0;top:30%;transform:translate(80%,-50%);transition:all .5s ease-in-out}.product .side-icons span{background-color:var(--white);border-radius:50%;font-size:1.4rem;margin:.3rem;padding:1rem 1.3rem;transition:all .5s ease-in-out}.product .side-icons span:hover{background-color:var(--primary);color:var(--white)}.product:hover .side-icons{transform:translateY(-50%)}.featured{position:relative}.featured .arrows{position:absolute;right:10%;top:35%;width:100px;z-index:10}.featured .custom-next,.featured .custom-prev{background-color:var(--primary);border-radius:5px;color:var(--white);cursor:pointer;padding:.7rem 1rem;position:absolute}.featured .custom-prev{left:10px}.featured .custom-next{right:10px}.product-layout{grid-template-columns:repeat(3,1fr)}@media (max-width:996px){.product-layout{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.product-layout{grid-template-columns:repeat(2,1fr)}}@media (max-width:567px){.product-layout{grid-template-columns:1fr}}.advert .advert-layout{display:grid;gap:3rem;grid-template-columns:1fr 1fr}.advert-layout .item{overflow:hidden;position:relative;width:100%;z-index:0}.advert-layout img{height:100%;object-fit:cover;transition:all .3s ease-in-out;width:100%}.advert-layout .content{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.advert-layout .content.left{right:10px}.advert-layout .content.right{left:10px}.advert-layout .content span{display:block;margin-bottom:1rem;transform:all .3s ease-in-out}.advert-layout .content h3{font-size:3rem;margin-bottom:1rem}.advert-layout .content a,.advert-layout .content h3{transform:all .3s ease-in-out}.advert-layout .content a:hover{color:var(--primary)}.advert-layout .item:after{content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease-in-out;width:100%}.advert-layout .item:hover:after{background-color:rgba(74,223,82,.4)}.advert-layout .item:hover .content{color:var(--white)}.advert-layout .item:hover img{transform:scale(1.1)}@media (max-width:996px){.advert-layout .left{left:5%;right:5%}}@media (max-width:768px){.advert .advert-layout{grid-template-columns:1fr}}@media (max-width:567px){.advert .advert-layout .content h3,.advert .advert-layout .content span{font-size:1.5rem;margin-bottom:.6rem}.advert .advert-layout .content a{transition:all .3s ease-in-out}}.brands .swiper-container{height:100%;width:100%}.brands .swiper-slide img{height:100%;object-fit:cover;width:100%}.footer{background-color:var(--black);line-height:3rem;padding:6rem 1rem}.footer-center span{margin-right:1rem}.footer-container{color:var(--white);display:grid;grid-template-columns:repeat(4,1fr)}.footer-center a:link,.footer-center a:visited{color:#f1f1f1;display:block;transition:.6s}.footer-center a:hover{color:var(--primary)}.footer-center div{color:#f1f1f1;font-size:1.4rem}.footer-center h3{font-size:1.8rem;font-weight:400;margin-bottom:1rem}.footer .payment-methods{margin-top:2rem}@media (max-width:998px){.footer-container{grid-template-columns:repeat(2,1fr);row-gap:2rem}}@media (max-width:768px){.footer-container{grid-template-columns:1fr}}
/*# sourceMappingURL=index.162c6bf3.css.map */