@font-face {
    font-family: 'myfont';
    src: url('../fonts/IRANSansWeb.woff') format('woff');
    font-style: normal;
    font-size:14px;
}

.header_div {
        position:fixed;
}

body {
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
    font-family: myfont;
    font-size: 14px;
    color: #4a4a4a;
    text-indent: 10px each-line;
    /*background: url(../images/cloud2.png) fixed #ebebeb;*/
    background-color: #ebebeb;
    background: url(../images/cloud.png) fixed;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;

    /*background: url(../images/bg12.png) fixed;*/
}
img {
    outline-width: 0;
    border: none;
}
.fader_popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /*background: #666 url(../images/ui-bg.png) repeat;*/
    opacity: 0;
    margin-top: -5000px;
    z-index: 2000;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}


.header1 {
    background-color: #1f3360;
    height: 70px;
}


.fixbar {
    position: fixed;
    margin-top: 0;
    border-bottom: 1px solid #8C8785;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
    z-index: 1033;
    width: inherit;
        top: 0;
}



/*.mainmenu li a {
    margin-right: 8px;
}
.mainmenu li a {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background: #004a84;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    padding: 6px 11px;
    box-shadow: inset 0 0 2px 1px #01365e;
    font-size: 14px;
    position: relative;
    overflow: hidden;
}*/
body a {
    outline: 0;
    text-decoration: none;
}
a, a:visited, a b {
    color: #38B0E3;
    text-decoration: underline;
    cursor: pointer;
}

div.menu2 {
    /*font-family:'myfont';*/
    display: normal;
    overflow: hidden;
    height:20px;
    padding-right: 10px;
    background-color: #172a55;
    padding-bottom: 2px;
    padding-top: 5px;
    border-width:0;
    padding:6px;
    margin-left: auto;
    margin-right: auto;

}

    div.menu2 ul {
        list-style: none;
        margin: 0px;
        margin-top: -3px;
        padding: 0px;
        width: auto;
    }



     div.menu2 ul li a, div.menu2 ul li a:visited {
            font-size:11px;
            color:  #FFF;
            padding: 4px 15px;
            text-decoration: none;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .1s ease-in-out;
            -ms-transition: all .1s ease-in-out;
            -o-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
            outline-width: 0;
            opacity:0.8;
        }

            div.menu2 ul li a:hover {
                border-radius: 3px;
                -moz-border-radius: 3px;
                /*color: #FFF !important;*/
               opacity:1;
               text-decoration: none;
            }

            div.menu2 ul li a:active {
                -moz-border-radius: 3px;
                border-radius: 3px;
                color: #cfdbe6;
                text-decoration: none;
            }

            div.menu2 li:before {
               content: " | ";
             }

    .support {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:67px;
    height:65px;
    background: url(../images/support1.png) center;
       float: left;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    outline-width: 0;
    float: left;
    vertical-align: middle;
    left: 21px;
    top: 20px;
    position: relative;
    margin-left: 20px;
}
    .support:hover {
   background: url(../images/support2.png) center;
    outline-width: 0;
    border: none;
    }


    .whatsapp_style {
    vertical-align: central;
     float: left;
      margin-left: 45px;
       margin-top:-7px;
    width:32px;
    height:32px;

    border-style: none;
    border-color: inherit;
    border-width: medium;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    outline-width: 0;
    background: url(../images/whatsapp-logo.png) center;
}
    .whatsapp_style:hover {
   background: url(../images/whatsapp-logo2.png) center;
    outline-width: 0;
    border: none;
    }





    .textboxdisabled_style {
    background-color: #dbdada;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    font-family: 'myfont';
    /*font-size: 11pt;*/
    text-indent: 5px;
    width: 100%;
    height: 30px;
    /*color: #555;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin:3px
}


    .textboxstyle_small {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    font-family: 'myfont';
    /*font-size: 11pt;*/
    text-indent: 5px;
    width: 50%;
    height: 30px;
    /*color: #555;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin:3px
}


    .textboxstyle_small:hover {
        box-shadow: 0px 0px 5px rgba(134, 246, 140,1);
    }


    .textboxstyle {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    font-family: 'myfont';
    /*font-size: 11pt;*/
    text-indent: 5px;
    width: 100%;
    height: 30px;
    /*color: #555;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin:3px
}


    .textboxstyle:hover {
        box-shadow: 0px 0px 5px rgba(134, 246, 140,1);
    }

    .textboxstyle2 {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    font-family: 'myfont';
    /*font-size: 11pt;*/
    text-indent: 5px;
    width: 100%;
    height: 320px;
    /*color: #555;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin:3px
}


    .textboxstyle2:hover {
        box-shadow: 0px 0px 5px rgba(134, 246, 140,1);
    }




    .memoboxstyle {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    font-family: 'myfont';
    /*font-size: 11pt;*/
    text-indent: 5px;
    width: 100%;
    height:100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin:3px
}


    .memoboxstyle:hover {
        box-shadow: 0px 0px 5px rgba(134, 246, 140,1);
    }


