@font-face {
    font-family: 'BYekan';
    src: url(/template/fonts/BYekan.eot);
    src: url(/template/fonts/BYekan.otf) format("opentype");
    src: local("☺"),local("BYekan"),url(/template/fonts/BYekan.woff) format("woff"),url(/template/fonts/BYekan.ttf) format("truetype"),url(/template/fonts/BYekan.svg) format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IranSans';
    src: url('/template/fonts/IRANSansWeb(FaNum).eot');
    src: url('/template/fonts/IRANSansWeb(FaNum).eot?#iefix') format('eot'), /* IE6–8 */
    url('/template/fonts/IRANSansWeb(FaNum).woff2') format('woff2'), /* Chrome36+, Opera24+*/
    url('/template/fonts/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/template/fonts/IRANSansWeb(FaNum).ttf') format('ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'webYekan-Regular';
    src: url('/template/fonts/webYekan-Regular.eot');
    src: url('/template/fonts/webYekan-Regular.woff2') format('woff2'), url('/template/fonts/webYekan-Regular.woff') format('woff'), url('/template/fonts/webYekan.woff') format('woff'), url('/template/fonts/webYekan-Regular.ttf') format('truetype'), url('/template/fonts/webYekan-Regular.svg#webYekan-Regular') format('svg'), url('/template/fonts/webYekan-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

h4, h5, h6,
h1, h2, h3 {
    margin-top: 0;
}

ul, ol {
    margin: 0;
}

p {
    margin: 0;
}

.clearfix {
    clear: both;
}



html, body, .fontBase {
    font-family: 'IranSans',Arial;
    font-size: 100%;
    background: #fff;
    background: url(/template/img/page/download2.jpg);
}

    body a {
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -moz-transition: 0.5s all;
        text-decoration: none;
    }

#wrapper {
    width: 1024px;
    /*height: 100%;*/
    margin: 0px auto;
    padding-bottom: 20px;
    /*padding-top: 20px;*/
    /*background: #F5F5F5;*/
    background: rgba(244, 250, 255, 0.7);
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 45px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    /*background-color: red;*/
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    /*background: url("/template/img/page/top-icon.png");*/
    background: url("/template/img/page/scrool.gif");
    background-size: 30px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}

    #myBtn:hover {
        background-color: #ff4700;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
    }


/*-------------------------------- heder---------------------------*/

#header {
    width: 1024px;
    height: 85px;
    margin: 0 auto;
    z-index: 100;
    position: center;
    top: 15px;
    /* background: #fff; */
}

.head_top {
    height: 25px;
    width: 100%;
    display: inline-table;
    position: relative;
    padding: 5px;
    background-color: #005D9C;
    color: #fff;
    /* height: 25px;
    padding: 5px;
    background-color: #005D9C;
    color: #fff; */
}

.left {
    float: left;
    direction: ltr;
}

.right {
    float: right;
    direction: rtl;
}


.head_content {
    width: 100%;
    padding: 10px 0 0 0;
}

    .head_content .logo {
        width: 100%;
        float: left;
    }

        .head_content .logo img {
            width: 80px;
            margin: 0 auto;
            display: block;
            padding: 10px;
        }

    .head_content .phone {
        width: 150px;
        float: left;
        margin: 18px 30px 0 40px;
        color: #777;
    }

        .head_content .phone .phoneicon {
            float: left;
            margin-right: 14px;
            margin-top: 9px;
            width: 25px;
            height: 33px;
            background: url('/template/img/page/phone-grey.png') no-repeat;
        }


        .head_content .phone .phonetext {
            float: left;
        }

    .head_content .bascet {
        width: 60px;
        height: 40px;
        float: left;
        background: url('/template/img/page/basket.png') no-repeat #efefed 9px 5px;
        background-size: 32px;
        margin: 24px 0px 0px 20px;
    }

        .head_content .bascet .number {
            width: 32px;
            height: 32px;
            background: #605f5d;
            margin: 3px 0 0 45px;
            border-radius: 20px;
            color: #fff;
        }

            .head_content .bascet .number div {
                text-align: center;
            }

    /*--------serch------*/
    .head_content .search {
        float: left;
        width: 355px;
        margin: 30px 0px 0 30px;
    }







.search input[type="text"] {
    float: left;
    outline: none;
    color: #777;
    border: 2px #DAD6CC solid;
    width: 300px;
    height: 26px;
    line-height: 1.5em;
    font: 500 13px/13px 'Lato', sans-serif;
    padding: 0 10px 0 10px;
}

.search input[type="submit"] {
    float: left;
    height: 30px;
    width: 30px;
    background: url('/template/img/page/search.png') no-repeat 6px 5px #e9e5da;
    /*background-image: url('/template/img/page/search.png');*/
    border: none;
    cursor: pointer;
    outline: none;
    font-family: 'IranSans',Arial;
}

    .search input[type="submit"]:hover {
        background: url('/template/img/page/search.png') no-repeat 6px 5px #0a89ea;
    }

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }




/*------------------header menu ------------------*/
.head_menu {
    height: 70px;
    /*background: #E8E8E8;*/
    width: 1024px;
    border-radius: 30px 30px 0 0;
    margin: 0 auto;
    padding-bottom: 40px;
}


.lineDef {
    width: 1024px;
    margin: 0 auto;
    height: 30px;
    background: #E8E8E8;
    border-radius: 0 0 30px 30px;
}

/*-------------------------------- footer---------------------------*/




#footer {
    /* width: 100%; */
    margin: 0 auto;
    height: 300px;
    background: #212121;
    font-size: 12px;
    /* display: -webkit-box; */
    background: url(/template/img/download.jpg);
    border-top: 5px solid #029B99;
}

    #footer .footer_right {
        height: 100%;
        float: right;
        text-align: right;
        direction: rtl;
        color: #fff;
    }


        #footer .footer_right .f-r-one {
            width: 100%;
        }


.f_link {
    width: 100%;
    padding: 10px 10px 21px 10px;
}

    .f_link ul li {
        margin-top: 10px;
        list-style-type: square;
        color: #fff;
        margin-right: 36px;
        /*list-style-image:url(../img/address.png);*/
    }

.txt_icon {
    margin: 10px;
}


.link_icon_linkmofid {
    width: 26px;
    height: 29px;
    background: url("/template/img/page/link.png") no-repeat 3px;
    background-position: 1px 0px;
    background-size: 27px;
    float: right;
    position: inherit;
}


.footer_main {
    width: 1024px;
    margin: 0 auto;
    height: 100%;
    padding-top: 15px;
    background: url(/template/img/download.jpg);
}

    .footer_main .left {
        float: left;
        width: 250px;
    }

        .footer_main .left .title {
            color: #0a89ea;
            font-weight: bold;
            direction: rtl;
        }

        .footer_main .left .content {
            padding-top: 20px;
        }

            .footer_main .left .content a {
            }

                .footer_main .left .content a:hover {
                    width: 200px;
                }


            .footer_main .left .content img {
                width: 110px;
            }

    .footer_main .center {
        width: 250px;
        float: left;
    }

        .footer_main .center .text {
            color: #777;
            text-align: center;
        }



/*social icon*/

.social-meida {
    margin: 0 auto;
    height: 10px;
    /* margin: 17px 0 0 -29px; */
    margin-right: 80px;
    padding-top: 16px;
}


    .social-meida a {
        margin-left: 10px;
    }

        .social-meida a.fb {
            background: url("/template/img/net.png") 48px 50px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            background-size: 138px;
        }


        .social-meida a.tw {
            background: url("/template/img/net.png") -52px 50px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            background-size: 138px;
        }

        .social-meida a.gplus {
            background: url("/template/img/net.png") -7px 50px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            background-size: 138px;
        }

        .social-meida a.ins {
            background: url("/template/img/net.png") -7px 50px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            background-size: 138px;
        }



        .social-meida a.fb:hover {
            background: url("/template/img/net.png") 48px -8px;
            background-size: 138px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
            -moz-transition: 0.5s all;
        }

        .social-meida a.tw:hover {
            background: url("/template/img/net.png") -52px -8px;
            background-size: 138px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
            -moz-transition: 0.5s all;
        }

        .social-meida a.gplus:hover {
            background: url("/template/img/net.png") -7px -7px;
            background-size: 138px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
            -moz-transition: 0.5s all;
        }

        .social-meida a.ins:hover {
            background: url("/template/img/net.png") -189px 40px;
            width: 45px;
            height: 40px;
            float: right;
            border: 0;
            display: block;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
            -moz-transition: 0.5s all;
        }

/* end social icon*/




.footer_main .right {
    float: left;
    width: 360px;
    text-align: justify;
    margin: 10px;
}


    .footer_main .right .title {
        color: #029c9a;
        font-weight: bold;
    }

    .footer_main .right .text {
        color: #a2a2a2;
    }

    .footer_main .right .map {
        width: 360px;
        margin-top: 10px;
    }

        .footer_main .right .map img {
            width: 100%;
            border-radius: 12px;
        }

    .footer_main .right .address {
        margin-top: 11px;
    }

        .footer_main .right .address span {
            color: #a2a2a2;
            margin-top: 3px;
            margin-right: 7px;
            float: right;
            width: 357px;
        }

        .footer_main .right .address img {
            width: 20px;
            float: right;
        }



/*footer middl*/

#footer .footer_middle {
    width: 30%;
    float: right;
    text-align: right;
    direction: rtl;
    color: #fff;
}

#footer li a {
    color: #fff;
}

.txt_icon span {
    font-size: 16px;
    margin-right: 10px;
}


.link_icon_adress {
    width: 30px;
    height: 30px;
    background: url("/template/img/page/contact2.png") no-repeat 0px -3px;
    background-size: 30px;
    float: right;
    position: inherit;
}

.link_icon_phone {
    width: 30px;
    height: 30px;
    background: url("/template/img/page/contact2.png") no-repeat 0px -113px;
    background-size: 30px;
    float: right;
    position: inherit;
}



