@charset "UTF-8";
/*
Theme Name: Nowruz+ Html Landing Page
Description:  قالب لندینگ نوروز پلاس
Version: 2.1.0
Author: Amir_KHP
Author URI: https://umx.ir
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,top-header,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:0}
html{height:101%}
body{font-size:62.5%;line-height:1;font-family:yekan,Arial,Tahoma,Verdana,sans-serif}
article,aside,details,figcaption,figure,footer,top-header,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
strong{font-weight:700}
input{outline:0}
table{border-collapse:collapse;border-spacing:0}
img{border:0;max-width:100%;height:auto}
a{text-decoration:none;color:inherit;transition:ease-in-out .15s}
.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.clear{clear:both}
*{box-sizing:border-box}
@font-face{font-family:'vazir';src:url(fonts/Vazir-Light.eot);src:url(fonts/Vazir-Light.eot?#iefix) format("embedded-opentype"),url(fonts/Vazir-Light.woff2) format("woff2"),url(fonts/Vazir-Light.woff) format("woff"),url(fonts/Vazir-Light.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'vazir';src:url(fonts/Vazir-Bold.eot);src:url(fonts/Vazir-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Vazir-Bold.woff2) format("woff2"),url(fonts/Vazir-Bold.woff) format("woff"),url(fonts/Vazir-Bold.ttf) format("truetype");font-weight:bold;font-style:normal}
@font-face{font-family:'persiannum';src:url(fonts/Vazir-Bold-FD-WOL.eot);src:url(fonts/Vazir-Bold-FD-WOL.eot?#iefix) format("embedded-opentype"),url(fonts/Vazir-Bold-FD-WOL.woff2) format("woff2"),url(fonts/Vazir-Bold-FD-WOL.woff) format("woff"),url(fonts/Vazir-Bold-FD-WOL.ttf) format("truetype");font-weight:400;font-style:normal}
html{scroll-behavior:smooth;overflow-x: hidden}
body{direction:rtl;font:normal 16px/24px vazir;text-align:right;overflow-x: hidden}
#scroll{position:fixed;right:10px;bottom:10px;cursor:pointer;width:50px;height:50px;background-color:#ffc20e;display:none;border-radius:60px;z-index:33;box-shadow:0 0 20px 0 rgba(0,0,0,0.08);text-align:center;line-height:50px}
#scroll:hover{background-color:#212121;opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100)}
.container{width:1170px;margin:0 auto;position:relative}
.navigation{background:#fff;padding-top:10px}
.navigation ul{font:normal 13px/50px vazir;color:#212121;}
.navigation ul li{float:right;margin:0 12px}
.navigation ul li:first-child{margin-right:0}
.logo{float:left;margin:0;max-height:50px}
.navigation li a:hover{border-bottom:1px solid #212121}
.open-btn{margin-top:10px;float:right;cursor:pointer;padding:10px;border-radius:100%;display:none}
.menu-icon{background-image:url(img/menu.svg);background-size:contain;background-position:center;width:25px;height:25px;display:block}
.closebtn{width:0;position:fixed;top:0;background:rgba(0,0,0,.5);height:100vh;display:block;transition:none;z-index:100000}
.header{position:relative;background-color:#f15252;background-image:url(img/pattern.svg);background-size:350px}
.main-header{background:#fff;padding:25px 0 50px 0;border-radius:0 0 0 200px;}
.main-header .container{display:flex;justify-content:space-between;align-items:center;}
.header-image{max-width:calc(50% - 30px);width:553px;height:495px;background-image:url(img/haftseen.png);background-repeat:no-repeat;background-position:center;background-size:contain}
.header-title{width:50%;text-align:center}
.header-title h1{font:bold 48px/2 vazir;color:#f15252}
.header-title p{margin:20px 0 50px 0;font:normal 24px/1.5 vazir;color:#666}
a.scroll-bottom{display:inline-block;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);color:#000;font:normal 20px/1 vazir;text-decoration:none;transition:opacity .3s;height:50px;position:relative;}
a.scroll-bottom span{position:absolute;top:0;left:50%;width:30px;height:50px;margin-left:-15px;border:2px solid #212121;border-radius:50px;box-sizing:border-box;}
a.scroll-bottom span::before{position:absolute;top:10px;left:50%;content:'';width:6px;height:6px;margin-left:-3px;background-color:#212121;border-radius:100%;-webkit-animation:sdb10 2s infinite;animation:sdb10 2s infinite;box-sizing:border-box;}
@-webkit-keyframes sdb10{0%{-webkit-transform:translate(0, 0);opacity:0;}
40%{opacity:1;}
80%{-webkit-transform:translate(0, 20px);opacity:0;}
100%{opacity:0;}
}
@keyframes sdb10{0%{transform:translate(0, 0);opacity:0;}
40%{opacity:1;}
80%{transform:translate(0, 20px);opacity:0;}
100%{opacity:0;}
}
.tahvil{padding:50px 0 80px 0;color:#fff;min-height:198px}
#countdown{display:flex;align-items:center;justify-content:center}
#countdown span{display:inline-block;margin:0 20px;font:normal 42px/36px persiannum;width:50px;text-align:center}
#countdown ul li{display:inline-block;margin:0 20px;font:normal 16px/2 vazir;width:50px;text-align:center}
#countdown p{font:bold 22px/2 vazir;margin:0 10px}
.new-year-calligraphy{width:223px;height:70px;background-image:url(img/calligraphy.svg);background-repeat:no-repeat;background-position:center;margin-right:15px}
.white-background{background:#fff;position:relative;padding-bottom:110px}
.grey-background{background:#F5F5F5;position:relative;padding-bottom:110px}
.green-background{background:#e9ffe5;position:relative;padding-bottom:110px}
.white-background:before , .grey-background:before , .green-background:before{content:"";width:100%;height:60px;position:absolute;top:-60px;background-repeat:repeat-x;background-position:bottom}
.white-background:before{background-image:url(img/white-grass.svg)}
.grey-background:before{background-image:url(img/grey-grass.svg)}
.green-background:before{background-image:url(img/green-grass.svg)}
.title{text-align:center;font:bold 24px/2 vazir;color:#f15252;padding:25px 0 50px 0;}
.title:before{content:"";width:56px;height:20px;background-image:url(img/circle.svg);display:inline-block;vertical-align:middle;margin-left:20px}
.title:after{content:"";width:56px;height:20px;background-image:url(img/circle.svg);display:inline-block;vertical-align:middle;margin-right:20px;transform:rotate(180deg)}
.offer-product-flex{display:flex;align-items:center;justify-content:space-between;}
.offer-product-flex:nth-of-type(2n){margin-top:50px}
.offer-product-info{width:50%}
.offer-product-info h3{font:bold 30px/2 vazir;margin-bottom:25px}
.offer-product-price{margin-right:20px}
.offer-product-price del{display:block;font:normal 18px/36px vazir;color:#898989}
.offer-product-price ins{display:inline-block;font:bold 24px/36px vazir;color:#f15252;text-decoration:none}
.offer-product-price span{display:inline-block;background:#f15252;color:#fff;font:bold 16px/34px vazir;padding:0 15px;border-radius:100px;margin-right:5px;}
.offer-product-info ul{margin:30px 0}
.offer-product-info li{font:normal 16px/2 vazir;color:#757575}
.offer-product-info li:before{content:"";width:8px;height:8px;display:inline-block;background:#757575;border-radius:100%;vertical-align:middle;margin-left:5px}
.offer-product-info a{font:bold 18px/50px vazir;background:#2ecc70;color:#fff;display:inline-block;padding:0 30px;border-radius:100px;float:left;}
.offer-product-info a:before{content:"";display:inline-block;width:30px;height:20px;vertical-align:middle;background-image:url(img/cart.svg);background-repeat:no-repeat;background-position:right;margin-left:5px;background-size:contain}
.offer-product-info a:hover{background:#212121}
.offer-countdown{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:30px}
#offer-countdown{display:flex;align-items:center;justify-content:center;font:normal 36px/36px persiannum}
#offer-countdown span{display:inline-block;margin:0 5px;font:normal 36px/36px persiannum;text-align:center}
#offer-countdown p{font:normal 18px/2 vazir;margin:0 10px}
.offer-product-img{max-width:50%;background-image:url(img/box.svg);width:475px;height:520px;background-repeat:no-repeat;background-position:left;position:relative}
.offer-product-img img{max-width:490px;position:absolute;display:block;bottom:0;top:0;margin:auto 0;left:40px}
.product-list{display: grid;grid-template-columns: repeat(4,calc(25% - 22.5px));grid-gap: 30px}
.product-box{padding:15px;position:relative;background:#fff;border-radius:25px;text-align:center;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.05);}
.product-title{padding-top:15px;margin-top:15px;font:bold 18px/2 vazir;border-top:1px solid #EEEEEE}
.product-title h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product-price del{display:block;margin-top:15px;font:normal 14px/36px vazir;color:#898989}
.product-price ins{display:block;font:bold 18px/2 vazir;color:#2ecc70;text-decoration:none}
.product-box:hover{box-shadow:0 0 25px 0 rgba(0,0,0,0.1);color:#f15252}
.product-img img{border-radius:25px}
.go-shop{display:inline-block;float:left;margin:60px 0 0;color:#fff;background:#f15252;font:bold 18px/50px vazir;padding:0 30px;border-radius:100px;}
.go-shop:after{content:"";display:inline-block;width:30px;height:20px;vertical-align:middle;background-image:url(img/arrow.svg);background-repeat:no-repeat;background-position:left;margin-right:5px;background-size:contain}
.go-shop:hover{background:#212121}
.advantages{padding-top:35px}
.advantages .container{display: grid;grid-template-columns: repeat(3, calc(33.333% - 20px));grid-gap: 30px}
.advantage-box{display:flex;align-items:center;}
.free-delivery{background-image:url(img/delivery.svg)}
.quality-guarantee{background-image:url(img/guarantee.svg)}
.support{background-image:url(img/support.svg)}
.download{background-image:url(img/download.svg)}
.advantage-icon{height:80px;width:80px;background-size:contain;;background-repeat:no-repeat;background-position: center}
.advantage-text{border-right:1px solid #2ecc70;margin-right:10px;padding-right:10px}
.advantage-text h4{font:bold 28px/2 vazir;color:#2ecc70;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.advantage-text span{font:normal 16px/2 vazir;color:#212121;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pig{float:right;width:400px;height:300px;position:relative}
.pig-image{width:350px;height:433px;background-image:url(img/cow.png);background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;top:-110px;z-index:2}
.coupons{float:left;width:calc(100% - 420px);}
.coupons-text{font:normal 18px/2.5 vazir;color:#666;text-align:center;margin-bottom:50px}
.coupon-box{background:#eee;padding:15px 30px;margin-bottom:30px;border-radius:50px}
.coupon-box:last-of-type{margin:0}
.coupon-box p{font:bold 18px/2 vazir;float:right;color:#424242}
.coupon-box span{float:left;display:block;border:2px solid #424242;border-radius:100px;padding:4px 15px 0 15px;font:normal 20px/28px vazir}
.footer{padding-bottom:200px}
.footer:after{content:"";width:100%;height:60px;position:absolute;bottom:0;background-repeat:repeat-x;background-position:bottom;background-image:url(img/white-grass.svg);}
.footer .container{display:flex;padding-top:50px;justify-content:space-between;align-items:center}
.about h2{font:bold 30px/2.5 vazir;color:#212121}
.about{width:calc(100% - 300px);}
.about p{font:normal 18px/2 vazir;text-align:justify;color:#212121}
.namad{width:300px;text-align:center}
.namad img{margin:0 10px}
.social-network-btn{margin-top:20px;text-align:center;}
.social-network-btn a{width:40px;height:40px;background:#212121;display:inline-block;border-radius:50%;margin:0 2.5px;font:normal 18px/36px vazir;color:#fff}
.social-network-btn a:hover{background:#2ecc70}
.social-network-btn a i{width:40px;height:40px;display:block;background-position:center;background-size:20px 20px;background-repeat:no-repeat}
.telegram{background-image:url(img/telegram.svg);margin-right:1px}
.instagram{background-image:url(img/instagram.svg)}
.twitter{background-image:url(img/twitter.svg)}
.call{background-image:url(img/call.svg)}
.mail{background-image:url(img/mail.svg)}
.facebook{background-image:url(img/facebook.svg)}
.whatsapp{background-image:url(img/whatsapp.svg)}
.haftseen{width:440px;height:150px;z-index:2;right:0;left:0;bottom:10px;position:absolute;background-image:url(img/haftseen.svg);margin:0 auto;background-repeat:no-repeat;background-size:contain;background-position:center;}
@media only screen and (max-width:1170px){.container{width:90%}
.header-title h1{font-size:36px}
.header-title p , #countdown p{font-size:20px}
.offer-product-img img{max-width:90%}
}
@media only screen and (max-width:980px){.product-list{grid-template-columns: repeat(3,calc(33% - 20px));}
.advantage-box{text-align:center;display:block}
.advantage-icon{width:100%;background-position:center center}
.advantage-text{margin:0;padding:0;border:unset}
.coupon-box p{float:none}
.coupon-box span{float:none;display:inline-block;margin-top:15px}
.coupon-box{text-align:center;border-radius:25px}
  .pig-image{top:0;}
}
@media only screen and (min-width:842px){.navigation ul{width:100%!important;}
}
@media only screen and (max-width:840px){.navigation ul{height:100%;width:0;position:fixed;z-index:100002;top:0;right:0;background-color:#fff;overflow-x:hidden;transition:.3s;display:block;box-shadow:0 0 100px rgba(0,0,0,.5);color:#212121;margin-top:0;font-size:14px}
.navigation ul li{float:none;margin:0 15px}
.navigation ul li:first-child{margin:30px 15px 0 0}
.navigation ul li a:hover{border-color:#000}
.logo{margin-top:10px}
.open-btn{display:block;background:#f15252}
.main-header .container{display:block}
.header-image{max-width:60%;margin:0 auto;background-position:center}
.header-title{width:100%}
#countdown span{margin:0 10px;font:normal 36px/36px persiannum;width:45px;}
#countdown ul li{margin:0 10px;font:normal 16px/2 vazir;width:45px;}
.offer-product-flex{display:flex;flex-direction: column-reverse}
.offer-product-info{width:100%}
.offer-product-img{background:none;width:100%;max-width:100%;height:auto;text-align:center}
.offer-product-img img{position:static;max-width:100%;display:inline-block;margin-bottom:30px}
.pig-image{position:static;max-width:200px;margin:0 auto;max-height:300px}
.pig{width:100%;float:none}
.coupons{float:none;width:100%}
}
@media only screen and (max-width:680px){.header-image{height:300px}
.product-list{grid-template-columns: repeat(2,calc(50% - 15px));}
.footer .container{display:block}
.footer .container aside{width:100%}
.namad{margin-top:20px}
#countdown span{margin:0 10px;font:normal 30px/30px persiannum;width:35px;}
#countdown ul li{margin:0 10px;font:normal 14px/1.5 vazir;width:35px;}
#countdown p{font-size:18px}
#offer-countdown,#offer-countdown span{font-size:28px}
}
@media only screen and (max-width:550px){#countdown , #offer-countdown{display:block;text-align:center}
#countdown p{margin-top:20px}
.new-year-calligraphy{width:100%;margin:0}
  .advantages .container {
    grid-template-columns: 100%;
}
}
@media only screen and (max-width:480px){.main-header{border-radius:0 0 0 100px}
*{max-width:100%}
.scroll-bottom{display:none!important;}
  .product-list{grid-gap: 15px;grid-template-columns: repeat(2,calc(50% - 7.5px));}
  .product-title{font-size: 14px}
}
@media only screen and (max-width:360px){.title:before , .title:after{display:none;}
.offer-product-info h3{font-size:22px}
.header-image{height:200px}
  .product-list{grid-template-columns: 100%}
}