*{
    padding:0 0;
    margin:0 auto;
    direction:rtl;
}
@font-face{
    font-family:"vazir";
    src:url(../fonts/vazir/vazir.ttf) format('truetype'),url(../fonts/vazir/vazir.eot) format('opentype'),url(../fonts/vazir/vazir.svg) format('svg'),url(../fonts/vazir/vazir.woff) format('woff');
}
@font-face{
    font-family:"yekan";
    src:url(../fonts/yekan/BYekan.eot) format('opentype'),url(../fonts/yekan/BYekan.svg) format('svg'),url(../fonts/yekan/BYekan.ttf) format('truetype'),url(../fonts/yekan/BYekan.woff) format('woff');
}
    body{
        background-color:#e6e7e8;
    }
    /*****************************masterpage***************************/
    #menubar{
        width:100%;
        height:auto;
        min-height:100px;
        background-color:#a7a9ac;
        position:-webkit-sticky;
        position:sticky;
        z-index:50;
        top:0;
    }
    #logo{
        width:15%;
        height:auto;
        min-height:100px;
        float:right;
    }
    #logo img{
        display:block;
        width:60%;
        margin:0 auto;
        margin-top:10px;
    }
    #menu{
        width:79%;
        height:auto;
        min-height:100px;
        float:right;
    }
    #menu ul{
        width:100%;
        margin-top:30px;
    }
    #menu li{
        width:150px;
        display:inline-block;

    }
    #menu ul li a{
        text-decoration: none;
        text-align: center;
        font-family: vazir;
        font-size: 13pt;
        color: black;
        transition: all ease-in-out 0.3s;
        -moz-transition:all ease-in-out 0.3s;
        -webkit-transition:all ease-in-out 0.3s;
        -o-transition:all ease-in-out 0.3s;
    }
    #menu ul li a:hover{
        color:white;
    }
    .menu-r{
        width:20%;
        height:auto;
        float:right;
    }
    .menu-r img{
        width:90%;
    }
    .menu-l{
        width:80%;
        height:auto;
        float:right;
        margin-top:5px;
    }
    #login{
        width:5%;
        height:auto;
        min-height:100px;
        float:left;
    }
    .linkimg{
        width:50%;
        height:auto;
        display:block;
        margin:0 auto;
        margin-top:30px;
    }
    .content{
        width:100%;
        height:auto;
        margin:0 auto;
        background-color:#e6e7e8;
        margin-top:10px;
        margin-bottom:10px;
    }
    #footer{
        width:100%;
        height:auto;
        min-height:300px;
        background-color:#a7a9ac;
        margin:0 auto;
        padding-top:10px;
    }
    #footer table{
        width:100%;
        height:auto;
        min-height:300px;
    }
    #footer table td{
        width:24%;
        height:auto;
        position:relative;
    }
    .tagheaderp{
        width:100%;
        height:auto;
        text-align:center;
        font-family:vazir;
        font-size:10pt;
        color:black;
    }
    .footertitle{
        width:100%;
        height:auto;
        position:absolute;
        top:5px;
    }
    .footercontent{
        width:100%;
        height:250px;
    }
    .footercontent a{
        width:100%;
        height:auto;
        display:block;
        text-align:center;
        font-family:vazir;
        font-size:9pt;
        color:black;
        text-decoration:none;
        margin-top:3%;
        transition:all ease-in-out 0.3s;
        -o-transition:all ease-in-out 0.3s;
        -webkit-transition:all ease-in-out 0.3s;
        -moz-transition:all ease-in-out 0.3s;
    }
    .footercontent a:hover{
        cursor:pointer;
        color:white;
    }
    .tagpdes {
        width: 90%;
        height: auto;
        font-family: vazir;
        font-size: 9pt;
        text-align: justify;
        padding: 1% 5% 0 5%;
        line-height:25px;
    }
    #sign{
        width:100%;
        height:auto;
        margin:0 auto;
        margin-top:30px;
        min-height:200px;
    }
    .signator{
        width:32%;
        float:right;
        margin:0 1% 0 0;
        background-color:white;
		border-radius:5px;
		height:120px;
    }
    .signator img{
        width:90%;
        display:block;
        margin:0 auto;
    }
    /*****************************Index***************************/
    #slideshow {
        width: 75%;
        height:auto;
        margin: 0 auto;
        border-radius: 10px;
    }
    #slideshow:hover{
        cursor:pointer;
    }
    #slideshow img{
        display:block;
        margin:0 auto;
        width:100%;
    }
    .slide{
        display:none;
    }
    #text{
        width:90%;
        height:auto;
        min-height:350px;
        margin:0 auto;
        margin-top:10px;
    }
    .text-childs {
        width: 32%;
        height: auto;
        float: right;
        margin: 0 1% 0 0;
        border: 2px solid #a7a9ac;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
        min-height: 300px;
        transition:all ease-in-out 0.3s;
        -webkit-transition:all ease-in-out 0.3s;
        -moz-transition:all ease-in-out 0.3s;
        -o-transition:all ease-in-out;
    }
    #ch1:hover,#ch2:hover,#ch3:hover{
        background-color:white;
        cursor:pointer;
    }
    .titr{
        width:100%;
        height:42px;
        background-color:#a7a9ac;
        border-top-right-radius:10px;
        border-top-left-radius:10px;
    }
    .titr p{
        font-family:vazir;
        font-size:12pt;
        color:black;
        text-align:center;
        padding-top:8px;
    }
    .tt{
        width:100%;
        height:auto;
        min-height:300px;
    }
    .tt p{
        width:80%;
        height:auto;
        padding:10%;
        font-family:vazir;
        color:black;
        line-height:35px;
        text-align:justify;
        font-size:11pt;
    }
    #last-pro{
        width:100%;
        min-height:300px;
        height:auto;
        margin:0 auto;
        margin-top:10px;
        margin-bottom:10px;
    }
    #last-pro p{
        font-family:vazir;
        font-size:12pt;
        color:black;
        display:block;
        margin-right:30px;
    }
    .lastpro{
        width:100%;
        height:auto;
    }
    .showlastpro
    {
        width:100%;
        height:auto;
        margin-top:5px;
        font-family:vazir;
        font-size:9.5pt;
    }
    .showlastpro img{
        display:block;
        margin: 0 auto;
        width:70%;
        height:auto;
    }
    .showlastpro tr{
        width:100%;
        height:auto;
        text-align:center;
    }
    .showlastpro td{
        width:100%;
        min-height:35px;
        height:auto;
        text-align:center;
        padding:5px 0 5px 0;
        border:2px solid #a7a9ac;
        line-height:30px;
        border-top-right-radius:5px;
        border-top-left-radius:5px;
        transition:all ease-in-out 0.3s;
        -moz-transition:all ease-in-out 0.3s;
        -o-transition:all ease-in-out 0.3s;
        -webkit-transition:all ease-in-out 0.3s;
    }
    .showlastpro td:hover{
        cursor:pointer;
        background-color:white;
    }
    .linkbutton{
        width:150px;
        height:35px;
        border-radius:5px;
        font-family:vazir;
        font-size:9.5pt;
        background-color:#a7a9ac;
        border:none;
        transition:all ease-in-out 0.3s;
        -moz-transition:all ease-in-out 0.3s;
        -webkit-transition:all ease-in-out 0.3s;
        -o-transition:all ease-in-out 0.3s;
    }
    .linkbutton:hover{
        background-color:#1d1d1d;
        color:white;
        cursor:pointer;
    }
    /*****************************AboutUs***************************/
    .descrip{
        width:70%;
        height:auto;
        margin:0 auto;
        display:flex;
    }
    .descrip p{
        display:block;
        text-align:justify;
        font-family:vazir;
        font-size:11pt;
        color:black;
        padding:30px;
        line-height:40px;
    }
    .descrip img{
        display:block;
        height:200px;
        border-radius:8px;
        margin:0 auto;
        border:3px solid #a7a9ac;
    }
    /*****************************agency*****************************/
    #agency{
        width:70%;
        height:auto;
        min-height:500px;
        margin:0 auto;
    }
    #agency p{
        width:100%;
        height:auto;
        font-family:vazir;
        font-size:11pt;
        color:black;
        text-align:justify;
        line-height:40px;
    }
    #brands{
        width:60%;
        height:auto;
        display:block;
        margin:0 auto;
        margin-top:30px;
        margin-bottom:30px;
    }
    #brands td{
        width:33%;
        height:auto;
        text-align:center;
    }
    #brands img{
        width:70%;
        height:auto;
    }
    #agencdetail{
        width:60%;
        height:auto;
        display:block;
        margin:0 auto;
        margin-top:30px;
        margin-bottom:30px;
    }
    #agencdetail tr{
        height:50px;
    }
    #agencdetail td{
        font-family:vazir;
        font-size:9pt;
        color:black;
        text-align:right;
    }
    #agencdetail img{
        width:70%;
        height:auto;
    }
    #agencdetail td:nth-child(odd){
        width:15%;
        height:auto;
        padding-right:5%;
    }
    #agencdetail td:nth-child(even){
        width:75%;
        height:auto;
        padding-right:5%;
    }