.tell {
    margin: 10px 0 0 65px;
}

    .tell .phone {
        width: 150px;
        float: left;
        margin: 18px 30px 0 40px;
        color: #777;
    }

        .tell .phone .phoneicon {
            float: left;
            margin-right: 15px;
            margin-top: 6px;
            width: 27px;
            height: 36px;
            background: url('/template/img/page/phone-grey.png') no-repeat;
        }


        .tell .phone .phonetext {
            float: left;
        }

            .tell .phone .phonetext span {
                font-size: 16px;
                text-align: center;
                direction: rtl;
            }


/*---------------- copy write---------------------*/
.container_footer {
    background-color: #292929;
    color: #bfbdbd;
    height: 38px;
    font-size: 10px;
    width: 1024px;
    margin: 0 auto;
}

.copy {
    float: right;
    direction: rtl;
    margin: 12px 30px 0 0;
}


.copyen {
    float: left;
    margin: 12px 0 0 30px;
    direction: ltr;
}

.container_footer .copyen a {
    color: #EFA91E;
    text-decoration: none;
}

.container_footer .copy a {
    color: #EFA91E;
    text-decoration: none;
}


/*--------------------- about page -------------*/

.taghdir {
    width: 100%;
}



.page_botoom {
    width: 100%;
    height: 300px;
    padding: 30px 0px;
    border-top: 3px solid #E8E8E8;
}

    .page_botoom .f_box {
        float: right;
        padding: 15px;
        width: 287px;
    }

        .page_botoom .f_box .f_ttl {
            width: 220px;
            color: #1D1D1D;
            font-size: 13px;
            text-align: center;
            font-weight: bold;
            padding: 8px 0 8px 0;
        }

        .page_botoom .f_box .f_txt {
            width: 220px;
            color: #000;
            font-size: 13px;
            text-align: center;
        }



    .page_botoom img {
        width: 45px;
        margin-left: 86px;
    }


/*جرا پاکا  200196 */

/* 040196 */

.theme-one-Five {
    /*float: right;
    width: 20%;
    padding: 0 68px;*/
    float: right;
    width: 33%;
    padding: 0px 0px;
}

.service2 {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
    height: 250px;
}

    /*  */
    .service2 p {
        font-size: 12px;
        padding: 10px 5px 10px 5px;
    }

.service2-icon {
    width: 85px;
    height: 85px;
    position: relative;
    /*background: #f3f3f3;*/
    border-radius: 15%;
    /*-webkit-box-shadow: 0 0 0px 1px #cdcecf;*/
    /*box-shadow: 0 0 0px 2px #CACACA;*/
    padding: 10px;
    display: inline-block;
    margin-bottom: 21px;
    margin-top: 1px;
    cursor: pointer;
}

    .service2-icon span {
        position: absolute;
        width: 40px;
        height: 40px;
        font-size: 40px;
        left: 50%;
        top: 50%;
        margin: -20px 0 0 -20px;
        z-index: 10;
        color: #bfc1c2;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
    }

    .service2-icon:hover span {
        color: #0a89ea;
    }

    .service2-icon div {
        display: block;
        margin: 0;
        /* border-radius: 35%; */
        border: 2px solid #BECFDC;
        text-align: center;
        line-height: 100px;
        border-bottom-color: #f3f3f3 !important;
        -webkit-transform: rotateZ(-45deg);
        -moz-transform: rotateZ(-45deg);
        -o-transform: rotateZ(-45deg);
        -ms-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        /* background: #fff; */
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
        -webkit-transition-property: border-color, -webkit-transform;
        -moz-transition-property: border-color, -moz-transform;
        -o-transition-property: border-color, -o-transform;
        -ms-transition-property: border-color, -ms-transform;
        transition-property: border-color, transform;
        /* -webkit-backface-visibility: hidden; */
    }

}

.service2-icon:hover div {
    -webkit-transform: rotateZ(133deg);
    -moz-transform: rotateZ(133deg);
    -o-transform: rotateZ(133deg);
    -ms-transform: rotateZ(133deg);
    transform: rotateZ(133deg);
}


.service2-icon:hover div {
    border-color: #ff0000;
}

.service2 h2 {
    font-size: 17px;
    font-family: 'IranSans',Arial;
}

.service2-icon img {
    position: absolute;
    top: 60%;
    left: 56%;
    z-index: 10;
    width: 54px;
    margin: -36px 0 0 -33px;
}

/*جرا پاکا  200196 */


.main {
    float: right;
    width: 100%;
    text-align: justify;
    margin: 10px;
}

.main_a {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-family: 'Iransans';
    padding: 10px;
    color: #009BED;
    font-weight: bold;
}

.main_b {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-family: 'Iransans';
    padding: 10px;
    color: #484848;
    line-height: 30px;
    direction: rtl;
}

.main .right {
    float: right;
    width: 550px;
    text-align: justify;
    margin: 10px;
}


    .main .right .title {
        color: #0a89ea;
        font-weight: bold;
    }

    .main .right .text {
        color: #212121;
    }

.video {
    width: 424px;
    float: left;
}

    .video .title {
        color: #0a89ea;
        font-weight: bold;
        direction: rtl;
        margin: 10px 10px 0 0;
    }

    .video .videofile {
        background: #808080;
        width: 411px;
        height: 100%;
        float: right;
        margin: 15px 9px 0 0;
    }


/*------------ new page ---------------*/
.line-news {
    background: url('/template/img/page/pa.png') repeat;
    width: 100%;
    height: 20px;
    background-size: 43px;
    margin: 15px 0 25px 0;
    opacity: 0.6;
}

.newspage {
    width: 100%;
}

    .newspage .titnews {
        width: 100%;
        background: #DBE7EF;
        height: 33px;
        border-radius: 10px 10px 0 0;
        padding: 3px 0;
    }

        .newspage .titnews .title {
            float: right;
            padding: 0 20px 7px;
        }

        .newspage .titnews .datenews {
            float: left;
            padding: 0 20px 7px;
        }

    .newspage img {
        width: 100%;
        margin: 0 auto;
        display: block;
        border-radius: 0 0 25px 25px;
    }

    .newspage .dicNews {
        width: 100%;
        direction: rtl;
        text-align: justify;
        padding: 15px 0 10px 0px;
    }


.news {
    width: 88%;
    float: right;
}

    .news .item {
        width: 100%;
        height: 247px;
        float: right;
        padding: 0px 8px 10px 8px;
        background: #Fff;
        margin: 11px 0;
        border-radius: 17px;
    }

        .news .item img {
            width: 100%;
            float: right;
            margin: 10px 0 20px 0;
            border-radius: 0px 20px 0 0;
            border-top: 3px solid #EFA91E;
        }

        .news .item span {
            float: right;
            direction: rtl;
            text-align: justify;
            margin-bottom: 12px;
            font-size: 12px;
        }


    .news .item2 {
        width: 100%;
        height: 123px;
        float: right;
        padding: 0px 10px 8px 10px;
        background: #fff;
        margin: 4px 0;
        border-radius: 20px;
    }

        .news .item2 img {
            width: 30%;
            float: right;
            margin: 10px 0 20px 0;
            border-radius: 0px 20px 0 0;
            border-top: 3px solid #22B34C;
        }

        .news .item2 span {
            width: 65%;
            float: right;
            direction: rtl;
            text-align: justify;
            margin: 10px;
            font-size: 12px;
        }



/*------------ title page ---------*/
/*.title_page {
    width: 100%;
    height: 34px;
    float: right;
    color: #000000;
    margin-bottom: 10px;
    border-bottom: 3px solid #0a89ea;
    margin-bottom: 10px;
    margin-top: 15px;
}

    .title_page img {
        width: 26px;
        height: 28px;
        margin-right: 15px;
        float: right;
        background: #fff;
        border-radius: 7px;
    }

    .title_page .txt-title {
        color: #615D5D;
        float: right;
        margin: 0px 17px 0px 0px;
        font-size: 17px;
        font-weight: bold;
        direction: rtl;
    }*/






.title div {
    float: right;
    width: 85%;
    direction: rtl;
    text-align: justify;
    margin: 20px 20px 10px 20px;
}

.title img {
    width: 85px;
    float: left;
    margin-right: 58px;
    margin: 18px 19px 0px 0;
}


/*agenice*/

.listSerch {
    width: 100%;
    direction: rtl;
    height: 30px;
    padding: 15px 0;
    background: #D4EAFC;
    /* border-radius: 15px; */
    margin: 15px 0;
    border-bottom: 4px solid #B5CADB;
}

    .listSerch .listTitle {
        float: right;
        margin-right: 10px;
    }

    .listSerch select {
        float: right;
        box-sizing: border-box;
        color: #000;
        padding: .2em;
        line-height: 1;
        border: 2px solid #0a89ea;
        border-radius: 0;
        height: 34px;
        min-width: 14em;
        /*-webkit-appearance: none;*/
        margin-right: 20px;
        font-size: 12px;
        font-family: webYekan-Regular;
    }



.tell-icon {
    background: url('/template/img/page/contacticon.png') no-repeat #EAF3FA 163px -64px;
    background-size: 37px;
    height: 33px;
    padding: 6px 0 0 0;
    width: 100%;
    margin-bottom: 10px;
}