.buttstyle {
    border: none;
    color: #FFF;
    font-family: 'myfont';
    background-color: #0056A9;
    padding: 6px;
    width: 150px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    cursor: pointer;
    height: 40px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0056A9', endColorstr='#042E5C');
    opacity: 0.95;
    -moz-opacity: 0.95;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    margin: auto;
    display: block;
    margin-top: 15px;
    width: auto;
    min-width: 160px;
}

    .buttstyle:hover {
        opacity: 1;
        -moz-opacity: 1;
    }

        .buttstyle:disabled {
            border: 1px solid #AAAAAA;
            color: #888a85;
            background-color: gray;
            text-shadow: 1px 1px 0px #FFF;
            cursor: default;
        }

            .disable_buttstyle {
    border: none;
    color:white;
    font-family: 'myfont';
    background-color:gray;
    padding: 6px;
    width: 150px;
    border-radius:5px;
    -moz-border-radius: 5px;
    text-align: center;
    height: 40px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0056A9', endColorstr='#042E5C');
    opacity: 0.95;
    -moz-opacity: 0.95;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    margin: auto;
    display: block;
    margin-top: 15px;
    width:auto;
    min-width: 160px;
}



.button_div {
     display:inline-flex;
     padding: 50px;
     gap:10px;
}


    .buttstyle_green {
    border: none;
    color:#FFF;
    background-color:#03722a;
    font-family: 'myfont';
    padding: 6px;
    width: 150px;
    border-radius:5px;
    -moz-border-radius: 5px;
    text-align: center;
    cursor: pointer;
    height: 40px;
    /*background: -webkit-gradient(linear, left top, left bottom,from(#1c7a04), to(#103601));
    background: -moz-linear-gradient(top, #1c7a04, #103601);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c7a04', endColorstr='#103601');
    opacity: 0.95;
    -moz-opacity: 0.95;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 160px;
    margin: auto;
    display: block;
    margin-top: 15px;
        min-width: 160px;

}

    .buttstyle_green:hover {
        opacity: 1;
        -moz-opacity: 1;
    }

            .buttstyle_green:disabled {

        border: 1px solid #AAAAAA;
        color: #888a85;
       background-color:gray;
        text-shadow: 1px 1px 0px #FFF;
        cursor: default;
    }
        



    .buttstyle_red {
    border: none;
    color:#FFF;
    background-color: #a9001f;
    font-family: 'myfont';
    padding: 6px;
    width: 150px;
    border-radius:5px;
    -moz-border-radius: 5px;
    text-align: center;
    cursor: pointer;
    height: 40px;
    /*background: -webkit-gradient(linear, left top, left bottom,from(#1c7a04), to(#103601));
    background: -moz-linear-gradient(top, #1c7a04, #103601);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c7a04', endColorstr='#103601');
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 160px;
    margin: auto;
    display: block;
    margin-top: 15px;
        min-width: 160px;

}

    .buttstyle_red:hover {
        opacity: 1;
        -moz-opacity: 1;
    }







    .buttstyle_green_small {
    border: none;
    color: #FFF;
    background-color: #03722a;
    padding: 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    cursor: pointer;
    height: 40px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c7a04', endColorstr='#103601');
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    height: 25px;
    width: auto;
    margin:3px;
    display: block;
}

    .buttstyle_green_small:hover {
        opacity: 1;
        -moz-opacity: 1;
    }

    .buttstyle_brown_small {
    border: none;
    color: #FFF;
    background-color:brown;
    padding: 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    cursor: pointer;
    height: 40px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c7a04', endColorstr='#103601');
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    height: 25px;
    width: auto;
    margin:3px;
    display: block;
}

    .buttstyle_brown_small:hover {
        opacity: 1;
        -moz-opacity: 1;
    }


.titlekadr {
    border: none;
    color: #fff;
    background-color: #45607a;
    font-family: 'myfont';
    /* padding: 6px; */
    border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    /*cursor: pointer;*/
    height: 40px;
    background: -moz-linear-gradient(top, #0056A9, #042E5C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0056A9', endColorstr='#042E5C');
    opacity: 0.8;
    -moz-opacity: 0.8;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 55%;
    margin-right:auto;
    border-radius:20px;

}


    .bigbuttstyle {
    border: none;
    color: #FFF;
    background-color: #042E5C;
    font-family: 'myfont';
    /* padding: 6px; */
    border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    cursor: pointer;
    height: 40px;
    background: -moz-linear-gradient(top, #0056A9, #042E5C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0056A9', endColorstr='#042E5C');
    opacity: 0.8;
    -moz-opacity: 0.8;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 260px;
    margin-right:auto;
        }

    .bigbuttstyle:hover {
        opacity: 1;
        -moz-opacity: 1;
    }



.hide_object {
       opacity: 0;
}

.labelstyle {
    text-align: center;
    color: darkblue;
    display: block;
    margin-top: 10px;
}


/*///////////////////tizzerbox///////////////////////////*/
#tizzerbox a {
    width:320px;
    min-width: 320px;
    max-width: 320px;
    height: 225px;
    /*font-size: 11pt;*/
    color: #333;
    box-shadow: 0px 1px 4px #888A85;
    -webkit-box-shadow: 0px 1px 4px #888A85;
    -moz-box-shadow: 0px 1px 4px #888A85;
    background-color: #FFF;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;    direction: rtl;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background-color: #3a3939;
    border-radius: 50px;
}

    #tizzerbox a:HOVER {
        box-shadow: 0px 0px 6px 2px rgba(136, 138, 133, 0.5);
        -webkit-box-shadow: 0px 0px 6px 2px rgba(136, 138, 133, 0.5);
        -moz-box-shadow: 0px 0px 6px 2px rgba(136, 138, 133, 0.5);
    }

