@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
body{margin: 0; padding: 0; font-family: 'Inter', sans-serif; font-weight: 400; background: #F7F7F7;}
.top-header{background: #000; height: 35px;}
.header{background: #F9D3C8; padding: 5px 0; position: relative;}
.header .imp-menu ul{margin: 0; padding: 0;}
.header .imp-menu ul li{list-style: none; display: inline-block; margin-left: 60px;}
.header .imp-menu ul li a{text-decoration: none; color: #000;}
.header .imp-menu ul li a img{margin-left: 15px; display: inline-block;}
.header .top-menu ul{margin: 0; padding: 0;}
.header .top-menu ul li{list-style: none; display: inline-block;}
.header .top-menu ul li a{text-decoration: none; color: #fff; font-size: 13px; line-height: 16px;}
.menu-close{position: absolute; right: -60px; top: 20px;}
.menu-nav i{font-size: 24px; position: absolute; right: 20px; top: 20px;}
.top-section{margin: 20px 0 55px;}
.top-section .left{background: #fff; padding: 20px; box-sizing: border-box; border-radius: 5px;}
.top-section .left h3{margin: 0 0 24px; text-transform: uppercase; font-size: 13px; line-height: 16px; font-weight: 500;}
.top-section .left ul{margin: 0; padding: 0;}
.top-section .left ul li{list-style: none; display: block; margin-bottom: 27px; background: url('../img/right-arrow.png') no-repeat right center;}
.top-section .left ul li:last-child{margin-bottom: 0;}
.top-section .left ul li a{font-size: 13px; line-height: 16px; display: inline-block; text-decoration: none; color: #000;}
.top-section .right{margin: 0 10px;}
.top-section .right .main-banner{margin-bottom: 20px;}
.slick-prev{z-index: 9999; left: 25px !important;}
.slick-next{z-index: 9999; right: 25px !important;}
.top-section .right .main-topics{background: #fff; display: flex; flex-wrap: wrap; padding: 25px 25px 0; border-radius: 5px;}
.top-section .right .main-topics .topic{padding-bottom: 25px;}
.top-section .right .main-topics a{text-decoration: none; color: #000; font-size: 14px; line-height: 18px; text-align: center;}
.top-section .right .main-topics img{display: block; margin: 0 auto 15px; max-width: 100%;}
.top-section .right .main-topics span{display: block;}
h3.head{font-size: 24px; line-height: 30px; margin: 0 10px 25px; font-weight: 700;}
.top-brands-gifts{margin-bottom: 55px;}
.top-brands-gifts .top-brands-gifts-section{display: flex; flex-wrap: wrap;}
.top-brands-gifts .top-brands-gifts-section .top-brands-gifts-block{position: relative; margin: 0 10px; width: calc(33.33% - 20px); padding: 20px; box-sizing: border-box; background: #fff; border-radius: 5px;}
.top-brands-gifts .top-brands-gifts-section .top-brands-gifts-block a{text-decoration: none; color: #000;}
.top-brands-gifts .top-brands-gifts-section .top-brands-gifts-block h4{font-size: 16px; line-height: 24px; margin: 0 0 20px; font-weight: 500;}
.top-brands-gifts .top-brands-gifts-section .top-brands-gifts-block h5{font-size: 24px; line-height: 30px; margin: 0px 0 5px; font-weight: 400;}
.top-brands-gifts .top-brands-gifts-section .top-brands-gifts-block p{font-size: 13px; line-height: 18px; margin: 0px; font-weight: 400;}
.top-brands-gifts .top-brands-gifts-section .top-brands-gifts-block img{display: block; margin: 0 auto 10px; max-width: 100%;}
.top-brands-gifts .top-brands-gifts-section .top-brands-gifts-block .block-link{font-size: 13px; line-height: 18px; color: #0294FF; text-decoration: none; font-weight: 400; position: absolute; left: 20px; bottom: 20px;}
.two-block{display: flex; justify-content: space-between;}
.two-block .oblock{margin-bottom: 20px; width: calc(50% - 10px)}
.two-block .oblock:nth-child(1){margin-right: 10px;}
.two-block .oblock:nth-child(2){margin-left: 10px;}
.two-block .oblock img{max-width: 100%;}
.offer-area{margin-bottom: 55px;}
.offer-area .offer-area-section{display: flex; flex-wrap: wrap;}
.offer-area .offer-area-section .offer-area-block {background: #fff; border-radius: 5px;}
.offer-area .offer-area-section .offer-area-block a{text-decoration: none; color: #000;}
.offer-area .offer-area-section .offer-area-block img{display: block; margin: 0; max-width: 100%;}
.offer-area .offer-area-section .offer-area-block p{font-size: 13px; line-height: 18px; margin: 10px;}
.offer-one-product-area{margin-bottom: 55px;}
.offer-one-product-area-section{display: flex; flex-wrap: wrap;}
.offer-one-product-area-section .left{border-radius: 5px;}
.offer-one-product-area-section .left .type1{position: relative;}
.offer-one-product-area-section .left img{display: block; max-width: 100%;}
.offer-one-product-area-section .left .type1 .text{position: absolute; right: 40px; bottom: 30px; width: 160px;}
.offer-one-product-area-section .left .type1 .text h4{color: #fff; font-size: 24px; line-height: 32px; font-weight: 400; margin: 0 0 20px;}
.offer-one-product-area-section .left .white-btn{text-decoration: none; font-size: 14px; line-height: 18px; padding: 10px 40px; border-radius: 30px; background: #fff; color: #000; display: inline-block;}
.offer-one-product-area-section .left .type2{position: relative; background: #F8D380; border-radius: 5px; padding: 35px;}
.offer-one-product-area-section .left .type2 h4{color: #fff; font-size: 24px; line-height: 32px; font-weight: 400; margin: 0 0 10px;}
.offer-one-product-area-section .left .type2 p{color: #fff; font-size: 16px; line-height: 32px; font-weight: 400; margin: 0 0 25px;}
.offer-one-product-area-section .right{background: #fff; border-radius: 5px; display: flex; flex-wrap: wrap;}
.offer-one-product-area-block{margin: 10px 10px 0; width: calc(25% - 20px);}
.offer-one-product-area-block a{text-decoration: none; color: #000;}
.offer-one-product-area-block img{display: block; margin: 0 auto 10px; max-width: 100%;}
.offer-one-product-area-block p{font-size: 12px; line-height: 14px; margin: 0 0 7px;}
.offer-one-product-area-block p:last-child{margin-bottom: 0px;}
.offer-one-product-area-block h5{margin: 0 0 7px; font-size: 15px; line-height: 18px;}
.footer{background: #212121; display: flex; flex-wrap: wrap;}
.footer h3{color: #fff;}
.footer ul{margin: 0; padding: 0;}
.footer ul li{list-style: none; display: inline-block; margin: 0 5px;}
.footer ul li a{color: #fff;}
.footer ul li a i{font-size: 24px;}
.footer .right .form input[type="text"], .footer .right .form input[type="email"]{width: 100%; padding: 10px; background: #fff; font-size: 14px; line-height: 24px; color: #000; border: none; box-sizing: border-box; margin-bottom: 10px; text-align: center;}
.footer .right .form input[type="submit"], .footer .right .form .submit{width: 100%; padding: 10px; background: rgba(255,255,255,0.5); font-size: 14px; line-height: 24px; color: #fff; border: 1px solid #fff;}
.copy{background: #212121; font-size: 14px; line-height: 22px; padding: 10px 0; text-align: center; color: #fff;}
.blkbg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 99999; display: none;}
#responsive-menu-button, #responsive-menu-container{display: none !important;}

@media (min-width: 1200px){
    .menu-nav, .menu-close{display: none;}
    .header{padding-left: 40px; padding-right: 40px; display: flex; justify-content: space-between;}
    .header .top-menu{padding-left: 40px; padding-right: 40px; text-align: right; position: absolute; top: -27px; right: 0;}
    .header .top-menu ul li{margin-left: 30px;}
    .header .imp-menu{padding-top: 15px;}
    .top-section{display: flex; flex-wrap: wrap; padding-left: 40px; padding-right: 40px;}
    .top-section .left{width: 265px; margin: 0 10px;}
    .top-section .right{width: calc(100% - 265px - 40px);}
    .top-section .right .main-topics .topic{width: 20%; text-align: center;}
    .top-brands-gifts{margin-left: 40px; margin-right: 40px;}
    .top-brands-gifts .top-brands-gifts-section .top-brands-gifts-block{min-height: 570px;}
    .offer-area{margin-left: 40px; margin-right: 40px;}
    .offer-area .offer-area-section .offer-area-block{width: calc(20% - 20px); margin: 0 10px 20px;}
    .offer-one-product-area{margin-left: 40px; margin-right: 40px;}
    .offer-one-product-area-section .left{width: calc(33.33% - 20px); margin: 0 10px;}
    .offer-one-product-area-section .right{width: calc(66.67% - 20px); margin: 0 10px;}
    .footer{padding: 50px 200px;}
    .footer .left, .footer .right{width: 50%; text-align: center;}
    .footer .right .form{width: 400px; margin: 0 auto;}
}

@media (min-width: 992px) and (max-width: 1199px){
    .menu-nav, .menu-close{display: none;}
    .header{padding-left: 20px; padding-right: 20px; display: flex; justify-content: space-between;}
    .header .top-menu{padding-left: 20px; padding-right: 20px; text-align: right; position: absolute; top: -27px; right: 0;}
    .header .top-menu ul li{margin-left: 30px;}
    .header .imp-menu{padding-top: 15px;}
    .top-section{display: flex; flex-wrap: wrap; padding-left: 20px; padding-right: 20px;}
    .top-section .left{width: 265px; margin: 0 10px;}
    .top-section .right{width: calc(100% - 265px - 40px);}
    .top-section .right .main-topics .topic{width: 20%; text-align: center;}
    .top-brands-gifts{margin-left: 20px; margin-right: 20px;}
    .top-brands-gifts .top-brands-gifts-section .top-brands-gifts-block{min-height: 430px;}
    .offer-area{margin-left: 20px; margin-right: 20px;}
    .offer-area .offer-area-section .offer-area-block{width: calc(20% - 20px); margin: 0 10px 20px;}
    .offer-one-product-area{margin-left: 20px; margin-right: 20px;}
    .offer-one-product-area-section .left{width: calc(33.33% - 20px); margin: 0 10px;}
    .offer-one-product-area-section .right{width: calc(66.67% - 20px); margin: 0 10px;}
    .footer{padding: 50px 50px;}
    .footer .left, .footer .right{width: 50%; text-align: center;}
    .footer .right .form{width: 400px; margin: 0 auto;}
}

@media (max-width: 991px){
    .top-header{display: none;}
    .menu-nav, .menu-close{display: block;}
    .header .main-menu{background: #F9D3C8; position: fixed; top: 0; left: -500px; width: 300px; height: 100vh; padding: 100px 40px 40px; box-sizing: border-box; z-index: 999999; transition: left 1s;}
    .header .main-menu.open{left: 0; transition: left 1s;}
    .header .imp-menu ul li{display: block; margin-left: 0px; margin-bottom: 20px;}
    .header .imp-menu ul li a{text-decoration: none; color: #000;}
    .header .top-menu ul li{display: block; margin-bottom: 20px;}
    .header .top-menu ul li a{color: #000;}
    .top-section .left ul{display: none;}
    .top-section .left h3{position: relative;}
    .top-section .left h3::before{content: ''; position: absolute; right: 0; top: 5px; width: 6px; height: 1px; background: #000; transform: rotate(-45deg);}
    .top-section .left h3::after{content: ''; position: absolute; right: 4px; top: 5px; width: 6px; height: 1px; background: #000; transform: rotate(45deg);}
    .top-section .left h3.active::before{transform: rotate(45deg);}
    .top-section .left h3.active::after{transform: rotate(-45deg);}
    .top-section .right .main-topics .topic{width: 50%; text-align: center;}
    .top-brands-gifts .top-brands-gifts-section .top-brands-gifts-block{width: 100%; margin-bottom: 20px;}
    .top-brands-gifts .top-brands-gifts-section .top-brands-gifts-block .block-link{position: static;}
    .offer-area, .offer-one-product-area{padding: 0 10px;}
    .offer-area .offer-area-block{margin: 0 auto;}
    .offer-one-product-area-block{width: calc(50% - 20px)}
    .footer{padding: 30px;}
    .footer .left, .footer .right{width: 100%; text-align: center; margin-bottom: 40px;}
    .footer .right .form{width: 100%; margin: 0 auto;}
}