/*****************************ContactUs***************************/
.contact {
    width: 70%;
    height: auto;
    margin: 0 auto;
}
    .contact p{
        display:block;
        text-align:justify;
        font-family:vazir;
        font-size:11pt;
        color:black;
        padding:30px;
        line-height:40px;
        font-variant-numeric:oldstyle-nums;
    }
    .contact table{
        width:70%;
        height:auto;
        display:block;
        margin:0 auto;
        font-family:vazir;
        font-size:10pt;
        line-height:30px;
    }
    .contact td:nth-child(odd){
        width:30%;
    }
    .contact td:nth-child(even){
        text-align:right;
        padding:0 10px 0 10px;
    }
    .contact table img{
        width:30%;
        height:auto;
        display:block;
        margin:0 auto;
    }
/*****************************product***************************/
    #produce{
        width:90%;
        height:auto;
        display:flex;
        margin:0 auto;
    }
    #pro-show{
        width:90%;
        height:auto;
        min-height:500px;
        margin:0 auto;
    }
    #search-pro{
        width:100%;
        height:auto;
        margin:15px 0px 20px 0px;
        text-align:center;
    }
    .searchboxpro{
        width:850px;
        height:30px;
        text-align:right;
        padding-right:20px;
        padding-left:20px;
        color:black;
        font-family:vazir;
        border-radius:5px;
        border-color:transparent;
    }
    .showallpro{
        width:100%;
        height:auto;
        margin:0 auto;
        font-family:vazir;
        font-size:9.5pt;
        text-align:center;
    }
    .imgdt{
        width:70%;
        height:auto;
        display:block;
        margin:0 auto;
    }
    .showallpro tr{
        width:100%;
        height:50px;
        text-align:center;
    }
    .showallpro td{
        width:100%;
        min-height:35px;
        height:auto;
        text-align:center;
        line-height:30px;
        padding:5px 0 5px 0;
        border:2px solid #a7a9ac;
        border-top-right-radius:5px;
        border-top-left-radius:5px;
        transition:all ease-in-out 0.3s;
        -moz-transition:all ease-in-out 0.3s;
        -webkit-transition:all ease-in-out 0.3s;
        -o-transition:all ease-in-out 0.3s;
     }
    .showallpro td:hover{
        cursor:pointer;
        background-color:white;
    }