.ie8 #tizzerbox a {
    outline: solid 1px #888a85;
}

    .ie8 #tizzerbox a:hover {
        outline: solid 1px #a62626;
    }


#tizzerbox img {
    width: 320px;
    height: 180px;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-style: none none none solid;
    border-width: 0px 0px 0px 1px;
    border-color: rgb(193, 189, 189);
    background: none repeat scroll 0% 0% #ECF0EB;
    -moz-border-top-colors: none;
}

#tizzerbox h4 {
    font-family: "myfont";
    font-size: 13px;
    font-weight: bold;
    font-weight: normal;
    direction: rtl;
    margin-top: 10px;
    overflow: hidden;
    color: #ffffff;
    text-overflow: ellipsis;
}


#tizzerbox .matn_div_style {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
    background: -moz-linear-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
    background:-moz-linear-gradient(center top , rgba(255, 255, 255, 0), rgb(255, 255, 255));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255, 255, 255, 0), endColorstr='#FFFFFF');
    margin-top: 70px;
    height: 60px;
    width: 100%;
    position: absolute;
}



/*-------------------filesbox end---------------------------*/

/*--------------------------------*/

.mobacc_style{
    
    position:absolute;
    height: auto;
    min-height: 100px;
    padding: 30px;
    max-width: 700px;
    line-height: 2;
    min-width: 700px;
    top: 30px;
    margin-top: 160px;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition:  all 0.4s ease-in-out;
    -ms-transition:  all  0.4s ease-in-out;
    -o-transition:  all  0.4s ease-in-out;
    transition:  all 0.4s ease-in-out;
    left: 50%;
    transform: translate(-50%);
    background-color:white;
    /*border-style: outset;*/
    /*border-width: 1px;*/ 
    background-image:url(../images/div-bg7.png);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x:15px;
    background-position-y:bottom;

    -webkit-box-shadow: -2px 2px 9px 5px rgba(136, 138, 133, 0.2);
    -moz-box-shadow: -2px 2px 9px 5px rgba(136, 138, 133, 0.2);
    box-shadow: -2px 2px 9px 5px rgba(136, 138, 133, 0.2);

    
}


