@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 rgba(197,158,71,1);
    }
    .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: 16px;
}

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

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

.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;*/