.Agencie {
    width: 100%;
}

    .Agencie img {
        float: right;
        border-radius: 10px 10px 10px 10px;
    }

    .Agencie .text {
        float: right;
        width: 580px;
        padding: 12px 23px 15px 15px;
        direction: rtl;
        text-align: justify;
    }

    .Agencie .address {
       /* height: 26px; */
        float: right;
        width: 550px;
        padding: 13px 52px 12px 19px;
        direction: rtl;
        border-radius: 0 0 0 40px;
        background: url('/template/img/page/location.png') no-repeat #D9EEFC 576px 10px;
        background-size: 32px;
    }

    .Agencie .person {
        height: 26px;
        float: right;
        width: 550px;
        padding: 13px 52px 12px 19px;
        direction: rtl;
        border-radius: 0 0 0 40px;
        background: url('/template/img/page/person.png') no-repeat #FFF 576px 10px;
        background-size: 32px;
        border-top: 2px solid #D50000;
    }

    .Agencie .phone {
        height: 26px;
        float: right;
        width: 550px;
        padding: 13px 52px 12px 19px;
        direction: rtl;
        background: #fff;
        background: url('/template/img/page/phone.png') no-repeat #fff 576px 10px;
        background-size: 32px;
        border-radius: 50px 0 0 50px;
    }

    .Agencie .fax {
        height: 26px;
        float: right;
        width: 252px;
        padding: 13px 52px 12px 19px;
        direction: rtl;
        background: #eee;
        background: url('/template/img/page/fax.png') no-repeat #D9EEFC 279px 10px;
        background-size: 32px;
    }

    .Agencie .mail {
        height: 26px;
        float: right;
        width: 221px;
        padding: 13px 52px 12px 19px;
        direction: rtl;
        background: #eee;
        border-radius: 40px 0 0 0;
        background: url('/template/img/page/mail.png') no-repeat #D9EEFC 41px 11px;
        background-size: 32px;
    }

    .Agencie .address:hover {
        background-color: #f6eacb;
    }

    .Agencie .phone:hover {
        background-color: #f6eacb;
    }

    .Agencie .fax:hover {
        background-color: #f6eacb;
    }

    .Agencie .mail:hover {
        background-color: #f6eacb;
    }


.map_Agencie {
    width: 100%;
    height: 220px;
    background: #eee;
}