.detdiv{
    height: auto;
    min-height: 200px;
    padding: 30px;
    max-width: 720px;
    line-height: 2.5;
    /* margin: 70px; */
    left: auto;
    right: auto;
    display: block;
    margin: auto;
    top: 50px;
    margin-top: 70px;
    margin-bottom: 70px;
    border-radius: 30px;
    z-index: 30;
    background-color:white;
    border-style: outset;
    border-width: 1px; 
    background-image:url(../images/div-bg7.png);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x:15px;
    background-position-y:bottom;


}

.detshowtitle {
    font-weight: bold;
    border-bottom-color: #5897fb;

    border-image: -webkit-linear-gradient(to right,#ffffff00,#001c6e ,#c2e1e3,#001c6e ,#ffffff00)1;
    border-image: -moz-linear-gradient(to right,#ffffff00,#001c6e ,#c2e1e3,#001c6e ,#ffffff00)1;
    border-image: linear-gradient(to right,#ffffff00,#001c6e ,#c2e1e3,#001c6e ,#ffffff00)1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    /* white-space: normal !important; */
    /* float: right; */
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;

}

.detshowtitle2 {
    font-weight: bold;
    border-bottom-color: #5897fb;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-left: auto;
    margin-right: auto;
    display:block;
    margin-top: 30px;
    padding-right: 70px;

}


.detshowvalue {
    text-indent: 10px each-line;
    margin-top: 10px;
    float: right;
    text-align: justify;

}

.detshowvalue_line_2_4 {
    text-indent: 10px each-line;
    margin-top: 10px;
    float: right;
    text-align: justify;
    line-height:2.4;
}

.detshowvalue2 {
    text-indent: 10px each-line;
    margin-top: 10px;
    text-align: justify;
    padding: 10px;

}
.detshowvalue3 {
    text-indent: 10px each-line;
    padding: -17px;
    display: block;
    vertical-align: bottom;
    /* text-indent: -20px; */
    height: 25px;
    font-size:13px;

}

.detshowvalue4 {
    text-indent: 10px each-line;
    padding: -17px;
    /*font-size: 15px;aaa*/
    text-align: center;
    display: block;
    color: #039f03;
 background-color: aliceblue;

}
.detshowvalue5 {
    text-indent: 10px each-line;
    padding: -17px;
    /*font-size: 15px;aaa*/
    display: list-item;
}

.how_to_show_link {
    font-family: 'myfont';
    /*font-size: 11pt;aaa*/
    text-indent: 10px each-line;
    margin-top: 10px;
    text-align: justify;
    width:570px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}

.labelclass {

        color: #2196F3;
}

.topborder {
  border-bottom-color: #dfdfdf;
  /*border-image: -webkit-linear-gradient(to right,#ffffff,#5897fb, #ffffff)1;
  border-image:    -moz-linear-gradient(to right,#ffffff,#5897fb, #ffffff)1;
  border-image:  linear-gradient(to right,#ffffff,#5897fb, #ffffff)1;*/
border-bottom-width: 1px;
border-bottom-style: solid;

}


/* ----------------------  page loader*/
.loader {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 65px;
    height: 65px;
    /* background-color: #2196f3; */
    background-color: #325378;
    border-radius: 50%;
    margin-top: 107px;
    margin-left: auto;
    margin-right: auto;
}


        .loader:after {
            content: '';
            position: absolute;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            border: 0px solid white;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-animation: loading 1000ms ease-out forwards infinite;
            animation: loading 1000ms ease-out forwards infinite;
        }

    @-webkit-keyframes loading {
        0% {
            border: 0px solid white;
        }

        20% {
            border: 8px solid white;
            width: 0%;
            height: 0%;
        }

        100% {
            border: 8px solid white;
            width: 100%;
            height: 100%;
        }
    }

    @keyframes loading {
        0% {
            border: 0px solid white;
        }

        20% {
            border: 8px solid white;
            width: 0%;
            height: 0%;
        }

        100% {
            border: 8px solid white;
            width: 100%;
            height: 100%;
        }
    }
/*  end page loader*/

/************************************************************/
/*///////////////////tizzerlargebox///////////////////////////*/
.tizzerlargedivbox {
    height: auto;
    background-color: white;
    min-height: 100px;
    padding: 30px;
    max-width: 750px;
    /* margin: 70px; */
    left: auto;
    right: auto;
    display: block;
    margin: auto;
    top: 50px;
    margin-top: 70px;
    margin-bottom: 70px;
}

#tizzerlargebox a {
     width: 55%; 
    min-width: 400px;
    height: 200px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 15px;
    margin-top: 31px;
    font-size: 13px;
    color: #333;
     box-shadow: 0px 1px 4px #888a85; 
     -webkit-box-shadow: 0px 1px 4px #888a85; 
    -moz-box-shadow: 0px 1px 4px #888A85;
    background-color: #FFF;
    direction: rtl;
    display: block;
    position: relative;
    overflow: hidden;
}

@media (max-width:800px) {
    #tizzerlargebox a {
        width: 90%;
    }
}


#tizzerlargebox a:HOVER {
    box-shadow: 0px 0px 6px 2px rgba(136, 138, 133, 0.5);
    -webkit-box-shadow: 0px 0px 6px 2px rgba(136, 138, 133, 0.5);
    -moz-box-shadow: 0px 0px 6px 2px rgba(136, 138, 133, 0.5);
}

