@font-face {
    font-family: 'Yekan';
    src: url('/fonts/YekanWeb-Regular.woff') format('woff');
    font-weight: "300,400,normal";
}

@font-face {
    font-family: 'YekanB';
    src: url('/fonts/YekanWeb-Bold.woff') format('woff');
    font-weight: "800,700,bold";
}
* {
    font-family: "Yekan" !important;
}
html, body {
    background: #34495e;
    height:100%;
}
.content-box {
    position: relative;
    margin-top: -730px;
    min-height: 400px;
    z-index: 1000;
    box-shadow: 1px 1px 20px gray;
    
}
.carousel-cell {
    width: 200px;
    height: 200px;
    margin-right: 10px;
    border-radius: 5px;
    counter-increment: carousel-cell;
}


.flickity-prev-next-button {
    background-color: bisque !important;
}

    .flickity-prev-next-button .arrow {
        fill: #AB1835;
    }

.product-thumb {
    border-bottom: 1px solid #AD1838;
    box-shadow: 0 0 3px 0 #AAA;
    -moz-box-shadow: 0 0 3px 0 #AAA;
    -webkit-box-shadow: 0 0 3px 0 #AAA;
    -ms-box-shadow: 0 0 3px 0 #AAA;
    -o-box-shadow: 0 0 3px 0 #AAA
}

    .product-thumb:hover {
        box-shadow: 0 0 5px -1px #212121;
        -moz-box-shadow: 0 0 5px -1px #212121;
        -webkit-box-shadow: 0 0 5px -1px #212121;
        -ms-box-shadow: 0 0 5px -1px #212121;
        -o-box-shadow: 0 0 5px -1px #212121
    }

    .product-thumb img {
        padding: 10px 10px 0 10px
    }

    .product-thumb .caption {
        min-height: 80px
    }

    .product-thumb h3 a {
        line-height: 2.2rem
    }

    .product-thumb .saving {
        z-index: 1;
        opacity: 1;
        top: 20px;
        right: 20px;
        left: auto;
        box-shadow: 0 0 3px 0 #AAA;
        -moz-box-shadow: 0 0 3px 0 #AAA;
        -webkit-box-shadow: 0 0 3px 0 #AAA;
        -ms-box-shadow: 0 0 3px 0 #AAA;
        -o-box-shadow: 0 0 3px 0 #AAA
    }

.subtitle {
    position: relative;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    line-height: normal;
    font-size: 20px;
    color: #000000;
    border-bottom: 2px solid #ddd;
    padding-bottom: 3px;
}