.A_Social {
    margin: 0 auto;
}
    /*social icon*/

    .A_Social .social-meida {
        margin: 0 auto;
        margin-right: 215px;
    }


        .A_Social .social-meida a {
            margin-left: 14px;
        }

            .A_Social .social-meida a.fb {
                background: url("/template/img/page/navigation1.png") 0 0;
                width: 39px;
                height: 38px;
                float: right;
                border: 0;
                display: block;
            }


            .A_Social .social-meida a.tw {
                background: url("/template/img/page/navigation1.png") -265px 0;
                width: 39px;
                height: 38px;
                float: right;
                border: 0;
                display: block;
            }

            .A_Social .social-meida a.gplus {
                background: url("/template/img/page/navigation1.png") -75px 0;
                width: 39px;
                height: 38px;
                float: right;
                border: 0;
                display: block;
            }

            .A_Social .social-meida a.ins {
                background: url("/template/img/page/navigation1.png") -189px 0;
                width: 39px;
                height: 38px;
                float: right;
                border: 0;
                display: block;
            }



            .A_Social .social-meida a.fb:hover {
                background: url("/template/img/page/navigation1.png") 0 40px;
                width: 39px;
                height: 38px;
                float: right;
                border: 0;
                display: block;
                transition: 0.5s all;
                -webkit-transition: 0.5s all;
                -o-transition: 0.5s all;
                -ms-transition: 0.5s all;
                -moz-transition: 0.5s all;
            }

            .A_Social .social-meida a.tw:hover {
                background: url("/template/img/page/navigation1.png") -265px 40px;
                width: 39px;
                height: 38px;
                float: right;
                border: 0;
                display: block;
                transition: 0.5s all;
                -webkit-transition: 0.5s all;
                -o-transition: 0.5s all;
                -ms-transition: 0.5s all;
                -moz-transition: 0.5s all;
            }

            .A_Social .social-meida a.gplus:hover {
                background: url("/template/img/page/navigation1.png") -75px 40px;
                width: 39px;
                height: 38px;
                float: right;
                border: 0;
                display: block;
                transition: 0.5s all;
                -webkit-transition: 0.5s all;
                -o-transition: 0.5s all;
                -ms-transition: 0.5s all;
                -moz-transition: 0.5s all;
            }

            .A_Social .social-meida a.ins:hover {
                background: url("/template/img/page/navigation1.png") -189px 40px;
                width: 39px;
                height: 38px;
                float: right;
                border: 0;
                display: block;
                transition: 0.5s all;
                -webkit-transition: 0.5s all;
                -o-transition: 0.5s all;
                -ms-transition: 0.5s all;
                -moz-transition: 0.5s all;
            }

    /* end social icon*/

    .A_Social .text {
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/*------------------------------articleslist_page----------------------*/
.articles_page {
    background: rgba(244, 67, 54, 0.04);
    width: 97%;
    margin: 10px 0;
    padding: 15px;
}

.articles_box {
}

    .articles_box .articles_img {
        /*float: right;*/
        width: 48%;
        padding: 28px 0 10px 0;
    }

        .articles_box .articles_img img {
            width: 460px;
            border-radius: 0 0 13px 13px;
        }

.articles_txt {
    text-align: justify;
    /*float: left;*/
    direction: rtl;
    width: 48%;
    padding: 28px 0 10px 0;
}

    .articles_txt .subject {
        font-size: 15px;
        color: #4E4E4E;
        padding: 10px 0 10px 0;
        font-weight: bold;
    }

    .articles_txt .dis {
        font-size: 14px;
        height: 160px;
        padding-left: 10px;
        overflow: auto;
    }


.line_articles {
    /*float: right;*/ height: 287px;
}


.line_a {
    width: 30px;
    /*float: right;*/
    /*margin-right: -2px;*/
}

    .line_a img {
        width: 30px;
    }


.btn_response input[type="submit"] {
    float: left;
    width: 132px;
    height: 32px;
    color: #fff;
    background: #6E60B2;
    outline: none;
    display: block;
    border: none;
    text-align: center;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    border-radius: 0 0 0 15px;
    font-family: 'IranSans',Arial;
    background: url('/template/img/arrow.png') #009688;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 98px;
    padding-right: 20px;
}


    .btn_response input[type="submit"]:hover {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        transform: rotateY(15deg);
        text-decoration: none;
        background: #ff0000;
        cursor: pointer;
        background: url('/template/img/arrow.png') #ff0000;
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: 80px;
    }


.btn_response2 input[type="submit"] {
    float: left;
    width: 100%;
    height: 26px;
    color: #fff;
    background: #EFA91E;
    outline: none;
    display: block;
    border: none;
    text-align: center;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    border-radius: 0 0 15px 15px;
    font-family: 'IranSans',Arial;
}


    .btn_response2 input[type="submit"]:hover {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        transform: rotateY(15deg);
        text-decoration: none;
        background: #ff0000;
        cursor: pointer;
    }


/*------------------------articles-------------------------------------*/
.articles_top {
    width: 100%;
    /*padding: 15px;*/
}

    .articles_top .left_articles {
        width: 52%;
        float: left;
    }

    .articles_top .right_articles {
        padding: 10px 0;
        font-size: 16px;
        width: 46%;
        direction: rtl;
        text-align: justify;
        float: right;
        line-height: 28px;
        direction: rtl;
        text-align: right;
    }

.articles_disBotoom {
    line-height: 28px;
    font-size: 16px;
    direction: ltr;
    text-align: right;
    margin-bottom: 10px;
    width: calc(100% - 200px); /*HB_14000904*/
    float: right;
    overflow-y: scroll;
    height: 132px;
    padding: 0px 10px;
}


.page .title_articles {
    width: 20%;
    height: 34px;
    float: right;
    color: #000000;
    margin-bottom: 10px;
    border-bottom: 2px solid #b3b6b7;
    margin-top: -42px;
}

    .page .title_articles img {
        width: 22px;
        height: 24px;
        margin-right: 15px;
        float: right;
        background: #fff;
        border-radius: 7px;
    }

    .page .title_articles .txt-title {
        color: #615D5D;
        float: right;
        margin: 0px 17px 0px 0px;
        font-size: 15px;
        font-weight: bold;
    }

.VideoBoxTotal{
    width:100%;
    height:170px;
}

.ShowVideoBox {
    float: right;
    width: 32%;
    margin-right:1%;
}

.disTop {
    text-align: justify;
}


.search_box {
    width: 100%;
    height: 35px;
    background: #eee;
    margin: 10px 0 10px 0;
}

    .search_box input[type="text"] {
        width: 92.7%;
        height: 95%;
        text-align: right;
        direction: rtl;
        padding: 0 10px 0 10px;
        color: #4E4E4E;
        background: #fff;
        outline: none;
        display: block;
        border: 1px solid #E2E2E2;
        text-align: right;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        border-radius: 3px;
        font-size: 14px;
        font-family: 'IranSans',Arial;
    }


    .search_box input[type="submit"] {
        width: 5%;
        height: 100%;
        color: #fff;
        background: url("/template/img/page/serch.png") no-repeat 14px 4px;
        background-color: #2196F3;
        background-size: 26px;
        outline: none;
        display: block;
        border: none;
        text-align: center;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        border-radius: 3px;
        margin: 0 auto;
        float: right;
        font-family: 'IranSans',Arial;
    }


        .search_box input[type="submit"]:hover {
            -webkit-transform: rotateY(15deg);
            -moz-transform: rotateY(15deg);
            -ms-transform: rotateY(15deg);
            transform: rotateY(15deg);
            background: url("/template/img/page/serch.png") no-repeat 14px 4px;
            background-color: #0f80a9;
            background-size: 26px;
            cursor: pointer;
        }



.loading {
    z-index: 9999;
    width: 240px;
    height: 80px;
    position: fixed;
    padding: 20px 10px;
    top: 50%;
    left: 40%;
    /*margin-left: -120px;*/
    margin-top: -40px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    direction: rtl;
    border: 2px solid #a79c9c;
    /*box-shadow: inset 1px 1px 6px #2e2e2e;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .loading img {
        vertical-align: middle;
        margin-left: 15px;
    }

    .loading span {
        font-size: 13px;
        text-align: center;
    }


/*----------------------news page -------------------*/

.newsbox {
    width: 46%;
    height: 200px;
    font-size: 13px;
    padding: 10px 10px 10px 10px;
    float: right;
    margin: 10px;
    display: block;
    position: relative;
    background: #fff;
    border-radius: 10px;
    overflow: auto;
}

    .newsbox .news_R {
        width: 100%;
        float: right;
    }

    .newsbox .top {
        float: right;
        width: 100%;
        height: 32px;
        background: #DDEBF4;
    }

        .newsbox .top .btn_response {
            /*/*margin-left: 10px;*/
            font-family: 'Iranian Sans' Arial;
        }

        .newsbox .top .date {
            float: right;
            width: 200px;
            text-align: center;
            background: url('/template/img/page/date.png') no-repeat 150px 3px;
            background-size: 21px;
            padding: 5px 5px;
        }

    .newsbox .news_R img {
        width: 200px;
        float: right;
        border-radius: 0 0 15px 15px;
    }

        .newsbox .news_R img:hover {
            border-radius: 0 0 50px 50px;
        }


    .newsbox .news_L {
        /*width: 788px;*/
        float: right;
        margin: -1px 14px 5px 5px;
    }

        .newsbox .news_L .newsTitle {
            text-align: justify;
            direction: rtl;
            float: right;
            text-align: justify;
            padding: 5px;
            direction: rtl;
            font-weight: bold;
            color: #F75C29;
            margin-top: 6px;
        }

.newsTitle {
    text-align: justify;
    direction: rtl;
    float: right;
    text-align: justify;
    padding: 5px;
    direction: rtl;
    font-weight: bold;
    color: #F75C29;
    margin-top: 6px;
    margin-right: 10px;
}

.newsbox .news_L .newsDisShort {
    float: right;
    text-align: justify;
    direction: rtl;
    margin-top: 8px;
}






/*------------------------ contact page -----------------*/

.contact-form {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 13px;
}

.right-contact {
    height: 480px;
    width: 55%;
    /*background: #fff;*/
    /*position: absolute;*/
    /*padding-left: 20px;*/
    float: right;
    direction: rtl;
}


.row-1 {
    width: 100%;
    float: right;
}

    .row-1 .col-row .c_icon_name {
        width: 42px;
        height: 35px;
        float: right;
        background: url('/template/img/page/contacticon.png') no-repeat 0px -5px;
        background-size: 50px;
    }

    .row-1 .col-row .c_icon_mail {
        width: 42px;
        height: 35px;
        float: right;
        background: url('/template/img/page/contacticon.png') no-repeat 0px -191px;
        background-size: 50px;
    }



    .row-1 .col-row .c_icon_tell {
        width: 42px;
        height: 35px;
        float: right;
        background: url('/template/img/page/contacticon.png') no-repeat 0px -97px;
        background-size: 50px;
    }

    .row-1 .col-row .c_icon_Sub {
        width: 42px;
        height: 35px;
        float: right;
        background: url('/template/img/page/contacticon.png') no-repeat 0px -371px;
        background-size: 50px;
    }


    .row-1 .col-row input {
        height: 35px;
        width: 176px;
        margin: 0 0 0 35px;
        padding: 0 10px 0 10px;
        border-right: 5px solid #029c9a;
        border-top: 1px solid #eee;
        font: inherit;
        font-size: 10px;
        border-radius: 5px 20px 2px 5px;
        background: #F1F1F1;
    }

.row-2 .col-row input {
    height: 35px;
    width: 500px;
    margin: 0 0 0 25px;
    padding: 0 10px 0 10px;
    border-right: 5px solid #029c9a;
    border-top: 1px solid #eee;
    font: inherit;
    font-size: 10px;
    border-radius: 15px;
    background: #eee;
}

.row-2 {
    width: 100%;
    float: right;
}

.row-3 {
}

    .row-3 textarea {
        height: 200px;
        width: 500px;
        padding: 10px 10px 0 10px;
        margin-top: 30px;
        border-right: 5px solid #029c9a;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        border-left: 2px solid #9A9A9A;
        font: inherit;
        font-size: 10px;
        border-radius: 15px 2px;
    }

.col-row {
    float: right;
    padding-top: 15px;
}

label {
    font-size: 15px;
    /*position: absolute;*/ /*HM 991129*/
}

.right-contact input[type="submit"] {
    display: inline-block;
    padding: 7px 36px;
    border-radius: 15px 0 0 15px;
    background: #029c9a;
    color: #FFF;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    border: none;
    outline: none;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    float: left;
    margin: 8px 0 0 30px;
    font-family: 'IranSans',Arial;
}

    .right-contact input[type="submit"]:hover {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        transform: rotateY(15deg);
        text-decoration: none;
        background: #F75C29;
    }


/*-------------------------- map---------------------*/



.left-contact {
    float: right;
    margin-right: 25px;
}

    .left-contact .map {
        width: 370px;
        /* height: 461px; */
        float: right;
        padding: 0px;
        /*background: #fff;*/
        margin-right: 10px;
    }

/*----------------- bottom contact---------------------------*/

/*HM 950230*/
.bottom-contact {
    height: 240px;
    /*background: #FFF;*/
    margin-top: 20px;
    font: normal 15px Tahoma,arial,sans-serif;
    float: right;
}

.bottom-contactBox {
    width: 314px;
    margin: 0 auto;
}


.bottom-contact span {
    font: bold 15px Tahoma,arial,sans-serif;
}
/*-----------------------------address------------------*/
.bottom-contact .address-contact {
    width: 350px;
    float: right;
    margin-bottom: 13px;
    direction: rtl;
}

    .bottom-contact .address-contact .icon {
        background: url("/template/img/page/contact2.png");
        width: 36px;
        height: 33px;
        float: right;
        direction: rtl;
        margin-left: 10px;
    }

    .bottom-contact .address-contact .address-txt {
        padding: 8px 0 0 0;
    }

/*-----------------------phone---------------------*/

.bottom-contact .phone-contact {
    width: 100%;
    float: right;
    direction: rtl;
}

    .bottom-contact .phone-contact .icon {
        background: url("/template/img/page/contact2.png") 0 32px;
        width: 36px;
        height: 33px;
        float: right;
        direction: rtl;
        margin-left: 10px;
    }

    .bottom-contact .phone-contact .phone-txt {
        padding: 8px 0 0 0;
    }

/*-----------------------phone---------------------*/
.bottom-contact .fax-contact {
    width: 100%;
    float: right;
    direction: rtl;
    margin: 14px 0;
}

    .bottom-contact .fax-contact .icon {
        background: url("/template/img/page/contact2.png") 0 123px;
        width: 36px;
        height: 33px;
        float: right;
        direction: rtl;
        margin-left: 10px;
    }

    .bottom-contact .fax-contact .fax-txt {
        padding: 8px 0 0 0;
    }

/*----------------------------email-----------------------*/

.bottom-contact .email-contact {
    width: 100%;
    float: left;
}

    .bottom-contact .email-contact .icon {
        background: url("/template/img/page/contact2.png") 0 62px;
        width: 36px;
        height: 33px;
        float: right;
        margin-left: 10px;
        direction: rtl;
    }

    .bottom-contact .email-contact .email-txt {
        padding: 8px 0 0 0;
        color: #F75C50;
        font-weight: bold;
        direction: rtl;
        margin-left: 10px;
    }

    .bottom-contact .email-contact span {
        color: #000;
    }





.title_map {
    width: 100%;
    float: left;
    padding: 2px 0 8px 0;
}

    .title_map .ico_map {
        background: url("/template/img/page/about.png");
        width: 28px;
        height: 29px;
        float: right;
        background-size: 28px;
    }

    .title_map .title_map_txt {
        margin: 5px 37px 0 0;
        direction: rtl;
        font-weight: bold;
    }



/*--------------------- about page -------------*/
.page {
    width: 100%;
    margin-bottom: 50px;
}

.title_page {
    width: 97%;
    height: 34px;
    float: right;
    color: #000000;
    border-radius: 48px;
    margin-bottom: 10px;
    border-top: 3px solid #006FBB;
    margin-bottom: 18px;
    margin-top: 15px;
    padding: 4px 10px;
    background: #DDEBF4;
}

    .title_page img {
        width: 26px;
        height: 28px;
        margin-right: 15px;
        float: right;
        background: #fff;
        border-radius: 18px;
        padding: 4px;
    }

    .title_page .txt-title {
        color: #615D5D;
        float: right;
        margin: 0px 17px 0px 0px;
        font-size: 17px;
    }


/*------------------------------- about page ---------------------------*/

.about_page {
    width: 100%;
    height: 100%;
}

.L_about {
    float: left;
    width: 305px;
    height: 381px;
    /*background: #FF81BC;*/
    margin: 10px;
    /*background: url(/template/img/page/aboutIcon.jpg) no-repeat;*/
    background-position-y: -11px;
    background-size: 312px;
    background-position-x: -4px;
}


.M_about {
    float: right;
    width: 680px;
    height: 100%;
    text-align: justify;
    margin-right: 10px;
}

    .M_about img {
        width: 220px;
        margin: 0 auto;
        display: block;
    }

    .M_about .txt_about div {
        margin: 0 10px 0 10px;
        direction: rtl;
        padding: 8px;
        font-size: 15px;
        line-height: 36px;
    }

    .M_about .txt_about .ttl_menu {
        color: #0a89ea;
        font-weight: bold;
    }

.txt_about input[type=submit] {
    width: 150px;
    height: 30px;
    float: left;
    padding: 3px 10px 3px 10px;
    text-align: center;
    margin-left: 15px;
    background: #F89B2F;
    border-radius: 0 0 15px 15px;
    border: none;
    font-family: iransans;
    font-size: 10px;
    color: #fff;
}

    .txt_about input[type=submit]:hover {
        background: #00a19a;
        cursor: pointer;
        font-size: 13px;
    }


.company {
    padding: 10px 0 10px 0;
    height: 180px;
    margin: 0 auto;
    width: 810px;
}

    .company .hideTxt {
        position: absolute;
        z-index: -1;
        text-align: center;
        width: 120px;
    }

    .company a {
        width: 120px;
        height: 120px;
        margin: 21px;
        float: right;
        opacity: 0.99;
        image-orientation: inherit;
        border-top: 2px solid #0a89ea;
    }

    .company img {
        width: 100%;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -moz-transition: 0.5s all;
        text-decoration: none;
        border-radius: 0 0 30px 30px;
    }


        .company img:hover {
            border-radius: 25px;
            margin-top: 45px;
            opacity: 0.8;
            cursor: pointer;
            border-top: 4px solid #F75C29;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
            -moz-transition: 0.5s all;
            text-decoration: none;
        }



/*-------------company2-----------*/

.company2 {
    padding: 10px 0 10px 0;
    height: 180px;
    margin: 0 auto;
}

    .company2 .hideTxt {
        position: absolute;
        z-index: -1;
        text-align: center;
        width: 149px;
        margin: 0 auto;
    }


    .company2 a {
        width: 160px;
        margin: 17px 7px 54px 16px;
        float: right;
        opacity: 0.99;
        /* border-top: 1px solid #202022; */
        font-size: 13px;
        color: #494948;
        border-bottom: 4px solid #006fbb;
        background: #DEE8F0;
        padding: 10px;
        border-radius: 20px;
    }

    .company2 img {
        width: 100%;
        transition: 0.5s all;
        text-decoration: none;
        border-radius: 0 0 30px 30px;
        /*border-top: 3px solid #007AD8;*/
        border-radius: 25px;
        margin-top: 29px;
        /*opacity: 0.8;*/
        cursor: pointer;
        border-top: 4px solid #029c9a;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -moz-transition: 0.5s all;
    }


        .company2 img:hover {
            border-radius: 25px;
            opacity: 0.8;
            cursor: pointer;
            border-top: 4px solid #F75C29;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
            -moz-transition: 0.5s all;
            text-decoration: none;
        }



.list {
}

    .list ul {
        list-style-type: none;
        float: right;
        margin: 20px 90px 30px 90px;
    }

        .list ul li {
            padding: 10px;
        }

            .list ul li div {
                width: 11px;
                height: 11px;
                background: #2089B7;
                margin: 7px 25px 0 15px;
                float: right;
            }

            .list ul li:hover div {
                -ms-transform: rotate(45deg); /* IE 9 */
                -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
                transform: rotate(45deg);
                background: #f18437;
            }

            .list ul li span {
            }

            .list ul li:hover span {
                color: #4190b3;
                font-weight: bold;
            }



/*-----------product box new --------------*/


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


.rows {
    width: 90%;
    float: right;
    direction: rtl;
    border-bottom: 2px solid #D3DCE5;
    padding: 8px 0;
}

    .rows .col_1 {
        width: 136px;
        float: right;
        margin: 15px 20px 7px 10px;
        padding: 4px 17px 0 0;
        background: #D5E8F6;
        border-radius: 25px 0 0 25px;
        border-right: 2px solid #2D9AEC;
    }

    .rows .col_2 {
        float: right;
        margin: 15px 20px 7px 10px;
        font-family: webYekan-Regular;
    }



.top-Box1 {
    width: 1024px;
    margin: 0 auto;
    height: 90px;
    padding: 30px 0px;
}

    .top-Box1 ul {
        margin-right: 65px;
    }

        .top-Box1 ul li {
            float: right;
            direction: rtl;
            list-style: none;
            padding-left: 47px;
            margin-left: 16px;
            border-radius: 10px;
            height: 54px;
            /* background: #eee; */
            width: 183px;
            display: inline-flex;
            margin-bottom: 12px;
        }

            .top-Box1 ul li:hover {
                transition: 0.5s all;
                -webkit-transition: 0.5s all;
                -o-transition: 0.5s all;
                -ms-transition: 0.5s all;
                -moz-transition: 0.5s all;
                background: #F1EDEC;
                color: #37687e;
                font-weight: bold;
            }

            .top-Box1 ul li img {
                width: 50px;
            }


            .top-Box1 ul li div {
                margin-top: 15px;
                margin-right: 15px;
                float: left;
            }





.top-Box {
    width: 1024px;
    margin: 0 auto;
    height: 90px;
    margin: 30px 0 30px 0;
}

    .top-Box ul {
        margin-right: 65px;
    }

        .top-Box ul li {
            float: right;
            direction: rtl;
            list-style: none;
            padding-left: 47px;
            margin-left: 16px;
            border-radius: 50px;
            height: 54px;
            background: #eee;
        }

            .top-Box ul li:hover {
                background: #eee;
                transition: 0.5s all;
                -webkit-transition: 0.5s all;
                -o-transition: 0.5s all;
                -ms-transition: 0.5s all;
                -moz-transition: 0.5s all;
                background: #cfcfcf;
                color: #37687e;
                font-weight: bold;
            }

            .top-Box ul li img {
                width: 50px;
            }


            .top-Box ul li div {
                margin-top: 15px;
                margin-right: 15px;
                float: left;
            }







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


.line {
    width: 100%;
    float: right;
}

    .line div {
        float: right;
        margin-left: 15px;
        font-weight: bold;
    }

    .line .img-line {
        background-image: url(/template/img/page/2.png);
        background-repeat: repeat-x;
        width: 79%;
        height: 28px;
    }




.new {
    width: 100%;
}



    /*  HM 1396/09/25     start*/
    .new .P-new {
        width: 227px;
        height: 292px;
        background: #fff;
        float: right;
        margin: 20px 10px 44px 15px;
        color: #000;
        border-radius: 2px;
        padding: 5px 0px;
        border-top: 3px solid #EFA91E;
    }

        .new .P-new .img {
            width: 100%;
        }

        /*        hossein 000904 */
        .new .P-new .img-mark {
            position: relative;
            margin-left: 0px;
            top: -16px;
        }

        /*  hossein 000904    end*/

        /*  HM 1396/09/25     end*/

        .new .P-new .P-name {
            float: right;
            direction: rtl;
            width: 60%;
            /* margin: 0 10px; */
            overflow: auto;
            text-align: right;
            font-size: 12px;
        }

        .new .P-new .btn .P-code {
            float: right;
            color: #029c9a;
            margin: 0 10px;
            font-family: webYekan-Regular;
        }

        .new .P-new .btn {
            width: 100%;
            float: right;
            border-top: 1px solid #efa91e;
            margin-top: 5px;
        }

            .new .P-new .btn input[type=submit] {
                width: 80px;
                height: 24px;
                background: #F89B2F;
                float: left;
                color: #fff;
                font-family: 'Iranian Sans', Arial;
                border: none;
                border-radius: 5px;
                /* border-radius: 20px 0 14px 20px; */
            }

                .new .P-new .btn input[type=submit]:hover {
                    width: 80px;
                    height: 24px;
                    background: #ff0000;
                    float: left;
                    color: #fff;
                    font-family: IRAN-sans;
                    border: none;
                    cursor: pointer;
                    border-radius: 20px 0 14px 20px;
                }


/*------------------- box product--------------*/

.social-meida2 {
    width: 200px;
    /* float: right; */
    margin: 0 auto;
    padding: 20px;
}


    .social-meida2 a {
        margin-left: 10px;
    }

    .social-meida2 input[type=submit] {
        width: 189px;
        float: right;
        border: none;
        background: #00a19a;
        padding: 10px;
        margin: 10px 0 10px 0;
        font-family: IRAN-sans;
        color: #fff;
    }

        .social-meida2 input[type=submit]:hover {
            background: #2089B7;
            cursor: pointer;
        }

    .social-meida2 a.fb {
        background: url("/template/img/page/navigation1.png") 0 0;
        width: 40px;
        height: 40px;
        float: right;
        border: 0;
        display: block;
    }


    .social-meida2 a.tw {
        background: url("/template/img/page/navigation1.png") 40px 0;
        width: 40px;
        height: 40px;
        float: right;
        border: 0;
        display: block;
    }

    .social-meida2 a.gplus {
        background: url("/template/img/page/navigation1.png") 78px 0;
        width: 40px;
        height: 40px;
        float: right;
        border: 0;
        display: block;
    }

    .social-meida2 a.ins {
        background: url("/template/img/page/navigation1.png") 0px 0;
        width: 40px;
        height: 40px;
        float: right;
        border: 0;
        display: block;
    }



    .social-meida2 a.fb:hover {
        background: url("/template/img/page/navigation1.png") 0 40px;
        width: 40px;
        height: 40px;
        float: right;
        border: 0;
        display: block;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -moz-transition: 0.5s all;
    }

    .social-meida2 a.tw:hover {
        background: url("/template/img/page/navigation1.png") 40px 40px;
        width: 40px;
        height: 40px;
        float: right;
        border: 0;
        display: block;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -moz-transition: 0.5s all;
    }

    .social-meida2 a.gplus:hover {
        background: url("/template/img/page/navigation1.png") 78px 40px;
        width: 40px;
        height: 40px;
        float: right;
        border: 0;
        display: block;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -moz-transition: 0.5s all;
    }

    .social-meida2 a.ins:hover {
        background: url("/template/img/page/navigation1.png") 0px 0px;
        width: 40px;
        height: 40px;
        float: right;
        border: 0;
        display: block;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -moz-transition: 0.5s all;
    }

/* end social icon*/




.new {
    width: 100%;
}

.pro .P-box {
    width: 180px;
    padding: 10px 7px 10px 7px;
    height: 328px;
    background: #fff;
    float: right;
    margin: 20px 5px 40px 5px;
    border-top: 2px solid #29A1F7;
    font-size: 12px;
    border-radius: 3px;
}

    .pro .P-box a {
        color: #303030;
    }

    .pro .P-box .img {
        width: 100%;
        border-radius: 10px;
    }

        .pro .P-box .img:hover {
            border-radius: 25px;
            padding-top: 10px;
        }


    .pro .P-box .P-name {
        /* float: right; */
        direction: rtl;
        text-align: center;
        height: 40px;
    }

    .pro .P-box .btn .P-code {
        float: right;
        color: #0a89ea;
    }

    .pro .P-box .btn {
        width: 100%;
        float: right;
        border-top: 1px solid #a4def8;
        margin-top: 5px;
    }

        .pro .P-box .btn input[type=submit] {
            width: 80px;
            height: 24px;
            background: #3895FF;
            float: left;
            color: #fff;
            font-family: IRAN-sans;
            border: none;
            border-radius: 0 0 10px 10px;
        }

            .pro .P-box .btn input[type=submit]:hover {
                width: 80px;
                height: 24px;
                background: #01ca84;
                float: left;
                color: #fff;
                font-family: IRAN-sans;
                border: none;
                cursor: pointer;
            }
/*------------------------------ ditail product------------------------*/

.dtl_left .top {
    width: 95%;
    height: 35px;
    float: right;
    direction: rtl;
    border-bottom: 3px solid #0a89ea;
}

.dtl_left .txt {
    direction: rtl;
    /* background: #006FBB; */
    padding: 5px 13px 4px 5px;
    width: 125px;
    color: #006FBB;
    border-radius: 5px 11px 0 0;
    border-right: 3px solid #2D9AEC;
}


.dtl {
    width: 100%;
    /*background: #eee;*/
    /*height: 490px;*/
}

    .dtl .dtl_right {
        width: 360px;
        height: 390px;
        float: right;
    }

    .dtl .dtl_left {
        width: 600px;
        height: 461px;
        float: left;
        background: #EBF3FA;
        margin: 0 30px;
    }

.dtl_botoom {
    width: 100%;
    float: left;
    margin-top: 60px;
    margin-bottom: 25px;
}

    .dtl_botoom .top {
        width: 100%;
        height: 35px;
        /*background: #fff;*/
        float: right;
        direction: rtl;
        background-image: url(/template/img/p3.jpg);
        background-size: 154px;
        background-position: -3px 11px;
    }

    .dtl_botoom .txt {
        direction: rtl;
        background: rgb(255, 255, 255);
        padding: 5px 13px 4px 5px;
        width: 120px;
        color: #F75C29;
        /* border-radius: 15px 0px; */
        border-right: 2px solid #2196F3;
    }

    .dtl_botoom .more {
        width: 100%;
        background-size: 1030px;
        background-image: url("/template/img/page/bk.png");
        height: auto;
        display: inline-block;
    }

    .dtl_botoom .more_txt {
        float: right;
        direction: rtl;
        text-align: justify;
        padding: 20px;
    }


.rezome a {
    width: 130px;
    height: 90px;
    float: left;
    padding: 3px 10px 3px 10px;
    text-align: center;
    margin-left: 15px;
    /*background: #F89B2F;*/
    border-radius: 0 0 15px 15px;
    border: none;
    font-family: iransans;
    font-size: 13px;
    font-weight: bold;
    color: #029c9a;
    font-weight: bold;
    text-decoration: none;
    background-image: url(/template/img/pdf.png);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: 50px 36px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

    .rezome a:hover {
        /*background: #00a19a;*/
        cursor: pointer;
        font-size: 16px;
        color: #F75C29;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -moz-transition: 0.5s all;
        background-image: url(/template/img/pdf.png);
        background-size: 60px;
        background-repeat: no-repeat;
        background-position: 50px 36px;
    }


/*------------------------------------------------------------*/
.telegram1 {
    background-image: url(/template/img/page/telegram2.jpg);
    width: 426px;
    margin: 0 auto;
    text-align: center;
    background-repeat: no-repeat;
    color: #615D5D;
    background-size: 665px;
    height: 125px;
    margin-bottom: 22px;
    border-radius: 5px;
}


.telegrambtn {
    width: 100px;
    height: 33px;
    background: #5B5B5B;
    display: block;
    margin: 0 auto;
    color: #eee;
}

    .telegrambtn a:hover {
        background: #029c9a;
        height: 100%;
    }

.ColorLine {
    margin-bottom: 0;
    background-repeat: repeat-x;
    background-position: 0 6px;
    height: 25px;
    background-image: url(/template/img/bgColorLine.png);
}



.Divider {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    text-align: center;
    top: 13px;
}

    .Divider span {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #e4e5e7;
        border-radius: 3px;
        color: #176D98;
        font-size: 19px;
        padding: 6px 32px;
        position: relative;
        text-transform: uppercase;
        z-index: 3;
        font-family: 'IranSans';
    }


.ddl {
    padding: 3px;
    float: right;
    box-sizing: border-box;
    color: #000;
    line-height: 1;
    border: 2px solid #0a89ea;
    border-radius: 0;
    height: 34px;
    min-width: 14em;
    margin-right: 20px;
    font-size: 12px;
    font-family: webYekan-Regular;
    direction: rtl;
}

.btn_bascket_new {
    width: 100%;
    height: 10px;
    display: block;
    margin-top: 5px;
}

    .btn_bascket_new input[type=submit] {
        width: 100%;
        height: 28px;
        background-color: #4caf50;
        float: left;
        color: #fff;
        font-family: IRAN-sans;
        border: none;
        border-radius: 0 0 12px 12px;
        background-image: url(/template/img/page/bascket01.png);
        background-size: 56px;
        background-repeat: no-repeat;
        background-position: 186px -5px;
        border-top: 2px solid #f89b2f;
        font-size: 11px;
        OPACITY: 0.9;
    }

        .btn_bascket_new input[type=submit]:hover {
            width: 100%;
            height: 28px;
            background: #F75C29;
            float: left;
            color: #fff;
            font-family: IRAN-sans;
            border: none;
            cursor: pointer;
            border-radius: 0 0 12px 12px;
            background-image: url(/template/img/page/bascket01.png);
            background-size: 56px;
            background-repeat: no-repeat;
            background-position: 178px -5px;
            border-top: 2px solid #4caf50;
            font-size: 12px;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            -ms-transition: all .5s;
            OPACITY: 1;
        }

/*btn bascket product*/
.btn_bascket {
    width: 100%;
    height: 10px;
    display: block;
    margin-top: 5px;
}

    .btn_bascket input[type=submit] {
        width: 100%;
        height: 28px;
        background-color: #4caf50;
        float: left;
        color: #fff;
        font-family: IRAN-sans;
        border: none;
        border-radius: 0 0 12px 12px;
        background-image: url(/template/img/page/bascket01.png);
        background-size: 56px;
        background-repeat: no-repeat;
        background-position: 145px -5px;
        border-top: 2px solid #f89b2f;
        font-size: 10px;
        OPACITY: 0.9;
    }

        .btn_bascket input[type=submit]:hover {
            width: 100%;
            height: 28px;
            background: #F75C29;
            float: left;
            color: #fff;
            font-family: IRAN-sans;
            border: none;
            cursor: pointer;
            border-radius: 0 0 12px 12px;
            background-image: url(/template/img/page/bascket01.png);
            background-size: 56px;
            background-repeat: no-repeat;
            background-position: 148px -5px;
            border-top: 2px solid #4caf50;
            font-size: 11px;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            -ms-transition: all .5s;
            OPACITY: 1;
        }



/*//////////////////table ////////////////*/
.table {
    /*background: #EFA91E;*/
    width: 100%;
    height: 100px;
    font-size: 12px;
}

.ro_title {
    width: 100%;
}

.col_title {
    background: #DDEBF4;
    height: 30px;
    float: right;
    padding: 0 5px 0 5px;
    direction: rtl;
    text-align: center;
    border: 1px solid #c0d7e6;
}

    .col_title span {
        text-align: center;
        vertical-align: middle;
        line-height: 30px;
    }

.ro {
    width: 100%;
    margin-top: 10px;
}

.col {
    background: #fff;
    height: 117px;
    float: right;
    padding: 0 5px 0 5px;
    direction: rtl;
    text-align: center;
    border: 1px solid #f0f1f2;
    font-family: webYekan-Regular;
}

    .col span {
        text-align: center;
        vertical-align: middle;
        /* line-height: 90px; */
        margin-top: 40px;
        display: block;
    }


.btn_nex input[type=submit] {
    width: 100%;
    height: 28px;
    background-color: #4caf50;
    float: left;
    color: #fff;
    font-family: IRAN-sans;
    border: none;
    border-radius: 0 0 12px 12px;
    background-image: url(/template/img/page/bascket01.png);
    background-size: 56px;
    background-repeat: no-repeat;
    background-position: 145px -5px;
    border-top: 2px solid #f89b2f;
    font-size: 10px;
    OPACITY: 0.9;
}

.btn_bascket input[type=submit]:hover {
    width: 100%;
    height: 28px;
    background: #F75C29;
    float: left;
    color: #fff;
    font-family: IRAN-sans;
    border: none;
    cursor: pointer;
    border-radius: 0 0 12px 12px;
    background-image: url(/template/img/page/bascket01.png);
    background-size: 56px;
    background-repeat: no-repeat;
    background-position: 148px -5px;
    border-top: 2px solid #4caf50;
    font-size: 11px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    OPACITY: 1;
}

#conterlist {
}


    #conterlist input[type=text], select {
    }

.txtBox {
    direction: rtl;
    width: 94%;
    /*height: 95%;*/
    border: none;
    font-family: IRAN-sans;
    font-size: 10px;
    padding: 10px;
}


.btn_delete {
    width: 100%;
    height: 100%;
    background-color: #ffedee;
    border: none;
    background-image: url(/template/img/page/del.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 5px 45px;
    cursor: pointer;
}

.icon_delet {
    background-image: url(/template/img/page/RecycleBin.png);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 3px -2px;
}

.title_cart {
    width: 100%;
    height: 70px;
    display: block;
}

    .title_cart span {
        width: 60%;
        float: right;
        direction: rtl;
        text-align: justify;
        font-size: 13px;
        padding: 10px 30px 10px 20px;
    }

.btn_next {
    width: 180px;
    height: 100%;
    float: right;
    margin-top: 10px;
}

    .btn_next input[type=submit] {
        width: 100%;
        height: 32px;
        background-color: #006fbb;
        float: right;
        color: #fff;
        font-family: webYekan-Regular;
        font-size: 12px;
        border: none;
        border-radius: 14px 2px 2px 14px;
        background-image: url(/template/img/page/next.png);
        background-size: 42px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        OPACITY: 0.9;
        text-align: right;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
        padding-right: 10px;
        cursor: pointer;
    }

        .btn_next input[type=submit]:hover {
            width: 100%;
            height: 32px;
            background-color: #4caf50;
            float: right;
            color: #fff;
            font-family: webYekan-Regular;
            font-size: 13px;
            border: none;
            border-radius: 14px 2px 2px 14px;
            background-image: url(/template/img/page/next.png);
            background-size: 42px;
            background-repeat: no-repeat;
            background-position: -12px 0px;
            OPACITY: 0.9;
            text-align: right;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            -ms-transition: all .5s;
            padding-right: 30px;
            cursor: pointer;
        }


.price {
    width: 40%;
    margin: 10px;
    float: left;
}

.price_box {
    width: 100%;
    height: 30px;
    border: 2px solid #d7e5ee;
    padding: 7px;
    /*display: inline-block;*/
    font-size: 12px;
    border-radius: 10px;
}

    .price_box span {
        margin: 2px 6px;
    }


.message {
    width: 50%;
    margin: 15px;
    float: right;
    font-size: 12px;
}

.price_box {
    width: 100%;
    height: 30px;
    border: 2px solid #d7e5ee;
    padding: 7px;
    /*display: inline-block;*/
    font-size: 12px;
}

    .price_box span {
        margin: 2px;
    }



a.tip {
    /*border-bottom: 1px dashed;
    text-decoration: none*/
}

    a.tip:hover {
        cursor: pointer;
        position: relative;
    }

    a.tip span {
        display: none;
    }

    a.tip:hover span {
        /*border: #c0c0c0 1px dotted;*/
        padding: 5px 5px 5px 5px;
        display: block;
        z-index: 100;
        background: #ffbbbf;
        color: #2f2c2c;
        left: 0px;
        margin: -5px -30px;
        width: 100px;
        position: absolute;
        top: 10px;
        text-decoration: none;
        border-radius: 5px;
    }

.user {
    width: 60%;
    margin: 0 auto;
    background: #e6f1fb;
    height: 210px;
    padding: 10px;
    border-radius: 10px;
}

    .user .row-u {
        width: 100%;
        float: right;
        /*height: 100%;*/
    }

        .user .row-u .col-row {
            float: right;
            padding-top: 15px;
            direction: rtl;
            margin-right: 6px;
        }

            .user .row-u .col-row .c_icon_name {
                width: 42px;
                height: 35px;
                float: right;
                background: url(/template/img/page/contacticon2.png) no-repeat 0px -5px;
                background-size: 50px;
            }


            .user .row-u .col-row .c_icon_mail {
                width: 42px;
                height: 35px;
                float: right;
                background: url('/template/img/page/contacticon2.png') no-repeat 0px -191px;
                background-size: 50px;
            }

            .user .row-u .col-row .c_icon_phone {
                width: 42px;
                height: 35px;
                float: right;
                background: url('/template/img/page/contacticon2.png') no-repeat 0px -146px;
                background-size: 50px;
            }


            .user .row-u .col-row label {
                font-size: 13px;
                position: absolute;
                margin-right: 50px;
            }

            .user .row-u .col-row input {
                height: 35px;
                width: 200px;
                margin: 0 0 0 35px;
                padding: 0 10px 0 10px;
                border: 1px solid #ddebf4;
                font: inherit;
                font-size: 10px;
                background: #ffffff;
                border-radius: 6px;
            }

                .user .row-u .col-row input:hover {
                    border-bottom: 2px solid #0a89ea;
                }

.title_cartUser {
    width: 100%;
    height: 70px;
}

    .title_cartUser span {
        float: right;
        direction: rtl;
        text-align: center;
        font-size: 12px;
        padding: 10px 30px 10px 20px;
    }

.dot {
    background: #fafafa;
    border: 3px solid #bec2cc;
    border-radius: 100%;
    display: block;
    height: 18px;
    /* position: absolute; */
    /* top: -11px; */
    width: 18px;
    margin: 0 auto;
    background-image: url(/template/img/page/logo.png);
}

.order {
    float: right;
    width: 765px;
    height: 90px;
    padding: 10px;
    margin: 0 auto;
    background-image: url(/template/img/page/dot.png);
    background-size: 2px;
    background-position: -12px 22px;
    background-repeat: repeat-x;
}

.dash {
    float: right;
    padding: 0 10px;
    margin: 11px 2px;
    background: #f7fbff;
}

.order_1 {
    float: right;
}


    .order_1 .dot:hover {
        background: #0a89ea;
    }

.line_order {
    width: 160px;
    height: 2px;
    /*background: #777;*/
    margin: 13px 28px;
    float: right;
}


.btn_next2 {
    width: 240px;
    height: 100%;
    margin: 0 auto;
}

    .btn_next2 input[type=submit] {
        width: 100%;
        height: 32px;
        background-color: #006fbb;
        float: right;
        color: #fff;
        font-family: webYekan-Regular;
        border: none;
        border-radius: 14px 2px 2px 14px;
        background-image: url(/template/img/page/next.png);
        background-size: 42px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        font-size: 12px;
        OPACITY: 0.9;
        text-align: right;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
        padding-right: 25px;
        cursor: pointer;
    }

        .btn_next2 input[type=submit]:hover {
            width: 100%;
            height: 32px;
            background-color: #4caf50;
            float: right;
            color: #fff;
            font-family: webYekan-Regular;
            border: none;
            border-radius: 14px 2px 2px 14px;
            background-image: url(/template/img/page/next.png);
            background-size: 42px;
            background-repeat: no-repeat;
            background-position: -12px 0px;
            font-size: 12px;
            OPACITY: 0.9;
            text-align: right;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            -ms-transition: all .5s;
            padding-right: 30px;
            cursor: pointer;
        }




.title_tracking {
    width: 1024px;
    direction: rtl;
}

.detail {
    width: 1024px;
    height: 61px;
    background: #e8e8e8;
    border-radius: 10px;
    padding: 24px 0;
    margin-top: 5px;
    direction: rtl;
    font-family: webYekan-Regular;
}


.sabt {
    width: 50%;
    float: right;
}

    .sabt img {
        width: 25px;
        float: right;
        margin: 0px 30px 0px 10px;
    }

.date {
    width: 30%;
    float: left;
    direction: ltr;
    margin-left: 40px;
}


.title1 {
    width: 1024px;
    height: 21px;
    text-align: center;
    background: #85b9da;
    color: #003b62;
    border-radius: 10px;
    padding: 10px 0;
    margin: 0 auto;
    background-size: 132px;
    margin-top: 18px;
    direction: rtl;
    background-image: url(/template/img/page/download3.png);
}

.detail .name {
    float: right;
    text-align: center;
    width: 33%;
}

.detail .phone {
    float: right;
    width: 33%;
    text-align: center;
}

.detail .traking {
    float: right;
    width: 33%;
    text-align: center;
}

.bold {
    font-weight: bold;
    margin-top: 6px;
}

.call {
    width: 1024px;
    margin: 0 auto;
    font-size: 13px;
    background: #eceef1;
    border-radius: 12px;
    padding: 10px 0;
}


    .call div {
        text-align: center;
        direction: rtl;
        padding: 1px;
    }

.btn_print {
    width: 144px;
    height: 100%;
    float: right;
    margin-top: 10px;
}

    .btn_print a {
        width: 100%;
        height: 32px;
        background-color: #519b55;
        float: right;
        color: #fff;
        font-family: IRAN-sans;
        border: none;
        border-radius: 14px 2px 2px 14px;
        background-image: url(/template/img/page/print.png);
        background-size: 55px;
        background-repeat: no-repeat;
        background-position: 115px 0px;
        font-size: 13px;
        text-align: center;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
        padding-right: 12px;
        cursor: pointer;
        line-height: 28px;
        font-family: webYekan-Regular;
    }

        .btn_print a:hover {
            width: 100%;
            height: 32px;
            background-color: #f75c29;
            float: right;
            color: #fff;
            font-family: IRAN-sans;
            border: none;
            border-radius: 14px 2px 2px 14px;
            background-image: url(/template/img/page/print.png);
            background-size: 55px;
            background-repeat: no-repeat;
            background-position: 117px 0px;
            font-size: 13px;
            text-align: center;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            -ms-transition: all .5s;
            padding-right: 20px;
            cursor: pointer;
            line-height: 28px;
            font-family: webYekan-Regular;
        }


/*//////////////////table print ////////////////*/


.tablep {
    width: 1024px;
    font-size: 12px;
    margin-left: 50px;
}

    .tablep .ro_title {
        width: 86%;
    }

    .tablep .col_title {
        background: #d6d6d6;
        height: 30px;
        float: right;
        padding: 0 5px 0 5px;
        direction: rtl;
        text-align: center;
        border: 1px solid #a2a2a2;
    }

        .tablep .col_title span {
            text-align: center;
            vertical-align: middle;
            line-height: 30px;
        }

    .tablep .ro {
        width: 86%;
        margin-top: 10px;
    }

    .tablep .col {
        background: #fff;
        height: 117px;
        float: right;
        padding: 0 5px 0 5px;
        direction: rtl;
        text-align: center;
        border: 1px solid #d2d0d0;
    }

        .tablep .col span {
            text-align: center;
            vertical-align: middle;
            margin-top: 40px;
            display: block;
        }


#divCalendar {
    width: 1024px;
    height: 100%;
    margin: 0px auto;
    display: block;
}

@media print {

    .adverise {
        display: none;
    }
}
/*
    بردن پرینت به صفحه دیگر
    .page-break {
    page-break-before: always;
}*/



/*icon shopping*/
.shopping {
    width: 150px;
    height: 30px;
    background: #006fbb;
    float: right;
    border-radius: 9px;
    padding: 3px;
    position: absolute;
}


    .shopping span {
        float: left;
        width: 30px;
        height: 30px;
        background: #ffffff;
        border-radius: 20px;
        text-align: center;
        line-height: 34px;
        position: absolute;
        margin: 0px 0 0 1px;
        z-index: 5000;
    }


    .shopping input[type="submit"] {
        width: 100%;
        height: 30px;
        float: right;
        background: #006fbb;
        border: none;
        border-radius: 7px;
        background-image: url(/template/img/page/bascket02.png);
        background-size: 23px;
        background-repeat: no-repeat;
        background-position: 119px 4px;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        font-family: webYekan-Regular;
    }

        .shopping input[type="submit"]:hover {
            background: #4caf50;
            background-image: url(/template/img/page/bascket02.png);
            background-size: 23px;
            background-repeat: no-repeat;
            background-position: 119px 4px;
        }



.btn_bascket2 {
    width: 188px;
    height: 45px;
    display: block;
    margin-top: 13px;
    float: left;
    margin-left: 13px;
}

    .btn_bascket2 input[type=submit] {
        width: 100%;
        height: 41px;
        background-color: #006fbb;
        float: left;
        color: #fff;
        font-family: IRAN-sans;
        border: none;
        border-radius: 8px;
        background-image: url(/template/img/page/bascket03.png);
        background-size: 70px;
        background-repeat: no-repeat;
        background-position: 144px -1px;
        font-size: 10px;
        OPACITY: 0.9;
        padding-right: 16px;
        cursor: pointer;
    }

        .btn_bascket2 input[type=submit]:hover {
            width: 100%;
            height: 41px;
            background-color: #029c9a;
            float: left;
            color: #fff;
            font-family: IRAN-sans;
            border: none;
            border-radius: 8px;
            background-image: url(/template/img/page/bascket03.png);
            background-size: 70px;
            background-repeat: no-repeat;
            background-position: 136px -1px;
            font-size: 11px;
            OPACITY: 0.9;
            padding-right: 30px;
            cursor: pointer;
        }


.ddl_Number {
    width: 90px;
    float: left;
    padding: 5px;
    font-family: webYekan-Regular;
    border-top: 3px solid #167bc1;
    border-radius: 8px;
}


.dtl_left2 {
    width: 600px;
    float: left;
    background: #EBF3FA;
    margin: 0 30px;
}


.ddl_Number2 {
    width: 61px;
    height: 30px;
    margin-top: 35px;
    font-family: webYekan-Regular;
}



.subjectDtl {
    background-color: #ddebf4;
    color: #000000;
    padding: 1px 0px;
    text-align: center;
    font-size: 12px;
    border-left: 1px solid #fff;
    height: 30px;
    border: 2px solid #c0d7e6;
}

.DataDtl {
    background-color: #fff;
    color: #393939;
    padding: 5px 0px;
    text-align: center;
    font-size: 13px;
    border-left: 1px solid #393939;
    border-bottom: 1px solid #393939;
}

.BgDtl {
    background-image: url(/template/img/page/RecycleBin.png);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 10px -2px;
}


.DataItemBox {
    padding: 5px;
    font-family: webYekan-Regular;
    font-size: 12px;
    border: 2px solid #ddebf4;
}




/*------------------------------------------ answer HM 13991126 --------------------------------*/

.box_insert_answer {
    /*background: #eee;*/
    padding-right: 10px;
    padding-bottom: 15px;
    height: 223px;
}



    .box_insert_answer .box_insertLi_answer {
        float: right;
        margin: 7px;
    }

.box_insertLi_answer input[type="text"] {
    float: right;
    /* padding: 10px; */
    width: 250px;
    height: 27px;
    color: #4E4E4E;
    background: #ffffff;
    outline: none;
    display: block;
    border-bottom: 2px solid #d7e0ff;
    border-right: 0px solid #d7e0ff;
    border-left: 2px solid #d7e0ff;
    border-top: 2px solid #d7e0ff;
    text-align: right;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    border-radius: 20px 0px 00px 20px;
    direction: rtl;
    font-size: 12px;
    font-family: 'IranSans',Arial;
    padding-right: 10px;
}



.btn_answer input[type="submit"] {
    width: 300px;
    height: 32px;
    color: #fff;
    background: #006fbb;
    outline: none;
    display: block;
    border: none;
    text-align: center;
    font-family: 'IranSans',Arial;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    border-radius: 3px;
    margin: 0 auto;
}


.box_insertLi_answer input[type="text"]:hover {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    text-decoration: none;
    background: #cbe9ff;
    cursor: text;
}

.btn_answer input[type="submit"]:hover {
    -webkit-transform: rotateY(15deg);
    -moz-transform: rotateY(15deg);
    -ms-transform: rotateY(15deg);
    transform: rotateY(15deg);
    text-decoration: none;
    background: #006fbb;
    cursor: pointer;
}


.box_insertLi_answer .img_textBox_gender {
    background: url("../../img/page/iconslist.png") 0 98px;
    width: 35px;
    height: 30px;
    float: right;
    border: 0;
    display: block;
    background-size: 100%;
    background-color: #006fbb;
}

.box_insertLi_answer .img_textBox_name {
    background: url("../../img/page/iconslist.png") 0 138px;
    width: 35px;
    height: 30px;
    float: right;
    border: 0;
    display: block;
    background-size: 100%;
    background-color: #006fbb;
}

.box_insertLi_answer .img_textBox_phone {
    background: url("../../img/page/iconslist.png") 0 -35px;
    width: 35px;
    height: 30px;
    float: right;
    border: 0;
    display: block;
    background-size: 100%;
    background-color: #006fbb;
}

.box_insertLi_answer .img_textBox_idserial {
    background: url("../../img/page/iconslist.png") 0 -2px;
    width: 35px;
    height: 30px;
    float: right;
    border: 0;
    display: block;
    background-size: 100%;
    background-color: #006fbb;
}

.box_insertLi_answer .img_textBox_message {
    background: url("../../img/page/iconslist.png") 0 32px;
    width: 35px;
    height: 30px;
    float: right;
    border: 0;
    display: block;
    background-size: 100%;
    background-color: #006fbb;
}



.answer_panel {
    width: 100%;
    background: #eff9ff;
    height: 100%;
    margin: 10px 0 10px 0;
    display: inline-block;
    border-bottom: 3px solid #CDCDCD;
}

.R_answer_panel {
    float: right;
    width: 10%;
    height: 100px;
    background: #006fbb;
    text-align: center;
    direction: rtl;
    color: #fff;
    font-size: 15px;
    border-radius: 10px;
}

.L_answer_panel {
    float: left;
    width: 90%;
    height: 100%;
    font-size: 15px;
}

.quastion {
    height: 50%;
    float: right;
    width: 95%;
    text-align: right;
    margin: 10px;
    /*font-weight: bold;*/
    background: #fff;
    padding: 11px;
    border-radius: 18px;
}

.answer_Q {
    height: 50%;
    float: right;
    width: 100%;
    text-align: right;
    margin: 10px;
    color: #076A17;
}
/*------------------------- document ---------------------------*/
.doc {
    width: 100%;
}

    .doc a {
        width: 100px;
    }

        .doc a:hover .box_file {
            background: #fff;
            border-top: 3px solid #5BDDCB;
        }

        .doc a:hover .box_sub {
            color: #ff6d3b;
        }


/*//////// star ------------------------//////*/

* {
    margin: 0;
    padding: 0;
}

.star {
    width: 100%;
    height: 100px;
}



    .star .numberStar {
        float: right;
        padding: 20px 21px 0 2px;
        direction: rtl;
    }

        .star .numberStar span {
            margin: 0px 3px;
        }

    .star .numberStarAll {
        width: 100%;
        float: right;
        direction: rtl;
        margin: -5px 125px;
    }


        .star .numberStarAll span {
            margin: 0px 3px;
        }

    .star .rate {
        float: right;
        /*height: 46px;*/
        padding: 0 10px;
    }

.rate:not(:checked) > input {
    position: absolute;
    top: -9999px;
}

.rate:not(:checked) > label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 40px;
    color: #ccc;
}

    .rate:not(:checked) > label:before {
        content: '★ ';
    }