.ie8 #tizzerlargebox a {
    outline: solid 1px #888a85;
}

    .ie8 #tizzerlargebox a:hover {
        outline: solid 1px #a62626;
    }


#tizzerlargebox img {
    width: 200px;
    height: 200px;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.2);
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-style: none none none solid;
    border-width: 0px 0px 0px 1px;
    border-color: rgb(193, 189, 189);
    background: none repeat scroll 0% 0% #ECF0EB;
    -moz-border-top-colors: none;
    float: right;
    position: relative;
}

#tizzerlargebox h4 {
    /*font-size: 14pt;aaa*/
    font-weight: bold;
    max-height: 70px;
    font-weight: normal;
    text-align: justify;
    line-height: 2.4;
    position: absolute;
    margin: 5px 220px 0px 0px;
    overflow: hidden;
    color: #000000;
    white-space: nowrap;

}

#tizzerlargebox .fix_tag_style {
    font-size: 11px;
    color: #FFF0A1;
    text-shadow: 1px 1px 5px #000000;
    width: 120px;
    height: 20px;
    text-align: center;
    background: none repeat scroll 0% 0% rgba(197, 0, 0, 0.7);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    margin: 108px -180px 10px 10px;
    padding-top: 0px;
    float: right;
    position: absolute;
}


#tizzerlargebox .matn_style {

color: #383838;
    white-space: pre;
    direction: rtl;
    text-overflow: ellipsis;
    height: 120px;
    margin-top: 25px;
    font-size: 11px;
    position: absolute;
    margin-right: 250px;
    overflow: hidden;
    white-space: normal;
    line-height: 2.3;
    text-align: justify;
    margin-left: 5px;
    /* padding: 5px; */
    padding-top: 20px;
    width: 428px;
}

#tizzerlargebox .matn_div_style {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
    background: -moz-linear-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));

    background:-moz-linear-gradient(center top , rgba(255, 255, 255, 0), rgb(255, 255, 255));

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255, 255, 255, 0), endColorstr='#FFFFFF');

    margin-top: 120px;
    height: 30px;
    width: 100%;
    position: absolute;
}


#tizzerlargebox .fix_tag_style2 {
    font-size: 11px;
    color: #FFFFFF;
    width: 120px;
    height: 20px;
    text-align: center;
    background: none repeat scroll 0% 0% rgba(197, 0, 0, 0.7);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    margin-top: 150px;
    margin-right: -220px;
    padding-top: 0px;
    float: right;
}

#tizzerlargebox .tizzer_tags_style {
    float: left;
    margin-top: 145px;
    margin-left: 5px;
}

#tizzerlargebox .time {
    font-size: 11px;
    color: #FFF;
    background-color: rgba(10, 5, 5, 0.2);
    width: 180px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    margin: 0px -181px 0px;
    direction: rtl;
    float: right;
    position: relative;
}

#tizzerlargebox .pricetag {

    float: right;
    font-size: 11px;
    text-align: right;
    height: auto;
    margin-top: 153px;
    margin-right: 183px;
    color: #8BC34A;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
    line-height: 15px;
    position: absolute;
    display: block;
    float: right;

}

#tizzerlargebox .loc_tag {
    float: right;
    font-size: 11px;
    text-align: right;
    height: auto;
    color: #2196F3;
    margin-top: 130px;
     margin-right: 188px; 
    white-space: nowrap;
    text-overflow: ellipsis;
}


    #tizzerlargebox .global_tag {
    font-size: 11px;
    height: 20px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 2px;
    padding-top: 2px;
    color: #059427;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 125px;
    float: right;
    text-align: center;

    }

