@import url('../fonts2/fonts2.css');

body {
    /*font-family:SFProDisplay;*/
}

a {
    pointer-events: all;
}

.width-news-def11 {
    border: 1px solid #9c9c9c;
    width: 100%;
}

@media only screen and (max-width:2000px) {
    .width-news-def11 {
        height: 500px;
        width: 80%;
    }
}

@media only screen and (max-width:1280px) {
    .width-news-def11 {
    }
}

@media only screen and (max-width:1024px) {
    .width-news-def11 {
        width: 70%;
    }
}

@media only screen and (max-width:850px) {
    .width-news-def11 {
        width: 80%;
    }
}

@media only screen and (max-width:768px) {
    .width-news-def11 {
        width: 100%;
        margin-bottom: 10%;
    }
}

@media only screen and (max-width:360px) {
    .width-news-def11 {
        width: 100%;
        margin-bottom: 10%;
    }
}

@media only screen and (max-width:320px) {
    .width-news-def11 {
        width: 100%;
        margin-bottom: 10%;
    }
}

.all-width-news11 {
    width: 100%;
}

@media only screen and (max-width:2000px) {
    .all-width-news11 {
        /*margin-right:-22%;*/

        width: 80%;
    }
}

@media only screen and (max-width:450px) {
    .all-width-news11 {
        margin-right: 0;
    }
}

.text-color-11 {
    color: #fbbfbf;
}

    .text-color-11:hover {
        color: #ddd;
    }

.news-color-11 {
    color: #333;
}

    .news-color-11:hover {
        color: #fbbfbf;
    }

.font-size-11 {
    font-family: SFProDisplay;
}

@media only screen and (max-width:2000px) {
    .font-size-11 {
        font-size: 14px;
    }
}

@media only screen and (max-width:1280px) {
    .font-size-11 {
        font-size: 14px;
    }
}

@media only screen and (max-width:1024px) {
    .font-size-11 {
        font-size: 14px;
    }
}

@media only screen and (max-width:850px) {
    .font-size-11 {
        font-size: 14px;
    }
}

@media only screen and (max-width:768px) {
    .font-size-11 {
        font-size: 13px;
    }
}

@media only screen and (max-width:360px) {
    .font-size-11 {
        font-size: 12px;
    }
}

@media only screen and (max-width:320px) {
    .font-size-11 {
        font-size: 12px;
    }
}

.imgaes-news-11 {
    background-image: url('../Images/vector/gateway-bg.png');
}

.height-news-def11 {
    background: url('../Images/vector/bgmaster.gif') center;
}

@media only screen and (max-width:3000px) {
    .height-news-def11 {
        height: 700px;
    }
}

@media only screen and (max-width:2000px) {
    .height-news-def11 {
        height: 700px;
    }
}

@media only screen and (max-width:1280px) {
    .height-news-def11 {
        height: 700px;
    }
}

@media only screen and (max-width:1024px) {
    .height-news-def11 {
        height: 700px;
    }
}

@media only screen and (max-width:980px) {
    .height-news-def11 {
        height: 700px;
    }
}


@media only screen and (max-width:768px) {
    .height-news-def11 {
        height: 700px;
    }
}

@media only screen and (max-width:766px) {
    .height-news-def11 {
        height: 2100px;
    }
}

@media only screen and (max-width:480px) {
    .height-news-def11 {
        height: 1600px;
    }
}

@media only screen and (max-width:420px) {
    .height-news-def11 {
        height: 1600px;
    }
}

@media only screen and (max-width:360px) {
    .height-news-def11 {
        height: 1600px;
    }
}

@media only screen and (max-width:320px) {
    .height-news-def11 {
        height: 1600px;
    }
}

.height-slider11 {
}

@media only screen and (max-width:3000px) {
    .height-slider11 {
        height: 700px;
    }
}

@media only screen and (max-width:2000px) {
    .height-slider11 {
        height: 700px;
    }
}