.rate > input:checked ~ label {
    color: #ffc700;
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;
}

.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

/* Modified from: https://github.com/mukulkant/Star-rating-using-pure-css */



.starclinic {
    float: left;
    width: 41%;
}

    .starclinic .rate {
        float: left;
        margin-left: 46px;
    }

    .starclinic .numberStar {
        float: left;
        padding: 20px 21px 0 2px;
        direction: rtl;
    }

        .starclinic .numberStar span {
            margin: 0px 3px;
        }

.numberStarAll {
    float: left;
    direction: rtl;
    margin: -5px 125px;
}


.starclinic .numberStarAll span {
    margin: 0px 3px;
}


.btnAfterClick_StarRate {
    display: none;
}

.staricon {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

    .staricon img {
        width: 20px;
        float: right;
    }

.imgcover {
    height: 180px;
    object-fit: cover;
   
}
::-webkit-scrollbar {
    width: 13px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #0097ff;

}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
        cursor: pointer;
    }




.post-date-New input[type="submit"] {
    float: left;
    width: 91px;
    height: 38px;
    color: #fff;
    /*background: #6E60B2;*/
    outline: none;
    display: block;
    border: none;
    text-align: center;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    border-radius: 20px 0 0 20px;
    font-family: 'IranSans',Arial;
    background: url(/template/img/arrow.png) #0097ff;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: 71px;
    padding-right: 6px;
}

    .post-date-New input[type="submit"]:hover {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        transform: rotateY(15deg);
        text-decoration: none;
        background: #ff0000;
        cursor: pointer;
        background: url('/template/img/arrow.png') #ff0000;
        background-size: 57px;
        background-repeat: no-repeat;
        background-position: 50px;
    }