/*--------------------tizzerlargebox end---------------------------*/


.warning_box {
    line-height: 2;
    font-size: 13px;
    background-color:#ddf5ce;
    color:#537240;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    margin-top: 15px;
}



.warning_box_without_background {
    line-height: 2;
    font-size: 13px;
    color:#537240;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    margin-top: 15px;
}

.alarm_box {
    line-height: 2;
    font-size: 13px;
    background-color: #f2dede;
    color: #a94442;
    padding: 0px;
    border-radius: 32px;
    text-align: center;
    margin-top: -3px;
    margin-bottom: 15px;

}



.alarm_box {
    line-height: 2;
    font-size: 13px;
    background-color: #f2dede;
    color: #a94442;
    padding: 0px;
    border-radius: 32px;
    text-align: center;
    margin-top: -3px;
    margin-bottom: 15px;

}



.det_image {
    margin-top:20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 80%;
    cursor:zoom-in;
}



#tizzerbox .fix_tag_style{
    font-size: 11px;
    color: #FFFFFF;
    width: 120px;
    height: 20px;
    text-align: center;
    background: none repeat scroll 0% 0% rgba(197, 0, 0, 1);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    margin-top: 23px;
    margin-right: 231px;
    float: right;
    position: absolute;
}


#tizzerbox .tizzer_tags_style {
    float: left;
    width: 160px;
    margin-top: -53px;
}

#tizzerbox .time {
    font-family: "tizzfont";
    font-size: 13px;
    color: #FFF;
    background-color: rgba(10, 5, 5, 0.2);
    width: 141px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    margin: 0px -141px 0px;
    direction: rtl;
    float: right;
    z-index: 2200;
}

#tizzerbox .pricetag {
    float: right;
    font-family: "tizzfont";
    font-size: 11px;
    text-align: right;
    height: auto;
    margin: -25px 140px 5px 0px;
    color: #8BC34A;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
    line-height: 15px;
}

.footer_box {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.keywords_div {
        Font-Size:13px;
        font-style:italic; 
        Color:#8f8d8d;
      
}

/*-------------------payam classes--------------------------*/
.ans_class {
    line-height: 1.5;
    background-color: #ffffff;
    color:darkblue;
    border-radius: 15px;
    -moz-border-radius: 15px;
    padding: 10px 10px;
    margin-top: 5px;
    text-align: justify;
    border-color: rgb(217, 217, 253);
    border-width: 1px;
    border-style: solid;
    margin-bottom: 2px;
    text-indent: 0;
}




.payam_class {
    line-height: 1.5;
    font-size: 14px;
    height: 100%;
    width: 98%;
    background-color: rgb(235,235,235);
    color: darkblue;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 10px;
    margin-top: 5px;
    text-align: justify;
    border-color: rgb(228, 226, 226);
    border-width: 1px;
    border-style: solid;
    margin-bottom: 10px;
    text-indent: 0;
    float: left;
}

.bot_line {
    color: rgb(110, 104, 104);
    border-bottom: 1px dotted #c4c6bf;
}

.top_line {
    color: rgb(110, 104, 104);
    border-top: 1px dotted #c4c6bf;
}

.zam_style {
    direction: ltr;
    float: left;
    font-family: tahoma;
    font-size: 12px;
}

.mail_tel_style {
    direction: ltr;
    float: left;
    font-family: tahoma;
    font-size: 12px;
    margin-top: 7px;
}

.popup_close_bot {
    position: absolute;
    right: -10px;
    top: -10px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    cursor: pointer;
}

    .popup_close_bot:hover {
        opacity: 1;
        -moz-opacity: 1;
    }


.ans_popup_class {
    font-family: Tahoma;
    font-size: 12px;
    position: fixed;
    width: 450px;
    height: 250px;
    background-color: #fff;
    border: 1px none #ccc;
    color: #000000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    opacity: 1;
    margin-top: -1500px;
    z-index: 2100;
    -webkit-transition: margin-top .8s ease-in-out;
    -moz-transition: margin-top .8s ease-in-out;
    -ms-transition: margin-top .8s ease-in-out;
    -o-transition: margin-top .8s ease-in-out;
    transition: margin-top .8s ease-in-out;
}
.payam_image {
    outline-width: 0;
    border: none;
    display: block;
}

.icomoon {
    width: 20px;
    height: 20px;
    /*padding-left: 15px;*/
    vertical-align: sub;
    /*opacity: 0.6;*/
    position: initial;
}

.section_header {
    background-color: #3B5D80;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
    font-size: 13px;
    text-indent: 10px;
}


/****************slider*****************************************************/
.slider_pics {
    outline-width: 0;
    border:  1px solid #ccc;  
    width:  100px; 
    height: 100px; 
    display: block;
    margin: auto;
    padding: 5px;
}

.slider_span {
    display: block;
    text-align: center;
    width: 100%;
}

	#slider div {
         width: 100%; 
         height: 150px; 
         padding: 15px; 
         color: #333; 
         text-align:right; 
         cursor:cell;

	}