/*****************************showproduct***************************/
    #showpro{
        width:70%;
        height:auto;
        margin:0 auto;
    }
    #imgandinfo{
        width:100%;
        height:505px;
        margin:0 auto;
        padding-top:5px;
        display:flex;
    }
    #showdes{
        width:100%;
        height:auto;
        margin:0 auto;
        min-height:100px;
        margin-top:20px;
    }
    #showprotable{
        width:60%;
        height:200px;
        margin:0 auto;
        margin-top:120px;
        font-family:vazir;
        background-color:white;
        border-top-right-radius:5px;
        border-top-left-radius:5px;
    }
    #showprotable td:nth-child(odd){
        width:40%;
        text-align:center;
        font-size:11.5pt;

    }
    #showprotable td:nth-child(even){
        width:60%;
        text-align:center;
        font-size:11.5pt;
    }
    .parentdiv{
        width:100%;
        height:auto;
        display:inline-flex;
    }
    .parentdiv img{
        display:block;
        margin: 0 auto;
    }
    .lblshowpro{
        width:90%;
        height:auto;
        font-family:vazir;
        font-size:10pt;
        color:black;
        text-align:right;
        line-height:40px;
    }
    #similarpro{
        width:100%;
        height:auto;
        margin:0 auto;
        margin-top:50px;
    }
    #similarpro p{
        font-family:vazir;
        font-size:12pt;
        color:black;
        display:block;
        margin-right:30px;
    }