* {
    margin: 0;
    padding: 0;
    direction: ltr;
}

a {
    text-decoration: none;
}

/* Fonts */
@font-face {
    font-family: 'Maven Pro';
    src: url('../fonts/MavenPro-Medium.eot');
    src: url('../fonts/MavenPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MavenPro-Medium.woff2') format('woff2'),
    url('../fonts/MavenPro-Medium.woff') format('woff');
url('../fonts/MavenPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Maven Pro';
    src: url('../fonts/MavenPro-Bold.eot');
    src: url('../fonts/MavenPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MavenPro-Bold.woff2') format('woff2'),
    url('../fonts/MavenPro-Bold.woff') format('woff'),
    url('../fonts/MavenPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'yekan';
    src: url('../fonts/web_Yekan.woff');
    src: url('../fonts/web_Yekan.eot') format("embedded-opentype"),
    url('../fonts/web_Yekan.woff') format("woff"),
    url('../fonts/web_Yekan.ttf') format("truetype");
    font-weight: normal;
    font-style: normal
}

/* General */
#main {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #fdfff5;
}
/* #main #main-background {
    background-image: url('img/background/iramin-background.png');
    width: 100%;
    height: 100%;
    opacity: 100%;
    margin-left: auto;
    margin-right: auto;
}*/

.bigWrap {
    width: 1500px;
    margin: 0 auto;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/*----------------------------------------*/
/*
Start #nav-Top
*/
#main #nav-top {
    width: 100%;
    height: 40px;
    background-color: #fdfff5;
    margin: 0 auto;
}

#main #nav-top .bigWrap #contact {
    float: right;
}

#main #nav-top .bigWrap #contact span {
    font: 12px "Maven Pro";
    color: #606975;
    line-height: 40px;
    display: inline-block;
}

#main #nav-top .bigWrap #contact i {
    display: inline-block;
    float: right;
    line-height: 40px;
    font-size: 15px;
    margin: 0 10px;
}

#main #nav-top .bigWrap #account {
    float: left;
    color: #606975;
}

#main #nav-top .bigWrap #account a {
    display: inline-block;
    font: 12px yekan;
    letter-spacing: 1px;
    color: #606975;
    line-height: 40px;
    margin: 0 10px;
}

#main #nav-top .bigWrap #account #language i {
    color: #000000;
}

/*.End #Nav-Top*/
/*
Start header
*/
#main header {
    width: 100%;
    height: 80px;
    background-color: #fdfff5;
}

#main header #category {
    width: 30%;
    font: 25px "IRANYekan Thin";
    font-weight: bold;
    color: #374250;
    line-height: 80px;
    float: left;

}

#main header #category i {
    display: block;
    margin: 0 10px 0 0;
    font-size: 30px;
    line-height: 80px;
    float: left;
}

#main header #logo {
    width: auto;
    padding: 5px 0;
    margin-right: 20%;
    margin-top: -2%;
    box-sizing: border-box;
    float: center;
    text-align: center;
}

#main header #cart-search {
    width: 30%;
    float: right;
    line-height: 80px;
}

#main header #cart-search i {
    font-size: 22px;
    color: #374250;
    float: right;
    line-height: 80px;
    display: inline-block;
    margin: 0 0 0 20px;
}

#slider {
    width: 100%;
    height: 575px;
    overflow: hidden;
    /*background-color: #360670;*/
}

#slider > img {
    width: 100%;
}
#amazing-offer-before {
    width: 100%;
    height: 450px;
    overflow: hidden;
}
#amazing-offer {
    width: 100%;
    height: 100%;
    padding: 80px 0;
    box-sizing: border-box;
    float: left;
    display: block;
}

#amazing-offer-box {
    width: 370px;
    height: 370px;
    background-color: #f5f5f5;
    float: left;
    text-align: center;
}

#amazing-offer #amazing-offer-box > span {
    margin-top: 50px;
    display: inline-block;
    font: 25px "IRANYekan Thin";
    font-weight: bold;
    color: #375250;
}

#amazing-offer #amazing-offer-box > h2 {
    font: 40px "Maven Pro";
    color: #ff4454;
    line-height: 80px;
}