/****************************************************/
.validation_label {
    color: red;
    float: left;
    visibility: visible;
    position: absolute;
    margin: 10px;
        font-size: 14px;
}

/********************DB Gride********/
.dbgrid_style {
    background-color: White;
    border-color: #999999;
    border-width: 1px;
    font-size: 12px;
    margin: 70px;
    margin-top:40px;
    width: -webkit-fill-available;
}
.dbgrid_header{
    color: White;
    background-color: darkslategrey;
    font-weight: bold;
    height: 45px;
}
.hide_dbgide_col {
    display:none;
}

.row_style{
color: Black;
    background-color: #EEEEEE;
    height: 45px;
}

.alter_row_style{
color: Black;
    background-color: Gainsboro;
    height: 45px;
}

/**********************************************************/
.radio_group_style {
    padding-right: 50px;
}

.radio_item_style:disabled {
    color:silver;
}
        .table_style {
            width: 100%;
            line-height: 2.4;
        }

        
.edit_warning {
font-size: 12px;
    display: block;
    width: auto;
    padding-right: 7px;
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #A62626;
    border-radius: 4px;
    border-color: #A62626;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    margin: auto;

}

.inline_div {
    display:inline-block;    
    display: -webkit-inline-box;
}

.persian_date {
    color: white;
    font-size: 11px;
    position: absolute;
    margin-top: 7px;
    margin-right: 80px;
}






/*******************************************************************animation*/


.header-animation-rocket {
    overflow: visible;
    position: absolute;
    right: 40px;
    top:90px;
    pointer-events: none;
    width:100%;
    z-index: 10;
}:after, :before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*user agent stylesheet
:not(svg) {
    transform-origin: 0px 0px;
}*/
#rocket {
    fill: rgba(71,75,83,.2);
}
/*.header-animation-rocket {
    overflow: visible;
    position: absolute;
    right: 40px;
    top: 0;
    pointer-events: none;
    z-index: 3;
}*/

.kt-modal-button {
    cursor: pointer;
}
#rocket, .rocket-modal-button {
    animation-name: rocket;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.rocket-modal-button {
    pointer-events: all;
    fill: transparent;
    cursor: default!important;
}:after, :before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#theMotionPath{fill:transparent}
@-webkit-keyframes rocket {
    0% {
        transform: translate(-5px,-5px) scale(0) rotate(54deg);
        opacity: 1;
    }

    37%,5% {
        transform: translate(-5px,-5px) scale(.4) rotate(54deg);
        opacity: 1;
    }

    44% {
        transform: translate(-5px,-5px) scale(.35) rotate(54deg);
        opacity: 1;
    }

    100% {
        transform: translate(-5px,-5px) scale(0) rotate(54deg);
        opacity: 0;
    }
}

.errorlabel2 {
    font-family: cursive;
    font-size: 120px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    display: block;
}

.errorlabel1 {

    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    display: block;
    color: crimson;
}


/*////////////////////////////////////////////////////////////////////////////////////*/
    .grid-container {
        /*width: 600px;*/
        height: 400px;
        overflow: auto;
        border: 1px solid #ccc;
        direction: rtl; /* کل جدول راست به چپ */
    }

    .gridview-style {
        font-family: Tahoma;
        font-size: 12px !important;
        border-collapse: collapse;
        width: 100%;
    }

    .gridview-style th {
        background-color: #336699;
        color: white;
        padding: 6px;
        text-align: center; /* هدر وسط‌چین */
    }

    .gridview-style td {
        padding: 4px;
        text-align: right; /* سلول‌ها راست‌چین */
    }

    .gridview-style tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .gridview-style tr:nth-child(odd) {
        background-color: #ffffff;
    }