@media only screen and (max-width:1280px) {
    .height-slider11 {
        height: 700px;
    }
}

@media only screen and (max-width:1024px) {
    .height-slider11 {
        height: 650px;
    }
}

@media only screen and (max-width:991px) {
    .height-slider11 {
        height: 1200px;
    }
}

@media only screen and (max-width:768px) {
    .height-slider11 {
        height: 1200px;
    }
}

@media only screen and (max-width:575px) {
    .height-slider11 {
        height: 2200px;
    }
}



.height-newsbox11 {
}

@media only screen and (max-width:3000px) {
    .height-newsbox11 {
        height: 500px;
    }
}

@media only screen and (max-width:2000px) {
    .height-newsbox11 {
        height: 500px;
    }
}

@media only screen and (max-width:1280px) {
    .height-newsbox11 {
        height: 500px;
    }
}

@media only screen and (max-width:1024px) {
    .height-newsbox11 {
        height: 450px;
    }
}



@media only screen and (max-width:768px) {
    .height-newsbox11 {
        height: 2200px;
    }
}

@media only screen and (max-width:690px) {
    .height-newsbox11 {
        height: 850px;
    }
}

@media only screen and (max-width:480px) {
    .height-newsbox11 {
        height: 1000px;
    }
}

@media only screen and (max-width:420px) {
    .height-newsbox11 {
        height: 900px;
    }
}

@media only screen and (max-width:360px) {
    .height-newsbox11 {
        height: 800px;
    }
}

@media only screen and (max-width:320px) {
    .height-newsbox11 {
        height: 800px;
    }
}



.zoom-12 {
}

    .zoom-12:hover {
        transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        box-shadow: 1px -1px 10px 3px #fbbfbf;
    }

.footer11 {
    background-image: url("../Images/icon/back.png");
    background-repeat: repeat;
}

/*bedone enamad*/
@media only screen and (max-width:768px) {
    .footer11 {
        height: 150px;
    }
}

@media only screen and (max-width:450px) {
    .footer11 {
        height: 230px;
    }
}

/*ba enamad*/
/*@media only screen and (max-width:768px) {
    .footer11 {
        height: 350px;
    }
}

@media only screen and (max-width:450px) {
    .footer11 {
        height: 330px;
    }
}
*/
.menu-footer11 {
}

.menu-footer22 {
    font-family: SFProDisplay;
    font-size: 18px;
    color: #222;
}

@media only screen and (max-width:480px) {
    .menu-footer22 {
        font-size: 15px;
    }
}

.menu-footer22:hover {
    color: #5c3333;
}