#amazing-offer-box .counter span {
    font: 15px "Maven Pro";
    font-weight: bold;
    margin: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #e1e1e1;
    border-radius: 50%;
    border: solid 1px #ff4454;
    text-align: center;
    color: #375250;
}

#amazing-offer-box .counter-text span {
    font: 12px "IRANYekan Thin";
    font-weight: bold;
    margin: 10px;
    width: 50px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background-color: #e1e1e1;
    border-radius: 10px;
    border: solid 1px #e1e1e1;
    text-align: center;
    color: #375250;
    overflow: hidden;
}

#amazing-offer-box > i {
    font-size: 25px;
    color: #ff4454;
    line-height: 80px;
}

#amazing-offer .product-row {
    float: right;
    display: block;
}

.product {
    width: 310px;
    height: 370px;
    margin: 0 30px;
    background-color: #ffffff;
    float: right;
}

.product .product-img {
    width: 100%;
    height: 300px;

}

.product-img img {
    width: 100%;
    height: 100%;
}

.product .product-price {
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: relative;
}

.product-price .price {
    font: 15px "Maven Pro";
    color: #374250;
    font-weight: bold;
}

.product-price .dollar {
    font: 15px yekan;
    font-weight: bold;
    color: #375250;
}

.product-price .old {
    font: 20px yekan;
    color: #ff4454;
    text-decoration: line-through;
}

.product-price .dollar-old {
    color: #ff4454;
    text-decoration: line-through;
}

.product-price .new {
    position: absolute;
    top: -20px;
    font-size: 20px;
}

.product-price .dollar {
    position: absolute;
    top: -20px;
    right: 100px;
}

.product .product-title {
    font: 20px yekan;
    text-align: center;

}

.separator {
    width: 100%;
    height: 10px;
    display: block;
    box-sizing: border-box;
}
.product-box {
    width: 100%;
    height: 450px;
    margin-top: 100px;
}
.product-box-title {
    font: 30px yekan;
    color: #ff4454;
    text-align: center;
    margin-top: 50px;
}
.product-box .bigwrap-normla-product {
    width: 1500px;
    margin: 0 auto;
}
.product-box .normal-product {
    width: 310px;
    height: 370px;
    margin: 0 30px;
    background-color: #fff;
    display: inline-block;
}
.normal-product .product-title {
    font: 20px yekan;
    text-align: center;

}
.normal-product .product-price {
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: relative;
}
footer {
    width: 100%;
    height: 300px;
    background-color: #f5f5f5;
    margin-top: 20px;
}
footer #about-us {
    float: right;
    width: 400px;
    box-sizing: border-box;
    padding: 80px 30px 0 30px;
}
footer #about-us div {
    text-align: center;
    margin-right: 10%;
}
footer #about-us p {
    font: 16px yekan;
    color: #444444;
    margin-top: 10px;
}
footer #newsletter-box {
    width: 400px;
    float: right;
    box-sizing: border-box;
    padding: 80px 30px 0 30px;
    margin-right: 10%;
}
footer #newsletter-box h2 {
    font: 20px yekan;
    color: #444444;
    text-align: center;
}
footer #newsletter-box p {
    text-align: center;
    font: 12px yekan;
    color: #999999;
    line-height: 50px;
}
footer #newsletter-box #newsletter-input {
    width: 370px;
    height: 40px;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
footer #newsletter-input input {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 0 10px 0 50px;
    font: 16px yekan;
    line-height: 40px;
    border: 0;
}
footer #newsletter-input i {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}
footer #social-box {
    width: 400px;
    box-sizing: border-box;
    padding: 80px 30px 0 30px;
    text-align: center;
    float: right;
    margin-right: 10%;
}
footer #social-box h2 {
    font: 20px yekan;
    color: #444444;
}
footer #social-box .social-icon i {
    font-size: 30px;
    color: #444444;
    display: inline-block;
    margin: 0 5px;
    line-height: 90px;
}
footer #social-box .copy-right {
    text-align: center;
    font: 16px "Maven Pro";
    color: #444444;
}
#testtt {
    width: 100%;
    height: 500px;
    background-color: #ff4454;
}