.post-date-New2 input[type="submit"] {
    float: left;
    width: 91px;
    height: 29px;
    color: #fff;
    /* background: #029B99;*/
    outline: none;
    display: block;
    border: none;
    text-align: center;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    border-radius: 10px 5px 5px 10px;
    font-family: 'IranSans',Arial;
    background: url(/template/img/arrow.png) #029B99;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: 71px;
    padding-right: 6px;
}

    .post-date-New2 input[type="submit"]:hover {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        transform: rotateY(15deg);
        text-decoration: none;
        background: #ff0000;
        cursor: pointer;
        background: url('/template/img/arrow.png') #ff0000;
        background-size: 57px;
        background-repeat: no-repeat;
        background-position: 50px;
    }

.NewDscpRight{
    overflow-y:scroll;
    direction:rtl;
    height:280px;
    padding: 0px 10px;
}


.articlesDscpRight {
    overflow-y: scroll;
    direction: rtl;
    height: 280px;
    padding: 0px 10px;
}

#BtnBuyBasket{
    width: 100%;
    height: 30px;
    float: right;
    background: #006fbb;
    border: none;
    border-radius: 7px;
    background-image: url(/template/img/page/bascket02.png);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: 120px 4px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-family: webYekan-Regular;
    text-align: center;
    line-height: 29px;
}
#BtnBuyBasket:hover{
    background-color:#4caf50;
}