.social-footerf {
    width: 35px;
    float: left;
    height: 30px;
    background-image: url("../images/Icon/facebook2.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

    .social-footerf:hover {
        width: 35px;
        float: left;
        height: 30px;
        background-image: url("../images/Icon/facebook1.png");
        background-size: 30px 30px;
        background-repeat: no-repeat;
    }

.social-footert {
    width: 44px;
    float: left;
    height: 30px;
    background-image: url("../images/Icon/telegram2.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

    .social-footert:hover {
        width: 44px;
        float: left;
        height: 30px;
        background-image: url("../images/Icon/telegram1.png");
        background-size: 30px 30px;
        background-repeat: no-repeat;
    }

.social-footeri {
    width: 54px;
    float: left;
    height: 30px;
    background-image: url("../images/Icon/instagram2.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

    .social-footeri:hover {
        width: 54px;
        float: left;
        height: 30px;
        background-image: url("../images/Icon/instagram1.png");
        background-size: 30px 30px;
        background-repeat: no-repeat;
    }

.social-footerfa {
    width: 54px;
    float: left;
    height: 30px;
    background-image: url("../images/Icon/fax2.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

    .social-footerfa:hover {
        width: 54px;
        float: left;
        height: 30px;
        background-image: url("../images/Icon/fax1.png");
        background-size: 30px 30px;
        background-repeat: no-repeat;
    }

.social-footere {
    width: 44px;
    float: left;
    height: 30px;
    background-image: url("../images/Icon/email4.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

    .social-footere:hover {
        width: 44px;
        float: left;
        height: 30px;
        background-image: url("../images/Icon/email3.png");
        background-size: 30px 30px;
        background-repeat: no-repeat;
    }

@media only screen and (max-width:360px) {
    .social-footerf {
        margin-left: 25px;
        background-size: 20px 20px;
    }
}

@media only screen and (max-width:360px) {
    .social-footert {
        background-size: 20px 20px;
    }
}

@media only screen and (max-width:360px) {
    .social-footeri {
        background-size: 20px 20px;
    }
}

@media only screen and (max-width:360px) {
    .social-footerfa {
        background-size: 20px 20px;
    }
}

@media only screen and (max-width:360px) {
    .social-footere {
        background-size: 20px 20px;
    }
}

.menu-footer33 {
}

@media only screen and (max-width:2000px) {
    .menu-footer33 {
        margin-top: 25px;
    }
}

@media only screen and (max-width:1600px) {
    .menu-footer33 {
        margin-top: 25px;
    }
}

@media only screen and (max-width:360px) {
    .menu-footer33 {
        margin-top: 15px;
    }
}

.copyright10 {
    color: #333;
    font-family: SFProDisplay;
    font-weight: bold;
    font-size: 19px;
}

    .copyright10:hover {
        color: #5c3333;
        font-family: SFProDisplay;
        font-weight: bold;
    }

.copyright11 {
    color: #333;
    font-family: SFProDisplay;
    font-weight: bold;
    font-size: 14px;
    float: left;
    margin-left: 20px;
}

    .copyright11:hover {
        color: #5c3333;
        font-family: IRANSansBold;
        font-weight: bold;
    }

@media only screen and (max-width:480px) {
    .copyright11 {
        margin-top: 5px;
        margin-right: 0%;
    }
}

.height-tarikhche {
    height: 500px;
}

@media only screen and (max-width:2000px) {
    .height-tarikhche {
        height: 380px;
    }
}

@media only screen and (max-width:1280px) {
    .height-tarikhche {
        height: 400px;
    }
}

@media only screen and (max-width:1024px) {
    .height-tarikhche {
        height: 400px;
    }
}

@media only screen and (max-width:768px) {
    .height-tarikhche {
        height: 735px;
    }
}

@media only screen and (max-width:480px) {
    .height-tarikhche {
        height: 735px;
    }
}

@media only screen and (max-width:450px) {
    .height-tarikhche {
        height: 735px;
    }
}

.margin-mobile-11 {
}

@media only screen and (max-width:450px) {
    .margin-mobile-11 {
        padding-bottom: 80px;
    }
}

.font-news14 {
    font-size: 18px;
}

@media only screen and (max-width:360px) {
    .font-news14 {
        font-size: 13px;
    }
}

@media only screen and (max-width:320px) {
    .font-news14 {
        font-size: 13px;
    }
}

.font-footer11 {
    font-size: 16px;
}

@media only screen and (max-width:480px) {
    .font-footer11 {
        font-size: 12px;
    }
}

@media only screen and (max-width:320px) {
    .font-footer11 {
        font-size: 12px;
    }
}

.h2-font-text {
    font-family: SFProDisplay;
    font-size: 29px;
}

.price-font11 {
    font-size: 18px;
    color: #c0c2c5;
}


@media only screen and (max-width:360px) {
    .recapt11 {
        margin-right: -20%;
    }
}

@media only screen and (max-width:320px) {
    .recapt11 {
        margin-right: -27%;
    }
}

.recapt11 {
}

#rc-imageselect {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

@media screen and (max-height: 575px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}


.height-shegeftangiz {
}

@media only screen and (max-width:3000px) {
    .height-shegeftangiz {
        height: 450px;
    }
}

@media only screen and (max-width:2000px) {
    .height-shegeftangiz {
        height: 350px;
    }
}

@media only screen and (max-width:1280px) {
    .height-shegeftangiz {
        height: 300px;
    }
}

@media only screen and (max-width:1024px) {
    .height-shegeftangiz {
        height: 300px;
    }
}

@media only screen and (max-width:768px) {
    .height-shegeftangiz {
        height: 320px;
    }
}

@media only screen and (max-width:480px) {
    .height-shegeftangiz {
        height: 450px;
    }
}

@media only screen and (max-width:450px) {
    .height-shegeftangiz {
    }
}

@media only screen and (max-width:360px) {
    .height-shegeftangiz {
        height: 370px;
    }
}

@media only screen and (max-width:320px) {
    .height-shegeftangiz {
        height: 350px;
    }
}

.div-basket11 {
    margin-left: 40px;
    margin-top: 15px;
    position: absolute;
    width: 21px;
    height: 21px;
    background-color: #ef3c51;
    border-radius: 15px;
    text-align: center;
}

@media only screen and (max-width: 1199px) and (min-width: 1025px) {
    .div-basket11 {
        margin-top: 20px;
    }
}


@media only screen and (max-width:1024px) {
    .div-basket11 {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 930px) and (min-width: 769px) {
    .div-basket11 {
        margin-top: 20px;
    }
}

@media only screen and (max-width:768px) {
    .div-basket11 {
        margin-left: 40px;
        margin-top: 55px;
    }
}

@media only screen and (max-width:580px) {
    .div-basket11 {
        margin-top: 35px;
        margin-left: 90px;
    }
}

@media only screen and (max-width:480px) {
    .div-basket11 {
        margin-top: 35px;
        margin-left: 40px;
    }
}

@media only screen and (max-width:420px) {
    .div-basket11 {
        margin-left: 40px;
    }
}

@media only screen and (max-width:390px) {
    .div-basket11 {
        margin-top: -30px;
    }
}

@media only screen and (max-width:381px) {
    .div-basket11 {
        margin-left: 40px;
    }
}

@media only screen and (max-width:360px) {
    .div-basket11 {
        margin-left: 40px;
    }
}

@media only screen and (max-width:320px) {
    .div-basket11 {
        margin-left: 40px;
    }
}

.basket12 {
    color: white;
    font-family: SFProDisplay;
    font-size: 16px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.div-basket12 {
    margin-top: 5%;
}

@media only screen and (max-width:768px) {
    .div-basket12 {
        margin-left: 1px;
    }
}

@media only screen and (max-width:480px) {
    .div-basket12 {
        margin-left: 1px;
    }
}

@media only screen and (max-width:480px) {
    .div-basket12 {
        margin-left: 1px;
    }
}

@media only screen and (max-width:420px) {
    .div-basket12 {
        margin-left: 1px;
    }
}

@media only screen and (max-width:360px) {
    .div-basket12 {
        margin-left: 1px;
    }
}

@media only screen and (max-width:320px) {
    .div-basket12 {
        margin-left: 1px;
    }
}

.banner-img {
}

@media only screen and (max-width:580px) {
    .banner-img {
        height: 30px;
    }
}

.fixbanner11 {
}

@media only screen and (max-width:580px) {
    .fixbanner11 {
        height: 1500px;
        position: fixed;
        right: 0;
        left: 0;
        border-radius: 0;
        top: 0;
        z-index: 99999;
        pointer-events: none;
    }
}

.fixbanner12 {
}

@media only screen and (max-width:580px) {
    .fixbanner12 {
        margin-top: 50px;
    }
}


.header-font11 {
    font-size: 20px;
}

@media only screen and (max-width:390px) {
    .header-font11 {
        font-size: 14px;
    }
}

@media only screen and (max-width:320px) {
    .header-font11 {
        font-size: 14px;
    }
}

.header-img11 {
    width: 60px;
    height: 60px;
}

@media only screen and (max-width:580px) {
    .header-img11 {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width:320px) {
    .header-img11 {
        width: 40px;
        height: 40px;
    }
}

.header-basket222 {
    margin-right: 35%;
    width: 70px;
    height: 40px;
}

@media only screen and (max-width:580px) {
    .header-basket222 {
        width: 55px;
        height: 35px;
    }
}

@media only screen and (max-width:320px) {
    .header-basket222 {
        width: 55px;
        height: 35px;
    }
}


.basket222 {
    color: white;
    font-family: SFProDisplay;
    font-size: 16px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.div-basket222 {
    margin-top: 10px;
    position: absolute;
    width: 21px;
    height: 21px;
    background-color: #ef3c51;
    border-radius: 15px;
    text-align: center;
}



@media only screen and (max-width:768px) {
    .div-basket222 {
        margin-left: 7%;
    }
}

@media only screen and (max-width:650px) {
    .div-basket222 {
        margin-left: 7%;
    }
}

@media only screen and (max-width:560px) {
    .div-basket222 {
        margin-left: 7%;
    }
}

@media only screen and (max-width:390px) {
    .div-basket222 {
        margin-left: 10%;
    }
}



.hidden-div-header {
}

@media only screen and (max-width: 991px) and (min-width: 769px) {
    .hidden-div-header {
        visibility: hidden;
    }
}

.input-search11 {
    color: white;
}

.height-contactus {
    height: 600px;
}

@media only screen and (max-width:3000px) {
    .height-contactus {
        height: 100px;
    }
}

@media only screen and (max-width:1024px) {
    .height-contactus {
        height: 900px;
    }
}

@media only screen and (max-width:768px) {
    .height-contactus {
        height: 1000px;
    }
}

@media only screen and (max-width:667px) {
    .height-contactus {
        height: 1000px;
    }
}

@media only screen and (max-width:450px) {
    .height-contactus {
        height: 1000px;
    }
}

@media only screen and (max-width:360px) {
    .height-contactus {
        height: 850px;
    }
}

@media only screen and (max-width:320px) {
    .height-contactus {
        height: 850px;
    }
}

.products-cat {
    width: 250px;
    height: 250px;
    background: #222;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
    z-index: 3;
}

    .products-cat img {
        width: 100%;
        border-radius: 50%;
    }

.products-best-title {
    position: absolute;
    top: 15px;
    font-family: SFProDisplay;
    width: 100%;
    text-align: center;
    color: #fbbfbf;
    font-size: 19px;
    font-weight: bold;
    text-shadow: 1px 1px 2px black;
    z-index: 2;
}

.products-best-title-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 20%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    z-index: 1;
}

.all-footer-main {
}


@media only screen and (max-width:2000px) {
    .all-footer-main {
        background: url('../Images/bg/21.jpg') no-repeat;
        background-size: cover;
        background-position: center -10%;
        height: 300px;
    }
}

@media only screen and (max-width:1600px) {
    .all-footer-main {
        background: url('../Images/bg/21.jpg') no-repeat;
        background-size: cover;
        background-position: center -10%;
        height: 300px;
    }
}

@media only screen and (max-width:1400px) {
    .all-footer-main {
        background: url('../Images/bg/21.jpg') no-repeat;
        background-size: cover;
        height: 300px;
        background-position: center -30%;
    }
}

@media only screen and (max-width:1200px) {
    .all-footer-main {
        background: url('../Images/bg/25.jpg') no-repeat;
        background-size: cover;
        height: 300px;
        background-position: center -50%;
    }
}

@media only screen and (max-width:998px) {
    .all-footer-main {
        background: url('../Images/bg/25.jpg') no-repeat;
        background-size: cover;
        height: 300px;
        background-position: center -120%;
    }
}

@media only screen and (max-width:768px) {
    .all-footer-main {
        background: url('../Images/bg/25.jpg') no-repeat;
        background-size: cover;
        height: 390px;
        background-position: center 1700%;
        position: relative;
        z-index: 10000000000;
    }
}

@media only screen and (max-width:420px) {
    .all-footer-main {
        background: url('../Images/bg/25.jpg') no-repeat;
        background-size: cover;
        height: 350px;
        background-position: center -700%;
        position: relative;
        z-index: 10000000001;
    }
}


/*position:absolute;
z-index:10000000;*/




/*------------------------------------------------------
OLD Style form Mastepage */

.height-contactus {
    height: 550px;

}

@media only screen and (max-width:1024px) {
    .height-contactus {
        height: 900px;
    }
}

@media only screen and (max-width:768px) {
    .height-contactus {
        height: 1000px;
    }
}

@media only screen and (max-width:667px) {
    .height-contactus {
        height: 1000px;
    }
}

@media only screen and (max-width:450px) {
    .height-contactus {
        height: 1000px;
    }
}

@media only screen and (max-width:360px) {
    .height-contactus {
        height: 850px;
    }
}

@media only screen and (max-width:320px) {
    .height-contactus {
        height: 850px;
    }
}

.font-mobile-text {
    direction: ltr;
    background: #f6e2e265;
    width: 100%;
    font-family: SFProDisplay;
    padding: 50px 40px 50px 40px;
    color: black;
    font-size: 19px;
    text-align: left;
}

@media only screen and (max-width:360px) {
    .font-mobile-text {
        font-size: 13px;
    }
}


.font-mobile-text2 {
    direction: ltr;
    background: #f6e2e265;
    font-family: SFProDisplay;
    color: black;
    font-size: 17px;
    text-align: left;
}

@media only screen and (max-width:360px) {
    .font-mobile-text2 {
        font-size: 13px;
    }
}

.font-mobile-text3 {
    direction: ltr;

    padding: 5px 40px 10px 20px;
    font-family: SFProDisplay;
    color: black;
    font-size: 17px;
    text-align: left;
}

@media only screen and (max-width:360px) {
    .font-mobile-text3 {
        font-size: 13px;
    }
}

.font-mobile-text5 {
    direction: ltr;

    background-image: url('../Images/vector/gateway-bg.png');
    font-family: SFProDisplay;
    color: black;
    font-size: 17px;
    text-align: left;
    padding: 50px 40px 50px 40px;
}

@media only screen and (max-width:360px) {
    .font-mobile-text5 {
        font-size: 13px;
    }
}

.font-mobile-text4 {
    direction: ltr;

    background-image: url('../Images/vector/gateway-bg.png');
    padding: 5px 40px 10px 20px;
    font-family: SFProDisplay;
    color: black;
    font-size: 17px;
    text-align: left;
    padding: 50px 40px 50px 40px;
}

@media only screen and (max-width:360px) {
    .font-mobile-text4 {
        font-size: 13px;
    }
}

.font-mobile-text-shop {
    direction: ltr;
    /*background: #fff;*/

    margin-left: 5%;
    width: 90%;
    font-family: SFProDisplay;
    padding: 50px 40px 50px 40px;
    color: black;
    font-size: 19px;
    text-align: left;
    font-
}

@media only screen and (max-width:450px) {
    .font-mobile-text-shop {
        font-size: 13px;
        width: 100%;
        margin-left: unset;
    }
}

.font-news11 {
    font-size: 17px;

    color: black;
}

@media only screen and (max-width:360px) {
    .font-news11 {
        font-size: 12px;
    }
}

@media only screen and (max-width:320px) {
    .font-news11 {
        font-size: 12px;
    }
}

.font-news15 {
    font-size: 24px;
}

@media only screen and (max-width:360px) {
    .font-news15 {
        font-size: 12px;
    }
}

@media only screen and (max-width:320px) {
    .font-news15 {
        font-size: 12px;
    }
}

.font-news16 {

}

@media only screen and (max-width:450px) {
    .font-news16 {
        font-size: 15px;
    }
}

@media only screen and (max-width:360px) {
    .font-news16 {
        font-size: 15px;
    }
}

@media only screen and (max-width:320px) {
    .font-news16 {
        font-size: 15px;
    }
}


.font-news15-shop {
    font-size: 23px;
}
@media only screen and (max-width:768px) {
    .font-news15-shop {
        font-size: 18px;
    }
}
@media only screen and (max-width:360px) {
    .font-news15-shop {
        font-size: 15px;
    }
}

@media only screen and (max-width:320px) {
    .font-news15-shop {
        font-size: 15px;
    }
}

.font-news16-shop {
    font-size: 24px;
    
}

@media only screen and (max-width:768px) {
    .font-news16-shop {
        font-size: 19px;
       
    }
}

@media only screen and (max-width:360px) {
    .font-news16-shop {
        font-size: 15px;
    }
}

@media only screen and (max-width:320px) {
    .font-news16-shop {
        font-size: 15px;
    }
}

.price-pad11 {
    padding-top: 4%;
}
@media only screen and (max-width:768px) {
    .price-pad11 {
        padding-top: 6%;
    }
}
@media only screen and (max-width:380px) {
    .price-pad11 {
        padding-top: 8%;
    }
}

.name-prod-padd11 {
    padding-top: 0.7%;
}

@media only screen and (max-width:768px) {
    .name-prod-padd11 {
        padding-top: 1%;
    }
}

@media only screen and (max-width:380px) {
    .name-prod-padd11 {
        padding-top: 1%;
    }
}

.tag-basket11{
    font-size:13px;
}

.blinking-image {
    animation: blink 3s ease-in-out 10;
    
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.font-news-hover {

    color: #333;
    font-family: SFProDisplay;

}

    .font-news-hover:hover {
        color: #5c3333;
    }

.font-news-hover2 {
    color: #5c3333;
    font-family: SFProDisplay;
    font-size: 19px;
}

    .font-news-hover2:hover {
        color: #fbbfbf;
    }


.btn-image-event {
    background: url('../images/icon/event2.png') no-repeat;
    background-size: 130px 37px;
    margin-top:4%;
    margin-left:4%;
    margin-bottom:4%;

}
    .btn-image-event:hover {
        background: url('../images/icon/event1.png') no-repeat;
        background-size: 130px 37px;
    }

.button111 {
    color: #fff;
    background: #ef3c51;
    border-radius: 7px;
    border: 1px solid #ef3c51;
    font-family: SFProDisplay;
    font-size: 15px;
    Width: 300px;
    Height: 45px;
    cursor: pointer;
}

@media only screen and (max-width:360px) {
    .button111 {
        margin-top: 5%;
        Width: 200px;
        Height: 45px;
    }
}

@media only screen and (max-width:320px) {
    .button111 {
        margin-top: 5%;
        Width: 200px;
        Height: 45px;
    }
}

.answer-11 {
    font-family: SFProDisplay;
    font-weight: bold;
    color: #ef3c51;
    font-size: 15px;
}

.paging-11 {
    font-family: SFProDisplay;
    font-weight: bold;
    color: #222;
    font-size: 22px;
}

.btn-comment11 {
    width: 240px;
    height: 40px;
    margin-left: 4%;
    padding-top: 0.5%;
    text-align: center;
    background: white;
    border: 1px solid #ef3c51;
    border-radius: 7px;
    font-family: SFProDisplay;
    font-size: 16px;
    color: #ef3c51;
}

@media only screen and (max-width:420px) {
    .btn-comment11 {
        width: 200px;
        height: 40px;
        padding-top: 2%;
        margin-left: 20%;
    }
}

@media only screen and (max-width:360px) {
    .btn-comment11 {
        width: 200px;
        height: 40px;
        padding-top: 3%;
        margin-left: 14%;
    }
}

@media only screen and (max-width:320px) {
    .btn-comment11 {
        width: 200px;
        height: 40px;
        padding-top: 3%;
        margin-left: 7%;
    }
}